/*!
Theme Name: Bannerstunter orders
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: bannerstunter-orders
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Bannerstunter orders is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/



html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
*::after,
*::before {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family: inherit;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    box-sizing: border-box;
    text-decoration: none;
    color: inherit;
    font-size: 15px;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
    overflow-y: scroll;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a>span {
    font-family: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
button {
    font-family: var(--display);
}

p,
div {
    font-family: var(--read);
}

body {
    height: 100vh;
}

#page {
    min-height: 100%;
    width: 100vw;
}

/* Header site */

.bs_grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}

h1,
h1>* {
    font-size: 70px;
    margin: 10px 0px;
    font-weight: 900;
    text-transform: uppercase;
}

p,
p>* {
    color: #525252;
    line-height: 22px;
}

h2,
h2>* {
    font-size: 23px;
    font-weight: 600;
    margin: 10px 0px;
}

h3,
h3>* {
    font-size: 20px;
    font-weight: 500;
    margin: 5px 0px;
}

.bs_downloads {
    padding: 5px;
    background-color: var(--bg2);
}

.bs_download {
    display: grid;
    align-content: center;
    justify-items: stretch;
    align-items: center;
    grid-template-columns: 1fr 110px;
    grid-gap: 10px;
}

.bs_picture {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%; /* Ensure the parent takes up the full height if needed */
	background-size: contain;
	background-position:center;
	background-repeat: no-repeat;
}

.bs_picture>img {
    max-height: 430px;
    max-width: 600px;
    width: auto;
    height: auto;
    object-fit: contain; /* Ensures the image fits within the given dimensions while maintaining aspect ratio */
}

.bs_card {
    background-color: var(--bg);
    margin: 10px 0px;
    padding: 15px;
}

.bs_row {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(1px, 1fr));
    margin: 4px 0px;
    padding: 8px;
    background-color: rgba(0, 0, 0, 0);
}

.bs_cell {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    align-items: stretch;
    justify-content: flex-end;
    cursor: pointer;
}

.bs_cell>span {
    display: none;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 10px;
}

.bs_row:first-child>.bs_cell>span {
    display: block;
}

div#app {
    width: 100%;
    margin-bottom: 70px;
}

.bs_choice {
    background-color: rgba(0, 0, 0, 0);
    margin-top: 7px;
    padding: 4px;
    border-radius: 4px;
    display: grid;
    grid-template-columns: 50px 1fr 100px;
    grid-template-rows: 50px;
    grid-gap: 10px;
    align-items: center;
}

.bvar_caroussel>*:hover,
.bvar_lijst>*:hover {
    background-color: rgba(255, 255, 255, 0.7);
}

.bvar_caroussel>.bs_option_selected,
.bvar_lijst>.bs_option_selected {
    box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
    background-color: white;
}

.bs_recomended {
    position: absolute;
    display: none;
}

.bvar_lijst>.bs_choice>.bs_choice_photo,
.bvar_caroussel>.bs_choice>.bs_choice_photo {
    height: 100%;
    opacity: 0.6 !important;
}

.bvar_lijst>.bs_option_selected>.bs_choice_photo,
.bvar_caroussel>.bs_option_selected>.bs_choice_photo {
    filter: saturate(1);
    opacity: 1 !important;
}

.bs_choices.bvar_caroussel {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    grid-gap: 10px;
}

.bs_choices>* {
    cursor: pointer;
}

.bvar_caroussel>.bs_choice {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 100px auto auto;
    padding-bottom: 10px;
}

.bvar_caroussel>* {
    text-align: Center;
}

.bvar_lijst>.bs_option_selected {
    padding-left: 10px;
    position: relative;
}

.bvar_lijst>.bs_option_selected::after {
    content: "";
    left: 0px;
    top: 0px;
    height: 100%;
    width: 6px;
    border-radius: 6px;
    background-color: var(--primary);
    position: Absolute;

}

