@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap");
.container {
    width: 100%;
    max-width: 1400px;
    display: flex;
    align-self: center;
    margin: 0 70px; }
@media only screen and (max-width: 1350px) {
    .container {
        margin: 0 50px; } }
@media only screen and (max-width: 1024px) {
    .container {
        margin: 0 20px; } }
@media screen and (max-width: 450px) {
    .container {
        max-width: 370px; } }

body {
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    max-width: 100vw;
    overflow-x: clip !important; }
body.overlay-active {
    overflow: hidden; }
body.overlay-active .body-overlay {
    display: block; }

.body-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: rgba(0, 0, 0, 0.4);
    z-index: 99; }
@media only screen and (min-width: 1024px) {
    .body-overlay {
        display: none !important; } }

.breadcrumbs-block {
    display: flex;
    justify-content: center;
    max-width: -webkit-fill-available;
    flex-wrap: wrap; }

.cky-revisit-bottom-left {
    display: none;
    visibility: hidden;
    opacity: 0; }

.flex-column {
    display: inline-flex;
    flex-direction: column; }
.flex-column .button {
    width: fit-content;
    margin-top: 30px; }

.cky-footer-wrapper div:last-of-type {
    font-size: 0 !important; }
.cky-footer-wrapper div:last-of-type a {
    display: none;
    visibility: hidden;
    opacity: 0; }

.no-underline {
    text-decoration: none !important; }

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

img {
    max-width: 100%; }

strong {
    font-weight: 500; }

h1 {
    font-size: 40px;
    font-weight: 400; }
@media only screen and (max-width: 700px) {
    h1 {
        font-size: 30px; } }

h2 {
    font-weight: 400;
    font-size: 26px !important; }
@media only screen and (max-width: 700px) {
    h2 {
        font-size: 20px; } }

@media only screen and (max-width: 1024px) {
    .variations {
        width: 100% !important; } }

.variations select {
    padding: 15px !important;
    border-radius: 10px;
    border: 1px solid #EBEBEB;
    color: #333 !important;
    outline: none;
    height: 50px !important;
    -webkit-appearance: inherit !important;
    background-color: white !important; }
@media only screen and (max-width: 768px) {
    .variations select {
        width: 100%;
        height: 40px !important;
        width: 100% !important; } }

.mt-10 {
    margin-top: 10px; }

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

.mt-30 {
    margin-top: 30px; }

.mt-40 {
    margin-top: 40px; }

.mt-50 {
    margin-top: 50px; }

.guidant_result_container .single_post .post_permalink a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 20px !important;
    font-size: 0px !important; }
.guidant_result_container .single_post .post_permalink a:after {
    content: 'Bekijken';
    font-size: 16px !important; }

.guidantguide_action_btn, .guidantguide_start_over_btn, .guidant_result_container .post_permalink a {
    border-radius: 5px !important;
    color: white !important;
    text-align: center !important;
    box-sizing: border-box !important;
    transition: all 300ms !important;
    border: none !important;
    outline: none !important;
    text-decoration: none !important;
    height: 50px !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 600 !important;
    padding: 0 30px !important;
    cursor: pointer !important;
    outline: none !important;
    background: url("../../assets/images/chair.png") var(--jc-green-3) !important;
    background-size: 50px !important;
    background-position: 10px 10px !important;
    background-repeat: no-repeat !important; }
.guidantguide_action_btn:hover, .guidantguide_start_over_btn:hover, .guidant_result_container .post_permalink a:hover {
    background: url("../../assets/images/chair.png") var(--jc-green-3-hover) !important;
    background-size: 50px !important;
    background-position: 30px 10px !important;
    background-repeat: no-repeat !important; }
.guidantguide_action_btn svg *, .guidantguide_start_over_btn svg *, .guidant_result_container .post_permalink a svg * {
    color: white !important;
    fill: white !important; }
.guidantguide_action_btn span, .guidantguide_start_over_btn span, .guidant_result_container .post_permalink a span {
    font-size: 0px !important; }
.guidantguide_action_btn span:after, .guidantguide_start_over_btn span:after, .guidant_result_container .post_permalink a span:after {
    font-size: 16px !important;
    content: 'Terug naar keuzehulp'; }

.button {
    border-radius: 5px;
    color: white;
    text-align: center;
    box-sizing: border-box;
    transition: all 300ms;
    border: none;
    outline: none;
    text-decoration: none;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    padding: 0 30px;
    cursor: pointer;
    outline: none; }
.button svg {
    vertical-align: -7px;
    width: 18px;
    margin-left: 10px;
    margin-right: -10px;
    transition: all 300ms; }
.button.button-orange {
    background: url("../../assets/images/chair.png") var(--jc-green-3);
    background-size: 50px;
    background-position: 10px 10px;
    background-repeat: no-repeat; }
.button.button-orange:hover {
    background: url("../../assets/images/chair.png") var(--jc-green-3-hover);
    background-size: 50px;
    background-position: 30px 10px;
    background-repeat: no-repeat; }
.button.button-white {
    background: url("../../assets/images/chair.png") white;
    background-size: 50px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    color: var(--jc-green-3); }
.button.button-white:hover {
    background: url("../../assets/images/chair.png") white;
    background-size: 50px;
    background-position: 30px 10px;
    background-repeat: no-repeat;
    color: var(--jc-green-3-hover); }
.button.button-semi-transparent {
    background: rgba(0, 0, 0, 0.1);
    background-size: 50px;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    min-width: 150px; }
.button.button-semi-transparent:hover {
    background: rgba(0, 0, 0, 0.15);
    background-size: 50px;
    background-position: 30px 10px;
    background-repeat: no-repeat; }

.block {
    margin-bottom: 75px !important;
    display: flex;
    justify-content: center; }
@media only screen and (max-width: 1024px) {
    .block {
        margin-bottom: 50px !important; } }
@media only screen and (max-width: 768px) {
    .block {
        margin-bottom: 50px !important; } }

p {
    font-size: 16px;
    line-height: 24px;
    color: #333;
    font-weight: 300; }

.terms a {
    color: var(--jc-green-3) !important; }

.woocommerce-no-products-found {
    background: var(--jc-green-3);
    color: white !important;
    padding: 15px;
    border-radius: 5px;
    width: 100%; }

.gform_wrapper.gravity-theme .gfield_required {
    color: var(--jc-green-3) !important; }

.gform_wrapper.gravity-theme .gfield_label {
    color: #333 !important;
    font-weight: 500; }

.gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gform_fileupload_rules, .gform_wrapper.gravity-theme .ginput_complex label {
    margin-bottom: 15px !important; }

.gform_wrapper.gravity-theme .field_sublabel_above .description, .gform_wrapper.gravity-theme .field_sublabel_above .gfield_description, .gform_wrapper.gravity-theme .field_sublabel_above .gsection_description {
    width: 100%;
    margin-top: 15px;
    color: #ACACAC; }

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
    height: 50px;
    border-radius: 5px;
    border: 1px solid #EBEBEB !important;
    width: 100%;
    font-size: 14px;
    line-height: 100%;
    padding: 20px 20px;
    padding-left: 15px !important;
    margin: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    background: #fff;
    outline: none; }
.gform_wrapper.gravity-theme input[type=color]::placeholder, .gform_wrapper.gravity-theme input[type=date]::placeholder, .gform_wrapper.gravity-theme input[type=datetime-local]::placeholder, .gform_wrapper.gravity-theme input[type=datetime]::placeholder, .gform_wrapper.gravity-theme input[type=email]::placeholder, .gform_wrapper.gravity-theme input[type=month]::placeholder, .gform_wrapper.gravity-theme input[type=number]::placeholder, .gform_wrapper.gravity-theme input[type=password]::placeholder, .gform_wrapper.gravity-theme input[type=search]::placeholder, .gform_wrapper.gravity-theme input[type=tel]::placeholder, .gform_wrapper.gravity-theme input[type=text]::placeholder, .gform_wrapper.gravity-theme input[type=time]::placeholder, .gform_wrapper.gravity-theme input[type=url]::placeholder, .gform_wrapper.gravity-theme input[type=week]::placeholder, .gform_wrapper.gravity-theme select::placeholder, .gform_wrapper.gravity-theme textarea::placeholder {
    font-style: italic;
    font-size: 14px;
    color: #999999; }

.gform_button {
    font-weight: 600; }

.gform_wrapper.gravity-theme .gform_validation_errors {
    background: var(--jc-green-3) !important;
    color: white !important;
    border: none !important;
    outline: none;
    display: none !important; }
.gform_wrapper.gravity-theme .gform_validation_errors a {
    color: white !important; }

.gform_wrapper.gravity-theme .gfield_error .gfield_repeater_cell label, .gform_wrapper.gravity-theme .gfield_error label, .gform_wrapper.gravity-theme .gfield_error legend, .gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message, .gform_wrapper.gravity-theme [aria-invalid=true] + label, .gform_wrapper.gravity-theme label + [aria-invalid=true] {
    color: #333 !important; }

.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
    border: none !important;
    margin-top: 15px !important;
    background: #ff5959 !important;
    color: white !important;
    display: flex;
    height: 50px;
    align-items: center;
    font-size: 14px !important;
    border-radius: 5px;
    padding-top: 15px !important;
    padding-left: 15px !important; }

.gform_confirmation_wrapper {
    margin-top: 20px !important; }

.gform_wrapper.gravity-theme .gform_validation_errors > ol li {
    color: white !important;
    padding-left: 0; }

textarea {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    outline: none;
    resize: vertical !important; }
textarea::placeholder {
    font-style: italic;
    font-size: 14px;
    color: #999999; }

.breadcrumbs {
    margin: 35px 0; }

.breadcrumb-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px;
    margin-top: -20px;
    justify-content: space-between;
    margin-bottom: 30px;
    width: 100%;
    max-width: 1375px; }
@media screen and (max-width: 768px) {
    .breadcrumb-row {
        max-width: 100%; } }
.breadcrumb-row .left-side {
    width: 50%;
    display: flex;
    flex-direction: row;
    gap: 30px; }
@media only screen and (max-width: 768px) {
    .breadcrumb-row .left-side {
        width: 100%; } }
@media only screen and (max-width: 768px) {
    .breadcrumb-row .right-side {
        display: none; } }

.back-button {
    height: 49px;
    background-color: #fff;
    border: 1px solid #E3E3E3;
    border-radius: 0 10px 10px 0;
    position: relative;
    cursor: pointer;
    margin-left: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    font-weight: 500;
    transition: all 300ms; }
@media only screen and (max-width: 600px) {
    .back-button {
        display: none !important; } }
.back-button:hover span {
    color: var(--jc-green-3) !important; }
.back-button span {
    position: relative;
    left: -7px;
    color: #333;
    transition: all 300ms; }
.back-button:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    right: 100%;
    top: 0px;
    left: -20px;
    border-top: 25px solid transparent;
    border-bottom: 24px solid transparent;
    border-right: 20px solid white;
    z-index: 1; }
.back-button:after {
    border-top: 26px solid transparent;
    border-bottom: 25px solid transparent;
    border-right: 21px solid #EBEBEB;
    top: -1px;
    left: -22px;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    right: 100%; }

#breadcrumbs, .breadcrumbs {
    width: 100%;
    color: #333; }
#breadcrumbs svg, .breadcrumbs svg {
    margin: 0 10px; }
#breadcrumbs a, .breadcrumbs a {
    text-decoration: none;
    color: var(--jc-green-3); }
#breadcrumbs a:hover, .breadcrumbs a:hover {
    text-decoration: underline; }

.block-blog .pagination {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    transition: all 300ms;
    border: none !important; }
.block-blog .pagination .next, .block-blog .pagination .prev {
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border: none !important;
    background: var(--jc-green-3);
    color: white;
    border-radius: 5px;
    margin: 0 20px;
    transition: background 300ms !important;
    color: white; }
.block-blog .pagination .next svg, .block-blog .pagination .prev svg {
    color: white !important; }
@media only screen and (max-width: 768px) {
    .block-blog .pagination .next, .block-blog .pagination .prev {
        min-width: 40px;
        height: 40px; } }
.block-blog .pagination .next:hover, .block-blog .pagination .prev:hover {
    transition: background 300ms !important;
    background: var(--jc-green-3-hover); }
.block-blog .pagination .pag-numbers {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    margin: 0 7px;
    font-weight: 500; }
@media only screen and (max-width: 768px) {
    .block-blog .pagination .pag-numbers {
        margin: 0 5px; } }
.block-blog .pagination .pag-numbers a {
    color: #333 !important;
    text-decoration: none;
    font-weight: 300; }
.block-blog .pagination .pag-numbers .dots {
    position: relative;
    bottom: -20px; }
.block-blog .pagination .pag-numbers .page-numbers:not(.dots) {
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border: 1px solid #E3E3E3;
    border-radius: 5px;
    transition: ease-in-out color 200ms;
    color: var(--jc-green-3); }
@media only screen and (max-width: 768px) {
    .block-blog .pagination .pag-numbers .page-numbers:not(.dots) {
        width: 40px;
        height: 40px; } }

.block-blog .container {
    display: flex;
    flex-direction: column; }
.block-blog .container .blog-items {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px; }
@media only screen and (max-width: 1200px) {
    .block-blog .container .blog-items {
        grid-template-columns: repeat(3, 1fr); } }
@media only screen and (max-width: 1000px) {
    .block-blog .container .blog-items {
        grid-template-columns: repeat(2, 1fr); } }
@media only screen and (max-width: 600px) {
    .block-blog .container .blog-items {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px; } }
.block-blog .container .blog-items .item {
    border-radius: 10px;
    border: 1px solid #EBEBEB;
    padding: 20px;
    box-sizing: border-box;
    display: block;
    text-decoration: none;
    color: #333;
    transition: all 300ms; }
.block-blog .container .blog-items .item:hover {
    color: var(--jc-green-3); }
.block-blog .container .blog-items .item img {
    border-radius: 10px;
    overflow: hidden;
    height: 200px;
    width: 100%;
    object-fit: cover; }
.block-blog .container .blog-items .item .item-details {
    margin-top: 20px;
    text-decoration: none; }
.block-blog .container .blog-items .item .item-details h3 {
    font-weight: 400;
    font-size: 20px; }
.block-blog .container .blog-items .item .item-details p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
.block-blog .container .blog-items .item .item-details .date {
    display: flex;
    align-items: center;
    color: grey; }
.block-blog .container .blog-items .item .item-details .date svg {
    height: 18px;
    margin-right: 5px;
    position: relative;
    top: -1px; }

.single .share {
    margin-top: 30px !important; }

.single .date {
    display: flex;
    align-items: center;
    color: grey;
    margin-bottom: 30px;
    margin-top: -10px; }
@media only screen and (max-width: 1024px) {
    .single .date {
        margin-top: 0;
        margin-bottom: 20px; } }
.single .date svg {
    height: 18px;
    margin-right: 5px;
    position: relative;
    top: -1px; }

@media only screen and (max-width: 1024px) {
    .single .breadcrumb-row {
        margin-bottom: 0 !important; } }

@media only screen and (max-width: 1024px) {
    .single .breadcrumb-row .left-side {
        flex-direction: column !important;
        gap: 10px; } }

.blog-single a {
    color: var(--jc-green-3) !important; }

