/*
 * Theme Name: Novotek Theme
 * Author: secret
 * Description: WordPress Theme für Novotek
 * Version: 1.0
 * Text Domain: novotek
 */

@font-face {
    font-display: swap;
    font-family: 'inter';
    font-style: normal;
    font-weight: 300;
    src: url('assets/fonts/inter/Inter_24pt-Light.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'inter';
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/inter/Inter_24pt-Regular.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'inter';
    font-style: normal;
    font-weight: 500;
    src: url('assets/fonts/inter/Inter_24pt-Medium.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'inter';
    font-style: normal;
    font-weight: 600;
    src: url('assets/fonts/inter/Inter_24pt-SemiBold.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'inter';
    font-style: normal;
    font-weight: 700;
    src: url('assets/fonts/inter/Inter_24pt-Bold.ttf') format('truetype');
}

:root {
    --pink: #E2137C;
    --lightgray: #F4F4F4;
    --lightgray-readonly: #dedede;
    --button-font-color: #FFFFFF;
    --textgray: #B9B9B9;
    --dotgray: #969696;
    --mediumgray: #767676;
    --bs-gutter-x: 1.5rem;
}

body.mobilenav-active {
    overflow: hidden;
}

@media (min-width: 1400px) {
    .container {
        max-width: 1242px;
    }
}

h1,
h2 {
    font: normal normal 600 30px/36px 'inter';
    letter-spacing: 0.3px;
}

address {
    margin-bottom: 0;
}

/* more is deprecated use 'highlighted' */
.more,
.highlighted {
    color: var(--pink);
    font: normal normal 500 20px / 28px 'inter';
    text-underline-offset: 8px;
    text-decoration: underline !important;

    &.invert {
        color: white;
        text-decoration-color: white;
    }
}

p.disclaimer {
    margin-top: 14px;
    margin-bottom: 0;
    font: normal normal normal 12px/18px 'inter';
    letter-spacing: 0px;
    color: var(--mediumgray);
}

input {
    &[type=text],
    &[type=password],
    &[type=email] {
        background-color: var(--lightgray);
        border: none;

        color: var(--mediumgray);
        font: normal normal normal 16px/24px 'inter';

        padding: 14px 17px;

        transition: background 0.3s linear;

    }

    &[readonly] {
        pointer-events: none;
        cursor: not-allowed;
        background-color: var(--lightgray-readonly) !important;
        transition: background 0.3s linear;

        &:focus,
        &:focus-visible {
            outline: none !important;
        }
    }
}

button,
input,
a {
    &.novotek-button {
        border-radius: 0 !important;
        border: none;
        display: block;
        font: normal normal 600 20px/30px 'inter' !important;
        text-decoration: none;
        padding: 16px !important;
        min-width: 209px;
        max-width: 100%;
        transition: all 0.3s ease-in-out;

        &.invert {
            border: 1px solid var(--pink);
            background-color: var(--pink) !important;
            color: var(--button-font-color) !important;

            &:hover {
                background-color: transparent !important;
                color: var(--pink) !important;
            }
        }

        &:not(.invert) {
            background-color: var(--lightgray) !important;
            color: var(--pink) !important;
        }

        &.full-width {
            width: 100% !important;
        }

        &.text-center {
            text-align: center !important;
        }
    }
}

input::placeholder,
textarea::placeholder {
    color: #B9B9B9 !important;
}

.custom-select {
    position: relative;
    display: inline-block;

    select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;

        background-color: var(--lightgray);
        border: none;
        padding: 12px 34px 12px 12px;

        outline: none;

        transition: transform 0.3s ease;
    }


    &::after {
        content: "";
        position: absolute;
        top: 45%;
        right: 14px;
        width: 8px;
        height: 8px;
        border-left: 2px solid black;
        border-bottom: 2px solid black;
        transform: rotate(315deg) translate(0, -50%);
        transition: transform 0.3s ease, top 0.3s ease;
        pointer-events: none;
    }

    &:has(select.open)::after {
        top: 50%;
        transition: transform 0.3s ease, top 0.3s ease;
        transform: rotate(135deg) translate(0, 50%);
    }
}

.arrow-down {
    width: 12px;
    height: 12px;

    border-left: 2px solid black;
    border-bottom: 2px solid black;
    transform: rotate(315deg);
    transition: transform 0.3s ease;
}

ul.technical_data {
    padding-left: 0;
    list-style-type: none;

    li {
        padding: 12px 33px;
        width: fit-content;
        min-width: 260px;

        &:nth-child(odd) {
            background-color: var(--lightgray);
        }
    }
}

.sidebar-container {
    position: fixed;
    top: 30%;
    right: 0;
    transform: translateY(-30%);
    z-index: 99;
    pointer-events: none;
}

.sidebar_popup {
    position: relative;

    display: flex;
    flex-direction: row-reverse;

    .toggle {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 16px;
        /* min-height: 290px; */
        transition: 0.3s all;

        background-color: var(--button-font-color);
        color: var(--pink);

        span {
            font: normal normal 500 20px/1 'inter';
            /* writing-mode: sideways-lr; */
            writing-mode: tb-rl;
            rotate: 180deg;
        }
    }

    .content {
        background-color: var(--lightgray);
        display: flex;
        flex-direction: row;
        opacity: 0;
        pointer-events: none;
        transition: 0.3s all;
        /* clip: rect(0 0 0 0); */
        /* clip-path: inset(50%); */
        /* height: 1px; */
        /* overflow: hidden; */
        /* position: absolute;  */
        /* right: 9999999999px; */
        /* white-space: nowrap; */
        /* width: 1px;  */

        .left {
            img {
                width: auto;
                height: 100%;
                max-height: 290px;
            }
        }

        .right {
            padding: 36px 39px 36px 66px;

            .heading {
                font: normal normal 600 22px/30px 'inter';
                letter-spacing: 0px;
                margin-bottom: 18px;
                display: block;
            }

            .description {
                a {
                    text-decoration: none;
                    color: black;
                }
            }
        }
    }

    &.vertical {
        .content {
            flex-direction: column;
            color: white;
            background-color: var(--pink);
            padding: 29px 55px 35px 36px;

            .heading {
                font: normal normal bold 22px/34px 'inter';
                letter-spacing: -0.11px;
                margin-bottom: 17px;
            }

            .description {
                margin-bottom: 30px;
            }
        }
    }

    &.open {
        &.invert {
            .toggle {
                background-color: var(--lightgray);
                color: var(--pink);
            }
        }

        &:not(.invert) {
            .toggle {
                background-color: var(--pink);
                color: var(--lightgray);
            }
        }

        .toggle {
            .title {
                display: none;
            }
        }

        .content {
            opacity: 1;
            pointer-events: auto;
        }
    }

    &:not(.open) {
        .toggle {
            background-color: var(--pink);
            color: var(--button-font-color);

            .title {
                display: block;
            }

            .close {
                display: none;
            }
        }

        .content {
            background-color: var(--lightgray);
            color: var(--pink);
            pointer-events: none;
        }
    }

    button {
        pointer-events: auto;
    }
}

/* Menus: start */
section.mobile-menu {
    border-top: 8px solid var(--pink);
    position: fixed;
    top: 0;
    left: 0;
    background: white;
    width: 100%;
    height: 100%;
    z-index: 100;

    .head {
        padding-top: 21.5px;
        padding-bottom: 21.5px;
        line-height: 15px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        --webkit-justify-content: space-between;
        align-items: center;
    }

    img.close-icon {
        height: 18px;
        width: auto;
    }

    a.logo-anchor {
        text-decoration: none;
        color: inherit;

        svg {
            fill: var(--pink);
            height: 16px;
            width: auto;
        }
    }

    .search {

        label,
        input {
            width: 100%;
        }

        input {
            padding: 16px 13px;
            padding-left: 37px;
            border: none;
            background-color: var(--lightgray);
        }

        input::placeholder,
        input {
            font-size: 12px;
            line-height: 15px;
            font-weight: 500;
        }

        img.search-icon {
            height: 16px;
            width: auto;
        }

        img.search-icon {
            position: absolute;
            left: 13px;
            top: 0;
            bottom: 0;
            margin: auto;
        }

        .search-input-wrap {
            position: relative;
        }
    }

    .menu-wrap {
        margin-top: 30px;
        position: relative;
        /* height: calc(100vh - 146px); */
        height: 100vh;
        overflow: auto;

        .nav-wrap {
            height: 100%;
        }

        ul {
            list-style: none;
            padding: 0;
            margin: 0;
            display: flex;
            flex-direction: column;

            &.main-mobile-nav {
                > li > ul.sub-menu {
                    height: calc(100vh - 240px);
                    overflow-x: scroll;
                }
            }

            li.highlight {
                border-bottom: 2px solid var(--lightgray);
                padding-bottom: 26px;
                position: relative;

                &::after {
                    content: url('assets/icons/angle-right-regular.svg');
                    height: 18px;
                    width: 12px;
                    display: inline-block;
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    right: 0;
                    margin: 2px 0 0 0;
                }
            }

            li.menu-item:not(li.menu-item:last-of-type) {
                margin-bottom: 18px;
            }

            ul li.menu-item:not(ul li.menu-item:last-of-type) {
                margin-bottom: 26px;
            }

            ul.sub-menu {
                > div {
                    /* overflow-x: scroll; */
                }
            }

            li {
                width: 100%;

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

        ul.bottom {
            li.menu-item:not(li.menu-item:last-of-type) {
                margin-bottom: 26px;
            }
        }

        nav+nav {
            border-top: 1px solid #E5E5E5;
            padding-top: 30px;
            margin-top: 30px;
        }

        .main-mobile-nav.bottom {
            a {
                font-size: 16px;
                line-height: 24px;
                letter-spacing: 0.16px;
                font-weight: 500;
            }
        }

        .main-mobile-nav {
            li.current-menu-ancestor,
            li.current-menu-item {
                &:not(.highlight) {
                    > .menu-item-wrapper {
                        a {
                            color: var(--pink);
                        }
                    }
                }
            }

            a {
                font-size: 22px;
                line-height: 26px;
                letter-spacing: 0.22px;
                font-weight: 500;
                position: relative;
                /* width: 100%; */
                width: fit-content;
                display: inline-block;
            }

            a.go-back::before {
                content: url('assets/icons/angle-left-regular.svg');
                height: auto;
                width: 10px;
                display: inline-block;
                vertical-align: text-top;
                margin-right: 15px;
            }

            .menu-item-wrapper {
                display: flex;

                a {
                    /* flex: 1; */
                }

                button {
                    position: relative;
                    margin-left: auto;

                    &.submenu-toggle::after {
                        content: url('assets/icons/angle-right-regular.svg');
                        height: 18px;
                        width: 12px;
                        display: inline-block;
                        position: absolute;
                        top: 0;
                        bottom: 0;
                        right: 0;
                        margin: auto;
                    }
                }
            }

            .sub-menu {
                position: absolute;
                top: 0;
                left: 0;
                background: white;
                width: 100%;
                /* height: 100%; */
                z-index: 100;

                .submenu-title {
                    margin-top: 50px;
                    margin-bottom: 26px;
                    color: var(--textgray);
                    font: normal normal 500 14px/24px 'inter';
                    letter-spacing: 0.14px;
                }

                a {
                    font-size: 16px;
                    line-height: 24px;
                    letter-spacing: 0.16px;
                    font-weight: 400;
                }

                a.go-back {
                    font-size: 14px;
                    line-height: 24px;
                    letter-spacing: 0.14px;
                    font-weight: 400;
                }

                li.highlight a {
                    font-weight: 500;
                }
            }
        }
    }
}

header {
    border-top: 8px solid var(--pink);
    border-bottom: 2px solid var(--lightgray);

    height: 125px;
    line-height: 15px;

    padding-top: 25px;
    padding-bottom: 15px;

    background-color: white;

    position: fixed;
    top: 0;
    width: 100%;

    z-index: 10;

    >.container {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .logo-anchor {
        line-height: 16px;

        svg {
            fill: var(--pink);
        }

        svg,
        img {
            /* width: 82px; */
            height: 16px;
        }
    }

    a,
    span.wpml-ls-native {
        color: black;
        text-decoration: none;
        font: normal normal 500 12px/15px 'inter';
    }

    .right {
        display: flex;
        justify-content: flex-end;

        a {
            margin-top: auto;

            img {
                margin-right: 10px;
            }

            &.cart-link {
                display: flex;
                align-items: center;

                &.current-menu-item{
                    color: var(--pink);
                }

                div.icon-wrapper {
                    width: fit-content;
                    position: relative;

                    .cart-count {
                        position: absolute;
                        border-radius: 50%;
                        color: white;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        /* padding: 4px; */
                        width: 22px;
                        height: 22px;
                        font: normal normal 600 10px/12px 'inter';
                        background-color: var(--pink);
                        top: -2px;
                        right: -12px;
                        transform: translate(-50%, -50%);

                        &.max {
                            width: 26px;
                            height: 26px;
                            top: -4px;
                            right: -16px;
                        }
                    }
                }
            }
        }

        .linkcontent {
            display: flex;
            flex-wrap: wrap;
            align-items: center;

            img {
                height: 19px;
                margin-bottom: auto;
            }
        }

        >span>img {
            margin-right: 10px;
        }

        >span:not(:last-child) {
            margin-right: 60px;
        }

        .wpml-ls-legacy-dropdown {
            width: fit-content;
            height: min-content;
            margin-top: auto;

            a {
                padding: 0;
                border: none;

                &::after {
                    content: none;
                }
            }

            li:hover {
                a {
                    background: none;
                }
            }

            .wpml-ls-sub-menu {
                border-top: 0;
                padding-top: 5px !important;
            }
        }
    }

    .mainmenu {

        nav {

            >ul {

                >li.current-page-parent,
                >li.current_page_parent,
                >li.current_page_item,
                >li.current-menu-ancestor {
                    >a {
                        border-bottom: 4px solid var(--pink);
                    }
                }

                li {

                    a {
                        white-space: nowrap;
                        font: normal normal 500 16px/19px 'inter';
                        padding-bottom: 12px;
                    }

                    &:not(:last-child) {
                        margin-right: 45px;
                    }
                }
            }
        }
    }
}

ul.menu {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;

    &.overflow {
        overflow-x: scroll;

        .menu-item {
            padding-bottom: 10px;
        }

        &::-webkit-scrollbar {
            background-color: white;
            height: 8px;
            margin-top: 8px;
        }

        &::-webkit-scrollbar-thumb {
            background-color: var(--lightgray);
        }
    }

    li {

        &.current-page-parent,
        &.current_page_parent,
        &.current_page_item,
        &.current_page_item,
        &.current-menu-ancestor {
            > a,
            > a span.title {
                color: var(--pink) !important;
                font: normal normal 600 16px/19px 'inter';
                font-weight: 600 !important;
            }
        }
    }
}

div.header.submenu {
    display: flex;
    z-index: 10;

    &:not(.shop_categories) {
        height: 55px;

        *:not(ul, ul *) {
            height: 55px;
        }
    }

    &:not(.active, :has(li.current-menu-item, li.current-menu-parent, a.current-menu-parent)) {
        display: none;
    }

    &.submenu-0:not(:has(.active)) {
        margin-top: 125px;
    }

    &.submenu-0:has(.active) {
        top: 125px
    }

    &.shop_categories {

        padding: 18px 0;

        &:has(.current-menu-item:not(.menu-item-has-children)) {
            .menu-item:has(img) {
                width: auto;
                min-width: unset;
                max-width: 154px;
                height: auto;

                a {
                    span.title {
                        /* font-weight: 600 !important; */
                        margin-top: 0;
                        white-space: nowrap;
                    }

                    img {
                        display: none;
                        width: 0;
                        height: 0;
                    }
                }
            }

            .title {}
        }

        &.submenu-2:has(.current-menu-item:not(.menu-item-has-children)) {
            .menu-item:has(img) {
                max-width: unset;
            }
        }

        .menu-item {
            display: flex;
            flex-direction: column;

            text-decoration: none;

            color: black;

            &:has(img) {
                min-width: 154px;
                max-width: 154px;
            }

            &:not(:last-child) {
                margin-right: 27px;
            }

            img {
                width: 154px;

                min-height: 95px;
                max-height: 97px;

                object-fit: cover;
            }

            .title {
                font: normal normal normal 16px/24px 'inter';
            }
        }

        .menu-item:has(img) {
            .title {
                margin-top: 16px;
            }
        }
    }

    /* The following 2 selectors cannot be combined */
    &:has(.active, li.current-menu-item, li.current-menu-parent) {
        border-bottom: 2px solid var(--lightgray);
    }

    &:has(+ .submenu-1:not(.active)) {
        border-bottom: 2px solid var(--lightgray);
    }

    &:has(.active) {
        position: fixed;
        width: 100%;

        background-color: white;
        border-bottom: 2px solid var(--lightgray);

        transition: top 0.2s ease, border-top-width 0.2s ease;

        li {
            span.title {
                /* font-weight: normal !important; */
            }
        }
    }

    nav {
        display: flex;
        align-items: center;
        /* width: 1240px; */
        margin: 0 auto;

        li {
            &:not(:last-child) {
                margin-right: 25px;
            }

            a {
                color: black;
                font: normal normal normal 16px/19px 'inter';
                text-decoration: none;
                &:not(:has(img)) {
                    white-space: nowrap;
                }
            }
        }
    }
}

/* Menus: end */

/* Thumbnail: start */

section.header-image {
    text-align: center;
    background-color: var(--lightgray);
    img {
        aspect-ratio: 72/25;
        width: 100%;
        max-width: 1214px;
        height: auto;
        object-fit: cover;
    }

    + div.breadcrumbs {
        margin-top: 45px;
    }
}

/* Thumbnail: end */

/* Breadcrumbs: start */

div.submenu-0:not(.shop_categories)+div.breadcrumbs {
    margin-top: 210px;
}

div.submenu-0.shop_categories+div.breadcrumbs {
    margin-top: 350px;
}

div.breadcrumbs {
    margin-top: calc(55px + 45px);

    nav.breadcrumbs {
        font: normal normal normal 12px/15px 'inter';
        letter-spacing: 0px;

        li:not(:last-child) {
            &::after {
                content: '|';
                margin: 0 15px;
            }
        }

        a,
        span {
            color: black;

            font: normal normal normal 12px/15px 'inter';
            letter-spacing: 0px;

            text-decoration: none;
        }
    }

    +main {
        margin-top: 100px;
    }
}

/* Breadcrumbs: end */

body {
    background-color: #FFF;
    color: #000;
    font-family: 'inter';
    font-size: 16px;
    position: relative;
    &.admin-bar {
        header {
            /* top: 32px !important; */
        }
    }

    &.woocommerce-lost-password {
        main {
            height: 80vh;
        }
    }
}

main {
    /* Remove */
    min-height: 80vh;
    
    > div.container {
        padding: 0;
    }
}

main, .header-image, div.breadcrumbs{
    transition: all 0.3s ease-out;
}

footer {
    min-height: 356px;
    background-color: var(--lightgray);

    .container {
        padding-top: 67px;
        padding-bottom: 86px;

        h4 {
            margin-bottom: 30px;
            font: normal normal 500 22px/26px 'inter';
        }

        a,
        p {
            color: black;
            font: normal normal normal 14px/26px 'inter';
            text-decoration: none;

            &:not(:last-child) {
                margin-bottom: 0px;
            }
        }

        #menu-footer-menu {
            padding: 0;
            list-style-type: none;

            li {
                margin-bottom: 26px;

                a {
                    font: normal normal 500 22px/26px 'inter';
                }
            }

        }
    }

}

/* ACF Gutenberg blocks: start */

section {
    ul.slick-dots {
        display: flex;
        padding: 0;
        margin: 0;
        list-style-type: none;

        li {
            margin-right: 13px;

            width: 12px;
            height: 12px;
        }

        .slick-active {
            button {
                background-color: var(--pink);
            }
        }

        button {
            background-color: var(--dotgray);
            border: 0;
            border-radius: 50%;

            width: 12px;
            height: 12px;

            .slick-sr-only {
                display: none;
            }
        }
    }
}

.info-slider {

    background-color: var(--lightgray);

    ul.slick-dots {
        position: absolute;
        bottom: 36px;
        left: calc((100vw - 1242px + 12px) / 2);

        a {
            /*a11y font large text for contrast*/
            font-weight: 700;
        }
    }

    .slick {
        position: relative;

        &.slick-initialized {
            .slide {
                display: flex !important;
            }
        }

        &:not(.slick-initialized) {
            .slide {
                display: none;

                &:first-child {
                    display: flex;

                    img {
                        width: 100%;
                    }
                }
            }
        }

        .slick-track {
            height: calc(100vh - 125px);
            max-height: 690px;
            

            .slick-slide {
                height: 100%;

                > div {
                    height: 100%;

                    .slide {
                        /* display: none; */
                        height: 100%;
            
                        /* &:first-child {
                            display: flex;
                        } */
            
                        /* height: fit-content; */
                        /* max-height: fit-content; */
                        background-color: var(--lightgray);
                        .container {
                            height: 100%;
                            .row {
                                height: 100%;
                            }
                        }

                        .left {
                            padding-top: 70px;
                            padding-right: 115px;
                            /* padding-bottom: 157px; */
                            padding-bottom: 70px;
                            height: fit-content;
                        }
            
                        .right {
                            /* This calc adds the margin-right to the img width */
                            /* 1242px container width + 6px padding */
                            width: calc(100% + calc((100vw - 1242px + calc(var(--bs-gutter-x)* .5) + calc(var(--bs-gutter-x)* .5)) / 2));
                            height: 100%;
                        }
            
                        img {
                            aspect-ratio: 1.85/1;
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                        }
            
                        .title {
                            font: normal normal 400 16px / normal 'inter';
                            color: var(--pink);
                            margin-bottom: 13px;
                            letter-spacing: 0px;
                        }
            
                        h1,
                        h2 {
                            margin-bottom: 28px;
                        }
            
                        p {
                            font: normal normal normal 16px / 24px 'inter';
                            letter-spacing: 0.16px;
                        }
            
                        .content {
                            margin-bottom: 20px;
                        }
                    }
                }
            }
        }
    }
}

.title-text {

    /* margin: 112px 0; */

    .flex-row-reverse {

        .title,
        .subtitle {
            text-align: end;
            padding-right: 0;
        }

        .subtitle {
            float: right;
        }
    }

    .title {
        font: normal normal 600 30px/36px 'inter';
        letter-spacing: 0.3px;
        padding-right: 50px;
    }

    .subtitle {
        font: normal normal normal 16px/22px 'inter';
        letter-spacing: 0.16px;
        color: var(--textgray);
        text-decoration: none;
        display: block;
        max-width: 300px;
    }

    .heading {
        font: normal normal normal 24px/34px 'inter';
        margin-bottom: 33px;
    }

    .more,
    .highlighted {
        margin-top: 17.5px;
        display: block;
    }

    .content {
        a {
            color: #000;
            text-decoration: none;
        }

        a:hover {
            text-decoration: underline;
        }
    }
}

.two-tiles {
    /* margin-bottom: 115px; */

    .subtitle {
        font: normal normal normal 16px/22px 'inter';
        letter-spacing: 0px;
        color: var(--textgray);
        margin-bottom: 20px;
        text-decoration: none;
        width: fit-content;
    }

    .left,
    .right {
        display: flex;
        flex-direction: column;
    }

    .tile {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;

        background-color: var(--lightgray);
        text-decoration: none;

        img {
            width: 100%;
            height: 320px;
            object-fit: cover;
        }

        .content {
            padding: 40px;

            flex-grow: 1;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            color: black;
            text-decoration: none;

            .more,
            .highlighted {
                margin-top: auto;
                width: fit-content;
            }

            p {
                /*a11y large text contrast*/
                font-weight: 400;
            }
        }
    }
}

.image-text {

    .image-text-content+.image-text-content {
        margin-top: 55px;
    }

    /* margin: 55px 0; */

    .subtitle-wrapper {
        margin-bottom: 20px;

        .subtitle {
            font: normal normal normal 16px/22px 'inter';
            letter-spacing: 0px;
            color: var(--textgray);
            text-decoration: none;
            width: fit-content;
        }
    }

    img{
        aspect-ratio: 498 / 267;
        height: auto;
        width: 100%;
        object-fit: cover;
    }

    .left {
        img {
            max-width: 100%;
            object-fit: cover;
        }
    }

    .right {
        display: flex;
        flex-direction: column;
        justify-content: center;

        .heading {
            margin-bottom: 24px;
        }

        .content {
            font: normal normal normal 16px/24px;
        }

        .link {
            margin-top: 20px;
        }
    }
}

.category-boxes {
    .box {
        display: flex;
        flex-direction: column;
        margin-top: auto;

        img {
            width: 100%;
            height: auto;
            aspect-ratio: 197 / 123;
            object-fit: cover;
        }

        .more,
        .highlighted {
            margin-top: 26px;
        }
    }
}

.content-boxes {

    .box {
        display: flex;
        flex-direction: column;

        img {
            height: 250px;
            width: 100%;
            object-fit: cover;
        }

        .content {
            font: normal normal normal 16px / 24px 'inter';
            margin-top: 35px;

            &:has(+.more, +.highlighted) {
                margin-bottom: 20px;
            }
        }

        .more,
        .highlighted {
            margin-top: auto;
        }
    }
}

section.contact-box {
    .contact-box {
        /* background-color: var(--lightgray); */

        display: flex;
        flex-direction: row;

        margin-bottom: 130px;
        max-width: 710px;
        width: 100%;

        .picture {
            max-width: 219px;
            height: auto;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        .description {
            padding: 10px 66px;

            h3 {
                font: normal normal 600 22px/30px 'inter';
                letter-spacing: 0px;
                margin-bottom: 18px;
            }

            p a {
                font: normal normal normal 16px/24px 'inter';
                letter-spacing: 0.16px;
                text-decoration: none;
                color: black;
            }
        }
    }
}

/* ACF Gutenberg blocks: end */

/* Woocommerce login/registration/contact page: start */

body {

    &.woocommerce-login-page,
    &.woocommerce-register-page {
        background-color: var(--lightgray);

        header {
            height: 74px;
        }

        footer {
            border-top: 1px solid var(--textgray);
            min-height: unset;

            .container {

                padding: 21px 0;

                ul {
                    justify-content: center;
                    margin: 0;
                    padding: 0;
                    list-style-type: none;
                    display: flex;

                    li:not(:last-child) {
                        margin-right: 17.5px;
                    }
                }
            }
        }
    }

    &.woocommerce-login-page,
    &.woocommerce-register-page,
    &.page-template-template-contact {

        &.woocommerce-lost-password {
            .woocommerce {
                height: 100%;

                .container {
                    height: 100%;

                    .row {
                        height: 100%;
                        align-items: center;

                        .woocommerce-message {
                            border-top-color: var(--pink);

                            &::before {
                                color: var(--pink);
                            }
                        }

                        form {
                            background-color: white;
                            padding: 40px;

                            input {

                                &[type=text],
                                &[type=password] {
                                    margin-bottom: 16px;
                                }
                            }

                            .woocommerce-password-hint {
                                margin-bottom: 16px;
                            }
                        }
                    }
                }
            }
        }

        span.title {
            color: var(--pink);
            display: block;
            font: normal normal normal 16px/55px 'inter';
            letter-spacing: 0px;
            margin-top: 93px;
        }

        form {

            &.login,
            &.register,
            &.contact-form {
                padding: 0;
                border: none !important;
                margin: 0;

                margin-bottom: 113px;
            }

            &.login,
            &.register {
                .form-block {
                    padding: 40px;
                }
            }
        }

        .woocommerce-form-email {
            .form-block {
                .form-row {
                    label[for=email] + input[type=email].input-text {
                        margin-bottom: 54px;
                    }
    
                    input[type=email], 
                    input[type=password], 
                    input[type=text] {
                        border: none;
                        background-color: var(--lightgray);
                        padding: 13px 17px;
                    }
                }
            }
        }

        .woocommerce-form-check-sap {
            .form-row {
                --bs-gutter-x: 1.5rem;

                margin-right: calc(-.5 * var(--bs-gutter-x));
                margin-left: calc(-.5 * var(--bs-gutter-x));
                margin-bottom: 0 !important;

                + p {
                    margin: 40px 0 60px 0;
                }
            }

            .user-block {
                margin-top: 55px;
            }

            .hidden {
                display: none;
            }

            button {
                min-width: 350px;
                font-weight: 500;

                + button {
                    margin-top: 20px;
                }
            }
        }

        .form-block {
            background-color: white;

            &:not(:last-child) {
                margin-bottom: 40px;
            }

            h1 {
                font: normal normal 600 30px/36px 'inter';
                letter-spacing: 0.3px;
                margin-bottom: 41px;
            }

            h2 {
                margin-bottom: 22px;

                &:not(:first-child) {
                    margin-top: 54px;
                }
            }

            fieldset {
                legend {
                    h2 {
                        margin-top: 54px;
                    }
                }
            }

            .radio-wrapper {
                display: flex;
                flex-wrap: wrap;
                margin-top: 18px;
            }

            label {
                font: normal normal 500 16px/24px 'inter';
                letter-spacing: 0.16px;
                color: var(--mediumgray);
                margin-bottom: 11px;

                &[for=reg_salutation] {
                    margin-bottom: 20px;
                }

                &.radio-label {
                    display: flex;
                    align-items: center;

                    margin-bottom: 23px;

                    color: black;

                    &:not(:last-child) {
                        margin-right: 45px;
                    }
                }
            }

            .woocommerce-form__label {
                color: black;
                font: normal normal 600 16px/19px 'inter';
                letter-spacing: 0.16px;
            }

            label.email-label {
                margin-bottom: 30px;
            }

            .row {
                div {
                    &:first-child {
                        padding-right: 9px;
                    }

                    &:last-child {
                        padding-left: 9px;
                    }

                    p {
                        margin-bottom: 0 !important;
                    }
                }
            }

            input {
                width: 100%;

                &[type=text],
                &[type=email],
                &[type=password] {
                    font: normal normal normal 16px/24px 'inter' !important;
                    background-color: var(--lightgray);
                    border: none;
                    color: var(--mediumgray);
                    padding: 14px 17px;
                }

                &:focus-visible {
                    border-radius: 0;
                }

                &[type=radio] {
                    appearance: none;
                    background-color: var(--lightgray);
                    border-radius: 50%;

                    width: 18px;
                    height: 18px;

                    position: relative;

                    margin-right: 18px;

                    &::before {
                        content: '';
                        position: absolute;
                        width: 10px;
                        height: 10px;
                        background-color: transparent;
                        border-radius: 50%;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                    }

                    &:checked {
                        &::before {
                            background-color: var(--mediumgray);
                        }
                    }
                }
            }

            textarea {
                width: 100%;
                background-color: var(--lightgray);
                padding: 13px 17px;
                border: none;
                resize: none;
                min-height: 170px;
                color: var(--mediumgray);
            }

            .form-row {
                padding: 0;

                #email_confirm,
                #reg_email_confirm {
                    position: absolute;
                    opacity: 0;
                    z-index: -1;
                    left: -99999999px;
                }

                &:not(:last-child) {
                    margin-bottom: 18px;
                }

                &:last-child {
                    margin-bottom: 0;
                }

                &:not(.password-input) {
                    margin-bottom: 16px;
                }

                &:has(.password-input) {
                    margin-bottom: 0;
                }

                &:has(.woocommerce-form-login__submit) {
                    margin-bottom: 0px;

                    .woocommerce-form-login__submit {
                        float: unset;
                        margin: 0 0 25px 0;
                    }
                }

                &.more-infos {
                    margin-bottom: 50px;
                }

                &:has(input#agb) {
                    margin-bottom: 60px;
                }

                .woocommerce-form-register__submit {
                    min-width: 354px;
                    padding: 14px;
                    font: normal normal 500 20px/30px 'inter';
                }

                .password-input input {
                    margin-bottom: 11px;
                }
            }

            .lost_password {
                margin-bottom: 40px;

                a {
                    font: normal normal 500 16px/24px 'inter';
                    letter-spacing: 0.16px;
                    color: var(--mediumgray);
                    text-decoration: none;
                }
            }
        }
    }

    &.page-template-template-contact {
        .description {
            margin-bottom: 70px;
        }

        label {
            &[for=reg_salutation] {
                margin-top: 47px;
            }
        }

        .your-request {
            margin-bottom: 40px;
        }

        .more-infos {
            margin-bottom: 55px;
        }

        .agb-row {
            a {
                text-decoration: none !important;
                color: black !important;
            }
        }

        p.required {
            color: var(--textgray);
        }

        button[name=submit] {
            padding: 11px 55px !important;
        }
    }
}

/* Woocommerce login/registration/contact page: end */

/* Thanky you page: start */

.page-template-template-thank-you {
    h1 {
        margin-bottom: 19px;
    }

    .text {
        margin-bottom: 20px;

        p {
            margin-bottom: 8px;
        }
    }
}

/* Thanky you page: end */

/* Woocommerce categorie page: start */

.archive.tax-product_cat,
.archive.woocommerce-shop {
    .category-grid {
        .infos {
            h1 {
                margin: 0;
            }
        }

        .categories {
            margin-top: 75px;
            margin-bottom: 160px;

            .category {
                a {
                    color: black;
                    text-decoration: none;
                    font: normal normal normal 18px/21px 'inter';
                    letter-spacing: 0.18px;
                    display: inline-block;
                    width: 100%;

                    .category-image {

                        margin-bottom: 20px;
                        text-align: center;
                        height: 245px;

                        &:not(:has(img)) {
                            background-color: var(--lightgray);
                        }

                        img {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                        }
                    }
                }

                ul.subcategory-list {
                    list-style-type: "- ";
                    padding-left: 12px;
                    margin-top: 30px;
                }

                &:not(:nth-last-child(-n+3)) {
                    margin-bottom: 60px;
                }
            }
        }

        .request {
            display: flex;
            flex-direction: column;
            justify-content: space-between;

            background-color: var(--pink);
            padding: 28px 35px;

            max-height: 245px;
            height: 245px;

            .title {
                color: white;
                font: normal normal bold 22px/34px 'inter';
            }

            .content {
                color: white;
                font: normal normal normal 16px/24px 'inter';
            }

            .fake-link {
                font: normal normal 500 22px/34px 'inter';
            }
        }
    }

    .product-page {
        .infos {
            margin-bottom: 67px;

            img {
                max-width: 500px;
                width: 100%;

                max-height: 300px;
                height: 100%;
                object-fit: cover;
            }

            h1 {
                font: normal normal bold 36px/43px 'inter';
                letter-spacing: 0px;

                margin-bottom: 30px;
            }

            .description {
                font: normal normal normal 18px/24px 'inter';
                letter-spacing: 0px;
                margin-bottom: 30px;
            }

            /* Button */
            button.product-variation,
            a.product-variation {
                width: fit-content;
                padding: 16px 30px !important;
                width: fit-content;
            }
        }
    }
}

/* Woocommerce categorie page: end */

/* Woocommerce single product page: start */

.single-product {
    .product {
        margin-top: 100px;

        .row.infos {
            img {
                width: 100%;
                height: auto;
                max-width: 500px;

                &.woocommerce-placeholder {
                    border: 1px solid var(--lightgray);
                }
            }

            .stock {
                color: black !important;
                font: normal normal 500 16px/30px 'inter';
                letter-spacing: 0px;
                margin: 36px 0 39px 0;
            }

            .sku {
                font: normal normal normal 16px/19px 'inter';
                letter-spacing: 0px;
                margin-bottom: 8px;
            }

            h1 {
                font: normal normal bold 30px/36px 'inter';
                letter-spacing: 0px;
                margin-bottom: 21px;
            }

            .datasheet {
                display: block;
                margin-top: 24px;
            }

            .checkout-section {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                align-items: flex-start;

                .price {
                    width: fit-content;
                    color: black;
                    padding: 15px 30px;
                    background-color: var(--lightgray);
                    margin-bottom: 0;
                    margin-right: 12px;

                    bdi {
                        font: normal normal 600 22px/30px 'inter';
                        letter-spacing: 0px;
                    }
                }

                a.novotek-button.invert {
                    min-width: unset;
                }

                form.cart {
                    display: flex;
                    margin-bottom: 0px;

                    div.quantity {
                        background-color: var(--lightgray);
                        float: none;
                        margin: 0;
                        position: relative;

                        &:has(input[type=hidden]) {
                            display: none;
                        }

                        button {
                            &.add, &.sub {
                                border-radius: 50%;
                                border: none;
                                background-color: var(--pink);
                                color: white;
                                width: 20px;
                                height: 20px;
                                position: absolute;
                                top: 50%;
                                transform: translate(0, -50%);
                                font: normal normal normal 18px / 1 'inter';
                                display: flex;
                                align-items: flex-start;
                                justify-content: center;
                            }

                            &.add {
                                left: 6px;
                            }

                            &.sub {
                                right: 6px;
                            }
                        }

                        .qty {
                            background-color: var(--lightgray);
                            color: var(--pink);
                            font: normal normal 500 20px/30px 'inter';
                            letter-spacing: 0px;
                            margin: 0 26px;
                            padding: 16px 10px;

                            &::-webkit-inner-spin-button {
                                display: none;
                            }

                            -moz-appearance:textfield;
                        }
                    }

                    .single_add_to_cart_button {
                        font: normal normal 500 20px/30px 'inter' !important;
                        letter-spacing: 0px;
                        padding: 15px 30px;
                        margin-bottom: 0;
                    }
                }

                .pricing-notice {
                    font: normal normal normal 12px/18px 'inter';
                    letter-spacing: 0px;
                    width: 100%;
                    margin-top: 11px;
                    margin-bottom: 0;
                    color: var(--mediumgray);
                }
            }
        }

        .details {
            margin-top: 130px;

            span.title {
                font: normal normal 500 22px/26px 'inter';
                letter-spacing: 0px;
                margin-bottom: 36px;
                display: block;
            }

            ul.technical_data {
                padding-left: 0;
                list-style-type: none;

                li {
                    padding: 12px 33px;
                    width: fit-content;
                    min-width: 260px;

                    &:nth-child(odd) {
                        background-color: var(--lightgray);
                    }
                }
            }

            hr {
                margin: 55px 0 0 0;
                border-top-color: var(--dotgray);
                border-top-width: 2px;
            }
        }

        .row:has(.product-variation) {
            margin-top: 100px;
        }
    }
}

/* Woocommerce single product page: end */

/* Woocommerce cart page: start */

.woocommerce-cart {
    .woocommerce {
        span.total-items {
            color: var(--pink);
            font: normal normal 600 20px/24px 'inter';
            letter-spacing: 0.2px;
        }

        h1 {
            font: normal normal 600 48px/57px 'inter';
            letter-spacing: 0.48px;
        }

        hr {
            margin: 36px 0;
            border-top-color: var(--lightgray);
            border-top-width: 2px;
            opacity: 1;
        }

        .woocommerce-cart-form {
            button[name=update_cart] {
                font: normal normal normal 14px/30px 'inter';
                letter-spacing: 0px;
                width: 100%;
                padding: .618em 1em !important;
                border: none;
                background-color: var(--lightgray) !important;
                color: black !important;
            }

            .row.update_cart {
                .left {
                    display: flex;
                    flex-direction: column;
                    justify-content: flex-end;
                }

                .right {

                    hr {
                        margin-top: 20px;
                    }
                }
            }

            .row.product {

                .left {
                    padding-right: 20px;

                    img {
                        width: 100%;
                        height: auto;
                    }
                }

                .right {
                    padding-left: 20px;
                }

                .woocommerce-placeholder {
                    border: 1px solid var(--lightgray);
                }

                .sku {
                    width: 100%;
                    font: normal normal normal 14px/16px 'inter';
                    letter-spacing: 0px;
                    display: block;
                    margin-bottom: 8px;
                }

                .name {
                    font: normal normal bold 24px/29px 'inter';
                    letter-spacing: 0px;
                    color: black;
                    text-decoration: none;
                    margin-bottom: 14px;
                    display: block;
                }

                ul.technical_data {
                    li {
                        background-color: transparent;

                        padding: 0;

                        &:not(:last-child) {
                            margin-bottom: 8px;
                        }
                    }
                }

                .details {
                    display: flex;
                    flex-direction: row;
                    align-items: flex-end;
                    margin-top: 30px;

                    div,
                    label {
                        display: flex;
                        flex-direction: column;

                        &.price {
                            margin-right: 9px;

                            .woocommerce-Price-amount {
                                margin-top: 13px;
                                background-color: var(--lightgray);
                                padding: 17px 30px;

                                bdi {
                                    font: normal normal 600 20px/30px 'inter' !important;
                                    letter-spacing: 0px;
                                }
                            }
                        }

                        &.quantity {
                            .qty {
                                margin-top: 13px;
                                margin-right: 9px;
                                color: var(--pink);
                                font: normal normal 700 20px/30px 'inter';
                                letter-spacing: 0px;
                                width: fit-content;
                                min-width: 80px;
                                padding: 17px 0px;

                                &::-webkit-inner-spin-button {
                                    display: none;
                                }
                                
                                -moz-appearance:textfield;
                            }
                        }
                    }

                    a.remove {
                        background-color: var(--lightgray);
                        border-radius: 0;
                        width: fit-content;
                        height: auto;
                        max-height: 64px;

                        svg {
                            margin: 19px 32px;
                            width: auto;
                            height: 26px;
                            max-height: 26px;
                        }
                    }
                }
            }
        }

        .cart_totals {
            h2 {
                padding: 0 40px;
                font: normal normal bold 24px/29px 'inter';
                letter-spacing: 0px;
            }

            table {
                border: none;
                padding: 24px 40px 0px 40px;
                margin-bottom: 50px;

                tr {
                    &.cart-subtotal {

                        th,
                        td {
                            padding-top: 24px;
                            border-top: 2px solid var(--lightgray) !important;
                        }

                        th {
                            vertical-align: top;
                        }

                        td {
                            display: flex;
                            flex-direction: column;
                            .disclaimer {
                                font: normal normal 600 14px/20px 'inter';
                            }
                        }
                    }

                    &.shipping {
                        th, td {
                            padding-bottom: 30px;
                        }

                        td {
                            display: flex;
                            flex-direction: column;
                            .disclaimer {
                                font: normal normal 600 14px/20px 'inter';
                            }
                        }
                    }

                    &.order-tax {

                        th,
                        td {
                            padding-bottom: 30px;
                        }
                    }

                    &.order-total {

                        th,
                        td {
                            border-top: 2px solid var(--lightgray) !important;
                            font: normal normal bold 24px/29px 'inter';
                            letter-spacing: 0px;
                            margin-top: 23px;
                            padding-top: 30px;
                            padding-bottom: 0;

                            bdi {
                                font: normal normal bold 24px/29px 'inter';
                                letter-spacing: 0px;
                            }
                        }
                    }

                    &.proceed-to-checkout {
                        td {
                            padding-top: 40px;
                            padding-bottom: 0;

                            a.novotek-button.login {
                                margin-bottom: 25px;
                            }

                            a.checkout-button {
                                width: 100%;
                                font: normal normal 500 20px/30px 'inter' !important;
                                color: var(--button-font-color) !important;
                                letter-spacing: 0px;
                                padding: 16px 20px;
                                text-align: center;
                            }
                        }
                    }

                    th,
                    td {
                        border: none;
                        padding: 9px 0;
                    }

                    td {
                        text-align: end;
                        vertical-align: top;
                    }

                    ul#shipping_method li {
                        &:last-child {
                            margin-bottom: 0 !important;
                        }
                    }
                }
            }

            &+hr {
                margin-bottom: 26px;
            }
        }

        .calculated_shipping {
            h2 {
                margin-bottom: 0;
            }
        }

        div.coupon {
            padding: 0 40px;

            label[for=coupon_code] {
                margin-bottom: 15px;
                display: block;
            }

            input#coupon_code {
                margin-bottom: 8px;
            }

            button[name=apply_coupon] {
                width: 100%;
                font: normal normal 500 20px/30px 'inter' !important;
                letter-spacing: 0px;
            }
        }
    }
}

/* Woocommerce cart page: end */

/* Archive: career start */

.post-type-archive-career {
    section.career {
        margin-bottom: 100px;

        >.container>.row {
            &:first-child {
                margin-bottom: 86px !important;
            }

            &:not(:last-child) {
                margin-bottom: 47px;
            }
        }

        h1.title {
            font: normal normal 600 30px/36px 'inter';
            letter-spacing: 0.3px;
            margin-bottom: 0;
        }

        .career_text {
            p {
                font: normal normal normal 16px/24px 'inter';
                letter-spacing: 0.16px;
                margin-bottom: 0;
            }
        }

        .career-block {
            background-color: var(--lightgray);
            padding: 36px 39px 32px 39px;

            h2 {
                font: normal normal 600 30px/36px 'inter';
                margin-bottom: 7px;
            }

            .published {
                font: normal normal 500 12px/15px 'inter';
                letter-spacing: 0px;
                margin-bottom: 24px;
            }

            .excerpt {
                font: normal normal normal 16px/24px 'inter';
                letter-spacing: 0.16px;
                margin-bottom: 30px;
            }

            .row {
                margin-bottom: 14px;

                .grid {
                    display: grid;
                    grid-template-columns: auto 1fr;
                    grid-template-rows: auto auto;
                    column-gap: 10px;

                    .icon {
                        grid-row: span 2;
                        width: fit-content;
                        max-width: 30px;
                        max-height: 26px;

                        svg {
                            fill: black;

                            .st2 {
                                fill: black !important;
                            }
                        }

                        svg,
                        img {
                            width: auto;
                            height: 100%;
                            margin-top: 5px;
                        }
                    }

                    .text {
                        font: normal normal normal 16px/22px 'inter';
                        letter-spacing: 0.16px;
                    }

                    .info {
                        font: normal normal 600 16px/22px 'inter';
                        letter-spacing: 0.16px;
                    }
                }
            }
        }
    }

    a {
        font-weight: 700;
    }
}

.accordion-button:not(.collapsed)::after {
    display: none;
}

.accordion-button::after {
    display: none;
}

.accordion-button::before {
    content: url('assets/icons/angle-down-sharp-regular.svg');
    height: auto;
    width: 16px;
    position: absolute;
    right: 0;
    transition: all 0.3s ease-in-out;
}

.accordion-button[aria-expanded="true"]::before {
    transform: rotate(180deg);
}

/* Archive: career end */


/* Single: career start */

.single-career {
    section.career {
        .container>.row {
            &:first-child {
                margin-bottom: 100px;
            }

            h1.title {
                font: normal normal bold 48px/57px 'inter';
                letter-spacing: 0.48px;
                margin-bottom: 12px;
            }

            p.published {
                font: normal normal 500 20px/24px 'inter';
                letter-spacing: 0px;
                margin-bottom: 0;
            }

            a.apply {
                text-align: end;
                padding: 16px 40px !important;
                width: fit-content;

                &.right {
                    float: right;
                }
            }

            &.conditions {
                margin-bottom: 200px;

                .grid {
                    display: grid;
                    grid-template-columns: auto 1fr;
                    grid-template-rows: auto auto;
                    column-gap: 10px;

                    .icon {
                        grid-row: span 2;
                        width: fit-content;
                        max-width: 50px;
                        max-height: 42px;
                        margin-right: 30px;

                        svg {
                            fill: var(--pink);
                        }

                        svg,
                        img {
                            width: auto;
                            height: 100%;
                            margin-top: 5px;
                        }
                    }

                    .text {
                        font: normal normal normal 20px/24px 'inter';
                        letter-spacing: 0.2px;
                    }

                    .info {
                        font: normal normal 600 20px/24px 'inter';
                        letter-spacing: 0.2px;
                    }
                }
            }

            &.description {
                margin-bottom: 65px;

                h2 {
                    font: normal normal 600 30px/36px 'inter';
                    letter-spacing: 0px;
                }

                .text {
                    font: normal normal normal 16px/24px 'inter';
                    letter-spacing: 0.16px;
                }
            }

            &.apply {
                margin-bottom: 130px;
            }
        }
    }

    section.two-tiles {
        margin-bottom: 130px;
    }
}

/* Single: career end */


/* Product-variation-table: start */

.product-variation {
    span.title {
        display: block;
        font: normal normal 500 20px/24px 'inter';
        letter-spacing: 0px;
        margin-bottom: 35px;
    }

    .product-variation-filter {
        margin-bottom: 43px;

        .custom-select {
            &:not(:last-child) {
                margin-right: 22px;
                margin-bottom: 16px;
            }

            select {
                color: black;
            }
        }
    }

    .product-variation-table {

        width: 100%;

        thead {
            border-bottom: 21px solid white;
        }

        tr {

            th {
                font: normal normal normal 12px/30px 'inter';
                letter-spacing: 0px;
                white-space: nowrap;

                >div {
                    margin: 0 20px;
                }

                &.name_sku>div {
                    /* margin-left: 0; */
                }

                &.price {
                    text-align: end;
                }
            }

            &.product-row {

                background-color: var(--lightgray);

                height: 110px;

                &:has(+ .product-details + .product-row, + .product-details + .request-row) {
                    border-bottom: 13px solid white;
                }

                &.open {
                    border-bottom: 42px solid white !important;

                    .toggle-details button .arrow-down {
                        transition: transform 0.3s ease;
                        transform: rotate(135deg);
                    }
                }

                td {
                    &.toggle-details {
                        padding: 43px 30px;
                        text-align: center;
                        width: 11px;

                        cursor: pointer;

                        button {
                            border: none;
                            background-color: transparent;
                            padding: 0;

                            &:focus-visible {
                                outline-offset: 2px;
                            }
                        }
                    }

                    >div,
                    >span {
                        margin: 0 20px;
                        /* width: max-content; */
                    }

                    &.product_img {
                        width: 250px;

                        img {
                            width: auto;
                            height: 110px;
                            margin: 0 20px;
                        }
                    }

                    &.name_sku div {
                        display: flex;
                        flex-direction: column;
                        /* margin-left: 0; */

                        .name a {
                            color: var(--pink);
                            font: normal normal 700 19px/24px 'inter';
                            letter-spacing: 0.18px;
                            text-decoration: none;
                        }
                    }

                    ul.attributes {
                        padding: 0;
                        list-style-type: none;
                        width: max-content;
                        margin: 0 20px;
                    }

                    &.price {
                        bdi {
                            font: normal normal 600 16px/30px 'inter' !important;
                        }

                        letter-spacing: 0px;
                        width: 140px;
                        text-align: end;
                    }

                    &.link {
                        background-color: var(--pink);
                        text-align: center;
                        color: white;
                        width: 80px;

                        a {
                            padding: 40px 20px;

                            /* width: max-content; */
                            display: block;

                            img {
                                width: 33px;
                            }
                        }
                    }
                }
            }

            &.product-details {
                display: none;

                &.open {
                    display: table-row;

                    +.product-row {
                        border-top: 13px solid white;
                    }
                }

                .left {
                    .infos {
                        margin-left: 80px;
                        margin-right: 12px;

                        display: flex;
                        flex-direction: column;

                        ul {
                            list-style-type: none;
                            padding: 0;
                            width: fit-content;
                            margin-bottom: 90px;

                            li {
                                padding: 12px 33px;
                                width: fit-content;

                                &:nth-child(odd) {
                                    background-color: var(--lightgray);
                                }
                            }
                        }

                        .description {
                            margin-bottom: 24px;
                        }

                        .datasheet {
                            margin-bottom: 38px;
                        }
                    }
                }

                .right {
                    .images {
                        margin-left: 12px;
                        margin-right: 80px;

                        img {
                            margin-bottom: 13px;
                        }
                    }
                }

                hr {
                    margin: 0;
                    width: 100%;
                    border-color: var(--lightgray);
                }
            }

            &.request-row {
                background-color: var(--pink);
                border-bottom: 13px solid white;
                color: white;

                padding: 24px;

                div {
                    padding: 24px;

                    display: flex;
                    justify-content: space-around;
                    align-items: center;

                    .question {
                        font: normal normal bold 22px/28px 'inter';
                        letter-spacing: 0.22px;
                    }

                    .content {
                        font: normal normal normal 16px/24px 'inter';
                        letter-spacing: 0.16px;

                        width: 25%;
                        min-width: 290px;
                    }

                    a {}
                }
            }
        }
    }

    .novotek-button.load-more {
        margin: 62px auto 0 auto;
        padding: 16px 40px !important;
    }

    hr {
        display: block;
        width: 240px;
        border-top-width: 2px;
        opacity: 1;
        margin: 21.5px auto 17.5px auto;
    }

    .product-counter {
        display: block;
        margin: 0 auto;
        width: fit-content;
        font: normal normal normal 12px/15px 'inter';
        letter-spacing: 0px;
        margin-bottom: 132px;
    }
}

/* Product-variation-table: end */

/* a11y */
footer {
    & .container {

        & .footer-heading {
            margin-bottom: 30px;
            font: normal normal 500 22px / 26px 'inter';
            margin-top: 0;
            margin-bottom: .5rem;
            font-weight: 500;
            line-height: 1.2;
            color: var(--bs-heading-color);
            margin-bottom: 30px !important;
        }
    }
}

footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 28px;
}

footer p {
    margin-bottom: 0;
}

.wpml-ls-statics-shortcode_actions .wpml-ls .wpml-ls-legacy-dropdown .js-wpml-ls-legacy-dropdown:focus .wpml-ls-current-language .wpml-ls-sub-menu,
.wpml-ls-statics-shortcode_actions .wpml-ls .wpml-ls-legacy-dropdown .js-wpml-ls-legacy-dropdown:hover .wpml-ls-current-language .wpml-ls-sub-menu {
    visibility: visible;

}

.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu {}

a.js-wpml-ls-item-toggle.wpml-ls-item-toggle:hover~ul.wpml-ls-sub-menu,
a.js-wpml-ls-item-toggle.wpml-ls-item-toggle:focus~ul.wpml-ls-sub-menu {
    visibility: visible;
}

div.wpml-ls-statics-shortcode_actions .wpml-ls .wpml-ls-legacy-dropdown .js-wpml-ls-legacy-dropdown ul *:focus ul.wpml-ls-sub-menu {
    visibility: visible;
}

.wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu,
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu .js-wpml-ls-item-toggle.wpml-ls-item-toggle:focus .wpml-ls-sub-menu,
.js-wpml-ls-item-toggle.wpml-ls-item-toggle:hover .wpml-ls-sub-menu {
    visibility: visible;
}

.wpml-ls-sub-menu:has(> li > .wpml-ls-link:focus),
.wpml-ls-sub-menu:has(> li > .wpml-ls-link:hover) {
    visibility: visible;
}

/* Show the submenu when the parent li is focused or hovered */
.wpml-ls-item:focus-within .wpml-ls-sub-menu,
.wpml-ls-item:hover .wpml-ls-sub-menu {
    display: block;
    visibility: visible;
}

.skip-link {
    position: absolute;
    top: -400px;
    /* Hidden off-screen */
    left: 0;
    padding: 10px;
    background-color: var(--lightgray);
    color: var(--pink);
    text-decoration: none;
    z-index: 1000;
}

.skip-link:focus {
    position: static;
}


input:focus,
input:focus-visible,
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row input.input-text:focus-visible,
.woocommerce form .form-row textarea:focus-visible,
select:focus,
select:focus-visible {
    outline: -webkit-focus-ring-color auto 1px !important;
    outline: 1px auto Highlight !important;
    outline: auto 1px !important;
}

legend {
    all: unset;
}

ul.payment-methods-container li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

li.payment-methods-container,
ul.payment-methods-container {
    all: unset;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 3rem;
}

/* span.wpml-adjust {
    &:hover {
        .wpml-ls {
            li {
                display: list-item;
            }
        }
    }

    .wpml-ls {
        li {
            &:not(:focus, :focus-visible) {
                display: none;
            }

            &:focus,
            &:focus-visible {
                display: list-item;
            }

            margin: 0;
    
            &.wpml-ls-current-language {
                display: list-item;
            }
        }
    }
} */

.wpml-ls {
    ul {
        margin-left: 9px !important;
        li {
            display: none;

            &.wpml-ls-current-language {
                display: list-item;
            }

            &:not(:last-child) {
                margin-bottom: 5px;
            }
        }

        &:hover li,
        &:focus-within li,
        li:focus-within,
        li a:focus,
        li a:focus-visible {
            display: list-item;

            &.wpml-ls-current-language {
                span {
                    color: var(--pink) !important;
                }
            }
        }
    }

    &:hover ul li {
        display: list-item;
    }
}
  


ul:not(:hover) li:has(a.wpml-ls-link):not(.wpml-ls-current-language) {
    /* width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0, 0, 0, 0); */
    /* Older browsers */
    /* clip-path: inset(50%); */
    /* Modern browsers */
    /* overflow: hidden;
    white-space: nowrap; */
}

div.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-vertical ul:has(a:focus) li,
div.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-vertical ul:has(a:focus-visible) li,
div.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-vertical ul:has(a:hover) li,
div.wpml-ls-statics-shortcode_actions.wpml-ls.wpml-ls-legacy-list-vertical ul:hover {
    /* width: auto !important;
    height: auto !important;
    margin: 0 !important;
    clip: auto !important;
    clip-path: none !important;
    overflow: visible !important;
    white-space: normal !important; */
}

.wpml-ls-legacy-list-vertical .wpml-ls-item:not(.wpml-ls-current-language) {
    /* position: absolute; */
}

.row.topnav .wpml-ls-legacy-list-horizontal {
    /* padding-top: 0; */

    a {
        /* padding: 0 10px 6px 10px; */

        span {
            /* vertical-align: text-bottom; */
        }
    }
}

.a11y-wrap {
    display: flex;
    flex-direction: column;
}

button {
    appearance: none;
    /* Remove platform-specific button styling */
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-variant-alternates: normal;
    font-variant-position: normal;
    font-variant-emoji: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: medium;
    /* Reset to default font size */
    font-family: sans-serif;
    /* Reset to default font family */
    font-optical-sizing: auto;
    font-size-adjust: none;
    font-kerning: normal;
    font-feature-settings: normal;
    font-variation-settings: normal;
    text-rendering: auto;
    color: inherit;
    /* Inherit color from parent */
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0;
    text-shadow: none;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    /* Default cursor for button */
    box-sizing: border-box;
    background-color: transparent;
    /* Remove button background */
    margin: 0;
    /* Reset margin */
    padding: 0;
    /* Reset padding */
    border: none;
    /* Remove border */
}

button.sidebar_popup .content {
    text-align: left;
}

nav.breadcrumbs ul {
    list-style: none;
    padding-inline-start: 0;
    margin-bottom: 0;

    li {
        display: inline;
    }
}

/* Safari: start */

.safari {
    .info-slider {
        ul.slick-dots {
            left: calc((100vw - 1242px + 24px) / 2);
        }
    }
}

.wpml-adjust {
    align-items: start;
}

.wpml-ls-legacy-list-vertical a {
    padding: 0 0;
}

.wpml-ls-legacy-list-vertical>ul>li+li a {
    /* margin-top: 12px; */
}

/* Safari: end */


/* Responsive: start */

@media (max-width: 1399.98px) {
    .info-slider {
        .slick {
            .slick-track {
                .slick-slide {
                    > div {
                        .slide {
                            .right {
                                /* This calc adds the margin-right to the img width */
                                /* 1140px container width + 6px padding */
                                width: calc(100% + calc((100vw - 1140px + calc(var(--bs-gutter-x)* .5) + calc(var(--bs-gutter-x)* .5)) / 2));
                                height: 100%;
                            }
                        }
                    }
                }
            }
        }

        ul.slick-dots {
            left: calc((100vw - 1140px + 22px) / 2);
        }
    }

    .safari {
        .info-slider {
            ul.slick-dots {
                left: calc((100vw - 1140px + 24px) / 2);
            }
        }
    }
}

@media (max-width: 1199.98px) {
    .info-slider {
        .slick {
            .slick-track {
                .slick-slide {
                    >div {
                        .slide {
                            .right {
                                /* This calc adds the margin-right to the img width */
                                /* 960px container width + 6px padding */
                                width: calc(100% + calc((100vw - 960px + calc(var(--bs-gutter-x)* .5) + calc(var(--bs-gutter-x)* .5)) / 2));
                            }
                        }
                    }
                }
            }
        }

        ul.slick-dots {
            left: calc((100vw - 960px + 8px) / 2);
        }
    }


    .safari {
        .info-slider {
            ul.slick-dots {
                left: calc((100vw - 960px + 24px) / 2);
            }
        }
    }
}

@media (max-width: 991.98px) {

    h1,
    h2 {
        font: normal normal 600 26px / 31px 'inter';
        letter-spacing: 0;
    }

    button,
    input,
    a {
        &.novotek-button {
            font: normal normal 500 20px / 30px 'inter' !important;
            text-align: center;
        }
    }

    ul.menu {
        &.overflow {
            &::-webkit-scrollbar {
                background-color: white;
                height: 4px;
                margin-top: 4px;
            }
    
            &::-webkit-scrollbar-thumb {
                background-color: var(--lightgray);
            }
        }
    }

    ul.menu.overflow::-webkit-scrollbar {
        background-color: white;
        height: 4px;
        margin-top: 4px;
    }

    ul.menu.overflow::-webkit-scrollbar-thumb {
        background-color: var(--lightgray);
    }

    p.disclaimer {
        font-size: 10px;
        line-height: 18px;
        letter-spacing: 0;
        margin-top: 10px;
    }

    section.category-grid {
        padding: 0 33px;
    }

    body.woocommerce.woocommerce-page div.breadcrumbs+main {
        margin-top: 44px;
    }

    body.woocommerce.woocommerce-page h1 {
        font-size: 26px;
        line-height: 31px;
        letter-spacing: 0.26px;
    }

    body.woocommerce-cart section.summary-cart-overview {
        /* margin-top: 72px; */
        padding: 16px 0;
        border-bottom: 2px solid var(--lightgray);
        position: fixed;
        background-color: white;
        z-index: 10;
        top: 72px;
        width: 100%;

        .group {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            --webkit-justify-content: space-between;
            align-items: center;
        }

        .novotek-button {
            padding: 6.5px 50px !important;
            min-width: unset;
        }
    }

    body.woocommerce-cart div.breadcrumbs {
        margin-top: 37px !important;
    }

    section.header-image {
        img {
            /* aspect-ratio: 428 / 354; */
            aspect-ratio: 72/25;
            width: 100%;
            height: auto;
            object-fit: cover;
        }
    }

    body.woocommerce-page.woocommerce-cart {
        div.total-title {
            font: normal normal 600 18px / 21px 'inter';
            letter-spacing: 0;
            margin-bottom: 4px;
        }

        div.breadcrumbs+main {
            margin-top: 73px;
        }

        & .woocommerce {
            h1 {
                font: normal normal 600 30px / 36px 'inter';
                letter-spacing: 0.3px;
                margin-bottom: 0;
            }

            hr {
                margin: 36px 0;
            }

            span.total-items {
                font: normal normal 600 18px / 21px 'inter';
                letter-spacing: 0;
            }

            div.coupon {
                padding: 0 33px;
            }

            div.coupon+hr {
                margin-top: 25px;
                margin-bottom: 60px;
            }

            & form.woocommerce-cart-form {
                & .row.update_cart {
                    & .right {
                        hr {
                            margin-top: 32px;
                        }
                    }
                }

                & .row.product {
                    .right-content {
                        padding: 0 33px;
                    }

                    a.thumbnail {
                        padding: 0 33px;
                        max-width: 100%;
                        display: inline-block;
                        width: 100%;
                    }

                    .right {
                        margin-top: 29px;
                        padding-right: calc(var(--bs-gutter-x)* .5);
                        padding-left: calc(var(--bs-gutter-x)* .5);
                    }

                    .accordion {
                        .accordion-item {
                            border: none;
                        }

                        .accordion-body {
                            padding: 26px 0;
                            border-bottom: 2px solid var(--lightgray);

                            ul.technical_data {
                                margin-bottom: 0;
                            }
                        }

                        button.accordion-button {
                            padding: 0;

                            .title {
                                padding-right: 20px;
                            }
                        }
                    }

                    .left {
                        padding-right: calc(var(--bs-gutter-x)* .5);
                        padding-left: calc(var(--bs-gutter-x)* .5);
                    }

                    .name {
                        font: normal normal 600 20px / 24px 'inter';
                        margin-bottom: 0;
                    }

                    .details {
                        margin-top: 26px;
                    }
                }
            }

            & .cart_totals {
                h2 {
                    margin-bottom: 24px;
                    padding: 0 33px;
                }

                &+hr {
                    margin-bottom: 22px;
                }

                & table {
                    padding: 0 33px;

                    & tr {
                        display: table-row;

                        th {
                            display: table-cell;
                        }

                        &.cart-subtotal,
                        &.shipping,
                        &.order-total {
                            td::before {
                                content: '';
                            } 
                        }

                        &.proceed-to-checkout {
                            & td {
                                display: table-cell !important;
                                a.checkout-button {
                                    background-color: var(--pink) !important;
                                }
                            }
                        }

                        &.order-tax {

                            th,
                            td {
                                padding-bottom: 0;
                            }
                        }

                        &.order-total {

                            th,
                            td {
                                padding-top: 23px;
                                margin-top: 0;
                            }
                        }
                    }
                }
            }
        }

        table.shop_table_responsive tr:nth-child(2n) td,
        table.shop_table_responsive tr:nth-child(2n) td {
            background-color: white;
        }

        table.shop_table_responsive tr.proceed-to-checkout td::before,
        table.shop_table_responsive tr.proceed-to-checkout td::before {
            display: none;
        }

        table.shop_table_responsive tr td::before,
        table.shop_table_responsive tr td::before {
            font-weight: 400;
        }

        table.shop_table_responsive tr.order-total td::before,
        table.shop_table_responsive tr.order-total td::before {
            font-weight: 600;
        }

    }

    body.post-type-archive-career {
        & section.career {
            &>.container>.row {
                row-gap: 37px;

                &:not(:last-child) {
                    margin-bottom: 37px;
                }
            }

            & .career-block {
                .row {
                    row-gap: 23px;
                }

                h2 {
                    font: normal normal 600 26px / 31px 'inter';
                }
            }

            h1.title,
            .career_text {
                padding: 0 33px;
            }

            h1.title {
                font: normal normal 600 26px / 31px 'inter';
            }
        }
    }

    body.single-career {
        & section.career {
            & .container>.row {
                &:first-child {
                    margin-bottom: 69px;
                }

                h1.title {
                    font: normal normal 600 32px / 39px 'inter';
                    letter-spacing: 0.32px;
                    margin-bottom: 6px;
                }

                &.conditions {
                    margin-bottom: 90px;
                    row-gap: 28px;
                    padding: 0 33px;

                    & .grid {
                        .icon {
                            margin-right: 13px;
                        }
                    }
                }

                p.published {
                    font-size: 12px;
                    line-height: normal;
                    letter-spacing: 0;
                    font-weight: 500;
                    margin-bottom: 53px;
                }

                & a.apply {
                    width: 100%;
                    text-align: center;
                }

                &.apply {
                    margin-bottom: 66px;
                }
            }
        }

        section.contact-box {
            & .contact-box {
                margin-bottom: 97px;

                .description {
                    padding: 28px 36px;
                }
            }
        }

        .description-accordion {
            border-bottom: 1px solid #E5E5E5;
            margin-bottom: 65px;
            padding: 0 33px;

            button.accordion-button {
                font-size: 26px;
                line-height: 31px;
                font-weight: 600;
                letter-spacing: 0.26px;
                padding: 26px 0;
                border-top: 1px solid #E5E5E5;
            }

            .accordion-body {
                padding: 12px 0;
            }
        }
    }

    .product-variation-table td:empty {
        width: 0;
        padding: 0;
        margin: 0;
    }

    .product-variation-table td.d-none.d-lg-block:empty {
        display: none !important;
        width: 0 !important;
        padding: 0 !important;
    }

    .product-variation {
        & .product-variation-table {

            table-layout: auto;
            border-collapse: collapse;

            & tr {

                &.product-details {
                    & .right {
                        .images {
                            margin-left: 0;
                            margin-right: 0;
                            padding: 0 33px;

                            img {
                                width: 100%;
                                height: auto;
                            }
                        }

                        .description {
                            margin-top: 39px;
                            margin-bottom: 42px;
                            padding: 0 33px;
                        }
                    }

                    & .left {
                        .infos {
                            margin: 0;

                            & ul {
                                width: 100%;
                                margin-bottom: 27px;

                                li {
                                    width: 100%;
                                }
                            }
                        }
                    }
                }

                &.request-row {
                    div {
                        flex-direction: column;
                        align-items: center;
                        row-gap: 10px;
                        text-align: center;
                    }
                }

                & th {
                    &.name_sku>div {
                        margin-left: 15px;
                    }

                }

                &.product-row {


                    & td {
                        &.toggle-details {
                            padding: 65px 22px;
                            width: fit-content;
                            white-space: nowrap;
                            display: inline-block;
                        }

                        &.name_sku {
                            display: inline-block;
                            white-space: normal;
                            width: calc(100% - 56px);
                            padding: 20px 20px 20px 0;
                        }

                        &.name_sku div {
                            margin-left: 0;
                            margin-right: 0;

                            .name {
                                font: normal normal 500 16px / 24px 'inter';
                                letter-spacing: 0.16px;
                            }

                            .sku {
                                font: normal normal 400 14px / 24px 'inter';
                                letter-spacing: 0.14px;
                            }

                            ul.attributes {
                                margin: 0;
                                font: normal normal normal 14px/24px 'inter';
                                letter-spacing: 0.14px;
                            }
                        }


                        &.link {
                            white-space: nowrap;

                            a {
                                text-decoration: none;
                                padding: 39px 21px;
                            }
                        }

                        .price-amount {
                            font-size: 14px;
                            line-height: 24px;
                            color: white;
                            text-decoration: none;
                            margin-top: 10px;
                        }
                    }
                }
            }
        }
    }


    .archive.tax-product_cat,
    .archive.woocommerce-shop,
    .single-product {
        & .category-grid {
            & .categories {
                margin-top: 20px;
                margin-bottom: 51px;

                & .category {
                    margin-bottom: 42px;

                    & a {
                        & .category-image {
                            max-height: unset;
                            aspect-ratio: 324 / 203;
                            width: 100%;
                            height: auto;

                            img {
                                max-height: unset;
                                aspect-ratio: 324 / 203;
                            }
                        }
                    }

                    &:not(:nth-last-child(-n+3)) {
                        margin-bottom: 42px;
                    }

                    p {
                        margin-bottom: 17px;
                    }

                    p:last-of-type {
                        margin-bottom: 0;
                    }
                }
            }
        }

        & .product-page,
        & .product {
            & .infos {
                padding: 0 33px;
                margin-bottom: 109px;

                h1 {
                    font: normal normal 700 24px / 29px 'inter';
                    margin-bottom: 20px;
                }

                .description {
                    font: normal normal normal 16px / 24px 'inter';
                    letter-spacing: 0.16px;
                    margin-bottom: 45px;
                    margin-top: 45px;
                }

                img {
                    max-width: 100%;
                    height: auto;
                    max-height: unset;
                }
            }
        }

        & .product {
            margin-top: 45px;

            & .infos {
                .description {
                    margin-top: 36px;
                    margin-bottom: 33px;
                }

                .stock {
                    /* margin: 0 0 54px 0; */
                }

                & .checkout-section {
                    justify-content: space-between;
                    --webkit-justify-content: space-between;
                    gap: 17px;

                    .price {
                        margin-right: 0;
                        padding: 15px 35px;
                    }

                    & form.cart {
                        & div.quantity {
                            button {
                                &.add, &.sub {
                                    display: none;
                                }
                            }

                            .qty {
                                margin: 0;
                                width: 56px;
                            }

                        }
                    }
                }
            }
        }
    }

    body {

        &.woocommerce-page.woocommerce-checkout {
            div.breadcrumbs+main {
                margin-top: 71px;
            }

            .sub-section {
                padding: 48px 0 48px 0;
            }

            #add_payment_method #payment div.payment_box,
            #payment div.payment_box,
            #payment div.payment_box {
                margin: 10px 0 0 0;
            }

            .summary-head {
                padding-top: 45px;
                border-bottom: none;

                .button-wrap{
                    padding: 0 33px;
                }
            }

            .summary-content,
            .woocommerce-checkout-summary {
                padding: 0 33px;

                table {
                    border-top: 1px solid #E5E5E5 !important;
                }
            }
            .woocommerce-column--shipping-address {
                margin-top: 40px;
            }
            .woocommerce ul.order_details{
                padding: 0;

                li{
                    padding: 10px 0;
                    border: none;
                    width: 100%;
                }
            }
        }

        &.woocommerce-page,
        &.woocommerce-register-page {

            .woocommerce {
                h1 {
                    font-size: 30px;
                    line-height: 36px;
                    letter-spacing: 0.3px;
                    font-weight: 600;
                    margin-bottom: 45px;
                }
                .table-wrap {
                    max-width: 100%;
                    overflow-x: auto;
                }
            }

            form {
                .input-row {
                    grid-template-columns: 1fr;
                    gap: 18px;
                }

                .form-block {
                    input[type='text'] {
                        padding: 13.5px 17px;
                    }

                    .form-row.agb-row {

                        .form-row,
                        .text {
                            padding-left: 36px !important;
                        }

                        & label {
                            &.radio-label {
                                margin-bottom: 10px;
                            }
                        }
                    }

                    .form-row:not(.agb-row) {
                        row-gap: 18px;

                        .woocommerce-form-register__submit {
                            width: 100%;
                        }
                    }
                }
            }
        }


        &.woocommerce-login-page,
        &.woocommerce-register-page,
        &.page-template-template-contact {
            span.title {
                margin-top: 67px;
                display: inline-block;
                line-height: normal;
                margin-bottom: 24px;
            }

            & .form-block {
                padding: 0;

                .woocommerce-form__label {
                    margin-bottom: 0;
                }

                h1 {
                    font: normal normal 600 26px / 31px 'inter';
                    margin-bottom: 21px;
                }
            }
        }


        &.woocommerce-login-page,
        &.woocommerce-register-page {
            background-color: white;

            & form {

                &.login,
                &.register {
                    .form-block {
                        padding: 0;

                        .lost_password {
                            margin-bottom: 108px;

                            a {
                                padding: 13px 17px;
                                background-color: var(--textgray);
                                color: white;
                                width: 100%;
                                display: inline-block;
                                font-weight: 400;
                                margin-top: 7px;
                            }
                        }

                        h1 {
                            margin-bottom: 46px;
                            font: normal normal 600 26px / 31px 'inter';
                        }
                    }
                }
            }

            & footer {
                & .container {
                    padding: 32px 0 34px 0;

                    ul {
                        flex-direction: column;
                        align-items: center;

                        li:not(:last-child) {
                            margin-right: 0;
                        }
                    }
                }
            }
        }

        &.page-template-template-thank-you .form-block {
            padding: 0 33px;
        }

        &.page-template-template-contact {
            .description {
                margin-bottom: 46px;
            }

            & .form-block {
                padding: 0;

                fieldset {
                    margin-top: 27px;
                    display: inline-block;
                }
            }
        }

    }

    &.woocommerce-login-page,
    &.woocommerce-register-page,
    &.page-template-template-contact {
        & .form-block {
            & h2 {
                &:not(:first-child) {
                    margin-top: 87px;
                }
            }
        }
    }

    div.breadcrumbs {

        +main {
            margin-top: 64px;
        }


        nav.breadcrumbs {
            li {
                &:not(:nth-last-child(2)) {
                    display: none;
                }

                &::after {
                    content: '' !important;
                }

                &::before {
                    content: '';
                    display: inline-block;
                    width: 8px;
                    height: 8px;
                    margin-right: 10px;

                    border-left: 1.5px solid black;
                    border-bottom: 1.5px solid black;
                    transform: rotate(45deg);
                }
            }
        }
    }

    div.header.submenu {
        &:not(.active) {
            display: none;
        }
    }

    header {
        height: 72px;
        padding-top: 21.5px;
        padding-bottom: 21.5px;
        /* position: sticky; */

        .mainmenu {
            display: none;
        }

        .right span a span {
            display: none;
        }

        & .right {
            >span:not(:last-child) {
                margin-right: 12px;
            }
        }

        span.mobile-toggle-wrap {
            margin-left: 22px;
        }
    }

    .row {
        --bs-gutter-x: 19px;
    }

    .container {
        max-width: 100%;
        padding-left: 19px;
        padding-right: 19px;
    }

    .info-slider {
        & .slick {
            .slide {
                height: fit-content;
                max-height: unset;
            }
        }

        .slick {
            .slick-track {
                height: unset;
                .slick-slide {
                    > div {
                        .slide {
                            .left {
                                padding-top: 30px;
                            }

                            .right {
                                /* This calc adds the margin-right to the img width */
                                /* 1140px container width + 6px padding */
                                width: calc(100% + var(--bs-gutter-x) * 2);
                                transform: translateX(calc(-1 * var(--bs-gutter-x)));
                            }
                        }
                    }
                }
            }
        }

        .slick {
            .slide .row {
                flex-direction: column-reverse;
            }
        }

        ul.slick-dots {
            left: var(--bs-gutter-x);
        }

        & .slick {
            & .slide {
                .left {
                    padding-top: 36px;
                    padding-bottom: 70px;
                    height: unset;
                    padding-right: 0;
                }
                .title{
                    font: normal normal 400 16px / normal 'inter';
                    margin-bottom: 13px;
                }
                h1, h2 {
                    font: normal normal 600 30px / 36px 'inter';
                }
            }
        }
    }

    .safari {
        .info-slider {
            ul.slick-dots {
                left: 20px;
            }
        }
    }

    section.title-text {
        .title {
            margin-bottom: 38px;
        }
    }

    section.two-tiles {
        .row {
            gap: 91px;
        }
    }

    section.category-boxes {
        .row {
            row-gap: 48px;
        }
    }

    section.image-text {

        ul.slick-dots {
            justify-content: center;
            margin-top: 45px;
        }

        img {
            width: 100%;
            height: auto;
            aspect-ratio: 291 / 155;
            margin-bottom: 39px;
        }

        .image-text-content-wrap .slick-slide {
            margin-right: 40px;
            /* Space between slides */
        }

        .image-text-content-wrap .slick-track {
            display: flex !important;
            margin-right: -40px;
            /* Counter the last slide’s margin */
        }

        .image-text-content-wrap .slick-slide:last-child {
            margin-right: 0;
        }

        .image-text-content {
            padding-bottom: 4px;
        }

        .heading {
            margin-bottom: 36px;
        }

        .subtitle-wrapper.text-end {
            text-align: left !important;
        }
    }

    section.content-boxes {
        .container>.row {
            row-gap: 73px;
        }

        & .box {
            .content {
                margin-top: 30px;
            }
        }

    }

    section.contact-box {
        .contact-box {
            max-width: 100%;
        }

        & .contact-box {
            .description {
                width: 100%;
            }
        }
    }

    section.image-two-thirds {
        img {
            width: calc(100% - 33px);
            aspect-ratio: 357 / 202;
            height: auto;
            object-fit: cover;
        }
    }

    section.text-two-thirds {
        padding: 0 33px;
    }

    section.title-text,
    section.category-boxes,
    section.content-boxes,
    footer {
        padding: 0 33px;
    }

    footer {

        .container {
            padding-top: 58px;
            padding-bottom: 59px;
        }

        .container>.row {
            row-gap: 26px;
        }



        .container>.row p.footer-heading {
            margin-bottom: 0 !important;
        }

        nav.mobile-accordion ul,
        ul.contact-infos {
            margin-top: 31px;
        }
    }
}

@media (max-width: 767.98px) {
    section.content-boxes {
        & .box {
            img {
                width: calc(100% - 66px);
            }
        }

    }
}

@media (max-width: 575.98px) {
    header {
        .right {
            .wpml-adjust {
                .linkcontent {
                    flex-wrap: unset;
                }
            }
        }
    }
}
/* .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: clamp(30px, calc(var(--bs-gutter-x) * .5), 45px); padding-left: clamp(30px, calc(var(--bs-gutter-x) * .5), 45px); margin-right: auto; margin-left: auto; } */
/* Responsive: end */