.bvar_caroussel>.bs_option_selected {
    -webkit-box-shadow: inset 0px 0px 0px 5px var(--primary);
    -moz-box-shadow: inset 0px 0px 0px 5px var(--primary);
    box-shadow: inset 0px 0px 0px 5px var(--primary);
}

.bvar_caroussel>* {
    transform: scale(0.9);
    opacity: 1;
    transition: all 500ms cubic-bezier(0.045, 0.430, 0.000, 1.000);
    /* custom */
    overflow: visible !important;

    transition-timing-function: cubic-bezier(0.045, 0.430, 0.000, 1.000);
    /* custom */
}

.bvar_caroussel>.bs_option_selected {
    transform: scale(1);
}

.bs_cell>img {
    height: 20px;
}

.bs_table_sizes>.bs_row {
    grid-template-columns: 30px 120px 100px 100px 100px;
    grid-gap: 10px;
    display: grid;
    align-items: end;
}

/*.bs_picture {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 250px;
    align-content: center;
    background-color: #fbfbfb;
    min-height: 300px;
    border-radius: 4px;
    background-color: #fbfbfb;
    opacity: 1;
    background-image: radial-gradient(#f1f1f1 2px, #fbfbfb 2px);
    background-size: 40px 40px;
}*/

.bs_product_summary {
    width: 100vw;
    height: 60px;
    bottom: 0px;
    left: 0px;
    position: fixed;
    z-index: 9999999999;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.1) -4px -9px 25px -6px;
}

.bs_product_endline {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: space-between;
}

h4>strong {
    font-weight: 800;
    color: var(--primary);
}

.bs_product_endline>h4,
.bs_product_endline>h4>strong {
    font-size: 17px;
    text-transform: uppercase;
}

.price_item>span {
    font-size: 10px;
    font-weight: 600 !important;
    transform: translateY(0px) !important;
}

.price_item>strong {
    color: black;
    font-weight: 600;
    font-size: 15px;
}


.bs_cell>input[type="number"] {
    border: 0px solid white;
    padding: 6px;
    /* transform: translateY(0px); */
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}

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

.bs_table_sizes>.bs_row {
    opacity: 0.5;
}

.bs_table_sizes>.bs_row.bs_option_selected {
    opacity: 1;
}

.bs_table_sizes>.bs_row.bs_option_selected>* {
    font-weight: 700;
}

.mt10 {
    margin-top: 10px;
}

.bs_product_config {
    margin-bottom: 200px;
}





body {
    margin: 0;
    padding: 0px;
}

.bs_grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 10px;
}

.bs_productcard {
    background-color: #F5F5F5;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 200px 1fr;
    grid-gap: 5px;
    cursor: pointer;
}

.bs_productcard:hover {
    background-color: #f2f2f2;
}

.bs_productcard>* {
    margin: 0px;
    padding: 0px;
}

.bs_menu_content.show_bs_menu {
    display: flex;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0px;
    width: 100vw;
    height: 100vh;
    background-color: rgb(255 255 255);
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: stretch;
    padding: 20px;
    z-index: 999;
}

.bs_productcard>h4.producttitle {
    padding: 10px;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    text-transform: uppercase;
}






.bs_levertijd_icon {
    background-size: 30px;
}

.bs_counter {
    display: grid;
    grid-template-columns: 35px 1fr 35px;
    max-width: 280px;
    min-width: 150px;
    padding: 5px;
    background-color: #ebebeb;
    border-radius: 4px;
    grid-gap: 5px;
    height: 43px;
}

.bs_counter>button {
    background-color: var(--primary);
    color: white;
    border: 0px solid white;
    border-radius: 4px;
    font-weight: 600;
    font-size: 20px;
    cursor: pointer;
    transition: all 500ms cubic-bezier(0.045, 0.430, 0.000, 1.000);
    /* custom */
}

.bs_counter>button:nth-child(1) {
    background-color: #e3e3e3;
    color: grey;
}