.blog-single ul {
    padding-left: 20px;
    list-style: none;
    font-weight: 400;
    color: #333; }
.blog-single ul li:before {
    content: "";
    background: var(--jc-green-3);
    font-weight: bold;
    display: inline-block;
    margin-left: -20px;
    margin-right: 10px;
    width: 10px;
    height: 10px;
    border-radius: 2px; }

.blog-single {
    font-size: 16px;
    line-height: 24px;
    color: #333;
    font-weight: 300; }

.block-choice .container .choice-container {
    font-family: 'Roboto', sans-serif !important;
    width: 100%; }
.block-choice .container .choice-container .guidant_front_guide_block {
    background: none !important;
    padding: 0 !important; }
.block-choice .container .choice-container .guidantguide_intro {
    text-align: left; }
@media only screen and (max-width: 1024px) {
    .block-choice .container .choice-container .guidantguide_intro {
        text-align: center !important; } }
.block-choice .container .choice-container .guidantguide_intro p {
    font-weight: 300 !important;
    margin-top: 10px; }
.block-choice .container .choice-container .guidantguide_footer {
    visibility: hidden;
    opacity: 0; }
.block-choice .container .choice-container .guidantguide_filters_container {
    width: 100% !important; }
.block-choice .container .choice-container .guidant_loader_card .loader {
    border-top: 6px solid var(--jc-green-3) !important; }
.block-choice .container .choice-container .guidant_front_guide_block .guidantguide_filter, .block-choice .container .choice-container .guidant_loader_card {
    border: none !important;
    background: #F5F5F5;
    border-radius: 10px;
    margin-top: 50px !important;
    min-width: 100% !important;
    padding: 50px !important; }
@media only screen and (max-width: 1024px) {
    .block-choice .container .choice-container .guidant_front_guide_block .guidantguide_filter, .block-choice .container .choice-container .guidant_loader_card {
        min-width: auto !important; } }
.block-choice .container .choice-container .guidant_front_guide_block .guidantguide_filter_cards_container .guidantguide_single_card:hover {
    border: 2px solid var(--jc-green-3) !important; }
.block-choice .container .choice-container .guidant_front_guide_block .guidantguide_filter_cards_container .guidantguide_single_card .checkbox {
    display: block;
    background: transparent;
    border: 1px solid #EBEBEB !important;
    width: 20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    font-size: 12px;
    text-align: center;
    position: absolute;
    bottom: 5px;
    left: calc(50% - 7px);
    border-radius: 3px !important; }
.block-choice .container .choice-container .guidant_front_guide_block .guidantguide_filter_cards_container .guidantguide_single_card.active {
    border: 2px solid var(--jc-green-3) !important; }
.block-choice .container .choice-container .guidant_front_guide_block .guidantguide_filter_cards_container .guidantguide_single_card.active .checkbox {
    border: 2px solid var(--jc-green-3) !important;
    background: var(--jc-green-3) !important;
    border-radius: 3px !important; }
.block-choice .container .choice-container .guidant_front_guide_block .guidantguide_filter_cards_container .guidantguide_single_card.active .checkbox:after {
    content: '\2713';
    color: #ffffff;
    position: relative;
    top: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 20px; }

.block-image-text .container {
    width: 100%;
    display: flex;
    flex-direction: row;
    border-radius: 10px; }
@media only screen and (max-width: 1024px) {
    .block-image-text .container {
        flex-direction: column; } }
.block-image-text .container .column {
    flex: 1;
    border-radius: 10px; }
.block-image-text .container .column.column-image {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
@media only screen and (max-width: 1024px) {
    .block-image-text .container .column.column-image {
        min-height: 250px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0; } }
.block-image-text .container .column.column-text {
    padding: 50px;
    box-sizing: border-box;
    background: var(--jc-green-3);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    color: white; }
@media only screen and (max-width: 1024px) {
    .block-image-text .container .column.column-text {
        border-top-right-radius: 0;
        border-bottom-left-radius: 10px;
        padding: 20px; } }
.block-image-text .container .column.column-text h2 {
    margin-top: 0px; }
@media only screen and (max-width: 1024px) {
    .block-image-text .container .column.column-text h2 {
        margin-top: 0px; } }
.block-image-text .container .column.column-text p {
    color: white; }

.block-products {
    display: flex;
    margin: 0 70px; }
@media only screen and (max-width: 1350px) {
    .block-products {
        margin: 0 50px; } }
@media only screen and (max-width: 1024px) {
    .block-products {
        margin: 0 20px;
        max-width: calc(100vw - 40px); } }
.block-products .container {
    display: flex;
    flex-direction: column;
    max-width: 1370px; }
.block-products .container .product-loop {
    width: 100%;
    margin-top: 30px; }
/* ==========================================================================
   JC — Home productsectie tiles (swiper slides) — zelfde clean layout als
   product-archive. Elke sectie vaste/gereserveerde hoogte → alle tiles gelijk.
   ========================================================================== */

.block-products .container .product-loop .swiper-slide {
    border: 1px solid var(--jc-green-3);
    border-radius: 10px;
    box-sizing: border-box;
    padding: 20px;
    text-decoration: none !important;
    color: #333 !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: auto;
    transition: color 200ms ease;
}

.block-products .container .product-loop .swiper-slide:hover .title {
    color: var(--jc-green-3) !important;
}

/* --- 1. Image --- */
.block-products .container .product-loop .swiper-slide > img {
    width: 100%;
    height: 260px;
    min-height: auto;
    max-height: none;
    object-fit: contain;
    background: #fff;
    border-radius: 8px;
    margin: 0;
}

@media only screen and (max-width: 1200px) {
    .block-products .container .product-loop .swiper-slide > img { height: 240px; }
}
@media only screen and (max-width: 900px) {
    .block-products .container .product-loop .swiper-slide > img { height: 220px; }
}

/* --- 2. Details-wrapper (flex column, vult beschikbare ruimte) --- */
.block-products .container .product-loop .swiper-slide .product-details {
    margin: 0;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
    position: relative;
}

/* --- 3. Titel (vast 48px, 2 regels max) --- */
.block-products .container .product-loop .swiper-slide .product-details .title {
    height: 48px;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #333;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: color 200ms ease;
}

/* --- 4. Tags-slot (vast gereserveerd) --- */
.block-products .container .product-loop .swiper-slide .product-details .tags {
    min-height: 28px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: flex-start;
    align-content: flex-start;
}

.block-products .container .product-loop .swiper-slide .product-details .tags span {
    padding: 3px 10px;
    background: var(--jc-green-4);
    color: var(--jc-green-1);
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
}

/* --- 5. Prijzen-blok (vast hoogte, verticale stack) --- */
.block-products .container .product-loop .swiper-slide .product-details .product-prices {
    min-height: 52px;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    align-items: flex-start;
}

.block-products .container .product-loop .swiper-slide .product-details .product-prices .price-incl {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    color: var(--jc-green-3) !important;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    display: block !important;
    text-align: left;
    min-width: 0;
}

.block-products .container .product-loop .swiper-slide .product-details .product-prices .price-incl.on-sale {
    color: #f29100 !important;
    display: flex !important;
    flex-direction: row;
    align-items: baseline;
    gap: 8px;
    background: transparent !important;
    padding: 0 !important;
}

.block-products .container .product-loop .swiper-slide .product-details .product-prices .price-incl.on-sale .regular-price {
    font-size: 13px;
    font-weight: 400;
    color: #999;
    margin: 0;
}

.block-products .container .product-loop .swiper-slide .product-details .product-prices .price-incl.on-sale .regular-price span {
    text-decoration: line-through;
}

.block-products .container .product-loop .swiper-slide .product-details .product-prices .price-excl {
    margin: 0;
    color: #919191;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.2;
}

/* --- 6. Artikelnummer (klein grijs) --- */
.block-products .container .product-loop .swiper-slide .product-details > span {
    min-height: 18px;
    margin: 0;
    font-size: 12px !important;
    color: #aaa !important;
    line-height: 1.2;
}

/* --- 7. Bekijken-button (pin naar bottom, inherit chair-slide animatie) --- */
.block-products .container .product-loop .swiper-slide .product-details .button-orange {
    margin-top: auto;
    position: static;
    bottom: auto;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 18px;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 500;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    /* background + chair-slide hover komen uit generieke .button.button-orange */
}

.block-showroom .container {
    display: flex;
    flex-direction: row;
    gap: 70px; }
@media only screen and (max-width: 1024px) {
    .block-showroom .container {
        flex-direction: column;
        gap: 20px; } }
.block-showroom .container .column {
    color: white;
    box-sizing: border-box;
    padding: 30px;
    border-radius: 10px; }
.block-showroom .container .column.blue-column {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    flex: 1;
    background: url("../../assets/images/showroom-geldrop-asset.svg") var(--jc-blue);
    background-size: 500px;
    background-repeat: no-repeat;
    background-position: right -165px;
    overflow: hidden;
    color: white; }
@media only screen and (max-width: 1024px) {
    .block-showroom .container .column.blue-column {
        background-position: right -215px; } }
@media only screen and (max-width: 700px) {
    .block-showroom .container .column.blue-column {
        background-position: right -245px; } }
@media only screen and (max-width: 510px) {
    .block-showroom .container .column.blue-column {
        background-position: 100px -250px; } }
@media only screen and (max-width: 500px) {
    .block-showroom .container .column.blue-column {
        background-position: 100px -225px; } }
@media only screen and (max-width: 465px) {
    .block-showroom .container .column.blue-column {
        background-position: 50px -205px; } }
@media only screen and (max-width: 390px) {
    .block-showroom .container .column.blue-column {
        background-position: 0px -205px; } }
.block-showroom .container .column.blue-column p {
    color: white; }
.block-showroom .container .column.pink-column {
    width: 300px;
    min-width: 300px;
    min-height: 300px;
    background: #f29100;
    justify-content: center;
    align-items: center; }
@media only screen and (max-width: 1024px) {
    .block-showroom .container .column.pink-column {
        width: 100%; } }
.block-showroom .container .column.pink-column h3 {
    margin-top: 0; }
.block-showroom .container .column.pink-column .opening-hours {
    display: flex;
    flex-direction: column;
    width: 100%; }
.block-showroom .container .column.pink-column .opening-hours .row {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 7px 0; }

.block-two-texts h1, .block-two-texts h2, .block-two-texts h3, .block-two-texts h4 {
    margin-top: 0; }

.block-two-texts li {
    color: #333;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    list-style: inherit; }

.block-two-texts iframe {
    max-width: 100% !important;
    margin-top: 20px; }

.block-two-texts.only-one-column .column {
    width: 100% !important; }

.block-two-texts .container {
    display: flex;
    flex-direction: row;
    gap: 100px; }
@media only screen and (max-width: 950px) {
    .block-two-texts .container {
        flex-wrap: wrap;
        flex-direction: column;
        gap: 0; } }
.block-two-texts .container .column {
    width: 50%; }
.block-two-texts .container .column a {
    color: var(--jc-blue) !important; }
@media only screen and (max-width: 950px) {
    .block-two-texts .container .column {
        width: 100%; } }

li {
    list-style: none; }

.cart-empty {
    display: none !important; }

#billing_eu_vat_number_field {
    margin: 0 !important; }

#billing_eu_vat_number {
    margin-bottom: 20px !important; }

.cart-wrapper h1 {
    margin-bottom: 10px; }

.cart-wrapper .coupon-text {
    margin-bottom: 35px; }
.cart-wrapper .coupon-text a {
    color: var(--jc-green-3) !important; }

.cart-wrapper .coupon {
    display: none;
    margin-top: -20px;
    margin-bottom: 35px; }
.cart-wrapper .coupon label {
    display: none; }
.cart-wrapper .coupon .button {
    margin: 0 !important;
    font-weight: 500; }
.cart-wrapper .coupon button {
    font-weight: 600 !important; }
.cart-wrapper .coupon .input-text {
    border-radius: 5px;
    border: 1px solid #EBEBEB;
    padding-left: 20px;
    margin-right: 25px;
    outline: none;
    width: auto !important;
    flex: 1; }

.cart-wrapper .button {
    margin-top: 35px;
    margin-bottom: 70px; }

.cart-wrapper .coupon-true {
    display: flex; }

.cart-wrapper input[type="number"]::-webkit-inner-spin-button,
.cart-wrapper input[type="number"]::-webkit-outer-spin-button {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin: 0; }

.cart-wrapper input[type="number"]:hover::-webkit-inner-spin-button,
.cart-wrapper input[type="number"]:hover::-webkit-outer-spin-button {
    display: none; }

.cart-wrapper .product-prices {
    margin-top: 10px;
    color: #333;
    font-size: 18px;
    display: flex;
    flex-direction: row;
    align-items: center; }

.cart-wrapper .price-incl.on-sale {
    background: #f29100 !important;
    padding: 10px;
    width: 100px;
    background: #f29100 !important;
    color: white !important;
    padding: 10px !important; }

.cart-wrapper .price-incl {
    padding: 10px 0 !important;
    color: var(--jc-green-3) !important;
    background: white !important;
    text-align: center;
    display: inline-flex;
    border-radius: 5px;
    flex-direction: column;
    font-size: 16px; }
.cart-wrapper .price-incl span.line-through {
    text-decoration: line-through; }
.cart-wrapper .price-incl span.old-price {
    margin-top: 5px;
    font-size: 12px; }

.cart-wrapper .price-excl {
    margin-left: 20px;
    color: #919191;
    font-size: 14px;
    font-weight: 300;
    display: flex;
    flex-direction: row;
    align-items: center; }
.cart-wrapper .price-excl .woocommerce-Price-amount {
    margin-right: 5px; }

@media screen and (max-width: 1024px) {
    .cart-wrapper .container {
        flex-direction: column !important; } }

.cart-wrapper .column:first-child {
    width: 75%; }
@media screen and (max-width: 1024px) {
    .cart-wrapper .column:first-child {
        width: 100%; } }

.cart-wrapper .column:last-child {
    width: 25%; }
@media screen and (max-width: 1024px) {
    .cart-wrapper .column:last-child {
        width: 100%; } }

.cart-wrapper p {
    margin: 0; }

.cart-wrapper .cart-items {
    padding: 10px 20px 10px 35px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    border: solid 1px #EBEBEB;
    margin-bottom: 30px; }

.cart-wrapper .cart-items .cart-item-img {
    flex-shrink: 0; }
.cart-wrapper .cart-items .cart-item-img img {
    width: 100px;
    height: 140px;
    object-fit: scale-down; }

.cart-wrapper .cart-items-in {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    width: 100%; }

.cart-wrapper .cart-text {
    margin-left: 30px;
    flex-grow: 1; }

.cart-wrapper .cart-price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px; }

.cart-wrapper .cart-quantity {
    display: flex;
    flex-shrink: 0; }

.cart-wrapper .cart-quantity .checkout-item-count {
    flex-shrink: 0;
    margin-top: 8px; }

.cart-wrapper .number {
    position: relative;
    max-width: 95px;
    margin-right: 15px; }

.cart-wrapper .number-arrows {
    position: absolute;
    right: 10px;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1; }

.cart-wrapper .checkout-item-count input {
    padding: 12px 50px 12px 20px;
    height: 50px;
    width: 100%;
    border: solid 1px #EBEBEB;
    border-radius: 5px;
    background-color: transparent;
    font-weight: 400;
    color: #333333;
    font-size: 14px;
    font-family: inherit;
    -moz-appearance: textfield;
    text-align: left; }

.cart-wrapper .delete-item {
    border: 1px solid #EBEBEB;
    border-radius: 3px;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 8px;
    flex-shrink: 0;
    margin-top: 10px;
    margin-left: 20px;
    cursor: pointer; }
.cart-wrapper .delete-item .delete-item-in {
    background: #d80000;
    padding: 7px;
    border-radius: 5px; }
.cart-wrapper .delete-item svg {
    width: 18px;
    height: 18px; }
.cart-wrapper .delete-item a {
    color: #fff; }

.cart-wrapper .product-name a {
    color: #333;
    font-size: 18px;
    text-decoration: none; }

.woocommerce button[name="update_cart"],
.woocommerce input[name="update_cart"] {
    display: none; }

.cart-summary {
    padding: 20px;
    border: solid 1px #EBEBEB;
    border-radius: 5px; }
.cart-summary p {
    font-size: 15px; }

.cart-usps .usp {
    display: flex;
    gap: 15px;
    margin-bottom: 10px; }

.cart-usps .usp img {
    width: 20px; }

.cart-summary-top .trustpilot {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px; }

.cart-summary-top .trustpilot .thuiswinkel img {
    height: 20px; }

.cart-summary-top .trustpilot .trustpilot {
    margin-bottom: 0; }

.cart-summary-top {
    padding-bottom: 10px;
    border-bottom: solid 1px #E3E3E3; }

.cart-summary-mid {
    padding: 20px 0 0;
    border-bottom: solid 1px #E3E3E3; }

.brick-form-pay-1 .cart-summary-mid {
    border-bottom: 0; }

.brick-form-pay-1 .cart-summery-mid tr:last-child th,
.brick-form-pay-1 .cart-summery-mid tr:last-child td {
    padding-bottom: 0; }

.brick-form-pay-1 .terms {
    margin-bottom: 20px; }

.cart-summary-mid .cart-summery-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px; }

.cart-summary-bot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-top: 20px;
    gap: 15px; }

.cart-summary-bot .component:last-child {
    text-align: right; }

.cart-summary-bot .includes_tax {
    font-size: 12px;
    display: block; }

.cart-summary-top ul {
    margin-top: 0; }

.cart-summary-top li {
    margin-left: -35px;
    list-style: none;
    margin-bottom: 10px; }
.cart-summary-top li svg {
    width: 20px;
    color: limegreen;
    top: 5px;
    margin-right: 10px;
    position: relative;
    height: 20px; }

.cart-summary-top .back-to-home {
    margin-top: 15px; }

#shipping_method {
    padding-left: 0 !important; }
#shipping_method li {
    margin: 20px 0 !important; }
#shipping_method li input[type="radio"] {
    margin-right: 10px !important; }

.block-checkout {
    margin-bottom: 50px !important; }
@media only screen and (max-width: 1024px) {
    .block-checkout {
        margin-bottom: 0 !important; } }

.select2-search--dropdown {
    display: none !important;
    visibility: hidden !important; }

.select2-container--default .select2-search--dropdown .select2-search__field {
    display: none !important;
    visibility: hidden !important; }

.select2-dropdown {
    border: 1px solid #EBEBEB; }

.select2-results__option--highlighted {
    background: var(--jc-green-3) !important; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 12px;
    right: 12px;
    width: 20px; }

.mollie-components-description {
    margin-top: 15px !important; }

.input-container input {
    position: relative !important;
    height: 40px !important;
    display: flex !important;
    align-items: center !important;
    padding-left: 15px !important; }

.mollie-components input[type="text"] {
    min-height: 40px !important; }

.mollie-components .mollie-component {
    overflow: hidden !important;
    width: auto !important;
    outline: none !important;
    line-height: 50px !important;
    line-height: 50px !important;
    box-shadow: none !important;
    border: 1px solid #EBEBEB !important;
    border-radius: 5px !important; }
.mollie-components .mollie-component iframe {
    height: 40px !important;
    top: 10px;
    left: 10px;
    position: relative;
    background: none !important; }
.mollie-components .mollie-component.has-focus {
    border: 1px solid #EBEBEB !important; }
.mollie-components .mollie-component input {
    height: 50px !important;
    outline: none !important;
    border: 1px solid #EBEBEB; }

.mollie-components input {
    outline: none !important;
    line-height: 50px !important;
    padding-left: 15px !important; }

.mollie-components .mollie-component-label {
    margin-bottom: 10px !important;
    display: inline-block; }

.mollie-components #expiryDate {
    padding-right: 0 !important;
    width: 100% !important;
    min-width: 100% !important; }

.mollie-components #verificationCode {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
    min-width: 100% !important; }

.payment_box {
    border-radius: 5px;
    padding: 20px;
    box-sizing: border-box;
    background: #F5F5F5;
    margin-top: 15px; }
.payment_box.payment_method_mollie_wc_gateway_ideal {
    position: relative; }
.payment_box.payment_method_mollie_wc_gateway_ideal:after {
    position: absolute;
    right: 30px;
    top: 69px;
    height: 30px;
    width: 30px;
    border-radius: 3px;
    background: var(--jc-blue);
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    content: url("../../assets/images/chevron-down-white.svg"); }
.payment_box p {
    margin: 0;
    padding: 0; }

.woocommerce-privacy-policy-text {
    margin-top: 30px; }
.woocommerce-privacy-policy-text a {
    color: var(--jc-green-3) !important; }

.woocommerce-checkout-payment {
    display: flex;
    flex-direction: column;
    margin-top: 30px; }
.woocommerce-checkout-payment ul {
    width: 100%;
    display: flex;
    flex-direction: column; }
.woocommerce-checkout-payment ul li {
    margin: 10px 0;
    flex-direction: row;
    justify-content: space-between; }

.woocommerce-checkout .woocommerce-validated {
    position: relative; }
.woocommerce-checkout .woocommerce-validated.validate-eu-vat-number input:not(:placeholder-shown) {
    border: 2px solid limegreen; }
.woocommerce-checkout .woocommerce-validated .postcodenl-address-autocomplete-warning {
    display: none !important; }

.woocommerce-checkout .woocommerce-invalid {
    position: relative; }
.woocommerce-checkout .woocommerce-invalid input {
    border: 2px solid #d80000 !important; }
.woocommerce-checkout .woocommerce-invalid.validate-eu-vat-number input {
    border: 2px solid #d80000 !important; }
.woocommerce-checkout .woocommerce-invalid.validate-eu-vat-number:after {
    content: 'ongeldig';
    color: white;
    padding: 0px 10px;
    height: 29px;
    display: flex;
    align-items: center;
    background: #d80000;
    border-radius: 5px;
    position: absolute;
    right: 11px;
    top: 49px;
    font-size: 13px;
    font-weight: 500; }

.woocommerce-checkout .postcode-eu-autofill {
    width: 100%;
    border-radius: 5px;
    overflow: hidden; }

.woocommerce-checkout ul.wc_payment_methods {
    padding: 0;
    margin: 0;
    width: 100%;
    position: relative; }
.woocommerce-checkout ul.wc_payment_methods select {
    border-radius: 5px;
    border: 1px solid #EBEBEB;
    height: 50px;
    width: 100%;
    padding: 0 15px !important;
    box-sizing: border-box;
    outline: none;
    line-height: 50px;
    -webkit-appearance: none;
    margin-top: 15px; }

.woocommerce-checkout #order_comments_field {
    display: flex;
    flex-direction: column; }
.woocommerce-checkout #order_comments_field textarea {
    width: 100%;
    margin-top: 15px;
    border-radius: 5px;
    border: 1px solid #EBEBEB;
    padding: 20px;
    box-sizing: border-box;
    font-font: 'Roboto', sans-serif;
    resize: vertical;
    min-height: 240px; }

.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between; }
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_company_field,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_country_field,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #shipping_company_field,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #shipping_country_field,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #shipping_phone_field,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_eu_vat_number_field,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #billing_company_field,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #billing_country_field,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_company_field,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_country_field,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_phone_field,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #billing_eu_vat_number_field {
    width: 100%; }
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_first_name_field,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_last_name_field,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_phone_field,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_email_field,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #shipping_first_name_field,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #shipping_last_name_field,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper #shipping_email_field,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .postcode-eu-autofill-nl-postcode,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .postcode-eu-autofill-nl-house-number,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #billing_first_name_field,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #billing_last_name_field,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #billing_phone_field,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #billing_email_field,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_first_name_field,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_last_name_field,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_email_field,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .postcode-eu-autofill-nl-postcode,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .postcode-eu-autofill-nl-house-number {
    width: calc(50% - 15px); }
@media only screen and (max-width: 1024px) {
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_first_name_field,
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_last_name_field,
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_phone_field,
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper #billing_email_field,
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper #shipping_first_name_field,
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper #shipping_last_name_field,
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper #shipping_email_field,
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .postcode-eu-autofill-nl-postcode,
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .postcode-eu-autofill-nl-house-number,
    .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #billing_first_name_field,
    .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #billing_last_name_field,
    .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #billing_phone_field,
    .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #billing_email_field,
    .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_first_name_field,
    .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_last_name_field,
    .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper #shipping_email_field,
    .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .postcode-eu-autofill-nl-postcode,
    .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .postcode-eu-autofill-nl-house-number {
        width: 100%; } }
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .select2-container .select2-selection--single,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .select2-container .select2-selection--single {
    height: 50px;
    border: 1px solid #EBEBEB !important;
    border-color: #EBEBEB !important;
    border-radius: 5px; }
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
    padding-left: 15px; }
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .select2-container--default .select2-search--dropdown .select2-search__field,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .select2-container--default .select2-search--dropdown .select2-search__field {
    display: none !important;
    visibility: hidden !important; }
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .select2-dropdown input, .woocommerce-checkout .woocommerce-billing-fields__field-wrapper .select2-dropdown .select2-container--default .select2-search--dropdown .select2-search__field,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .select2-dropdown input,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .select2-dropdown .select2-container--default .select2-search--dropdown .select2-search__field {
    display: none !important;
    visibility: hidden !important; }

.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-shipping-fields {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap; }
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3 {
    margin: 0; }
.woocommerce-checkout .woocommerce-billing-fields label,
.woocommerce-checkout .woocommerce-shipping-fields label {
    width: 100%;
    margin-bottom: 15px;
    display: inline-block; }
.woocommerce-checkout .woocommerce-billing-fields abbr,
.woocommerce-checkout .woocommerce-shipping-fields abbr {
    text-decoration: none !important; }
.woocommerce-checkout .woocommerce-billing-fields input,
.woocommerce-checkout .woocommerce-shipping-fields input {
    font-size: 15px; }
.woocommerce-checkout .woocommerce-billing-fields .input-text,
.woocommerce-checkout .woocommerce-shipping-fields .input-text {
    height: 50px;
    box-sizing: border-box;
    padding-left: 15px;
    display: inline-flex;
    align-items: center;
    border: 1px solid #EBEBEB;
    border-radius: 5px;
    width: 100%;
    outline: none; }

.woocommerce-checkout #order_review .column {
    display: flex;
    height: 100%; }
@media only screen and (max-width: 1024px) {
    .woocommerce-checkout #order_review .column {
        width: 100%; } }

.woocommerce-checkout .cart-collaterals {
    position: sticky !important;
    top: 200px;
    height: fit-content; }
@media only screen and (max-width: 1024px) {
    .woocommerce-checkout .cart-collaterals {
        position: sticky;
        width: 100%; } }

.woocommerce-checkout .cart-pay {
    margin-top: 30px; }
@media only screen and (max-width: 1024px) {
    .woocommerce-checkout .cart-pay {
        margin-top: 20px;
        width: 100%; } }
.woocommerce-checkout .cart-pay .button {
    width: 100%;
    font-weight: 600;
    font-size: 15px; }

.woocommerce-checkout .cart-summary {
    box-sizing: border-box !important;
    min-width: 325px !important; }
@media only screen and (max-width: 1024px) {
    .woocommerce-checkout .cart-summary {
        min-width: 100% !important; } }
.woocommerce-checkout .cart-summary p {
    margin: 0;
    padding: 0; }

.woocommerce-checkout #customer_details {
    margin-right: 70px;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 30px;
    border: 1px solid #EBEBEB; }
@media only screen and (max-width: 1024px) {
    .woocommerce-checkout #customer_details {
        margin-right: 0;
        margin-bottom: 20px;
        padding: 20px; } }

.woocommerce-checkout .woocommerce-form-coupon-toggle {
    display: none !important; }

.checkout .inner-form {
    display: flex;
    flex-direction: row;
    margin-bottom: 50px; }
@media only screen and (max-width: 1024px) {
    .checkout .inner-form {
        flex-direction: column; } }

.woocommerce-order-pay .shop_table {
    width: 100%;
    text-align: left; }

.woocommerce-order-pay #payment {
    margin-top: 40px; }

.woocommerce-order-pay #place_order {
    background: var(--jc-green-3); }

.woocommerce-order-pay .shop_table td, .woocommerce-order-pay .shop_table th {
    padding: 10px; }

.block-faq {
    display: flex;
    justify-content: center;
    margin-bottom: 100px; }
@media only screen and (max-width: 1024px) {
    .block-faq {
        margin-bottom: 50px; } }
.block-faq .wrapper {
    width: 100%;
    max-width: 1375px;
    display: flex;
    flex-direction: row;
    color: black;
    box-sizing: border-box;
    align-items: flex-start;
    gap: 75px;
    margin: 0 70px; }
@media only screen and (max-width: 1150px) {
    .block-faq .wrapper {
        flex-direction: column; } }
@media only screen and (max-width: 1350px) {
    .block-faq .wrapper {
        margin: 0 50px; } }
@media only screen and (max-width: 1024px) {
    .block-faq .wrapper {
        margin: 0 20px;
        gap: 30px;
        width: calc(100% - 40px); } }
.block-faq .wrapper .left-side-faq {
    display: flex;
    flex: 1;
    flex-direction: column; }
@media only screen and (max-width: 1150px) {
    .block-faq .wrapper .left-side-faq {
        width: 100%; } }
.block-faq .wrapper .left-side-faq .faq-category-title {
    margin-top: 50px;
    margin-bottom: 20px; }
.block-faq .wrapper .left-side-faq .faq-category-title:first-of-type {
    margin-top: 0; }
@media only screen and (max-width: 1024px) {
    .block-faq .wrapper .left-side-faq .faq-category-title {
        margin-top: 20px; } }