.bs_counter>input {
    border: 0px solid white;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
    text-align: center;
    font-weight: 600;
    font-size: 15px;
}

.class_bs_choices.bvar_counter {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
}

/* hide the ticker from input number element */
.bs_counter>input[type="number"]::-webkit-inner-spin-button,
.bs_counter>input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.bs_cart_content {
    background-color: var(--primary);
    padding: 40px;
    background-color: #F5F5F5;
    opacity: 1;
    background: repeating-linear-gradient(-45deg, #ececec, #ececec 2.5px, #F5F5F5 2.5px, #F5F5F5 12.5px);
}

.bs_cart_content>.bs_table {
    background-color: white;
    padding: 10px;
    min-width: 300px;
    width: 50%;
    border-radius: 4px;
}

.bs_row>strong {
    font-weight: 700;
    font-family: var(--display);
    font-size: 17px;
}

.bs_cart_content>.bs_table>.bs_row:nth-child(odd) {
    background-color: #f6f6f6;
}

.bs_cart_content {
    background-color: var(--primary);
    padding: 40px;
    background-color: #F5F5F5;
    opacity: 1;
    background: repeating-linear-gradient(-45deg, #ececec, #ececec 2.5px, #F5F5F5 2.5px, #F5F5F5 12.5px);
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    gap: 15px;
}


.bs_btn {
    cursor: pointer;
}

/*bs cart*/
.bs_cart {
    position: fixed;
    z-index: 99999999999999999999999999999999 !important;
    top: 0px;
    right: 0px;
    background-color: white;
    width: 300px;
    height: 100%;
    padding: 10px;
    transform: translateX(100%);
    transition: all 500ms cubic-bezier(0.320, 0.580, 0.230, 0.995);
    /* custom */
    transition-timing-function: cubic-bezier(0.320, 0.580, 0.230, 0.995);
    /* custom */
}

button.bs_btn>img {
    width: 20px;
    cursor: pointer;
}

.bs_cart_product_img {
    background-color: var(--bg2);
}

.bs_cart_product {
    display: grid;
    grid-template-columns: 50px 1fr 50px;
    grid-gap: 10px;
    min-height: 60px;
    padding: 5px;
}

.bs_actions>.bs_btn {
    padding: 5px;
    background-color: white;
}

.bs_actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}

.bs_cart_product_info {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: flex-start;
    justify-content: center;
}

.bs_show_cart {
    transform: translateX(0%)
}

.product_animate-enter-active {
    animation: fadeInUp .4s;
}

.bs_table>textarea {
    border: 0px solid red;
    width: 100%;
    padding: 7px;
    background-color: #f3f3f3;
    box-sizing: border-box;
    border-radius: 3px;
    font-family: var(--read);
}

.bs_cart_fade {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100vw;
    height: 100%;
    z-index: 999999999999999999999999999999;
    background-color: #272727c2;
    display: none;
    transition-duration: 500ms;
}

.bs_cart_product_img {
    background-size: 70%;
    background-color: #fafafa;
    border-radius: 4px;
}


span.bs_note {
    background-color: var(--bg);
    padding: 5px;
    border-radius: 3px;
    font-size: 13px;
    color: grey;
    width: 100%;
}

.bs_cart_product_info>p {
    font-size: 14px;
    font-weight: 700;
}

.bs_cart_product>.bs_actions>button>img {
    filter: saturate(0);
}

.bs_cart_product:hover>.bs_actions>button>img {
    filter: saturate(1);
    cursor: pointer;
}

.bs_cart_header_icon {
    width: 33px;
    height: 30px;
    cursor: pointer;
    position: relative;
    overflow: visible !important;
    padding-right: 10px;
    transform: translateY(2px);
}

a.bs_header_link.bs_cart_header_icon>img {
    width: 25px;
}

a.bs_header_link.bs_cart_header_icon>span {
    font-size: 14px;
    background-color: var(--primary);
    padding: 4px;
    position: absolute;
    left: -2px;
    top: -3px;
    border-radius: 10px;
    min-width: 20px;
    text-align: center;
    color: white;
    transform: scale(0.7);
}

.w100 {
    width: 100%;
}

#bs_cart_page {
    width: 100%;
}

.bs_cart_product>.bs_img {
    background-position: center top;
}

tr.bs_tr {
    margin-bottom: 4px;
    padding: 3px;
}

.bs_tr>th {
    text-align: left;
    padding-right: 20px;
}

#bs_cart_page>.bs_card {
    padding: 5px !important;
}

.bs_tr>th {
    text-align: left;
    padding-right: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    font-weight: 800;
    width: 250px;
}

#bs_cart_page>.bs_card>.bs_vart_product>div>table {
    width: 100%;
    margin-top: 20px;
}

.bs_tr>td {
    color: rgb(81, 81, 81);
}

p.bs_note {
    position: relative;
    padding: 10px;
    color: black;
    font-size: 14px;
    background-color: #e8e8e8;
    overflow: hidden;
    margin-top: 10px;
}

p.bs_note::after {
    content: "";
    position: absolute;
    left: -10px;
    top: -10px;
    transform: rotate(45deg);
    height: 20px;
    width: 20px;
    background-color: #d1d1d1;
}

#bs_cart_page>.bs_card>.bs_cart_product>div {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

#bs_cart_page>.bs_card>.bs_cart_product>div>* {
    width: 100%;
}

.bs_vertical {
    justify-content: flex-start;
}

.bs_choices.bvar_lijst.bvar_accessoire>.bs_choice {
    display: grid;
    grid-template-columns: 50px 1fr 160px auto;
}

.tippy-box[data-theme~='bs_tippy'] {
    background-color: var(--primary);
    color: white !important;
    z-index: 999999999999999;
}

.tippy-box[data-theme~='bs_tippy'][data-placement^='top']>.tippy-arrow::before {
    border-top-color: var(--primary);
}

.tippy-box[data-theme~='afst'][data-placement^='bottom']>.tippy-arrow::before {
    border-bottom-color: var(--primary);
}

.tippy-box[data-theme~='bs_tippy'][data-placement^='left']>.tippy-arrow::before {
    border-left-color: var(--primary);
}

.tippy-box[data-theme~='bs_tippy'][data-placement^='right']>.tippy-arrow::before {
    border-right-color: var(--primary);
}

.tippy-content {
    color: white !important;
}

.bs_counter>input {
    width: 70px;
}

.bs_recommended {
    width: 40px;
    height: 41px;
    background-color: var(--primary);
    border-radius: 100%;
    cursor: pointer;
    position: Absolute;
    right: 0px;
    top: 0px;
    background-image: url(/wp-content/uploads/2023/11/idea-1.svg);
    background-size: 25px;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(1);
    z-index: 999999999999999999999;
    display: none !important;
}

.bs_acc_text>strong {
    font-weight: 800;
}

.bs_acc_text>div {
    color: grey;
    margin-top: 4px;
}

.bs_cart_total {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding: 4px;
    margin-top: 0px;
}

.bs_accessoires_cart_slide>* {
    font-size: 12px;
    font-weight: 400;
    font-family: var(--read);
    color: black;
    margin: 0 !important;
    text-align: Center;
    mix-blend-mode: multiply;
}

.bs_accessoires_cart_slide {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 60px 1fr;
    background-color: #f0f0f0;
    padding: 10px 5px;
    border-radius: 4px;
}

.bs_accessoires_cart_slider {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    grid-gap: 10px;
    margin-top: 5px;
}

.bs_accessoires_cart_slide>span,
.bs_accessoires_cart_slide>span>span {
    text-transform: uppercase;
    font-size: 10px !important;
    margin-top: 3px;
}

/* Checkout*/
.bs_payment_methods,
.bs_checkout_accountChoose {
    display: grid;
    grid-template-columns: 1fr 1fr;
    overflow: visible;
    padding: 30px;
}