.block-faq .wrapper .left-side-faq .faq-item {
    border: 1px solid #E8E8E8;
    border-radius: 0 10px 10px 10px;
    min-height: 70px;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    margin-bottom: 30px;
    display: flex;
    overflow: hidden;
    color: #333; }
@media only screen and (max-width: 1024px) {
    .block-faq .wrapper .left-side-faq .faq-item {
        margin-bottom: 15px; } }
.block-faq .wrapper .left-side-faq .faq-item a {
    color: var(--jc-green-3); }
.block-faq .wrapper .left-side-faq .faq-item:last-of-type {
    margin-bottom: 0; }
.block-faq .wrapper .left-side-faq .faq-item strong {
    position: relative;
    top: 2px;
    max-width: calc(100% - 100px); }
.block-faq .wrapper .left-side-faq .faq-item input[type="checkbox"].questions {
    opacity: 0;
    visibility: hidden;
    height: 0; }
.block-faq .wrapper .left-side-faq .faq-item label {
    color: #333;
    min-width: 100%;
    max-width: 100%;
    padding: 23px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 300 !important; }
.block-faq .wrapper .left-side-faq .faq-item label strong {
    margin-right: 50px;
    float: left;
    font-weight: 500 !important; }
.block-faq .wrapper .left-side-faq .faq-item .open-and-close {
    width: 40px;
    height: 40px;
    max-width: 40px !important;
    min-height: 40px;
    border-radius: 5px;
    background: var(--jc-blue);
    position: absolute;
    right: 15px;
    top: 15px;
    display: flex;
    justify-content: center;
    align-items: center; }
.block-faq .wrapper .left-side-faq .faq-item .questions:checked + .answer {
    height: auto;
    opacity: 1;
    font-size: 16px; }
.block-faq .wrapper .left-side-faq .faq-item .questions:checked + .answer .open-and-close {
    background: var(--jc-green-3);
    transform: scaleY(-1); }
.block-faq .wrapper .left-side-faq .faq-item .answer {
    height: 0;
    z-index: -1;
    font-size: 0;
    float: left;
    width: calc(100% - 40px); }
.block-faq .wrapper .left-side-faq .faq-item .answer p {
    margin-bottom: 20px;
    position: relative;
    top: 25px;
    float: left;
    margin-top: 0; }
@media only screen and (max-width: 1024px) {
    .block-faq .wrapper .left-side-faq .faq-item .answer p {
        margin-top: 0;
        top: 25px; } }
.block-faq .wrapper .right-side-contact {
    min-width: 425px;
    max-width: 425px;
    height: 100%; }
.block-faq .wrapper .right-side-contact .sticky-contact-elements {
    position: sticky;
    top: 50px; }
@media only screen and (max-width: 1150px) {
    .block-faq .wrapper .right-side-contact {
        width: 100%;
        max-width: 100%;
        min-width: 100%; } }
.block-faq .wrapper .right-side-contact .desktop-label {
    display: flex; }
@media only screen and (max-width: 1150px) {
    .block-faq .wrapper .right-side-contact .desktop-label {
        display: none; } }
.block-faq .wrapper .right-side-contact .mobile-label {
    display: none; }
@media only screen and (max-width: 1150px) {
    .block-faq .wrapper .right-side-contact .mobile-label {
        display: flex; } }
.block-faq .wrapper .right-side-contact .button-black {
    height: 48px;
    background: black;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 15px 15px 15px;
    font-size: 14px;
    width: 100%;
    font-weight: 500; }
.block-faq .wrapper .right-side-contact .contact-posibilities {
    margin-top: 50px; }
.block-faq .wrapper .right-side-contact .contact-posibilities .text-under-variant {
    width: 100%;
    text-align: center;
    margin-top: 15px;
    color: #ACACAC;
    margin-bottom: 30px; }
@media only screen and (max-width: 600px) {
    .block-faq .wrapper .right-side-contact .contact-posibilities .text-under-variant {
        font-size: 14px; } }
.block-faq .wrapper .right-side-contact .contact-posibilities .contact-variant {
    padding: 30px;
    box-sizing: border-box;
    width: 100%;
    border-radius: 15px;
    border: 1px solid #EBEBEB;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between; }
.block-faq .wrapper .right-side-contact .contact-posibilities .contact-variant.mt-50 {
    margin-top: 50px; }
@media only screen and (max-width: 1150px) {
    .block-faq .wrapper .right-side-contact .contact-posibilities .contact-variant {
        padding: 20px; } }
.block-faq .wrapper .right-side-contact .contact-posibilities .contact-variant .text {
    display: flex;
    flex-direction: column; }
@media only screen and (max-width: 1150px) {
    .block-faq .wrapper .right-side-contact .contact-posibilities .contact-variant .text {
        flex-shrink: 0; } }
.block-faq .wrapper .right-side-contact .contact-posibilities .contact-variant .text span {
    font-size: 14px; }
.block-faq .wrapper .right-side-contact .contact-posibilities .contact-variant .button-area .button {
    min-width: 190px; }
@media only screen and (max-width: 1024px) {
    .block-faq .wrapper .right-side-contact .contact-posibilities .contact-variant .button-area .button {
        min-width: 150px; } }
.block-faq .wrapper .right-side-contact .contact-posibilities .contact-variant .button-area .button svg {
    position: relative;
    left: -20px; }

.orange-usp-bar {
    background: var(--jc-green-3);
    color: white;
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: center;
    width: 100%; }
@media only screen and (max-width: 1024px) {
    .orange-usp-bar {
        display: none !important; } }
.orange-usp-bar .usps {
    display: flex;
    flex-direction: row;
    gap: 50px; }
.orange-usp-bar .usps svg {
    color: white;
    max-height: 16px;
    vertical-align: -3px; }

.orange-usp-bar-mobile {
    display: none;
    background: var(--jc-green-3);
    color: white;
    height: 50px;
    align-items: center;
    justify-content: center;
    width: 100%;
    overflow: hidden; }
@media only screen and (max-width: 1024px) {
    .orange-usp-bar-mobile {
        display: flex; } }
.orange-usp-bar-mobile .swiper-slide {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%; }
.orange-usp-bar-mobile .swiper-slide svg {
    color: white;
    max-height: 16px;
    vertical-align: -3px; }

footer {
    background: var(--jc-blue);
    color: white;
    padding: 70px 0;
    display: flex;
    flex-direction: row;
    justify-content: center; }
footer .container {
    align-items: center; }
@media only screen and (max-width: 1150px) {
    footer .container {
        flex-direction: column; } }
@media only screen and (max-width: 1150px) {
    footer .column {
        width: 100%; } }
footer .column strong {
    margin-bottom: 20px;
    font-size: 16px; }
footer .column.column-menu-items {
    flex: 1;
    padding-right: 100px;
    display: flex;
    justify-content: space-between; }
@media only screen and (max-width: 1200px) {
    footer .column.column-menu-items {
        padding-right: 50px; } }
@media only screen and (max-width: 1150px) {
    footer .column.column-menu-items {
        padding-right: 0;
        margin-bottom: 50px; } }
@media only screen and (max-width: 700px) {
    footer .column.column-menu-items {
        flex-direction: column; } }
footer .column.column-menu-items .menu-column {
    display: flex;
    flex-direction: column; }
@media only screen and (max-width: 700px) {
    footer .column.column-menu-items .menu-column {
        margin-top: 50px; }
    footer .column.column-menu-items .menu-column:first-of-type {
        margin-top: 0; } }
footer .column.column-menu-items .menu-column a {
    color: white;
    text-decoration: none;
    margin: 6px 0; }
footer .column.column-menu-items .menu-column a:hover {
    text-decoration: underline; }
footer .column.column-menu-items .menu-column .socials {
    margin-top: 40px;
    display: flex;
    flex-direction: column; }
footer .column.column-menu-items .menu-column .socials svg {
    width: 20px;
    margin-right: 10px;
    vertical-align: -7px; }
footer .column.column-right-side {
    min-width: 500px;
    min-height: 300px;
    background: var(--jc-blue);
    padding: 50px;
    box-sizing: border-box;
    border-radius: 10px; }
@media only screen and (max-width: 700px) {
    footer .column.column-right-side {
        min-width: 100%;
        width: 100%;
        max-width: 100%; } }
@media only screen and (max-width: 500px) {
    footer .column.column-right-side {
        padding: 30px; } }
footer .column.column-right-side p {
    margin-top: 0;
    font-weight: 500;
    color: white; }
footer .column.column-right-side span {
    position: relative;
    top: -10px; }
footer .column.column-right-side .address-details {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
footer .column.column-right-side .address-details p {
    color: white; }
@media only screen and (max-width: 460px) {
    footer .column.column-right-side .address-details {
        flex-direction: column; } }
@media only screen and (max-width: 460px) {
    footer .column.column-right-side .address-details .right-side {
        margin-top: 10px; } }
footer .column.column-right-side .contact-details {
    margin-top: 20px;
    font-size: 14px;
    display: flex;
    flex-direction: column; }
footer .column.column-right-side .contact-details a {
    color: white;
    text-decoration: none;
    transition: all 300ms; }
footer .column.column-right-side .contact-details a:hover {
    text-decoration: underline; }
footer .column.column-right-side .contact-details a span {
    font-weight: 300;
    top: 0;
    width: 95px;
    display: inline-block; }
footer .column.column-right-side .contact-details strong {
    margin: 5px 0;
    font-size: 14px; }
footer .column.column-right-side form ._form-content {
    display: flex;
    flex-direction: row;
    margin-top: 20px; }
@media only screen and (max-width: 500px) {
    footer .column.column-right-side form ._form-content {
        flex-direction: column; } }
footer .column.column-right-side form ._form-content label {
    display: none !important; }
footer .column.column-right-side form ._form-content input[type="text"] {
    border-radius: 5px;
    width: 100%;
    margin-right: 15px;
    outline: none;
    border: none;
    padding: 0 20px;
    box-sizing: border-box;
    height: 50px; }
footer .column.column-right-side form ._form-content ._form_element {
    width: 100% !important; }
footer .column.column-right-side form ._form-content ._field-wrapper {
    margin-right: 15px !important; }
@media only screen and (max-width: 1024px) {
    footer .column.column-right-side form ._form-content ._field-wrapper {
        margin-right: 0 !important; } }
footer .column.column-right-side form ._form-content button {
    border-radius: 5px;
    color: white;
    text-align: center;
    min-width: 150px !important;
    box-sizing: border-box;
    transition: all 300ms;
    border: none;
    outline: none;
    text-decoration: none;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    padding: 0 30px;
    cursor: pointer;
    outline: none;
    background: url("../../assets/images/chair.png") var(--jc-green-3);
    background-size: 50px;
    background-position: 10px 10px;
    background-repeat: no-repeat; }
footer .column.column-right-side form ._form-content button:hover {
    background: url("../../assets/images/chair.png") var(--jc-green-3-hover);
    background-size: 50px;
    background-position: 30px 10px;
    background-repeat: no-repeat; }
footer .column.column-right-side form ._form-content button svg {
    vertical-align: -7px;
    width: 18px;
    margin-left: 10px;
    margin-right: -10px;
    transition: all 300ms; }
footer .column.column-right-side form ._form-content button {
    font-weight: 600; }
@media only screen and (max-width: 500px) {
    footer .column.column-right-side form ._form-content button {
        margin-top: 20px;
        min-width: 100%; } }

.copybar {
    min-height: 60px;
    display: flex;
    background: var(--jc-blue);
    color: white;
    width: 100%;
    justify-content: center; }
@media only screen and (max-width: 700px) {
    .copybar {
        padding: 20px 0; } }
.copybar .container {
    justify-content: space-between; }
@media only screen and (max-width: 700px) {
    .copybar .container {
        flex-direction: column-reverse;
        align-items: center;
        justify-content: flex-start; } }
@media only screen and (max-width: 700px) {
    .copybar .right-side {
        margin-bottom: 20px;
        width: 100%; } }
.copybar .right-side span {
    margin-left: 30px; }
@media only screen and (max-width: 700px) {
    .copybar .right-side span {
        margin-left: 0;
        margin-right: 30px; } }

.admin-bar header {
    top: 30px !important; }

.dgwt-wcas-overlay-mobile {
    position: fixed !important;
    left: 0;
    right: 0;
    top: 0vh !important;
    bottom: 0;
    width: 100%;
    background: #fff;
    overflow: auto; }

._14hdeiv {
    right: 9px !important;
    top: 10px !important; }

.mobile-navigation {
    display: none;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    width: 90vw;
    height: 100%;
    top: 0;
    left: -100vw;
    background: white;
    z-index: 100;
    transition: left 0.5s; }
@media only screen and (max-width: 1024px) {
    .mobile-navigation {
        display: flex;
        visibility: visible;
        opacity: 1;
        flex-direction: column; } }
.mobile-navigation.is-active {
    left: 0; }
.mobile-navigation .heading {
    background: var(--jc-blue);
    color: white;
    width: 100%;
    height: 50px;
    min-height: 50px;
    display: flex;
    box-sizing: border-box;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px; }
.mobile-navigation .heading span {
    font-weight: 600; }
.mobile-navigation .heading svg {
    cursor: pointer; }
.mobile-navigation .menu-items {
    overflow: auto; }
.mobile-navigation .menu-items .column {
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
    border-bottom: 1px solid #EBEBEB;
    min-height: 60px;
    display: flex;
    align-items: center;
    flex-direction: column; }
.mobile-navigation .menu-items .column.has-chevron-icon {
    padding: 10px 10px 10px 20px !important; }
.mobile-navigation .menu-items .column strong {
    min-width: 100%;
    display: flex;
    flex-direction: row;
    width: 100%; }
.mobile-navigation .menu-items .column a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    text-decoration: none;
    box-sizing: border-box;
    align-items: center;
    color: var(--jc-blue); }
.mobile-navigation .menu-items .column .submenu-chevron {
    transition: all 300ms; }
.mobile-navigation .menu-items .column .submenu-chevron.is-active {
    transform: rotate(180deg); }
.mobile-navigation .menu-items .column svg {
    position: relative;
    border: 1px solid #EBEBEB;
    border-radius: 5px;
    padding: 10px;
    color: var(--jc-blue); }
.mobile-navigation .menu-items .column .submenu {
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 100%; }
.mobile-navigation .menu-items .column .submenu.is-active {
    height: auto;
    overflow: visible;
    visibility: visible; }
.mobile-navigation .menu-items .column .submenu a {
    color: #333;
    padding: 8px 0; }
.mobile-navigation .menu-items .primary-menu {
    display: flex;
    flex-direction: column;
    padding: 20px;
    box-sizing: border-box; }
.mobile-navigation .menu-items .primary-menu a {
    text-decoration: none;
    padding: 8px 0;
    color: #333; }
.mobile-navigation .menu-items .primary-menu svg {
    height: 15px;
    margin-right: 5px;
    vertical-align: -2px; }

header {
    display: flex;
    height: 100px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #EBEBEB;
    background: white;
    top: 0;
    width: 100%;
    z-index: 10;
    position: sticky;
    z-index: 20; }
@media only screen and (max-width: 1024px) {
    header {
        height: 80px; } }
header .container {
    gap: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
header .column.mobile-hamburger {
    display: none; }
@media only screen and (max-width: 1024px) {
    header .column.mobile-hamburger {
        display: flex; } }
header .column.mobile-hamburger .hamburger-icon {
    width: 50px;
    height: 50px;
    border: 1px solid #EBEBEB;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer; }
header .column.mobile-hamburger .hamburger-icon:hover .inner-background {
    background: var(--jc-green-3-hover); }
header .column.mobile-hamburger .hamburger-icon .inner-background {
    background: var(--jc-green-3);
    width: 36px;
    height: 36px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 300ms; }
header .column.mobile-hamburger .hamburger-icon .inner-background svg {
    width: 16px;
    color: white;
    height: 16px !important;
    min-width: 16px !important; }
header .column.column-logo {
    min-width: 140px;
    max-width: 140px;
    object-fit: contain;
    display: flex;
    align-items: center; }
header .column.search-container {
    width: 100%;
    max-width: 650px; }
@media only screen and (max-width: 1350px) {
    header .column.search-container {
        max-width: 580px; } }
@media only screen and (max-width: 1100px) {
    header .column.search-container {
        max-width: 500px; } }
@media only screen and (max-width: 1024px) {
    header .column.search-container {
        display: none; } }
header .column.search-container input[type="search"] {
    height: 50px;
    border-radius: 5px;
    border-color: #EBEBEB !important; }
header .column.search-container input[type="search"]:focus {
    box-shadow: none; }
header .column.search-container .dgwt-wcas-search-submit {
    background: var(--jc-green-3);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }
header .column.search-container .dgwt-wcas-search-submit:hover {
    opacity: 1;
    background: var(--jc-green-3-hover); }
header .column.search-container .dgwt-wcas-search-submit svg {
    max-width: 16px !important; }
header .column.search-container .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before {
    border-color: transparent var(--jc-green-3);
    top: 17px;
    left: -6px; }
header .column.search-container .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:hover:before {
    border-color: transparent var(--jc-green-3-hover); }
header .column.search-container .dgwt-wcas-preloader {
    right: 60px !important; }
header .column.cart-column {
    display: flex;
    flex-direction: row; }
header .column.cart-column a {
    display: flex;
    flex-direction: row;
    align-items: center;
    transition: all 300ms;
    color: #333;
    text-decoration: none; }
header .column.cart-column a:hover .inner-background {
    background: var(--jc-green-3-hover); }
header .column.cart-column a .text-wrapper {
    display: flex;
    flex-direction: column;
    text-align: right;
    justify-content: flex-end; }
@media only screen and (max-width: 1024px) {
    header .column.cart-column a .text-wrapper {
        display: none; } }
header .column.cart-column a .text-wrapper strong {
    margin-bottom: 3px; }
header .column.cart-column .cart-icon {
    width: 50px;
    height: 50px;
    border: 1px solid #EBEBEB;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 15px;
    position: relative; }
@media only screen and (max-width: 1024px) {
    header .column.cart-column .cart-icon {
        margin-left: 0; } }
header .column.cart-column .cart-icon .item-count {
    width: 16px;
    height: 16px;
    border-radius: 2px;
    background: white;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    position: absolute;
    right: 0px;
    top: 0px; }
header .column.cart-column .cart-icon .inner-background {
    background: var(--jc-green-3);
    width: 36px;
    height: 36px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 300ms; }
header .column.cart-column .cart-icon .inner-background svg {
    width: 16px;
    color: white;
    height: 16px !important;
    min-width: 16px !important; }
header .column.cart-column .account-icon {
    width: 50px;
    height: 50px;
    border: 1px solid #EBEBEB;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 15px; }
header .column.cart-column .account-icon .inner-background {
    background: var(--jc-green-3);
    width: 36px;
    height: 36px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 300ms; }
header .column.cart-column .account-icon .inner-background svg {
    width: 16px;
    color: white; }

.mobile-search {
    background: var(--jc-blue);
    padding: 20px;
    display: none; }
@media only screen and (max-width: 1024px) {
    .mobile-search {
        display: flex; } }
.mobile-search .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input {
    height: 50px;
    border: none;
    border-bottom: 1px solid #EBEBEB;
    padding: 0px 20px;
    border-radius: 0; }
.mobile-search input[type="search"], .mobile-search .dgwt-wcas-search-wrapp-mobile input[type=search].dgwt-wcas-search-input {
    height: 50px !important;
    border-radius: 0;
    border-color: #EBEBEB !important; }
.mobile-search input[type="search"]:focus, .mobile-search .dgwt-wcas-search-wrapp-mobile input[type=search].dgwt-wcas-search-input:focus {
    box-shadow: none; }
.mobile-search .dgwt-wcas-om-bar button.dgwt-wcas-om-return, .mobile-search .dgwt-wcas-om-bar button.dgwt-wcas-om-return:active, .mobile-search .dgwt-wcas-om-bar button.dgwt-wcas-om-return:focus, .mobile-search .dgwt-wcas-om-bar button.dgwt-wcas-om-return:hover {
    background: var(--jc-green-3) !important; }
.mobile-search .dgwt-wcas-search-submit {
    background: var(--jc-green-3) !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important; }
.mobile-search .dgwt-wcas-search-submit:hover {
    opacity: 1;
    background: var(--jc-green-3-hover) !important; }
.mobile-search .dgwt-wcas-search-submit svg {
    max-width: 16px !important; }
.mobile-search .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:before {
    border-color: transparent var(--jc-green-3);
    top: 17px;
    left: -6px; }
.mobile-search .dgwt-wcas-sf-wrapp .dgwt-wcas-search-submit:hover:before {
    border-color: transparent var(--jc-green-3-hover); }
.mobile-search .dgwt-wcas-preloader {
    right: 60px !important; }

.admin-bar .navigation {
    top: 130px !important; }

.navigation {
    background: var(--jc-blue);
    height: 60px;
    width: 100%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 20;
    position: sticky;
    top: 100px; }
@media only screen and (max-width: 1024px) {
    .navigation {
        display: none; } }
.navigation .container {
    gap: 50px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between; }
.navigation .container .primary-menu-item-megamenu {
    position: absolute;
    top: 38px !important;
    max-width: 1400px;
    width: 100%;
    z-index: 999;
    left: 0;
    color: #333;
    display: none;
    flex-direction: row;
    gap: 50px;
    overflow: scroll;
    max-height: 550px;
    transition: all 300ms !important; }
.navigation .container .primary-menu-item-megamenu .megamenu-inner {
    margin-top: 17px;
    background: white;
    box-sizing: border-box;
    min-width: 100%;
    padding: 60px 30px 30px;
    border: 1px solid #EBEBEB;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; }
.navigation .container .primary-menu-item-megamenu .megamenu-inner .inner-wrapper {
    display: flex;
    justify-content: space-between;
    flex-direction: row; }
.navigation .container .primary-menu-item-megamenu .megamenu-inner .inner-wrapper .inner-left {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 50px;
    justify-content: flex-start;
    flex: 1; }
.navigation .container .primary-menu-item-megamenu .megamenu-inner .inner-wrapper .inner-left .column {
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start; }
.navigation .container .primary-menu-item-megamenu .megamenu-inner .inner-wrapper .inner-left .column a {
    color: #333;
    text-decoration: none;
    margin: 5px 0;
    padding: 0 !important; }
.navigation .container .primary-menu-item-megamenu .megamenu-inner .inner-wrapper .inner-left .column a:hover {
    background: none !important;
    text-decoration: underline !important; }
.navigation .container .primary-menu-item-megamenu .megamenu-inner .inner-wrapper .inner-left .column strong {
    margin-bottom: 10px; }
.navigation .container .primary-menu-item-megamenu .megamenu-inner .inner-wrapper .inner-left .column strong a {
    color: var(--jc-blue); }
.navigation .container .primary-menu-item-megamenu .megamenu-inner .inner-wrapper .inner-right {
    min-width: 300px;
    background: #F5F5F5;
    box-sizing: border-box;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
.navigation .container .primary-menu-item-megamenu .megamenu-inner .inner-wrapper .inner-right .items {
    display: flex;
    flex-direction: column; }
.navigation .container .primary-menu-item-megamenu .megamenu-inner .inner-wrapper .inner-right .items strong {
    color: var(--jc-blue) !important;
    margin-bottom: 10px; }
.navigation .container .primary-menu-item-megamenu .megamenu-inner .inner-wrapper .inner-right .items a {
    color: #333;
    padding-left: 0 !important;
    text-decoration: none;
    margin: 5px 0 !important;
    padding: 0 !important; }
.navigation .container .primary-menu-item-megamenu .megamenu-inner .inner-wrapper .inner-right .items a:hover {
    text-decoration: underline;
    background: none !important; }
.navigation .container .primary-menu-item-megamenu .megamenu-inner .inner-wrapper .inner-right .choice-checker .button.button-orange {
    background: url("../../assets/images/chair.png") var(--jc-green-3);
    background-size: 50px;
    background-position: 10px 10px;
    background-repeat: no-repeat; }
.navigation .container .primary-menu-item-megamenu .megamenu-inner .inner-wrapper .inner-right .choice-checker .button.button-orange:hover {
    background: url("../../assets/images/chair.png") var(--jc-green-3-hover);
    background-size: 50px;
    background-position: 30px 10px;
    background-repeat: no-repeat; }
.navigation .container .primary-menu-item-megamenu .megamenu-inner .inner-wrapper .inner-right .items {
    display: flex;
    flex-direction: column; }
.navigation .container .mega-menu {
    overflow: hidden !important;
    position: absolute;
    top: 48px;
    border: 1px solid #EBEBEB;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    max-width: 1400px;
    width: 100%;
    box-sizing: border-box;
    background: white;
    z-index: 999;
    left: 0;
    color: #333;
    display: block;
    flex-direction: row;
    gap: 50px;
    overflow: scroll;
    padding: 30px;
    max-height: 550px; }
.navigation .container .mega-menu .right-side {
    min-width: 300px;
    background: #F5F5F5;
    box-sizing: border-box;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
.navigation .container .mega-menu .right-side .items {
    display: flex;
    flex-direction: column; }
.navigation .container .mega-menu .right-side .items strong {
    color: var(--jc-blue);
    margin-bottom: 10px; }
.navigation .container .mega-menu .right-side .items a {
    color: #333;
    text-decoration: none;
    margin: 5px 0; }
.navigation .container .mega-menu .right-side .items a:hover {
    text-decoration: underline; }
.navigation .container .mega-menu .inner-wrapper {
    display: flex;
    max-width: 100%;
    min-width: 100%; }
.navigation .container .mega-menu .inner-wrapper .left-side {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 50px;
    justify-content: flex-start;
    flex: 1; }
.navigation .container .mega-menu .inner-wrapper .left-side .column {
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start; }
.navigation .container .mega-menu .inner-wrapper .left-side .column strong {
    margin-bottom: 10px;
    color: var(--jc-blue); }
.navigation .container .mega-menu .inner-wrapper .left-side .column strong a {
    color: var(--jc-blue); }
.navigation .container .mega-menu .inner-wrapper .left-side .column a {
    color: #333;
    text-decoration: none;
    margin: 5px 0; }
.navigation .container .mega-menu .inner-wrapper .left-side .column a:hover {
    text-decoration: underline; }
.navigation .container .pageoverlay-active {
    display: none;
    content: '';
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.2);
    position: fixed;
    z-index: -100;
    left: 0;
    top: 0; }
.navigation .container .pageoverlay-active.is-active {
    display: block; }
.navigation .container .primary-menu.right-side {
    min-width: auto !important; }
@media only screen and (max-width: 1260px) {
    .navigation .container .primary-menu.right-side {
        display: none; } }
.navigation .container .primary-menu:not(.right-side) {
    display: flex;
    gap: 15px;
    position: static;        /* was relative — megamenu moet positioneren t.o.v. .container (volledige breedte) */
    flex: 1 1 auto;
    min-width: 0;
    justify-content: center; }
@media only screen and (max-width: 1350px) {
    .navigation .container .primary-menu {
        left: 0; } }
.navigation .container .primary-menu a {
    color: white;
    text-decoration: none;
    padding: 10px 10px;
    border-radius: 5px;
    transition: all 300ms; }
.navigation .container .primary-menu a:hover {
    background: rgba(0, 0, 0, 0.1); }
.navigation .container .primary-menu a:hover .has-submenu-icon {
    transform: rotate(-180deg); }
.navigation .container .primary-menu a:hover .primary-menu-item-megamenu {
    display: flex !important; }
.navigation .container .primary-menu a.is-active {
    background: rgba(0, 0, 0, 0.1); }
.navigation .container .primary-menu a .has-submenu-icon {
    transition: all 300ms;
    height: 16px;
    vertical-align: -3px;
    position: relative;
    right: -2px;
    margin-right: -5px; }
.navigation .container .primary-menu a .primary-menu-item-submenu {
    display: none; }
.navigation .container .primary-menu a.has-submenu {
    position: relative; }
.navigation .container .primary-menu a.has-submenu:hover .primary-menu-item-submenu {
    display: flex; }
.navigation .container .primary-menu a.has-submenu .primary-menu-item-submenu {
    left: 0;
    padding: 20px;
    position: absolute;
    width: auto;
    min-width: 150px;
    height: auto;
    background: white;
    top: 55px;
    border-left: 1px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    color: #333 !important;
    display: none;
    flex-direction: column;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px; }
.navigation .container .primary-menu a.has-submenu .primary-menu-item-submenu:before {
    content: '';
    width: 100%;
    height: 30px;
    position: absolute;
    top: -20px;
    left: 0; }
.navigation .container .primary-menu a.has-submenu .primary-menu-item-submenu a {
    position: relative;
    padding: 7px 0;
    display: inline-flex;
    color: #333 !important;
    transition: all 300ms; }
.navigation .container .primary-menu a.has-submenu .primary-menu-item-submenu a:hover {
    background: none !important;
    color: var(--jc-blue) !important; }
.navigation .container .primary-menu a.has-submenu .primary-menu-item-submenu a:hover svg {
    opacity: 1; }
.navigation .container .primary-menu a.has-submenu .primary-menu-item-submenu a svg {
    position: absolute;
    right: 0px;
    height: 16px; }

.block-hero {
    display: flex;
    justify-content: center;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0 70px;
    margin-top: 50px !important;
    margin-bottom: 70px !important; }
.block-hero p {
    color: white; }
@media only screen and (max-width: 1350px) {
    .block-hero {
        padding: 0 50px; } }
@media only screen and (max-width: 1024px) {
    .block-hero {
        padding: 0 20px;
        margin-top: 20px !important; } }
.block-hero .container {
    display: flex;
    align-self: center;
    justify-self: center; }
.block-hero .hero {
    width: 100%;
    padding: 70px;
    box-sizing: border-box;
    height: 350px;
    border-radius: 10px 10px 0 0;
    display: flex;
    align-items: flex-end;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden; }
@media only screen and (max-width: 500px) {
    .block-hero .hero {
        align-items: center;
        padding: 20px; } }
.block-hero .hero:before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 159, 227, 0.5); }
.block-hero .hero .components {
    display: flex;
    justify-self: flex-end;
    flex-direction: column;
    align-items: flex-start;
    color: white;
    position: relative;
    z-index: 2; }
.block-hero .hero .components h1, .block-hero .hero .components p {
    margin: 10px 0;
    padding: 0; }
.block-hero .hero .components p {
    font-size: 20px; }
@media only screen and (max-width: 500px) {
    .block-hero .hero .components p {
        font-size: 16px; } }
.block-hero .orange-usp-bar {
    background: var(--jc-green-3);
    color: white;
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 0 0 10px 10px; }
@media only screen and (max-width: 1024px) {
    .block-hero .orange-usp-bar {
        display: none !important; } }
.block-hero .orange-usp-bar .usps {
    display: flex;
    flex-direction: row;
    gap: 50px; }
.block-hero .orange-usp-bar .usps svg {
    color: white;
    max-height: 16px;
    vertical-align: -3px; }
.block-hero .orange-usp-bar-mobile {
    display: none;
    background: var(--jc-green-3);
    color: white;
    height: 50px;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 0 0 10px 10px;
    overflow: hidden; }
@media only screen and (max-width: 1024px) {
    .block-hero .orange-usp-bar-mobile {
        display: flex; } }
.block-hero .orange-usp-bar-mobile .swiper-slide {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%; }
.block-hero .orange-usp-bar-mobile .swiper-slide svg {
    color: white;
    max-height: 16px;
    vertical-align: -3px; }

.woocommerce-account .woocommerce-message, .woocommerce-account .woocommerce-error {
    margin-top: 0 !important;
    margin-bottom: 20px !important; }
.woocommerce-account .woocommerce-message a, .woocommerce-account .woocommerce-error a {
    color: var(--jc-green-3) !important; }

.block-myaccount {
    display: flex; }
.block-myaccount .container {
    display: flex;
    flex-direction: row;
    gap: 70px; }
@media only screen and (max-width: 1024px) {
    .block-myaccount .container {
        gap: 30px;
        flex-direction: column; } }
.block-myaccount .container a {
    color: var(--jc-green-3);
    transition: all 300ms; }
.block-myaccount .container a:hover {
    color: var(--jc-green-3-hover); }
.block-myaccount .container input[type="text"], .block-myaccount .container input[type="password"], .block-myaccount .container input[type="email"], .block-myaccount .container input[type="tel"] {
    height: 50px;
    box-sizing: border-box;
    padding-left: 15px;
    display: inline-flex;
    align-items: center;
    border: 1px solid #EBEBEB;
    border-radius: 5px;
    width: 100%;
    outline: none;
    margin-top: 15px; }
.block-myaccount .woocommerce-form-login {
    padding: 20px;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #EBEBEB;
    flex: 0;
    min-width: 300px;
    margin-top: 30px; }
@media only screen and (max-width: 1024px) {
    .block-myaccount .woocommerce-form-login {
        width: 100%; } }
.block-myaccount .woocommerce-form-login .button {
    width: 100%;
    margin-top: 30px;
    font-weight: 600; }
.block-myaccount .lost_reset_password {
    padding: 20px;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #EBEBEB;
    flex: 0;
    width: 100%;
    min-width: 100%; }
@media only screen and (max-width: 1024px) {
    .block-myaccount .lost_reset_password {
        width: 100%; } }
.block-myaccount .lost_reset_password .button {
    width: 100%;
    margin-top: 30px;
    font-weight: 600; }
.block-myaccount .woocommerce-form-register {
    padding: 20px;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #EBEBEB;
    width: auto;
    margin-top: 30px; }
@media only screen and (max-width: 1024px) {
    .block-myaccount .woocommerce-form-register {
        width: 100%; } }
.block-myaccount .woocommerce-form-register .button {
    margin-top: 30px;
    font-weight: 600; }

.button.invoice {
    margin-top: 0px;
    background: none !important;
    color: var(--jc-green-3) !important;
    text-decoration: underline;
    font-weight: 400; }

.woocommerce-MyAccount-navigation {
    border: 1px solid #EBEBEB;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
    position: sticky;
    top: 200px;
    min-width: 290px;
    height: fit-content; }
@media only screen and (max-width: 1024px) {
    .woocommerce-MyAccount-navigation {
        position: relative;
        top: 0; } }
.woocommerce-MyAccount-navigation h3 {
    margin: 0;
    padding: 0;
    margin-bottom: 30px !important; }
.woocommerce-MyAccount-navigation ul {
    padding: 0;
    margin: 0; }
.woocommerce-MyAccount-navigation ul li {
    margin: 10px 0; }

.woocommerce-MyAccount-content {
    width: 100%; }
.woocommerce-MyAccount-content fieldset {
    border: 1px solid #EBEBEB;
    border-radius: 10px; }

#account_display_name + span {
    display: none; }

.woocommerce-Addresses {
    display: flex;
    flex-direction: row;
    gap: 30px;
    width: 100%;
    z-index: 10;
    position: relative; }
@media only screen and (max-width: 1024px) {
    .woocommerce-Addresses {
        flex-direction: column; } }
.woocommerce-Addresses .woocommerce-Address {
    z-index: 1 !important;
    position: relative;
    width: 50%; }
.woocommerce-Addresses .woocommerce-Address header {
    z-index: 1 !important;
    position: relative; }
@media only screen and (max-width: 1024px) {
    .woocommerce-Addresses .woocommerce-Address {
        width: 100%; } }
.woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title {
    width: 100%;
    text-align: left;
    display: flex;
    justify-content: space-between;
    height: 50px; }
.woocommerce-Addresses .woocommerce-Address .woocommerce-Address-title h3 {
    margin: 0;
    padding: 0; }
.woocommerce-Addresses .woocommerce-Address address {
    margin-top: 30px; }

.woocommerce-account h2 {
    margin: 0; }

.woocommerce-account p {
    font-size: 14px !important; }

.woocommerce-account .button {
    font-size: 14px !important; }

.woocommerce-account .pagination {
    margin-top: 30px;
    display: flex;
    justify-content: center; }
.woocommerce-account .pagination .next, .woocommerce-account .pagination .prev {
    height: 50px;
    font-weight: 600;
    padding: 0 20px;
    text-decoration: none;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border: none;
    background: var(--jc-green-3);
    color: white;
    border-radius: 5px;
    margin: 0 20px;
    transition: all 300ms; }
.woocommerce-account .pagination .next svg, .woocommerce-account .pagination .prev svg {
    color: white !important; }
@media only screen and (max-width: 768px) {
    .woocommerce-account .pagination .next, .woocommerce-account .pagination .prev {
        min-width: 40px;
        height: 40px; } }
.woocommerce-account .pagination .next:hover, .woocommerce-account .pagination .prev:hover {
    color: white !important;
    background: var(--jc-green-3-hover) !important; }
.woocommerce-account .pagination .pag-numbers {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    gap: 15px; }
@media only screen and (max-width: 768px) {
    .woocommerce-account .pagination .pag-numbers {
        gap: 10px; } }
.woocommerce-account .pagination .pag-numbers a {
    color: #333 !important;
    text-decoration: none; }
.woocommerce-account .pagination .pag-numbers .dots {
    position: relative;
    bottom: -20px; }
.woocommerce-account .pagination .pag-numbers .page-numbers:not(.dots) {
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border: 1px solid #E3E3E3;
    border-radius: 5px;
    transition: ease-in-out color 200ms;
    color: var(--jc-green-3); }
@media only screen and (max-width: 768px) {
    .woocommerce-account .pagination .pag-numbers .page-numbers:not(.dots) {
        width: 40px;
        height: 40px; } }

.woocommerce-account .select2-search--dropdown {
    display: none !important;
    visibility: hidden !important; }

.woocommerce-account .select2-container--default .select2-search--dropdown .select2-search__field {
    display: none !important;
    visibility: hidden !important; }

.woocommerce-account abbr {
    text-decoration: none !important; }

.woocommerce-account .select2-dropdown {
    border: 1px solid #EBEBEB; }

.woocommerce-account .select2-container--default .select2-selection--single {
    height: 50px;
    border: 1px solid #EBEBEB !important;
    border-color: #EBEBEB !important;
    border-radius: 5px; }

.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
    padding-left: 15px; }

.woocommerce-account .select2-results__option--highlighted {
    background: var(--jc-green-3) !important; }

.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 12px;
    right: 12px;
    width: 20px; }

.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error {
    margin: 0 !important; }

.woocommerce-orders-table {
    width: 100%; }

.woocommerce-orders-table__header {
    text-align: left; }

.woocommerce-orders-table {
    border-spacing: 0 15px; }
.woocommerce-orders-table thead {
    margin-bottom: 30px; }
@media only screen and (max-width: 1024px) {
    .woocommerce-orders-table thead {
        display: none; } }
.woocommerce-orders-table tbody {
    width: 100%;
    position: relative; }

.woocommerce-orders-table__cell-order-actions a {
    color: white !important; }

@media only screen and (max-width: 1024px) {
    .woocommerce-orders-table__row {
        border: 1px solid #EBEBEB;
        border-radius: 10px;
        padding: 20px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        margin-bottom: 20px; }
    .woocommerce-orders-table__row td {
        margin: 5px 0; } }

.order-summary {
    margin-top: 50px; }
.order-summary .container {
    margin: 0 !important;
    margin-bottom: 30px !important; }
.order-summary:first-of-type {
    margin-top: 0; }
.order-summary .summary-details {
    margin-bottom: 30px;
    font-size: 14px;
    color: #333;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center; }
.order-summary .summary-details .back-button {
    color: #333;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    margin-right: 30px;
    transition: all 300ms;
    text-decoration: none;
    padding-left: 10px; }
.order-summary .summary-details .back-button svg {
    height: 20px;
    vertical-align: -5px;
    margin-right: 10px;
    transition: all 300ms;
    position: relative;
    left: 0; }
.order-summary .summary-details .back-button:hover {
    color: var(--jc-green-3-hover); }
.order-summary .summary-details .back-button:hover svg {
    stroke: var(--jc-green-3-hover); }
.order-summary .summary-details span {
    margin-top: 8px;
    font-size: 14px; }
.order-summary .summary-details span.order-status {
    font-weight: 500; }
.order-summary .summary-details span.order-status.color-on-hold {
    color: #B5B5B5; }
.order-summary .summary-details span.order-status.color-pending {
    color: #B5B5B5; }
.order-summary .summary-details span.order-status.color-cancelled {
    color: #d80000; }
.order-summary .summary-details span.order-status.color-failed {
    color: #d80000; }
.order-summary .summary-details span.order-status.color-refunded {
    color: #d80000; }
.order-summary .summary-details span.order-status.color-processing {
    color: var(--jc-green-3-hover); }
.order-summary .summary-details span.order-status.color-completed {
    color: var(--jc-green-3); }
.order-summary .summary-details span.order-status.color-black {
    color: #333; }
.order-summary .paid-text {
    color: #B5B5B5 !important; }
@media (max-width: 877px) {
    .order-summary .paid-text {
        display: none !important; } }
@media (max-width: 877px) {
    .order-summary .hide-containerisht-on-mobile {
        border: 0 !important;
        padding: 0 !important; } }
.order-summary .postnl-href-mobile {
    width: 100%;
    max-width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    /* Button start */
    /* Button einde */ }
@media (min-width: 877px) {
    .order-summary .postnl-href-mobile {
        display: none; } }
.order-summary .postnl-href-mobile .mobile-tracking-code {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 50px 0;
    padding-top: 20px !important;
    color: #333;
    font-size: 14px; }
.order-summary .postnl-href-mobile .woocommerce-button {
    width: 100%;
    max-width: 100%;
    height: 62px;
    border: 1px solid #EFEFEF;
    border-radius: 5px;
    background: white;
    cursor: pointer;
    padding: 6px;
    box-sizing: border-box; }
.order-summary .postnl-href-mobile .woocommerce-button span {
    background: var(--jc-green-3);
    width: calc(100% - 10px);
    margin-left: 5px;
    height: 50px;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    color: white;
    font-weight: 500;
    position: relative;
    transition: all 300ms; }
.order-summary .postnl-href-mobile .woocommerce-button span:hover {
    background: var(--jc-green-3-hover); }
.order-summary .postnl-href-mobile .woocommerce-button span:hover:before, .order-summary .postnl-href-mobile .woocommerce-button span:hover:after {
    background: var(--jc-green-3-hover); }
.order-summary .postnl-href-mobile .woocommerce-button span:before {
    content: '';
    position: absolute;
    left: -4px;
    width: 20px;
    height: 50px;
    -webkit-transform: skew(3deg);
    -moz-transform: skew(3deg);
    -o-transform: skew(3deg);
    background: var(--jc-green-3);
    border-radius: 5px;
    transition: all 300ms; }
.order-summary .postnl-href-mobile .woocommerce-button span:after {
    content: '';
    position: absolute;
    right: -4px;
    width: 20px;
    height: 50px;
    -webkit-transform: skew(-3deg);
    -moz-transform: skew(-3deg);
    -o-transform: skew(-3deg);
    background: var(--jc-green-3);
    border-radius: 5px;
    transition: all 300ms; }
.order-summary .container {
    border: 1px solid #EFEFEF;
    border-radius: 5px;
    padding: 30px;
    box-sizing: border-box;
    /* Button start */
    /* Button einde */ }
.order-summary .container .woocommerce-button {
    width: 100%;
    max-width: 340px;
    height: 62px;
    border: 1px solid #EFEFEF;
    border-radius: 5px;
    background: white;
    cursor: pointer;
    padding: 6px;
    box-sizing: border-box; }
.order-summary .container .woocommerce-button span {
    background: var(--jc-green-3);
    width: calc(100% - 10px);
    margin-left: 5px;
    height: 50px;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    color: white;
    font-weight: 500;
    position: relative;
    transition: all 300ms; }
.order-summary .container .woocommerce-button span:hover {
    background: var(--jc-green-3-hover); }
.order-summary .container .woocommerce-button span:hover:before, .order-summary .container .woocommerce-button span:hover:after {
    background: var(--jc-green-3-hover); }
.order-summary .container .woocommerce-button span:before {
    content: '';
    position: absolute;
    left: -4px;
    width: 20px;
    height: 50px;
    -webkit-transform: skew(3deg);
    -moz-transform: skew(3deg);
    -o-transform: skew(3deg);
    background: var(--jc-green-3);
    border-radius: 5px;
    transition: all 300ms; }
.order-summary .container .woocommerce-button span:after {
    content: '';
    position: absolute;
    right: -4px;
    width: 20px;
    height: 50px;
    -webkit-transform: skew(-3deg);
    -moz-transform: skew(-3deg);
    -o-transform: skew(-3deg);
    background: var(--jc-green-3);
    border-radius: 5px;
    transition: all 300ms; }
.order-summary .container .shipment-details {
    color: #333; }
@media (max-width: 1240px) {
    .order-summary .container .shipment-details .expected-delivery.flex-when-needed {
        display: flex;
        flex-direction: column; } }
.order-summary .container .shipment-details .expected-delivery span {
    font-weight: 500; }
@media (max-width: 1240px) {
    .order-summary .container .shipment-details .expected-delivery span {
        margin-bottom: 5px; } }
.order-summary .container .shipment-details .expected-delivery .shipping-text {
    color: var(--jc-green-3) !important;
    font-weight: 500; }
.order-summary .container .shipment-details .expected-delivery .paid-text {
    color: #B5B5B5 !important; }
@media (max-width: 877px) {
    .order-summary .container .shipment-details .expected-delivery .paid-text {
        display: none !important; } }
.order-summary .container.padding-15 {
    padding: 15px !important; }
.order-summary .container.mb-30 {
    margin-bottom: 30px; }
.order-summary .container.mb-50 {
    margin-bottom: 50px; }
.order-summary .container.display-flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
@media (max-width: 500px) {
    .order-summary .container {
        padding: 15px; } }
.order-summary .container .postnl-href {
    width: 100%;
    max-width: 340px; }
@media (max-width: 1320px) {
    .order-summary .container .postnl-href {
        max-width: 270px; } }
@media (max-width: 875px) {
    .order-summary .container .postnl-href {
        display: none; } }
@media (max-width: 1240px) {
    .order-summary .container .hide-on-smaller-desktop {
        display: none; } }
.order-summary .container .left-side-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center; }
.order-summary .container .courier-logo {
    height: 70px;
    width: 70px;
    border: 1px solid #EDEDED;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px; }
.order-summary .container .courier-logo img {
    object-fit: contain;
    max-width: 30px; }
.order-summary .container .payment-logo {
    height: 70px;
    width: 70px;
    border: 1px solid #EDEDED;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px; }
@media (max-width: 877px) {
    .order-summary .container .payment-logo {
        width: 60px;
        height: 60px;
        border: none; } }
.order-summary .container .payment-logo img {
    object-fit: contain;
    max-width: 60px; }
.order-summary .order-details-extended {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    padding-top: 20px;
    color: #333; }
@media (max-width: 1230px) {
    .order-summary .order-details-extended {
        flex-wrap: wrap; } }
.order-summary .order-details-extended .column {
    display: flex;
    flex-direction: column;
    font-size: 14px; }
.order-summary .order-details-extended .column:first-of-type {
    justify-content: space-between; }
@media (max-width: 1230px) {
    .order-summary .order-details-extended .column:first-of-type {
        width: 100%;
        margin-bottom: 30px; } }
@media (max-width: 1230px) {
    .order-summary .order-details-extended .column:last-of-type {
        width: 100%;
        margin-top: 30px; } }
.order-summary .order-details-extended .column span {
    font-weight: 500;
    display: block; }
.order-summary .order-details-extended .column .expenses {
    display: flex;
    flex-direction: column;
    min-width: 230px;
    margin-top: 12px; }
.order-summary .order-details-extended .column .expenses p {
    display: flex !important;
    margin: 0;
    padding: 0;
    flex-direction: row;
    justify-content: space-between; }
.order-summary .order-details-extended .column .expenses p span {
    flex-direction: row;
    justify-content: space-between;
    display: inline-flex !important;
    font-weight: 400; }
.order-summary .order-summary-details {
    display: flex;
    flex-direction: column; }
.order-summary .order-summary-details a {
    display: inline-block;
    margin-top: 30px;
    font-weight: 500;
    font-size: 14px;
    color: var(--jc-green-3);
    transition: all 300ms; }
@media (max-width: 500px) {
    .order-summary .order-summary-details a {
        margin-top: 15px; } }
.order-summary .order-summary-details a:hover {
    color: var(--jc-green-3-hover); }
.order-summary .order-summary-details a:hover svg {
    left: 5px;
    stroke: var(--jc-green-3-hover); }
.order-summary .order-summary-details a svg {
    height: 20px;
    position: relative;
    top: 4px;
    left: 0;
    transition: all 300ms; }
.order-summary .order-summary-details .order-item {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    text-decoration: none; }
.order-summary .order-summary-details .order-item:first-of-type {
    margin-top: 0 !important; }
@media (max-width: 550px) {
    .order-summary .order-summary-details .order-item {
        margin-top: 20px; } }
.order-summary .order-summary-details .order-item .product-image {
    min-width: 150px;
    min-height: 150px;
    width: 150px;
    height: 150px;
    border-radius: 5px;
    border: 1px solid #F2F2F2;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    margin-right: 30px; }
@media (max-width: 550px) {
    .order-summary .order-summary-details .order-item .product-image {
        width: 115px;
        height: 115px;
        min-width: 115px;
        min-height: 115px;
        margin-right: 15px; } }
.order-summary .order-summary-details .order-item .product-image img {
    object-fit: contain;
    max-width: 100px;
    max-height: 100px; }
.order-summary .order-summary-details .order-item .product-details {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: stretch;
    text-decoration: none !important; }
.order-summary .order-summary-details .order-item .product-details .woocommerce-Price-currencySymbol {
    display: none !important; }
.order-summary .order-summary-details .order-item .product-details .product-title {
    font-size: 14px;
    max-width: 500px;
    color: #333;
    margin-bottom: 10px;
    font-weight: 500; }
@media (max-width: 550px) {
    .order-summary .order-summary-details .order-item .product-details .product-title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        overflow: hidden; } }
.order-summary .order-summary-details .order-item .product-details span.product-desc {
    line-height: 24px;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
    max-width: 500px; }
.order-summary .order-summary-details .order-item .product-details .price-details {
    margin-top: 15px;
    color: #333;
    font-weight: 500;
    font-size: 18px; }
.order-summary .order-summary-details .postnl-href-mobile {
    width: 100%;
    max-width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
    /* Button start */
    /* Button einde */ }
.order-summary .order-summary-details .postnl-href-mobile button {
    border: 1px solid red; }
.order-summary .order-summary-details .postnl-href-mobile .woocommerce-button {
    width: 100%;
    max-width: 340px;
    height: 62px;
    border: 1px solid #EFEFEF;
    border-radius: 5px;
    background: white;
    cursor: pointer;
    padding: 6px;
    box-sizing: border-box; }
.order-summary .order-summary-details .postnl-href-mobile .woocommerce-button span {
    background: var(--jc-green-3);
    width: calc(100% - 10px);
    margin-left: 5px;
    height: 50px;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: stretch;
    color: white;
    font-weight: 500;
    position: relative;
    transition: all 300ms; }
.order-summary .order-summary-details .postnl-href-mobile .woocommerce-button span:hover {
    background: var(--jc-green-3-hover); }
.order-summary .order-summary-details .postnl-href-mobile .woocommerce-button span:hover:before, .order-summary .order-summary-details .postnl-href-mobile .woocommerce-button span:hover:after {
    background: var(--jc-green-3-hover); }
.order-summary .order-summary-details .postnl-href-mobile .woocommerce-button span:before {
    content: '';
    position: absolute;
    left: -4px;
    width: 20px;
    height: 50px;
    -webkit-transform: skew(3deg);
    -moz-transform: skew(3deg);
    -o-transform: skew(3deg);
    background: var(--jc-green-3);
    border-radius: 5px;
    transition: all 300ms; }
.order-summary .order-summary-details .postnl-href-mobile .woocommerce-button span:after {
    content: '';
    position: absolute;
    right: -4px;
    width: 20px;
    height: 50px;
    -webkit-transform: skew(-3deg);
    -moz-transform: skew(-3deg);
    -o-transform: skew(-3deg);
    background: var(--jc-green-3);
    border-radius: 5px;
    transition: all 300ms; }

.block-our-offer {
    width: 100%; }
.block-our-offer .container {
    display: flex;
    flex-direction: column; }
.block-our-offer .container .tiles {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 50px;
    flex: 1;
    margin-top: 10px; }
@media only screen and (max-width: 1024px) {
    .block-our-offer .container .tiles {
        gap: 30px; } }
@media only screen and (max-width: 950px) {
    .block-our-offer .container .tiles {
        flex-wrap: wrap;
        flex-direction: column; } }
.block-our-offer .container .tiles a.tile {
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    font-size: 26px;
    padding: 20px;
    flex: 1;
    min-height: 250px;
    width: 200px;
    color: white;
    text-decoration: none;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    object-fit: contain;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 300ms ease-in-out; }
@media only screen and (max-width: 1250px) {
    .block-our-offer .container .tiles a.tile {
        min-height: 200px; } }
@media only screen and (max-width: 950px) {
    .block-our-offer .container .tiles a.tile {
        width: 100%; } }
.block-our-offer .container .tiles a.tile:hover {
    background-size: 105%; }
.block-our-offer .container .tiles a.tile .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 2; }
.block-our-offer .container .tiles a.tile .overlay.overlay-pink {
    background: rgba(226, 0, 121, 0.6); }
.block-our-offer .container .tiles a.tile .overlay.overlay-blue {
    background: rgba(0, 158, 226, 0.6); }
.block-our-offer .container .tiles a.tile .overlay.overlay-yellow {
    background: rgba(255, 231, 0, 0.6); }
.block-our-offer .container .tiles a.tile .overlay.overlay-green {
    background: rgba(149, 189, 11, 0.6); }
.block-our-offer .container .tiles a.tile .overlay-content {
    z-index: 5; }
@media only screen and (max-width: 1024px) {
    .block-our-offer .container .tiles a.tile .overlay-content {
        font-size: 20px !important; } }

.product-archive {
    margin-top: 50px !important;
    display: flex;
    flex-direction: column;
    margin: 0 70px; }
@media only screen and (max-width: 1350px) {
    .product-archive {
        margin: 0 50px; } }
@media only screen and (max-width: 1024px) {
    .product-archive {
        margin: 0 20px; } }
@media only screen and (max-width: 768px) {
    .product-archive {
        margin-top: 20px !important; } }
.product-archive .container {
    display: flex;
    flex-direction: row;
    gap: 50px; }
@media only screen and (max-width: 768px) {
    .product-archive .container {
        flex-direction: column;
        gap: 20px; }
    .product-archive .container:nth-of-type(1) {
        height: 20px; } }
.product-archive .container .breadcrumb-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px;
    margin-top: -20px;
    justify-content: space-between;
    margin-bottom: 30px;
    width: 100%; }
.product-archive .container .breadcrumb-row .left-side {
    width: 70%;
    display: flex;
    flex-direction: row;
    gap: 30px; }
@media only screen and (max-width: 768px) {
    .product-archive .container .breadcrumb-row .left-side {
        width: 100%; } }
@media only screen and (max-width: 768px) {
    .product-archive .container .breadcrumb-row .right-side {
        display: none; } }
.product-archive .container .back-button {
    height: 49px;
    background-color: #fff;
    border: 1px solid #E3E3E3;
    border-radius: 0 10px 10px 0;
    position: relative;
    cursor: pointer;
    margin-left: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    font-weight: 500;
    transition: all 300ms; }
@media only screen and (max-width: 768px) {
    .product-archive .container .back-button {
        display: none; } }
.product-archive .container .back-button:hover span {
    color: var(--jc-green-3) !important; }
.product-archive .container .back-button span {
    position: relative;
    left: -7px;
    color: #333;
    transition: all 300ms; }
.product-archive .container .back-button:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    right: 100%;
    top: 0px;
    left: -20px;
    border-top: 25px solid transparent;
    border-bottom: 24px solid transparent;
    border-right: 20px solid white;
    z-index: 1; }
.product-archive .container .back-button:after {
    border-top: 26px solid transparent;
    border-bottom: 25px solid transparent;
    border-right: 21px solid #EBEBEB;
    top: -1px;
    left: -22px;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    right: 100%; }
.product-archive .container #breadcrumbs {
    width: 100%;
    color: #333; }
@media only screen and (max-width: 600px) {
    .product-archive .container #breadcrumbs {
        margin: 30px 0; } }
.product-archive .container #breadcrumbs svg {
    margin: 0 10px; }
.product-archive .container #breadcrumbs a {
    text-decoration: none;
    color: var(--jc-green-3); }
.product-archive .container #breadcrumbs a:hover {
    text-decoration: underline; }
.product-archive .container .wpc-filters-open-button-container {
    position: fixed;
    bottom: 20px;
    z-index: 5;
    margin: 0; }
.product-archive .container .wpc-filters-open-widget {
    background: var(--jc-green-3) !important;
    color: white;
    border-radius: 5px;
    border: none;
    padding: 15px 15px;
    font-weight: 500;
    display: flex;
    flex-direction: row; }
.product-archive .container .wpc-filters-open-widget:before {
    content: url("../../assets/images/filter-icon.svg");
    height: 14px;
    margin-right: 10px; }
.product-archive .container .sidebar-content {
    width: 290px;
    min-width: 290px;
    max-width: 290px;
    border: 1px solid #EBEBEB;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 20px;
    position: relative;
    z-index: 1;
    height: fit-content; }
@media only screen and (max-width: 768px) {
    .product-archive .container .sidebar-content {
        display: none; } }
.product-archive .container .sidebar-content label a {
    color: #333 !important; }
.product-archive .container .sidebar-content .wpc-filter-title {
    color: #333;
    font-weight: 500;
    font-size: 18px; }
.product-archive .container .sidebar-content .wpc-edit-filter-set {
    display: none; }
.product-archive .container .sidebar-content .widget .wpc-term-count-0:not(.wpc-has-not-empty-children) a, .product-archive .container .sidebar-content .widget-area .widget .wpc-term-count-0:not(.wpc-has-not-empty-children) a, .product-archive .container .sidebar-content .widget-area .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label, .product-archive .container .sidebar-content .widget-area .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label span.wpc-filter-label-wrapper, .product-archive .container .sidebar-content .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label, .product-archive .container .sidebar-content .wpc-filters-labels li.wpc-term-count-0:not(.wpc-has-not-empty-children) label span.wpc-filter-label-wrapper, .product-archive .container .sidebar-content .wpc-term-count-0:not(.wpc-has-not-empty-children), .product-archive .container .sidebar-content .wpc-term-count-0:not(.wpc-has-not-empty-children) a, .product-archive .container .sidebar-content body .wpc-filters-main-wrap li.wpc-term-count-0:not(.wpc-has-not-empty-children) label, .product-archive .container .sidebar-content body .wpc-filters-main-wrap li.wpc-term-count-0:not(.wpc-has-not-empty-children) label a,
.product-archive .container .sidebar-content .wpc-filters-main-wrap li.wpc-term-count-0:not(.wpc-has-not-empty-children) label {
    opacity: 1 !important; }
.product-archive .container .sidebar-content input[type="number"] {
    height: 50px;
    outline: none;
    border-radius: 10px;
    outline: none;
    border: 1px solid #EBEBEB;
    box-sizing: border-box;
    padding: 10px;
    text-align: center;
    display: flex;
    justify-content: center;
    font-size: 14px; }
.product-archive .container .sidebar-content .wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-handle {
    top: -12px;
    margin-left: -6px;
    border-radius: 5px;
    background: var(--jc-green-3);
    border: none;
    outline: 0;
    box-shadow: none; }
.product-archive .container .sidebar-content .wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range {
    background: var(--jc-green-3); }
.product-archive .container .sidebar-content .wpc-filters-range-inputs .ui-slider-horizontal {
    background: #EBEBEB; }
.product-archive .container .sidebar-content .wpc-filters-range-inputs .ui-slider-horizontal:after {
    display: inline-block;
    content: '';
    right: -15px;
    position: absolute;
    height: 3px;
    width: 20px;
    border-radius: 5px;
    background: #EBEBEB; }
.product-archive .container .sidebar-content .wpc-filters-range-slider-wrapper {
    margin: 0;
    margin-top: 30px;
    margin-bottom: 30px;
    max-width: 230px; }
@media only screen and (max-width: 768px) {
    .product-archive .container .sidebar-content .wpc-filters-range-slider-wrapper {
        max-width: calc(100% - 20px); } }
.product-archive .container .sidebar-content .wpc-filters-main-wrap input[type=radio]:checked, .product-archive .container .sidebar-content .wpc-filters-main-wrap input[type=checkbox]:checked {
    border-color: var(--jc-green-3) !important; }
.product-archive .container .sidebar-content .wpc-filters-main-wrap .wpc-radio-item.wpc-term-disabled input[type=radio]:after, .product-archive .container .sidebar-content .wpc-filters-main-wrap .wpc-term-count-0:not(.wpc-has-not-empty-children) input[type=radio]:after,
.product-archive .container .sidebar-content .wpc-filters-main-wrap input[type=radio]:after {
    background-color: var(--jc-green-3) !important;
    border-radius: 3px !important;
    width: 16px;
    height: 16px; }
.product-archive .container .sidebar-content .wpc-filters-main-wrap .wpc-filters-widget-controls-container a.wpc-filters-apply-button, .product-archive .container .sidebar-content body .wpc-filters-main-wrap a.wpc-filters-submit-button {
    background: var(--jc-green-3);
    border: none;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white !important;
    font-weight: 500; }
.product-archive .container .sidebar-content .wpc-filters-main-wrap .wpc-filters-widget-controls-container a, .product-archive .container .sidebar-content .wpc-filters-main-wrap a.wpc-filters-reset-button, .product-archive .container .sidebar-content .wpc-filters-main-wrap a.wpc-filters-submit-button {
    border: 1px solid #EBEBEB;
    color: #333 !important;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500; }
.product-archive .container .sidebar-content .wpc-filters-main-wrap li.wpc-term-item input[type=checkbox], .product-archive .container .sidebar-content .wpc-filters-main-wrap li.wpc-term-item input[type=radio] {
    border-radius: 5px !important;
    border-width: 1px;
    margin-left: -3px;
    margin-right: 10px;
    height: 26px;
    width: 26px;
    position: relative;
    top: -1px; }
@media only screen and (max-width: 768px) {
    .product-archive .container .sidebar-content .wpc-filters-main-wrap li.wpc-term-item input[type=checkbox], .product-archive .container .sidebar-content .wpc-filters-main-wrap li.wpc-term-item input[type=radio] {
        margin-left: 0; } }
.product-archive .container .sidebar-content .wpc-term-swatch-wrapper {
    border: none;
    margin-right: 15px;
    position: relative;
    top: -1px; }
.product-archive .container .sidebar-content .wpc-term-swatch {
    border-radius: 5px;
    border: none; }
.product-archive .container .sidebar-content .wpc-filters-main-wrap input[type=radio]:hover, .product-archive .container .sidebar-content .wpc-filters-main-wrap input[type=checkbox]:hover {
    border-color: var(--jc-green-3); }
.product-archive .container .sidebar-content .wpc-filters-main-wrap input[type=checkbox]:after {
    left: 4px;
    top: 4px;
    right: 0;
    width: 16px;
    height: 16px;
    background: var(--jc-green-3);
    border-radius: 3px;
    border: none;
    transform: rotate(0deg); }
.product-archive .container .sidebar-content .wpc-filters-main-wrap a.wpc-toggle-a {
    color: var(--jc-green-3);
    text-decoration: underline;
    border-bottom-style: none; }
.product-archive .container .archive-content {
    margin-top: 50px;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #333 !important;
    font-weight: 300 !important; }
.product-archive .container .archive-content h2 {
    font-size: 22px !important; }
.product-archive .container .archive-content a {
    color: var(--jc-green-3) !important; }
.product-archive .container .archive-content a:hover {
    color: var(--jc-green-3-hover) !important; }
.product-archive .container .archive-content ul {
    margin-left: 0;
    padding-left: 15px; }
.product-archive .container .archive-content ul li:before {
    content: "";
    background: var(--jc-green-3);
    font-weight: bold;
    display: inline-block;
    margin-left: -15px;
    margin-right: 10px;
    width: 10px;
    height: 10px;
    border-radius: 2px; }
.product-archive .container .subcategories-wrapper {
    display: inline-flex;
    gap: 20px;
    flex-wrap: wrap;
    margin: 30px 0; }
.product-archive .container .subcategories-wrapper .subcategories-block {
    height: 100px;
    flex: 0 0 31.6%;
    border: 2px solid #F1F1F1;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 26px 30px;
    transition: all 500ms;
    position: relative; }
.product-archive .container .subcategories-wrapper .subcategories-block .title {
    display: block;
    font-weight: 500;
    color: var(--jc-green-3); }
.product-archive .container .subcategories-wrapper .subcategories-block .count {
    display: block;
    font-size: 14px;
    color: #000; }
.product-archive .container .subcategories-wrapper .subcategories-block img {
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
    margin: auto; }
.product-archive .container .subcategories-wrapper .subcategories-block a {
    text-decoration: none; }
.product-archive .container .subcategories-wrapper .subcategories-block:hover {
    border: 2px solid var(--jc-green-3); }
@media screen and (max-width: 1280px) {
    .product-archive .container .subcategories-wrapper .subcategories-block {
        flex: 0 0 47.6%; } }
@media screen and (max-width: 580px) {
    .product-archive .container .subcategories-wrapper .subcategories-block {
        flex: 5 0 60%; } }
.product-archive .container .product-content {
    display: flex;
    border-radius: 10px;
    position: relative;
    flex-direction: column;
    width: 100%;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #333 !important;
    font-weight: 300 !important; }
.product-archive .container .product-content .woocommerce-products-header__title {
    font-size: 26px; }
@media only screen and (max-width: 600px) {
    .product-archive .container .product-content .woocommerce-products-header__title {
        position: relative;
        top: 20px; } }
.product-archive .container .product-content .wpc-icon-html-wrapper {
    display: none; }
.product-archive .container .product-content .woocommerce-result-count {
    font-size: 14px;
    color: #333; }
@media only screen and (max-width: 768px) {
    .product-archive .container .product-content .woocommerce-result-count {
        font-size: 16px; } }
.product-archive .container .product-content .products {
    list-style-type: none;
    padding-left: 0;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    align-items: stretch; }
@media only screen and (max-width: 1200px) {
    .product-archive .container .product-content .products {
        grid-template-columns: repeat(3, 1fr); } }
@media only screen and (max-width: 900px) {
    .product-archive .container .product-content .products {
        grid-template-columns: repeat(2, 1fr); } }
@media only screen and (max-width: 500px) {
    .product-archive .container .product-content .products {
        grid-template-columns: repeat(1, 1fr); } }
/* ==========================================================================
   JC — Product tile (archive) — clean rebuild.
   Elke sectie heeft een vaste/gereserveerde hoogte. Zo lijnen image, title,
   tags-slot, prijzen, SKU en button altijd uit op dezelfde y-positie cross-tile,
   ook als een tile geen tags of kortere titel heeft.
   ========================================================================== */

.product-archive .container .product-content .products .product {
    position: relative;
    box-sizing: border-box;
    padding: 20px;
    list-style-type: none;
    border: 1px solid var(--jc-green-3);
    border-radius: 10px;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: 100%;
    transition: color 200ms ease;
}

.product-archive .container .product-content .products .product:hover .woocommerce-loop-product__title {
    color: var(--jc-green-3);
}

/* --- 1. Stock-badge — als eerste flex-item bovenin de tile (NIET over de foto).
       Was eerder absolute over de productfoto, nu static zodat hij netjes
       boven de afbeelding zit, links uitgelijnd en zonder de visuele rust te breken. */
.product-archive .container .product-content .products .product .quantity-stock {
    position: static;
    align-self: flex-start;
    display: inline-block;
    z-index: auto;
    padding: 6px 10px;
    background: var(--jc-blue);
    color: #fff;
    border-radius: 5px;
    font-size: 13px;
    line-height: 1.2;
    margin: 0;
}

.product-archive .container .product-content .products .product .quantity-stock.is-on-sale {
    background: #f29100;
}

/* --- 2. Image + title wrapper (anker) --- */
.product-archive .container .product-content .products .product > a.woocommerce-LoopProduct-link {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-decoration: none;
    color: inherit;
}

.product-archive .container .product-content .products .product img {
    width: 100%;
    height: 260px;
    object-fit: contain;
    background: #fff;
    border-radius: 8px;
    margin: 0;
}

@media only screen and (max-width: 1200px) {
    .product-archive .container .product-content .products .product img { height: 240px; }
}
@media only screen and (max-width: 900px) {
    .product-archive .container .product-content .products .product img { height: 220px; }
}
@media only screen and (max-width: 500px) {
    .product-archive .container .product-content .products .product img { height: 260px; }
}

.product-archive .container .product-content .products .product .woocommerce-loop-product__title {
    height: 48px;                     /* exact 2 regels op 16px font met 1.5 line-height */
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #333;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: color 200ms ease;
}

/* De default-WC prijs-span binnen het link-wrapper verbergen (we tonen zelf prijzen in .product-prices) */
.product-archive .container .product-content .products .product > a.woocommerce-LoopProduct-link > .price {
    display: none;
}

/* --- 3. Tags-slot (vast gereserveerd — ook leeg hoogte aanhouden) --- */
.product-archive .container .product-content .products .product .tags {
    min-height: 28px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: flex-start;
    align-content: flex-start;
}

.product-archive .container .product-content .products .product .tags span {
    padding: 3px 10px;
    background: var(--jc-green-4);
    color: var(--jc-green-1);
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
}

/* --- 4. Prijzen-blok (vast hoogte) --- */
.product-archive .container .product-content .products .product .product-prices {
    min-height: 52px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 0;
}

.product-archive .container .product-content .products .product .price-incl {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    color: var(--jc-green-3) !important;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    display: block !important;
    text-align: left;
}

.product-archive .container .product-content .products .product .price-incl.on-sale {
    color: #f29100 !important;
    display: flex !important;
    flex-direction: row;
    align-items: baseline;
    gap: 8px;
}

.product-archive .container .product-content .products .product .price-incl.on-sale .regular-price {
    font-size: 13px;
    font-weight: 400;
    color: #999;
}

.product-archive .container .product-content .products .product .price-incl.on-sale .regular-price span {
    text-decoration: line-through;
}

.product-archive .container .product-content .products .product .price-excl {
    margin: 0;
    color: #919191;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.2;
}

/* --- 5. Artikelnummer (vast hoogte) --- */
.product-archive .container .product-content .products .product > span {
    min-height: 18px;
    margin: 0;
    font-size: 12px !important;
    color: #aaa !important;
    line-height: 1.2;
}

/* --- 6. Bekijken-button (pin naar bottom + erft chair-slide animatie van generieke .button.button-orange) --- */
.product-archive .container .product-content .products .product .button-orange {
    margin-top: auto;
    width: 100%;
    box-sizing: border-box;
    padding: 12px 18px;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 500;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    /* background + hover-animatie (chair-slide) komen uit generieke .button.button-orange rule */
}

/* --- 7. Verborgen WC / tracking elementen --- */
.product-archive .container .product-content .products .product .add_to_cart_button,
.product-archive .container .product-content .products .product .gtm4wp_productdata,
.product-archive .container .product-content .products .product .screen-reader-text {
    display: none !important;
}
.product-archive .container .product-content .products .onsale {
    display: none; }
.product-archive .container .wpc-custom-selected-terms {
    display: none; }
.product-archive .container .woocommerce-ordering {
    display: flex;
    justify-self: flex-end;
    position: absolute;
    right: 0; }
@media only screen and (max-width: 768px) {
    .product-archive .container .woocommerce-ordering {
        position: relative;
        width: 100%; } }
.product-archive .container .woocommerce-ordering:after {
    content: url("../../assets/images/chevron-down.svg");
    position: absolute;
    right: 15px;
    top: 22px;
    display: inline-block; }
.product-archive .container .orderby {
    padding: 15px !important;
    border-radius: 10px;
    border: 1px solid #EBEBEB;
    color: #333 !important;
    outline: none;
    -webkit-appearance: none !important;
    background: white !important; }
@media only screen and (max-width: 768px) {
    .product-archive .container .orderby {
        width: 100%; } }
.product-archive .container .top-wrapper-row {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 50px; }
.product-archive .container .top-wrapper-row .top-wrapper {
    display: flex;
    flex: 1;
    width: 100%; }
.product-archive .container .top-wrapper-row .top-wrapper:nth-of-type(2) {
    justify-content: flex-end; }
.product-archive ul.page-numbers {
    padding: 0 !important; }
@media only screen and (max-width: 768px) {
    .product-archive ul.page-numbers {
        padding-left: 0; } }
.product-archive ul.page-numbers li a.next {
    background: var(--jc-green-3) !important;
    color: white !important;
    border: none !important;
    transition: all 300ms; }
.product-archive ul.page-numbers li a.next:hover {
    background: var(--jc-green-3-hover) !important; }
.product-archive ul.page-numbers li a.prev {
    background: var(--jc-green-3) !important;
    color: white !important;
    border: none !important;
    transition: all 300ms; }
.product-archive ul.page-numbers li a.prev:hover {
    background: var(--jc-green-3-hover) !important; }
.product-archive .woocommerce-pagination {
    display: none; }
.product-archive .pagination {
    margin-top: 30px;
    display: flex;
    justify-content: center; }
.product-archive .pagination .next, .product-archive .pagination .prev {
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border: none;
    background: var(--jc-green-3);
    color: white;
    border-radius: 5px;
    margin: 0 20px;
    transition: all 300ms; }
@media only screen and (max-width: 768px) {
    .product-archive .pagination .next, .product-archive .pagination .prev {
        min-width: 40px;
        height: 40px; } }
.product-archive .pagination .next:hover, .product-archive .pagination .prev:hover {
    background: var(--jc-green-3-hover); }
.product-archive .pagination .pag-numbers {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    gap: 15px; }
@media only screen and (max-width: 768px) {
    .product-archive .pagination .pag-numbers {
        gap: 10px; } }
.product-archive .pagination .pag-numbers a {
    color: #333 !important;
    text-decoration: none; }
.product-archive .pagination .pag-numbers .dots {
    position: relative;
    bottom: -20px; }
.product-archive .pagination .pag-numbers .page-numbers:not(.dots) {
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border: 1px solid #E3E3E3;
    border-radius: 5px;
    transition: ease-in-out color 200ms;
    color: var(--jc-green-3); }
@media only screen and (max-width: 768px) {
    .product-archive .pagination .pag-numbers .page-numbers:not(.dots) {
        width: 40px;
        height: 40px; } }
.product-archive #open-choice {
    margin-bottom: 25px; }
.product-archive .wpc-filter-pa_lengte-persoon,
.product-archive .wpc-filter-pa_gewicht,
.product-archive .wpc-filter-pa_armleggers-mogelijkheden,
.product-archive .wpc-filter-pa_lendensteun,
.product-archive .wpc-filter-pa_soort-rug,
.product-archive .wpc-filter-length_person {
    display: none; }

.keuzehulp-modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 25;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: black;
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
    /* Modal Content/Box */
    /* The Close Button */ }
.keuzehulp-modal .armleggers-flex {
    display: flex;
    gap: 20px;
    margin-top: 20px;
    justify-content: space-between; }
.keuzehulp-modal label {
    font-weight: 300;
    font-size: 16px; }
.keuzehulp-modal label .more-info {
    color: white;
    background: var(--jc-blue);
    border-radius: 5px;
    height: 15px;
    top: 7px;
    margin-left: 5px;
    width: 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    padding: 5px;
    transition: all 300ms; }
.keuzehulp-modal label .more-info:hover {
    background: var(--jc-blue); }
.keuzehulp-modal .armleggers-item {
    padding: 20px;
    text-align: center;
    min-width: 260px;
    border-radius: 4px;
    border: 1px solid #333; }
@media screen and (max-width: 1350px) {
    .keuzehulp-modal .armleggers-item {
        min-width: 170px; } }
@media screen and (max-width: 900px) {
    .keuzehulp-modal .armleggers-item {
        min-width: 70px; } }
.keuzehulp-modal .armleggers-item .image-wrapper {
    display: flex; }
@media screen and (max-width: 650px) {
    .keuzehulp-modal .armleggers-item .image-wrapper {
        flex-direction: column; } }
.keuzehulp-modal .armleggers-item img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    object-fit: contain;
    max-height: 100px; }
@media screen and (max-width: 1100px) {
    .keuzehulp-modal .armleggers-item img {
        width: 70px; } }
@media screen and (max-width: 930px) {
    .keuzehulp-modal .armleggers-item img {
        width: 50px; } }
@media screen and (max-width: 650px) {
    .keuzehulp-modal .armleggers-item img {
        height: 50px; } }
.keuzehulp-modal .armleggers-item span {
    margin-top: 15px;
    display: block; }
.keuzehulp-modal .modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
    /* Could be more or less, depending on screen size */ }
@media screen and (max-width: 1900px) {
    .keuzehulp-modal .modal-content {
        width: 60%; } }
@media screen and (max-width: 1550px) {
    .keuzehulp-modal .modal-content {
        width: 70%; } }
@media screen and (max-width: 550px) {
    .keuzehulp-modal .modal-content {
        width: 85%; } }
.keuzehulp-modal .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold; }
.keuzehulp-modal .close:hover,
.keuzehulp-modal .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer; }
.keuzehulp-modal form select {
    width: 100%;
    padding: 8px 4px;
    border-radius: 4px;
    margin-top: 10px;
    margin-bottom: 20px; }

.mobile-open-choice {
    display: none;
    padding: 13px;
    margin-bottom: 20px; }

.single-product .woocommerce-notices-wrapper {
    max-width: 1540px; }
.single-product .woocommerce-notices-wrapper a {
    color: var(--jc-green-3) !important;
    text-decoration: underline; }

.single-product .price-excl {
    color: #919191;
    font-size: 14px;
    font-weight: 300;
    flex-direction: row;
    align-items: center;
    display: inline !important;
    margin-left: 15px;
    position: relative;
    top: -2px; }
.single-product .price-excl .woocommerce-Price-amount {
    margin-right: 5px; }

.tc-price-wrap {
    display: none !important; }

.tm-epo-required {
    color: var(--jc-green-3) !important;
    margin-left: 5px !important; }

.tm-epo-element-label {
    display: flex !important;
    flex-direction: row-reverse !important;
    font-weight: 400 !important;
    margin-bottom: 15px !important;
    justify-content: flex-end !important; }

.tm-epo-field {
    padding-left: 15px !important;
    outline: none !important;
    appearance: none !important;
    -webkit-appearance: none !important; }

select.tmcp-field {
    outline: none !important;
    background-color: white !important;
    color: #333 !important; }

dd.tm-final-totals {
    display: inline !important; }

.tm-epo-totals, .tc-totals-form dl.tm-extra-product-options-totals {
    display: inline !important; }

.tc-totals-form.tc-show {
    display: inline !important; }

.price-incl.hide-when-options {
    padding: 10px 0 !important;
    color: var(--jc-green-3) !important;
    background: white !important;
    text-align: center;
    display: inline-flex;
    border-radius: 5px;
    flex-direction: column;
    font-weight: 400 !important;
    font-size: 20px !important; }

.woocommerce-Price-amount.is-on-sale {
    color: #f29100 !important; }

#tm-epo-totals.is-on-sale dd .final {
    color: #f29100 !important; }

.tm-custom-price-totals dt {
    display: none !important; }

.tm-custom-price-totals dd .final {
    padding: 10px 0 !important;
    color: var(--jc-green-3) !important;
    background: white !important;
    text-align: center;
    display: inline-flex;
    border-radius: 5px;
    flex-direction: column;
    font-weight: 400 !important; }

.tc-totals-form dl.tm-extra-product-options-totals {
    margin: 0 !important;
    margin-top: -10px !important; }

.pc-bottom-bottom {
    display: flex;
    flex-direction: column-reverse; }

.container-wrapper {
    display: flex;
    justify-content: center; }
.container-wrapper .container {
    gap: 100px;
    display: flex;
    flex-direction: row;
    align-items: flex-start; }
@media only screen and (max-width: 768px) {
    .container-wrapper .container {
        gap: 30px; } }

.single .content-area {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 50px; }
.single .content-area input[type="number"] {
    outline: none;
    -webkit-appearance: none; }
.single .content-area .product-image {
    position: relative; }
@media only screen and (max-width: 768px) {
    .single .content-area h1 {
        font-size: 26px; } }
.single .content-area .quantity-stock {
    padding: 10px;
    position: static;
    display: inline-block;
    border-radius: 5px;
    color: white;
    background: var(--jc-blue);
    margin: 0 0 10px 0; }
.single .content-area .quantity-stock.is-on-sale {
    background: #f29100 !important; }
@media only screen and (max-width: 768px) {
    .single .content-area .back-button {
        display: none; } }
.single .content-area .breadcrumb-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: -20px;
    justify-content: space-between;
    margin-bottom: 30px;
    width: 100%; }
@media only screen and (max-width: 1024px) {
    .single .content-area .breadcrumb-row {
        width: calc(100% - 40px) !important; } }
.single .content-area .breadcrumb-row .left-side {
    width: fit-content;
    display: flex;
    flex-direction: row;
    gap: 30px; }
@media only screen and (max-width: 768px) {
    .single .content-area .breadcrumb-row .left-side {
        width: 100%; } }
@media only screen and (max-width: 768px) {
    .single .content-area .breadcrumb-row .right-side {
        display: none; } }

.sticky-content-right-side {
    position: sticky;
    top: 200px; }

@media only screen and (max-width: 768px) {
    .number {
        height: 52px !important; } }

@media screen and (max-width: 1024px) {
    .single-header .container {
        flex-direction: column; } }

.single-header .container .column {
    width: 50%; }
@media screen and (max-width: 1024px) {
    .single-header .container .column {
        width: 100%; } }

.single-header h1 {
    margin: 0;
    font-size: 32px; }

.single-header select {
    width: 225px;
    height: 50px !important;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #EBEBEB;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 15px center !important;
    background-size: 1em; }

.single-header .woocommerce-variation-add-to-cart {
    display: flex;
    margin-top: 30px; }
@media screen and (max-width: 768px) {
    .single-header .woocommerce-variation-add-to-cart {
        justify-content: space-between; } }

.single-header input[type="number"]::-webkit-inner-spin-button,
.single-header input[type="number"]::-webkit-outer-spin-button {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin: 0; }

.single-header input[type="number"]:hover::-webkit-inner-spin-button,
.single-header input[type="number"]:hover::-webkit-outer-spin-button {
    display: none; }

.single-header .quantity input[type=number] {
    border: 1px solid #EBEBEB;
    border-radius: 5px;
    box-shadow: none;
    appearance: none;
    -moz-appearance: textfield !important;
    -webkit-appearance: none; }
.single-header .quantity input[type=number]::-webkit-inner-spin-button, .single-header .quantity input[type=number]::-webkit-outer-spin-button {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    margin: 0; }

.single-header .quantity .qty {
    height: 100%; }

.single-header .button {
    color: #333;
    width: 225px;
    font-weight: 700;
    border-radius: 5px;
    height: auto !important;
    padding: 5px 0;
    margin-left: 0px !important;
    border: 1px solid #EBEBEB;
    background: transparent !important; }
.single-header .button svg {
    width: 16px;
    margin-left: 15px;
    background: var(--jc-green-3) !important;
    padding: 10px 13px;
    height: 18px;
    position: relative;
    border-radius: 5px;
    color: #fff;
    right: -5px; }
.single-header .button svg:hover {
    background: var(--jc-green-1) !important; }

.single-header .short-description a {
    color: var(--jc-green-3); }

.single-header .usp {
    margin: 15px 0 25px;
    font-weight: 300; }
.single-header .usp svg {
    top: 5px;
    color: var(--jc-blue);
    position: relative;
    margin-right: 10px; }
@media screen and (max-width: 768px) {
    .single-header .usp svg {
        margin-right: 10px; } }

.single-header .button:hover svg {
    background: var(--jc-green-3-hover); }

.single-header .button svg {
    width: 16px;
    margin-left: 15px;
    background: var(--jc-green-3);
    padding: 10px 13px;
    height: 18px;
    position: relative;
    border-radius: 5px;
    color: #fff;
    right: -5px;
    transition: all 300ms; }

.single-header .price .product-prices {
    margin-top: 20px;
    color: #333;
    font-size: 18px;
    display: flex;
    flex-direction: row;
    align-items: center; }

.single-header .price .price-incl.on-sale {
    background: #f29100 !important;
    color: white !important;
    padding: 10px !important;
    min-width: 150px !important; }

.single-header .price .price-incl {
    padding: 10px 0 !important;
    color: var(--jc-green-3) !important;
    background: white !important;
    text-align: center;
    background: var(--jc-green-3);
    display: inline-flex;
    border-radius: 5px;
    flex-direction: column;
    font-size: 20px; }
.single-header .price .price-incl span.line-through {
    text-decoration: line-through; }
.single-header .price .price-incl span.old-price {
    margin-top: 5px;
    font-size: 12px; }

.single-header .product__images {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start; }

.single-header .product__main-image {
    width: 100%;
    max-height: 600px;
    object-fit: contain;
    cursor: pointer;
    border: 1px solid #EBEBEB;
    border-radius: 10px; }

.single-header .product__slider-wrap {
    width: 100%;
    min-height: 100px;
    display: flex;
    margin-top: 15px;
    align-items: center; }

.single-header .product__slider {
    width: 100%;
    gap: 20px;
    display: flex;
    flex-wrap: nowrap; }

.single-header .product__image {
    width: 175px;
    max-height: 100px;
    object-fit: contain;
    cursor: pointer;
    border-radius: 10px;
    opacity: 0.5;
    margin: 0.25rem;
    border: 1px solid #EBEBEB; }

.single-header .product__image:first-child {
    margin-left: 0; }

.single-header .product__image:last-child {
    margin-right: 0; }

.single-header .product__image:hover {
    opacity: 1; }

.single-header .product__image--active {
    opacity: 1; }

.single-header .product__slider::-webkit-scrollbar {
    height: 4px;
    margin-top: 10px; }

.single-header .product__slider::-webkit-scrollbar-thumb {
    background-color: var(--jc-green-3);
    border-radius: 50px;
    height: 4px; }

.checkout-item-count {
    min-width: 90px;
    margin-right: 15px !important; }

.number {
    position: relative;
    max-width: 95px; }

.description ul {
    padding-left: 20px;
    list-style: none;
    font-weight: 300;
    color: #333;
    margin-bottom: 30px; }
.description ul li {
    font-weight: 300;
    margin: 5px 0;
    font-size: 16px; }
.description ul li:before {
    content: "";
    background: var(--jc-green-3);
    font-weight: bold;
    display: inline-block;
    margin-left: -20px;
    margin-right: 10px;
    width: 10px;
    height: 10px;
    border-radius: 2px; }

.number-arrows {
    position: absolute;
    right: 10px;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1;
    -webkit-appearance: none !important; }

.number-arrow-up, .number-arrow-down {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #333;
    border-radius: 5px;
    width: 30px;
    height: 15px;
    transition: ease-in-out background-color 200ms; }
.number-arrow-up:hover, .number-arrow-down:hover {
    background: #333; }

.button-1 .button-in .icon, .button-2 .button-in .icon, .button-3 .button-in .icon {
    margin-right: -7px; }

.button-in .icon {
    display: block;
    margin-left: 15px;
    position: relative; }

.button-in .icon img {
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translateX(-50%) translateY(-50%); }

.number-arrow-up {
    margin-bottom: 2px; }

.number-arrow-down {
    margin-top: 2px; }

.checkout-item-count input {
    padding: 12px 50px 12px 20px;
    height: 50px;
    width: 100%;
    border: solid 1px #E3E3E3;
    border-radius: 5px;
    background-color: transparent;
    font-weight: 400;
    color: #333333;
    font-size: 14px;
    font-family: inherit;
    -moz-appearance: textfield;
    text-align: left; }

.description-specs {
    margin-top: 100px; }
@media screen and (max-width: 1024px) {
    .description-specs .container {
        flex-direction: column; } }
@media screen and (max-width: 768px) {
    .description-specs {
        margin-top: 50px; } }
.description-specs h2 {
    margin: 0 0 20px; }
.description-specs .column {
    width: 50%; }
@media screen and (max-width: 1024px) {
    .description-specs .column {
        width: 100%; } }

.specs-table {
    border-radius: 5px;
    border: 1px solid #F5F5F5;
    margin-bottom: 30px; }

.specs-table .spec-row {
    display: flex;
    align-items: center;
    padding: 15px 20px; }
.specs-table .spec-row:nth-child(even) {
    background: #f2f2f2; }
.specs-table .spec-row p {
    margin: 0; }

.specs-table .spec-row .spec-item:first-child {
    padding-right: 15px; }

.spec-item p {
    display: flex;
    justify-content: space-between;
    align-items: center; }
.spec-item p .more-info {
    color: white;
    background: var(--jc-blue);
    border-radius: 5px;
    height: 15px;
    width: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    padding: 5px;
    transition: all 300ms; }
.spec-item p .more-info:hover {
    background: var(--jc-blue); }

.variations {
    margin-top: 20px;
    width: 100%; }
.variations tr {
    display: flex;
    flex-direction: column;
    width: 100%; }
.variations select {
    min-width: 100%; }
.variations .label {
    width: 100%;
    text-align: left;
    margin-bottom: 15px;
    font-weight: 400; }
.variations .label label {
    font-weight: 400; }
.variations .value {
    text-align: left;
    min-width: 100%; }

#selected-price {
    display: none; }

.reset_variations {
    display: none !important; }

.woocommerce-variation-availability {
    display: none; }

.specs-table .spec-row .spec-item {
    width: 50%; }

.woocommerce-notices-wrapper {
    max-width: 1540px; }
.woocommerce-notices-wrapper li {
    list-style: none; }
.woocommerce-notices-wrapper .button {
    background: none;
    display: inline;
    padding: 0;
    margin-right: 10px;
    color: #000; }

.woocommerce-message, .woocommerce-error {
    border: 1px solid #E3E3E3;
    border-radius: 5px;
    padding: 30px;
    margin-top: 0px !important;
    margin-bottom: 65px !important;
    margin-left: 70px;
    margin-right: 70px; }
@media only screen and (max-width: 1350px) {
    .woocommerce-message, .woocommerce-error {
        margin: 0 50px; } }
@media only screen and (max-width: 1024px) {
    .woocommerce-message, .woocommerce-error {
        margin: 0 20px;
        margin-top: -30px !important;
        margin-bottom: 30px !important; } }

.woocommerce-notices-wrapper, .cart-empty, .return-to-shop, .wrapper {
    width: 100%;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box; }

.spec-modal-overlay {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 300ms; }
.spec-modal-overlay.is-active {
    visibility: visible !important;
    opacity: 1 !important; }

.spec-modal {
    width: 100%;
    margin: 70px;
    max-width: 400px;
    padding: 30px;
    box-sizing: border-box;
    background: white;
    border-radius: 10px;
    display: flex;
    z-index: 102;
    flex-direction: column;
    color: #333 !important;
    position: relative; }
.spec-modal .images {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    max-height: 90vh;
    overflow: scroll; }
@media only screen and (max-width: 1350px) {
    .spec-modal {
        margin: 0 50px; } }
@media only screen and (max-width: 1024px) {
    .spec-modal {
        margin: 0 20px; } }
.spec-modal .spec-title {
    max-width: 80%;
    margin-top: 5px !important;
    margin: 0;
    word-break: break-word; }
.spec-modal .close-modal {
    position: absolute;
    right: 30px;
    top: 30px;
    height: 30px;
    width: 30px;
    background: var(--jc-green-3);
    transition: all 300ms;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px; }
.spec-modal .close-modal:hover {
    background: var(--jc-green-3-hover); }
.spec-modal p {
    margin: 0;
    padding: 0;
    margin-top: 20px; }
.spec-modal .image-container {
    background: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-top: 30px;
    flex-direction: column;
    padding: 20px;
    box-sizing: border-box; }
.spec-modal .image-container strong {
    margin-bottom: 20px;
    font-weight: 500; }
.spec-modal img {
    max-width: 50%; }

.button-sold-out {
    font-size: 16px !important;
    margin-left: -20px !important;
    padding-left: 0 !important; }
.button-sold-out svg {
    margin-right: -4px;
    background-color: var(--jc-green-3) !important; }

.tags {
    position: relative;
    margin-top: 15px;
    flex-wrap: wrap;
    gap: 15px;
    display: flex;
    margin-bottom: 20px; }
.tags span {
    padding: 4px 8px;
    background: var(--jc-blue);
    color: #fff;
    border-radius: 5px; }

.thankyou-page .container {
    margin-left: 0 !important;
    margin-right: 0 !important; }

.thankyou-page img {
    border-radius: 5px; }

.thankyou-page svg {
    top: 4px;
    width: 20px;
    height: 20px;
    position: relative;
    margin-right: 15px;
    color: var(--jc-green-3); }

.thankyou-page li {
    margin-left: -35px;
    margin-bottom: 10px; }

@media screen and (max-width: 1024px) {
    .thankyou-page .column:nth-child(2) {
        margin-top: 20px; } }

.thankyou-page li {
    list-style: none; }

.black-friday-topbar {
    background: black;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    color: white;
    text-decoration: none !important;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box; }
.black-friday-topbar .bf-text-mobile {
    display: none; }
@media only screen and (max-width: 1024px) {
    .black-friday-topbar .bf-text-mobile {
        display: flex;
        margin-left: -40px !important; } }
.black-friday-topbar .bf-text-desktop {
    display: flex; }
@media only screen and (max-width: 1024px) {
    .black-friday-topbar .bf-text-desktop {
        display: none; } }
.black-friday-topbar .container {
    justify-content: center;
    align-self: center;
    align-items: center; }
.black-friday-topbar .container .center-con {
    display: flex;
    align-items: center;
    justify-content: center; }
.black-friday-topbar .container .round {
    position: absolute;
    border: 1px solid #fff;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-left: 70px; }
.black-friday-topbar .container #cta {
    width: 100%;
    cursor: pointer;
    position: absolute; }
.black-friday-topbar .container #cta .arrow {
    left: 30%; }
.black-friday-topbar .container .arrow {
    position: absolute;
    bottom: 0;
    margin-left: 0px;
    width: 8px;
    height: 8px;
    background-size: contain;
    top: 12px; }
.black-friday-topbar .container .segunda {
    margin-left: 8px; }
.black-friday-topbar .container .next {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==); }

@keyframes bounceAlpha {
    0% {
        opacity: 1;
        transform: translateX(0px) scale(1); }
    25% {
        opacity: 0;
        transform: translateX(10px) scale(0.9); }
    26% {
        opacity: 0;
        transform: translateX(-10px) scale(0.9); }
    55% {
        opacity: 1;
        transform: translateX(0px) scale(1); } }
.black-friday-topbar .container .bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }
.black-friday-topbar .container .arrow.primera.bounceAlpha {
    animation-name: bounceAlpha;
    animation-duration: 1.4s;
    animation-delay: 0.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }
.black-friday-topbar .container .round .arrow {
    animation-name: bounceAlpha;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }
.black-friday-topbar .container .round .arrow.primera {
    animation-name: bounceAlpha;
    animation-duration: 1.4s;
    animation-delay: 0.2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear; }
.black-friday-topbar a, .black-friday-topbar p {
    color: white !important;
    text-decoration: none !important;
    display: flex;
    align-self: center;
    justify-content: center; }
.black-friday-topbar strong {
    background: white;
    color: black;
    padding: 5px;
    margin-right: 20px;
    vertical-align: 5px;
    position: relative;
    top: -5px;
    margin-bottom: -10px; }

.top-bar {
    background: #F5F5F5;
    color: #8a8a8a;
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden; }
@media only screen and (max-width: 1024px) {
    .top-bar {
        height: 50px; } }
.top-bar a {
    color: #8a8a8a;
    text-decoration: none;
    margin-left: 10px;
    transition: all 300ms; }
.top-bar a:hover {
    text-decoration: underline; }
.top-bar .usps-mobile-slider {
    height: 50px;
    width: 100%;
    display: none; }
@media only screen and (max-width: 1024px) {
    .top-bar .usps-mobile-slider {
        display: flex; } }
.top-bar .usps-mobile-slider .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px; }
.top-bar .usps-mobile-slider svg {
    color: limegreen;
    max-height: 16px;
    vertical-align: -3px; }
.top-bar .usps-mobile-slider .usp:first-child {
    margin-right: 10px; }
.top-bar .usps {
    display: flex; }
@media only screen and (max-width: 1024px) {
    .top-bar .usps {
        display: none; } }
.top-bar .usps svg {
    color: limegreen;
    max-height: 16px;
    vertical-align: -3px; }
.top-bar .usps .usp:first-child {
    margin-right: 10px; }
.top-bar .container {
    display: flex;
    justify-content: space-between;
    align-items: center; }
.top-bar .reviews {
    display: flex;
    align-items: center;
    justify-content: center; }
@media only screen and (max-width: 1150px) {
    .top-bar .reviews {
        display: none; } }
.top-bar .reviews .stars {
    line-height: 27px;
    margin-right: 15px; }
.top-bar .reviews .stars svg {
    color: black;
    max-height: 16px;
    vertical-align: -3px;
    margin-left: -5px; }
@media only screen and (max-width: 1024px) {
    .top-bar .top-menu-items {
        display: none; } }