.bs_checkout_card_option {
    background-color: var(--primary);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 30px;
}

.bs_checkout_card_option>img {
    width: 50px;
}

.bs_address.bs_selected,
.bs_pattern_primary {
    background-color: #FF007B;
    opacity: 1;
    background: repeating-linear-gradient(45deg, #ef0074, #ef0074 2px, #FF007B 2px, #FF007B 10px);
}

.bs_pattern_secondary {
    background-color: #fafafa;
    opacity: 1;
    background: repeating-linear-gradient(45deg, #efefef, #efefef 2px, #fafafa 2px, #fafafa 10px);
}

.bs_payments>button,
.bs_checkout_card_option>button {
    padding: 10px 14px;
    border-radius: 4px;
    border: 0px solid red;
    background-color: var(--primary);
    color: white;
    font-size: 18px;
}

.bs_checkout_card_option>h4 {
    font-size: 22px;
}

.bs_checkout_card_option:nth-child(1) {
    border: 5px solid #bd005b;
    transform: scale(1.1);
}

.bs_address_selected {
    transform: unset;
}

.bs_checkout_card_option:nth-child(1)>img {
    filter: saturate(0) invert(1);
}

.bs_checkout_card_option:nth-child(1)>h4 {
    color: white;
}

.bs_checkout_card_option:nth-child(1)>p {
    color: white;
}

.bs_checkout_card_option:nth-child(1)>button {
    background-color: black;
    color: white;
}

.bs_address_selected>button {
    display: none;
}

.bs_checkout_card_option>p {
    color: black;
    font-size: 13px;
    line-height: 18px;
    padding: 10px;
    font-weight: 600;
    text-align: center;
}

.bs_fields {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(calc(50% - 30px), 1fr));
    grid-gap: 15px;
}

.bs_field {
    background-color: white;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    gap: 5px;
    padding: 4px;
    align-items: stretch;
    border-radius: 4px;
}

.bs_field>span {
    font-size: 15px;
    font-weight: 700;
}

.bs_field>input {
    border: 0px solid red;
    padding: 7px;
    background-color: #f3f3f3;
    box-sizing: border-box;
    border-radius: 3px;
    font-family: var(--read);
}

div#bs_checkout_page {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 15px;
    width: 100%;
}

.bs_payments>img {
    width: 90px;
}

.bs_payments {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 20px;
    gap: 10px;
    cursor: pointer;
}

.bs_payment_methods {
    grid-gap: 20px;
    padding: 0px;
    margin-top: 5px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.bs_payments>strong {
    font-family: var(--display);
    font-size: 22px;
}

.bs_payments>span {
    max-width: 320px;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    text-align: Center;
}

.bs_checkout_card_option>p {
    padding: 0px;
}

.bs_address {
    display: flex;
    background-color: white;
    float: left;
    flex-direction: column;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
    padding: 22px;
}

.bs_address>img {
    width: 30px;
}

.bs_adressbook {
    display: grid;
    padding: 0px;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    overflow: visible !important;
}

.bs_adressbook>* {
    transition: all 300ms cubic-bezier(0.410, 0.950, 0.500, 1.115);
    /* custom */
    transition-timing-function: cubic-bezier(0.410, 0.950, 0.500, 1.115);
    /* custom */
}

.bs_addresChoose.bs_pattern_secondary {
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    margin-bottom: 20px;
}

.bs_address>.bs_btn {
    background-color: black;
    color: white;
    font-size: 12px;
    padding: 10px;
}

.bs_address>* {
    margin: 0;
    padding: 0;
}

.bs_address>h5 {
    font-size: 18px;
    font-weight: 700;
}

.bs_address>h6 {
    font-size: 15px;
    font-family: var(--read)
}

.bs_addressbook_add {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: white;
    background-image: url(/wp-content/uploads/2023/11/add.svg);
    background-size: 50px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    border: 4px solid black;
}

.bs_addressbook_add {
    min-height: 140px;
    background-size: 25px;
}

.bs_address_selected {
    border: 10px solid var(--primary);
    position: Relative;
}

.bs_address_selected::after {
    content: "";
    position: absolute;
    left: 10px;
    top: 10px;
    width: 40px;
    height: 40px;
    background-image: url("/wp-content/uploads/2023/11/check.svg");
    background-size: 40px;
    background-position: center;
    background-repeat: no-repeat;
}

.bs_addressbook_selected>*,
.bs_adressbook:hover>* {
    transform: scale(0.95);
    opacity: 0.7;
}

.bs_address_selected,
.bs_adressbook>*:hover {
    transform: scale(1.05);
    opacity: 1;
}

button.bs_btn_inline.bs_secondary {
    border: 0px solid red;
    font-size: 13px;
    font-family: var(--read);
    font-weight: 700;
    padding: 9px;
    transform: translate(0px, -2px);
    border-radius: 5px;
    background-color: var(--primary);
    color: white;
}

a.bs_header_link.bs_account_link {
    background-color: var(--primary);
    padding: 10px;
    color: white;
    font-size: 13px;
    border-radius: 30px;
}

.bs_cart_fade.bs_modal_fade {
    display: block;
}

.bs_modal {
    width: 320px;
    height: 500px;
    background-color: white;
    position: fixed;
    z-index: 9999999999999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    padding: 15px;
    border-radius: 4px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    gap: 10px;
}

.bs_modal>.bs_fields {
    grid-gap: 0px;
}

.bs_address.bs_selected {
    border: 3px solid #bd005b;
    background-color: var(--primary);
    color: white;
    transform: scale(1.05);
    opacity: 1 !important;
}

.bs_address.bs_selected>* {
    color: white;
}

.bs_errors {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: stretch;
    gap: 8px;
}

.bs_errors>div {
    padding: 9px;
    background-color: #f3f3f3;
    color: black;
    font-size: 14px;
    padding-left: 10px;
    border-left: 4px solid red;
    line-height: 20px;
}


span.bs_fullwitdth_text {
    grid-column: 1 / span 2;
    padding-left: 10px;
}



.bvar_select>div>span.bs_fullwitdth_text {
    grid-column: 2 / span 2;
    padding-left: 10px;
}

.bvar_select>div>.bs_choice_price {
    display: none;
}

.bvar_select>.bs_choice {
    margin-top: 5px;
    padding: 0px;
    display: grid;
    grid-template-columns: 40px 1fr 100px;
    grid-template-rows: 30px;
    grid-gap: 10px;
    align-items: center;
}

.bs_check_option {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    position: relative;
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(255, 0, 123, 1);
    -moz-box-shadow: inset 0px 0px 0px 2px rgba(255, 0, 123, 1);
    box-shadow: inset 0px 0px 0px 2px rgba(255, 0, 123, 1);
    transform: rotate(90DEG) scale(0.5, 0.5);
    transition: all 300ms cubic-bezier(0.045, 0.430, 0.000, 1.000);
    /* custom */
    opacity: 0.6;
    filter: brightness(0.8);
    border-radius: 50%;
}

.bvar_select>.bs_choice>.bs_check_option:after {
    position: absolute;
    left: 3px;
    width: 24px;
    height: 24px;
    top: 3px;
    content: "";
    background-image: url('data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2052.3%20(67297)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3Ejollycons-%5Bcategory%5D%2Ficons%2Fsvg%2Ficon-ui-1-checkmark%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cg%20id%3D%22icons%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icons---export%22%20transform%3D%22translate(-188.000000%2C%20-58.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22row-1%22%20transform%3D%22translate(60.000000%2C%2058.000000)%22%20fill%3D%22%23000000%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon---3%22%20transform%3D%22translate(128.000000%2C%200.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23ff007b%22%20d%3D%22M20.2623934%2C4.35694064%20C20.620373%2C3.92524672%2021.2454187%2C3.87858578%2021.6584721%2C4.25272051%20C22.0715254%2C4.62685523%2022.1161716%2C5.28010841%2021.758192%2C5.71180233%20L10.5017717%2C19.2861187%20C9.78581249%2C20.1495066%208.53572108%2C20.2428284%207.70961435%2C19.494559%20C7.64084239%2C19.4322668%207.57626278%2C19.365092%207.51633515%2C19.2935124%20L2.24488637%2C12.9971213%20C1.88495323%2C12.5672054%201.92663658%2C11.9137384%202.33798875%2C11.537562%20C2.74934091%2C11.1613855%203.37459118%2C11.20495%203.73452432%2C11.6348659%20L9.0059731%2C17.931257%20L20.2623934%2C4.35694064%20Z%22%20id%3D%22checkmark%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22slices%22%20transform%3D%22translate(60.000000%2C%2058.000000)%22%3E%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: none;
}

.bvar_select>.bs_option_selected>.bs_check_option:after {
    display: block;
}

.bvar_select>.bs_option_selected>.bs_check_option {
    transform: rotate(0DEG) scale(0.9, 0.9);
    opacity: 1;
    filter: brightness(1);
    border-radius: 5px;
}

.bs_choices.bvar_select>div {
    grid-template-columns: 30px 1fr;
}

.bs_choices.bvar_select>div>.bs_fullwitdth_text {
    padding-left: 0px;
}

.bs_page_content {
    background-color: #fafafa;
    min-height: calc(100vh - 200px);
}

a.bs_cart_header_icon>svg {
    transform: scale(-1, 1);
}

/* mobile styles for product_page */
.bs_product_endline.bs_maxwidth {
    display: grid;
    grid-template-columns: 1fr 80px 80px 170px;
    align-items: center;
}

.bs_cart_header_icon {
    background-image: url('data:image/svg+xml;utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3C!--%20Generator%3A%20Sketch%2052.3%20(67297)%20-%20http%3A%2F%2Fwww.bohemiancoding.com%2Fsketch%20--%3E%0A%20%20%20%20%3Ctitle%3Ejollycons-%5Bcategory%5D%2Ficons%2Fsvg%2Ficon-ecommerce-shopping-cart%3C%2Ftitle%3E%0A%20%20%20%20%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%0A%20%20%20%20%3Cg%20id%3D%22icons%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icons---ecommerce---export%22%20transform%3D%22translate(-60.000000%2C%20-58.000000)%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22row-1%22%20transform%3D%22translate(60.000000%2C%2058.000000)%22%20fill%3D%22%23000000%22%20fill-rule%3D%22nonzero%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon---1%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M15.4352566%2C15%20L7.65939616%2C15%20C6.85933994%2C15%206.13626368%2C14.5232063%205.8211061%2C13.7878386%20L3.67824896%2C8.7878386%20C3.24313771%2C7.77257903%203.71344085%2C6.59682118%204.72870042%2C6.16170994%20C4.97765411%2C6.0550155%205.24568546%2C6%205.51653902%2C6%20L17.5121797%2C6%20L17.8467302%2C4.55028099%20C18.0561446%2C3.64281881%2018.8642007%2C3%2019.7955126%2C3%20L21%2C3%20C21.5522847%2C3%2022%2C3.44771525%2022%2C4%20C22%2C4.55228475%2021.5522847%2C5%2021%2C5%20L19.7955126%2C5%20L17.1994959%2C16.249406%20C18.259308%2C16.7122248%2019%2C17.7696135%2019%2C19%20C19%2C20.6568542%2017.6568542%2C22%2016%2C22%20C14.3431458%2C22%2013%2C20.6568542%2013%2C19%20C13%2C18.6493646%2013.0601542%2C18.3127789%2013.1707057%2C18%20L10.8292943%2C18%20C10.9398458%2C18.3127789%2011%2C18.6493646%2011%2C19%20C11%2C20.6568542%209.65685425%2C22%208%2C22%20C6.34314575%2C22%205%2C20.6568542%205%2C19%20C5%2C17.3431458%206.34314575%2C16%208%2C16%20L15.2044874%2C16%20L15.4352566%2C15%20Z%20M5.51653902%2C8%20L7.65939616%2C13%20L15.8967951%2C13%20L17.0506412%2C8%20L5.51653902%2C8%20Z%20M8%2C20%20C8.55228475%2C20%209%2C19.5522847%209%2C19%20C9%2C18.4477153%208.55228475%2C18%208%2C18%20C7.44771525%2C18%207%2C18.4477153%207%2C19%20C7%2C19.5522847%207.44771525%2C20%208%2C20%20Z%20M16%2C20%20C16.5522847%2C20%2017%2C19.5522847%2017%2C19%20C17%2C18.4477153%2016.5522847%2C18%2016%2C18%20C15.4477153%2C18%2015%2C18.4477153%2015%2C19%20C15%2C19.5522847%2015.4477153%2C20%2016%2C20%20Z%22%20id%3D%22shopping-cart%22%3E%3C%2Fpath%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22slices%22%20transform%3D%22translate(60.000000%2C%2058.000000)%22%3E%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
}
.bs_mobile_btn.bs_cart_header_icon {
    display: none !important;
}
@media screen and (max-width: 700px) {
    .bs_mobile_btn.bs_cart_header_icon {
        display: block !important;
    }
    .bs_productdetails>div.bs_maxwidth {
        display: flex;
        flex-direction: column-reverse;
    }

    .bs_product_info>h1 {
        font-size: 20px;
        text-align: center;
    }

    .bs_picture {
        min-height: 200px !important;
        max-height: 280px;
    }

    .bs_product_text {
        text-align: center;
    }

    .bs_card {
        padding: 7px;
    }

    .bs_table_sizes>.bs_row {
        grid-template-columns: 17px auto 70px 60px 56px;
        grid-gap: 2px;
        display: grid;
        align-items: center;
        padding: 4px;
    }

    .bs_cell {
        font-size: 14px;
    }

    .bs_choice {
        grid-template-columns: 23px auto 61px;
    }

    .bs_levertijd_icon {
        background-size: 24px;
    }

    .bs_choice.bs_option_selected>span {
        font-size: 13px;
    }

    .class_bs_choices.bvar_counter {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: stretch;
        gap: 7px;
    }

    .bs_counter {
        max-width: 100%;
    }

    .bs_counter>input {
        width: calc(100% - 5px);
    }

    .bs_product_endline>h4 {
        display: none;
    }

    .price_item {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    button.bs_btn.bs_primary {
        font-size: 12px;
    }

    .bs_card>p {
        font-size: 15px;
    }

    .bs_accessoires_text {
        display: none;
    }

    .bs_choices.bvar_lijst.bvar_accessoire>.bs_choice {
        display: grid;
        grid-template-columns: 50px 1fr;
        grid-template-rows: auto 40px 15px;
    }

    .bs_choices.bvar_lijst.bvar_accessoire>.bs_choice>.bs_acc_text {
        grid-column: 1 / span 2;
        grid-row: 1 / span 1;
    }

    .bs_choices.bvar_lijst.bvar_accessoire>.bs_choice>.bs_choice_photo {
        grid-column: 1 / span 1;
        grid-row: 2 / span 1;
        background-color: white;
    }

    .bs_choices.bvar_lijst.bvar_accessoire>.bs_choice>.bs_counter {
        grid-column: 2 / span 1;
        grid-row: 2 / span 1;
    }

    .bs_choices.bvar_lijst.bvar_accessoire>.bs_choice>.bs_choice_price {
        grid-row: 3 / span 1;
        grid-column: 1 / span 2;
    }
}


div.bs_productdetails > div.bs_maxwidth{
    gap: 15px!important;

}