/* webshop*/
.woocommerce main{
    width: 92vw;
    max-width: 1200px;
    margin: auto;
    margin-top: calc(4vw + 4rem);
}
.woocommerce footer{
    border-top: 1px solid var(--lijn-footer);
    padding-top: 1.5rem;
}
#sidebar, .onsale{
    display: none;
}
.woocommerce-products-header__title.page-title{
    text-align: center;
}
.webshop-intro{
    max-width: 800px;
    margin: 2.5rem auto .5rem;
    text-align: center;
}
.webshop-intro p{
    margin: 4px;
}
.webshop-intro a:hover{
    color: var(--blauw);
}
.logged-in .webshop-intro{
    display: none;
}
.woocommerce-breadcrumb{
    max-width: 62vw;
    font-size: 12px;
    color: #1B1C1CCC;
}
.woocommerce-breadcrumb a{
    color: var(--zwart);
}
.categorien-menu{
    margin: 1.5rem 0;
}
.product-categorien {
    display: none;
    list-style: none;
    padding: 0;
    margin-top: .3rem;
    position: absolute;
    z-index: 99;
    background-color: rgba(234, 239, 242, 0.6);
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.03), inset 0 0 6px 3px rgba(255, 255, 255, .3);
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    padding: 0 1rem 1rem 0;
    width: calc( 100% - 8vw);
}
.mobile-menu-trigger {
    cursor: pointer;
    position: relative;
}
.mobile-menu-trigger::after{
    font-size: 11px !important;
}
.product-categorien li {
    padding: 4px 0 4px 8px;
    list-style: none;
}
.product-categorien li span, .product-categorien li a {
    transition: color 0.3s ease !important;
}
.product-categorien li.current-cat > a,
.product-categorien li.current-cat > span {
    color: var(--blauw) !important;
}
.product-categorien li span:hover, 
.product-categorien li a:hover {
    color: var(--blauw);
}
.cat-menu-item.has-subs{
    cursor: pointer;
}
.cat-item:has(.current-cat) > .cat-menu-item.has-subs {
    color: var(--blauw);
}
.sub-cat-item .cat-menu-item.has-subs:hover {
    color: var(--zwart);
    cursor: auto;
}
.product-categorien a{
    text-decoration: none;
}
.categorien-menu .children {
    display: none;
    list-style: none;
}
.cat-item.is-open > .children {
    display: block;
}
.cat-item.is-open .cat-menu-item.has-subs{
    color: var(--blauw);
}
.cat-item.is-open .sub-menu .cat-menu-item.has-subs{
    color: var(--zwart) ;
}
.cat-menu-item::after {
    font-family: "freriks-werken" !important;
    content: "\f011";
    font-size: 8px;
    display: inline-block;
    transition: transform 0.3s ease;
    margin-left: 5px;
}
.is-open > .cat-menu-item::after,
.categorien-menu.is-open .mobile-menu-trigger::after {
    transform: rotate(180deg);
}
.children:last-child{
    margin-bottom: .8rem;
}
.custom-orderby{
    display: flex;
    position: relative;
    margin-top: -1rem;
    margin-left: auto;
    width: max-content;
}
.custom-orderby p{
    margin: 0 8px 0 0;
}
.custom-orderby-options{
    border: none;
    border-bottom: 2px solid var(--blauw);
    background-color: var(--lichtblauw);
    padding: 0 4px;
    width: 7.5rem;
}
.orderby-list{
    position: absolute;
    z-index: 99;
    top: 100%;
    background-color: rgba(234, 239, 242, 0.6);
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.03), inset 0 0 6px 3px rgba(255, 255, 255, .3);
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    padding: 0 0 8px 8px;
    width: 7.5rem;
    margin: 0 0 0 -4px !important;
    padding-top: .5rem;
}
.orderby-list li{
    list-style: none;
    margin: 3px 0;
}
.orderby-list li a{
    text-decoration: none;
}
.orderby-list li a, .custom-orderby .selected-option{
    transition: color 0.3s ease !important;
}
.orderby-list li a:hover,.custom-orderby .selected-option:hover{
    color: var(--blauw);
}
.products.columns-6{
    margin: 1.5rem 0;
    padding: 0;
    display: grid;
    grid-template-columns: calc(50% - 8px) calc(50% - 8px);;
    gap: 16px;
}
.products.columns-6 li{
    margin: 0;
    list-style: none;
    margin-bottom: 1rem;
    display: grid;
}
.products.columns-6 img{
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 2px;
}
.products .product {
    opacity: 0;
    transform: translateY(4vw);
}
.products .product.v12-active {
    opacity: 1 !important;
    transform: translateY(0) !important;
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.products.columns-6 .rp_estimated_date{
    display: none !important;
}
.products.columns-6 a{
    text-decoration: none;
     transition: 0.3s ease;
     position: relative;
}
.products.columns-6 .woocommerce-LoopProduct-link::before{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--blauw);
    content: "";
    width: 100%;
    aspect-ratio: 1 / 1;
    opacity: 0;
}
.products.columns-6 .woocommerce-LoopProduct-link:hover::before {
    opacity: 0.3;
}
.products.columns-6 h2{
    font-weight: 520;
    height: max-content;
    margin-bottom: 4px;
    word-break: break-word;
}
.woocommerce-Price-amount{
    font-weight: 700;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
}
del, 
del .woocommerce-Price-amount {
    border-bottom: none !important;
    opacity: 0.8;
    font-weight: 400;
}
ins, 
ins .woocommerce-Price-amount {
    color: rgb(211, 0, 0) !important;
    text-decoration: none !important;
}
.add_to_cart_button{
    background-color: var(--blauw);
    color: white;
    border: 2px solid var(--blauw);
    border-radius: 2px;
    padding: 6px 6px;
    margin-top: .5rem;
    transition: 0.3s ease;
    text-align: center;
    height: min-content;
    align-self: end;
    display: inline-block;
}
.added_to_cart{
    background-color: white;
    color: var(--blauw);
    border: 2px solid var(--blauw);
    border-radius: 2px;
    padding: 6px 6px;
    text-align: center;
    margin-top: 2px;
    display: inline-block;
    transition: 0.3s ease;
}
.add_to_cart_button:hover{
    background-color: white;
    color: var(--blauw);
    transform: translateY(-3.5px);
}
.added_to_cart:hover{
    background-color: var(--blauw);
    color: white;
    transform: translateY(-3.5px);
    box-shadow: 0 0 0 2px #fff;
}
.eigen-result-count{
    text-align: center;
    margin-bottom: .3rem;
    font-size: 13px;
    opacity: .8;
}
.page-numbers{
    margin: 0 0 3rem;
}
.woocommerce-pagination li{
    list-style: none;
    padding: 0 4px;
}
.woocommerce-pagination li a, .woocommerce-pagination li span{
    font-weight: 520;
}
.woocommerce-pagination ul{
    display: flex;
    padding: 0;
    justify-content: center;
}
.next.page-numbers, .prev.page-numbers {
    font-size: 0;
}
.prev.page-numbers::after{
    font-family: "freriks-werken" !important;
    content: "\f010";
    transition: transform 0.3s ease;
    font-size: 16px;
    display: inline-block;
    padding: 2px;
}
.prev.page-numbers:hover::after{
    transform: translateX(-4px);
}
.next.page-numbers::after {
    font-family: "freriks-werken" !important;
    content: "\f00f";
    transition: transform 0.3s ease;
    font-size: 16px;
    display: inline-block;
    padding: 2px;
}
.next.page-numbers:hover::after{
    transform: translateX(4px);
}
@media screen and (min-width:768px){
    .woocommerce-shop main, .woocommerce-page main{
        display: grid;
        grid-template-columns: auto auto;
    }
    .woocommerce-products-header{
        grid-column: 1/3;
        margin-bottom: 2.5rem;
    }
    .categorien-menu{
        grid-column: 1;
        grid-row: 3/6;
    }
    .woocommerce-breadcrumb{
        grid-column: 1/3;
        grid-row: 2;
    }
    .custom-orderby{
        grid-column: 2;
        grid-row: 2;
        margin-top: 0;
    }
    .products.columns-6{
        grid-column: 2;
        grid-row: 3;
    }
    .eigen-result-count{
        color: #1B1C1CCC;
      }
    .eigen-result-count, .woocommerce-pagination{
        grid-column: 1/3;
        justify-content: center;
        display: flex;
    }
    .product-categorien {
        display: inline-block;
        position: static;
        margin-inline-end: 8px;
        background-color: transparent;
        backdrop-filter: none!important;
        -webkit-backdrop-filter: none !important;
        box-shadow: none;
        width: max-content;
    }
    .product-categorien li {
        padding: 4px 0;
    }
    .mobile-menu-trigger::after {
        display: none;
    }
}    
@media screen and (min-width:920px){
    .woocommerce-shop main, .woocommerce-page main{
    margin-top: calc(4vw + 4.5rem);
    }
    .products.columns-6{
        grid-template-columns: calc(33.3% - 12px) calc(33.3% - 12px) calc(33.3% - 12px);
        gap: 18px;
    }
}
@media screen and (min-width:1024px){
    .woocommerce-breadcrumb{
        font-size: 14px;
    }
    .custom-orderby-options, .orderby-list{
        width: 8.5rem;
    }
    .cat-parent > a::after {
        font-size: 10px;
    }
    .woocommerce-Price-amount{
        font-size: 16px;
    }
    .prev.page-numbers::after, .next.page-numbers::after{
        font-size: 18px;
    }
    .eigen-result-count{
        font-size: 15px;
    }
}
/*woocommerce productpagina*/
.single-product main{
    width: 100% !important;
    max-width: 100% !important;
}
.woocommerce-product-gallery, .summary, .woocommerce-tabs, .related h2, .related .products.columns-4, .single-product .woocommerce-breadcrumb{
    width: 92vw;
    max-width: 1200px;
    margin: auto;
}
.woocommerce-message{
    position: fixed;
    background-color: var(--blauw);
    border-radius: 2px;
    border: none !important;
    padding: .5rem;
    z-index: 999;
    top: calc(10vw + 40px);
    color: white;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    transition: opacity 0.3s ease;
}
.woocommerce-message a{
    display: block;
    color: var(--blauw);
    background-color: white;
    text-decoration: none;
    border: white 2px solid;
    border-radius: 2px;
    padding: 6px 19px;
    width: max-content;
    margin: 1rem auto 0;
    transition: 0.3s ease !important;
}
.woocommerce-message a:hover{
    color: white;
    background-color: transparent;
    transform: translateY(-3.5px);
}
.woocommerce-message:focus {
    outline: none;
}
.single-product .product img, .related img{
    width: 100% !important;
    height: auto !important;
    object-fit: contain;
    border-radius: 2px;
    margin-top: 1.5rem;
}
.woocommerce-product-gallery{
    display: grid;
}
.woocommerce-product-gallery__trigger span {
    display: none;
}
.woocommerce-product-gallery__trigger{
    display: flex;
    position: relative;
    z-index: 9;
    text-decoration: none;
    justify-self: end;
    grid-row: 2;
    margin: -36px 7px 0 0;
    transition: transform 0.3s ease;
    display: inline-block;
    color: var(--blauw);
}
.woocommerce-product-gallery__trigger:hover{
    transform: translateY(-4px);
}
.woocommerce-product-gallery__trigger::before {
    content: '+';
    display: block;
    font-size: 32px;
    line-height: 1;
}
ol.flex-control-nav.flex-control-thumbs {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 6px;
    margin: 0;
    padding: 0;
}
ol.flex-control-nav.flex-control-thumbs li{
    list-style: none;
    cursor: pointer;
}
ol.flex-control-nav.flex-control-thumbs li img{
    margin: 0;
}
.woocommerce-product-gallery__image {
    pointer-events: none;
}
.product_title.entry-title{
    font-size: 19px;
    font-weight: 700;
}
.single-product .price{
    font-size: 15px;
}
.single-product .woocommerce-Price-amount{
    font-size: 15px;
}
.rp_estimated_date_carrier_date{
    background-color: transparent !important;
    font-size: 14px !important;
    color: var(--zwart) !important;
}
.rp_estimated_date {
    background-color: transparent !important;
    color: var(--zwart) !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}
.rp_icon, .product_meta {
    display: none;
}
.rp_estimated_date::before{
    content: 'Levertijd';
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
} 
.product .summary a:hover{
    color: var(--blauw);
}
.rp_text{
    font-size: 14px;
}
.stock.in-stock{
    font-size: small;
}
.cart{ 
    display: grid;
    grid-template-columns: 128px 1fr;
    gap: 20px;
}
.quantity{
    display: grid;
    grid-template-columns: 32px 60px 32px;
    gap: 2px;
    align-items: center;
}
.quantity input{
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    border: none !important;
    border-radius: 2px !important;
    width: 3rem;
    height: 24px;
}
input.qty {
    text-align: center !important;
    padding: 6px;
}
.input-text.qty.text:focus {
    outline: var(--blauw) solid 2px;
}
.minus, .plus{
    background-color: white;
    border: none; 
    padding:0 6px;
    color: var(--zwart);
    font-size: 23px;
    font-weight: 400;
    line-height: 1;
    width: 2rem;
    height: 36px;
    cursor: pointer;
}
.minus:hover, .plus:hover{
    background-color: white;
    transform: translateY(0);
}
.single_add_to_cart_button{
    cursor: pointer;
    max-width: 260px;
}
input.qty::-webkit-outer-spin-button,
input.qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input.qty[type=number] {
    -moz-appearance: textfield;
}
.product .inloggen{
    margin-top: 1.5rem;
}
.product .inloggen p{
    font-size: smaller;
    margin: 3px;
}
.product .inloggen a:hover{
    color: var(--blauw);
}
.logged-in .inloggen{
    display: none;
}
.tabs.wc-tabs{
    display: none;
}
.woocommerce-Tabs-panel--additional_information{
    margin-top: 2.5rem;
}
.woocommerce-Tabs-panel--additional_information h2{
    font-size: 15px;
}
.woocommerce-product-attributes.shop_attributes{
    border-spacing: 0 !important;
}
.woocommerce-product-attributes-item.woocommerce-product-attributes-item--weight th, .woocommerce-product-attributes-item.woocommerce-product-attributes-item--weight td{
    margin: 0;
    padding: 0;
}
.woocommerce-product-attributes-item.woocommerce-product-attributes-item--weight td{
    padding-inline-start: 16px;
}
.woocommerce-product-attributes-item__label{
    font-weight: 400 !important;
}
.related{
    margin-top: 2.5rem;
    background-color: var(--blauw);
    color: white !important;
}
.related h2{
    font-size: 19px;
    padding: 1.5rem 0;
    text-align: center;
}
.related ul{
    padding: 0;
}
.related li{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0;
}
.related .woocommerce-LoopProduct-link{
    transition: 0.3s ease;
}
.related .woocommerce-LoopProduct-link:hover img{
    opacity: .6;
}
.related a{
    color: white;
    text-decoration: none;
    display: block;
}
.related a h2{
    text-align: start;
}
.related .rp_estimated_date{
    display: none !important;
}
.single-product .related .product {
    gap: 0 !important;
}
.related .add_to_cart_button {
    color: var(--blauw);
    background-color: white;
    border: 2px white solid;
}
.related .add_to_cart_button:hover {
    color: white;
    background-color: var(--blauw);
}
.related .products{
    overflow: hidden;
    margin: auto;
    position: relative;
    padding-bottom: 2.5rem;
}
.related .products .swiper-container {
    padding-bottom: 1rem;
}
.related .products .swiper-slide{
    border-radius: 18px;
}
.related .products .swiper-button-next, .related .products .swiper-button-prev {
    margin-top: -4.5rem !important;
    background-color: rgba(234, 239, 242, 0.6);
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.03), inset 0 0 6px 3px rgba(255, 255, 255, .3);
    width: 1.8rem;
    height: 2.5rem;
    border-radius: 2px;
    transition: color 0.3s ease;
}
.related .products .swiper-pagination {
    cursor: pointer;
    position: relative; 
    bottom: auto;     
    margin-top: -11px;
}
.related .products .swiper-pagination-bullet{
    background-color:white!important;
    border-radius: 0 !important;
    margin: 0 !important;
    height: 2.5px !important;
    opacity: .5 !important;
    transition: 0.3s ease;
    width: 12.5% !important;
}
.related .products .swiper-pagination-bullet:hover{
    background-color:white!important;
     --swiper-theme-color: white!important;
      opacity: 1!important;   
}
.related .products .swiper-pagination-bullet-active {
    background-color: white!important;
    opacity: 1!important;               
}
.related .products .swiper-button-next::after,
.related .products .swiper-button-prev::after {
    transition: margin-inline-start 0.3s ease, color 0.3s ease;
    display: inline-block;
    margin-inline-start: 0;
}
.related .products .swiper-button-next:hover::after,
.related .products .swiper-button-prev:hover::after {
    color: var(--blauw);
    margin-inline-start: 6px;
}
.related .products .swiper-button-prev:hover::after {
    margin-inline-start: -6px;
}
.woocommerce-loop-product__title{
    font-weight: 520;
    width: 100% !important;
    margin: 0;
    padding: 0 !important;
    height: 35px;
}
.single-product footer {
    border-top: none;
    padding-top: 0;
}
@media screen and (min-width:768px){
    .single-product main{
        display: block;
    }
    .single-product .product{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .woocommerce-product-gallery{
        grid-column: 1;
    }
    .entry-summary{
        grid-column: 2;
    }
    .woocommerce-tabs{
        grid-column: 1/3;
    }
    .related{
        grid-column: 1/3;
    }
    .woocommerce-loop-product__title{
        height: 40px;
    }
    .woocommerce-product-gallery, .summary{
        width: calc(46vw - 10px);
        max-width: 100%;
        margin-left: 4vw;
        margin-top: 2.5rem;
    }
    .single-product .product img{
        margin-top: 0;
    }
     .summary{
        margin-left: 0;
        margin-right: 4vw;
     }
}
@media screen and (min-width:1024px){
    .woocommerce-message{
        top: calc(4vw + 62px);
    }
    .woocommerce-product-gallery__trigger::before {
        font-size: 34px;
    }
    .product_title.entry-title{
        font-size: 22px;
        font-weight: 700;
    }
    .single-product .price, .single-product .woocommerce-Price-amount, .rp_estimated_date::before, .woocommerce-Tabs-panel--additional_information h2{
        font-size: 17px;
    }
    .rp_estimated_date_carrier_date{
        font-size: 16px !important;
    }
    .rp_text, .quantity input {
    font-size: 16px;
    }
    .minus, .plus{
    font-size: 25px;
    }
    .related h2 {
        font-size: 22px;
    }
    .woocommerce-loop-product__title, .woocommerce-Tabs-panel--additional_information h2{
        font-size: 17px !important;
    }
    .single-product .product{
        gap: 30px;
    }
    .woocommerce-product-gallery{
        grid-column: 1;
        grid-row: 1/3;
        width: calc(46vw - 15px)
    }
    .entry-summary{
        grid-column: 2;
        grid-row: 1;
        width: calc(46vw - 15px)
    }
    .woocommerce-tabs{
        grid-column: 2;
        grid-row: 2;
        margin-left: 0;
        margin-right:4vw;
        width: calc(46vw - 15px)
    }
    .woocommerce-Tabs-panel--additional_information{
        margin: 0;
    }
    .woocommerce-tabs{
        margin-top: 0;
    }
    .related{
        grid-column: 1/3;
        grid-row: 3;
    }
}
@media screen and (min-width:1305px){
    .woocommerce-product-gallery{
        margin-left: calc(50vw - 600px) !important;
        width: calc(600px - 15px); 
    }
    .summary{
        margin-right: calc(50vw - 600px);
        width: calc(600px - 15px);
    }
    .woocommerce-tabs{
        margin-right: calc(50vw - 600px);
        width: calc(600px - 15px);
    }
}
/* Winkelwagen*/
.woocommerce-cart.woocommerce-page main{
    display: block;
    width: 92vw;
    max-width: 800px;
    margin: auto;
    margin-top: calc(3vw + 64px) !important;
    margin-bottom: 3.5rem;
}
.woocommerce-cart.woocommerce-page footer {
    border-top: 1px solid var(--lijn-footer);
    padding-top: 1.5rem;
}
.winkelwagen-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background-color: rgba(13, 124, 189, 0.6);
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    z-index: 9999;
}
.winkelwagen-overlay a{
    font-weight: 520;
}
.winkelwagen-inhoud #laden {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 520;
  font-size: 16px;
}
.winkelwagen-overlay.actief {
    display: block;
}
.winkelwagen-paneel {
    position: fixed;
    top: 0;
    right: 0;
    width: 92vw;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--lichtblauw);
    padding: 1rem;
    box-sizing: border-box;
    z-index: 1000;
    transform: translateX(100%);
}
.winkelwagen-overlay.actief .winkelwagen-paneel {
    animation: slideIn 1.5s ease-in-out forwards;
}
@keyframes slideIn {
    from { transform: translateX(100%); }
    to { transform: translateX(0); }
}
.winkelwagen-overlay.sluiten .winkelwagen-paneel {
    animation: slideOut 1.5s ease-in-out forwards;
}
@keyframes slideOut {
    from { transform: translateX(0); }
    to { transform: translateX(100%); }
}
.winkelwagen-sluiten {
    position: sticky;
    top: 0;
    float: right;
    background: none;
    border: none;
    font-size: 32px;
    cursor: pointer;
    color: var(--blauw);
    line-height: 1;
    margin-right: -1.5rem;
}
.winkelwagen-sluiten:hover {
    border: none;
}
.woocommerce-cart-form__contents{
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
}
.woocommerce-cart-form__contents thead{
    grid-row: 1;
    width: 100%;
}
.woocommerce-cart-form__contents thead .product-remove, .woocommerce-cart-form__contents thead .product-thumbnail{
    position: absolute;
    width: 0;
    height: 0;
}
.woocommerce-cart-form__contents thead tr{
    display: none;
}
.woocommerce-cart-form__contents tbody{
    grid-row: 2;
    width: 100%;
}
.woocommerce-cart-form__cart-item{
    display: grid;
    grid-template-columns: 6rem auto 1rem;
    gap: 10px;
    background-color: white;
    border-radius: 2px;
    padding: 6px;
    margin-bottom: 6px;
}
.woocommerce-cart-form__cart-item .product-thumbnail{
    grid-column: 1;
    grid-row: 1/4;
}
.woocommerce-cart-form__cart-item .product-thumbnail img{
    width: 6rem;
    height: auto;
    object-fit: contain;
}
.woocommerce-cart-form__cart-item .product-name{
    grid-column: 2/4;
    grid-row: 1;
}
.woocommerce-cart-form__cart-item .product-name a{
    transition: 0.3s ease;
}
.woocommerce-cart-form__cart-item .product-name a:hover{
    color: var(--blauw);
}
.woocommerce-cart-form__cart-item .product-price{
    grid-column: 2/4;
    grid-row: 2;
    display: flex;
}
.woocommerce-cart-form__cart-item .product-quantity{
    grid-column: 2;
    grid-row: 3 ;
    align-items: end;
    display: flex;
}
.woocommerce-cart-form__cart-item .product-subtotal{
    grid-column: 2/4;
    grid-row: 4;
    align-items: end;
    justify-content: end;
    display: flex;
}
.woocommerce-cart-form__cart-item .product-remove{
    grid-column: 3;
    grid-row: 3;
    align-items: end;
    justify-self: end;
    display: flex;
}
.product-remove .remove {
    font-size: 0;
    text-decoration: none;
    display: inline-block;
    transition: 0.3s ease !important;
}
.product-remove .remove::before {
    content: "\f005";
    font-size: 16px;
    font-family: "freriks-werken";
    color: var(--blauw);
}
.product-remove .remove:hover{
    transform: translateY(-3.5px);
}
tr:has(> td.actions) {
    display: flex;
    margin-top: 1.5rem;
}
.woocommerce-cart-form tbody .actions{
    margin-left: auto;
}
.woocommerce-cart-form__cart-item .quantity{
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 2px;
    align-items: center;
}
.woocommerce-cart-form__cart-item .quantity input{
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    border: none !important;
    border-radius: 2px !important;
    width: 2rem;
    padding: 6px;
    background-color: var(--lichtblauw);
}
.woocommerce-cart-form__cart-item input.qty {
    text-align: center !important;
    padding: 6px;
}
.woocommerce-cart-form__cart-item .input-text.qty.text:focus {
    outline: var(--blauw) solid 2px;
}
.woocommerce-cart-form__cart-item .quantity button{
    background-color: var(--lichtblauw);
}
.woocommerce-cart-form__cart-item .quantity button:hover{
    border: var(--blauw) solid 2px !important;
    color: var(--blauw);
}
.cart-collaterals{
    margin-top: 2.5rem;
    background-color: white;
    border-radius: 2px;
    padding: 6px;
    margin-bottom: 2rem;
}
.cart_totals h2{
    margin-bottom: 1.5rem;
}
.cart-collaterals .cross-sells{
    display: none;
}
.cart-subtotal th, .woocommerce-shipping-totals th{
    text-align: start;
}
.shop_table{
    width: 100%;
}
.woocommerce-shipping-totals {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    margin-top: .5rem;
}
.woocommerce-shipping-totals ul{
    margin: 0;
    padding-inline-start: 1rem;
    width: calc(100% - 3rem)
}
.woocommerce-shipping-totals li{
    list-style: none;
}
.shipping_method label{
    display: flex;
}
.tax-rate.tax-rate-btw-21-1 th, .order-total th{
    text-align: end;
    padding-inline-end: 2rem;
}
.shop_table .woocommerce-Price-amount{
    display: flex;
    justify-content: end;
}
.wc-proceed-to-checkout {
    display: flex;
    margin: 2.5rem 0 1rem;
    justify-content: end;
}
.wc-proceed-to-checkout a{
    color: white;
    background-color: var(--blauw);
    border: solid var(--blauw) 2px;
    text-decoration: none;
    padding: 6px 19px;
    border-radius: 2px;
    transition: 0.3s ease !important;
    display: inline-block;
}
.wc-proceed-to-checkout a:hover{
    background-color:transparent;
    color: var(--blauw);
    transform: translateY(-3.5px);
}
.winkelwagen-inhoud .woocommerce .wc-empty-cart-message {
    display: flex;
    margin-top: 40vh;
    justify-self: center;
}
.winkelwagen-inhoud .return-to-shop a{
    color: white;
    background-color: var(--blauw);
    padding: 6px 19px;
    border: 2px solid var(--blauw);
    border-radius: 2px;
    transition: 0.3s ease !important;
    display: inline-block;
    text-decoration: none;
}
.winkelwagen-inhoud .return-to-shop{
    justify-self: center;
}
.winkelwagen-inhoud .return-to-shop a:hover{
    background-color:transparent;
    color: var(--blauw);
    transform: translateY(-3.5px);
}
@media screen and (min-width:768px){
    .woocommerce-cart.woocommerce-page main{
        margin-top: calc(3vw + 108px) !important;
    }
    .winkelwagen-paneel {
        width: 70vw;
        padding: 2rem;
    }
    .winkelwagen-sluiten {
        margin-right: -2rem;
    }
    .woocommerce-cart-form__cart-item {
        grid-template-columns: 9rem auto 1rem;
        gap: 20px;
        padding: 1rem;
        margin-bottom: 8px;
    }
    .cart-collaterals{
        padding: 1rem;
    }
    .woocommerce-cart-form__cart-item .product-thumbnail img {
        width: 9rem;
    }
}
@media screen and (min-width:1024px){
    .winkelwagen-paneel {
        width: 60vw;
        padding: 2.5rem;
    }
    .woocommerce-cart-form__cart-item {
        grid-template-columns: 10rem auto 1rem;
        gap: 30px;
    }
    .winkelwagen-inhoud #laden{
    font-size: 18px;
    }
    .woocommerce-cart-form__cart-item, .cart-collaterals {
        padding: 1.5rem;
    }
    .woocommerce-cart-form__cart-item .product-thumbnail img {
        width: 10rem;
    }
    .winkelwagen-sluiten {
        font-size: 34px;
    }
    .product-remove .remove::before {
        font-size: 18px;
    }
}
@media screen and (min-width:1334px){
    .winkelwagen-paneel{
        padding-right:calc(30% - 360.2px) ;
    }
}
/* afrekenen*/
.woocommerce-checkout.woocommerce-page main{
    margin-top: calc(3vw + 64px) !important;
    width: 92vw;
    max-width: 716px;
    margin: auto;
    display: block;
}
.woocommerce-checkout.woocommerce-page{
    transition: 0.3s ease;
}
.woocommerce-checkout.woocommerce-page a:hover{
    color: var(--blauw);
}
.woocommerce-billing-fields{
    margin-top: 2.5rem;
}
.woocommerce-billing-fields h3, #order_review_heading{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 19px;
}
.woocommerce-billing-fields p, .create-account p, .shipping_address p, .woocommerce-additional-fields__field-wrapper p{
    display: grid;
    grid-template-columns: 1fr;
}
#account_password, #shipping_city{
    margin-bottom: 1.5rem;
}
.woocommerce-billing-fields input, .create-account input, .shipping_address input, .woocommerce-additional-fields__field-wrapper textarea{
    width: calc( 100% - 16px);
    max-width: 700px;
    border: none;
    border-radius: 2px;
    padding: 6px 8px;
    font-size: 14px;
    color: var(--zwart);
    font-family: "Open Sans", sans-serif;
}
.select2-container--default .select2-selection--single, .select2-search--dropdown, .select2-dropdown{
    max-width: 716px;
    border-radius: 2px;
}
.select2-results__option, .select2-container--default .select2-selection--single .select2-selection__rendered{
     font-size: 14px;
    color: var(--zwart);
    font-family: "Open Sans", sans-serif;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color:var(--blauw);
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    display: flex;
    justify-self: end;
    right: auto;
    margin-right: 2px;
}
.woocommerce-additional-fields__field-wrapper textarea{
    height: 10rem;
}
.woocommerce-billing-fields input ::placeholder, .create-account input::placeholder, .shipping_address input::placeholder, .woocommerce-additional-fields__field-wrapper input::placeholder{
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
}
.woocommerce-form__label.woocommerce-form__label-for-checkbox{
    display: flex;
}
.woocommerce-form__input.woocommerce-form__input-checkbox.input-checkbox{
    width: 13px;
    height: 13px;
    margin:0 8px 0 0;
}
#createaccount{
    width: min-content;
    height: min-content;
}
.woocommerce-shipping-fields h3{
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
}
#order_review_heading{
    margin-top: 3.5rem;
}
.woocommerce-checkout-review-order{
    margin: 1.5rem auto 3.5rem;
}
.woocommerce-checkout-review-order-table thead th{
    text-align: start;
}
th.product-total {
    text-align: end !important;
}
.woocommerce-checkout-review-order-table .cart-subtotal{
    margin-top: 1rem;
}
.woocommerce-checkout-review-order-table .woocommerce-shipping-totals{
    margin-top: 1.5rem;
}
.wc_payment_methods.payment_methods::before{
    content: "Betaalmethode";
    font-weight: 700;
    margin-block-end: 3px;
    display: flex;
}
.wc_payment_methods.payment_methods{
    margin: 3.5rem 0 1rem;
    padding: 0;
}
.wc_payment_methods.payment_methods li{
    list-style: none;
    margin-inline-start: 1rem;
}
.form-row.place-order{
    margin-top: 3.5rem;
}
#place_order{
    display: flex;
    margin: auto;
    margin-top: 2.5rem;
}
.woocommerce-checkout.woocommerce-page footer {
    border-top: 1px solid var(--lijn-footer);
    padding-top: 1.5rem;
}
@media screen and (min-width:768px){
    .woocommerce-checkout.woocommerce-page main{
    margin-top: calc(3vw + 108px) !important;
    }
}
@media screen and (min-width:1024px){
    .woocommerce-billing-fields h3, #order_review_heading{
        font-size: 22px;
    }
    .woocommerce-billing-fields input, .woocommerce-shipping-fields h3, .select2-results__option, .select2-container--default .select2-selection--single .select2-selection__rendered{
        font-size: 16px;
    }
    .woocommerce-billing-fields input, .create-account input, .shipping_address input, .woocommerce-additional-fields__field-wrapper textarea{
        font-size: 16px;
    }
}
/* account*/
.woocommerce-account.woocommerce-page main{
    display: block;
    width: 92vw;
    max-width: 700px;
    min-height: 550px;
    margin: auto;
    margin-top: calc(3vw + 64px) !important;
    margin-bottom: 3.5rem;
}
.woocommerce-account.woocommerce-page footer {
    border-top: 1px solid var(--lijn-footer);
    padding-top: 1.5rem;
}
#customer_login p, .woocommerce-ResetPassword p, .logged-in main .form-row{
    display: grid;
    grid-template-columns: 1fr;
}
#customer_login input, .woocommerce-ResetPassword input, .logged-in main .form-row input{
    width: calc( 100% - 16px);
    max-width: 700px;
    border: none;
    border-radius: 2px;
    padding: 6px 8px;
    font-size: 14px;
    color: var(--zwart);
    font-family: "Open Sans", sans-serif;
}
.logged-in main .form-row input::placeholder, .logged-in main .select2-selection__placeholder, .logged-in main .select2-selection__rendered{
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    color: var(--zwart);
}
.password-input{
    display: flex;
    gap: 2px;
}
.show-password-input.display-password::before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cline x1='4' y1='4' x2='20' y2='20'/%3E%3C/svg%3E");
}
.show-password-input.display-password:hover::before{
     content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%230D7CBD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cline x1='4' y1='4' x2='20' y2='20'/%3E%3C/svg%3E");
}
.show-password-input::before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}
.show-password-input:hover::before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%230D7CBD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}
.show-password-input {
    padding: 0 8px !important;
    height: min-content;
    height: 100%;
}
#rememberme{
    width: min-content !important;
    margin-right: 4px;
}
.woocommerce-form-login__submit{
    margin:1.5rem 0;
}
.woocommerce-ResetPassword button{
    margin-bottom: 2.5rem;
}
.woocommerce-account  main{
    width: 100% !important;
    max-width: 1200px !important;
}
.woocommerce-MyAccount-navigation{
    width: 92vw;
    max-width: 1200px;
    margin: auto;
}
.woocommerce-MyAccount-navigation::before{
    content: "Mijn account";
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
}
.woocommerce-MyAccount-navigation ul{
    padding: 0;
    margin: 0 0 1.5rem;
}
.woocommerce-MyAccount-navigation li{
    list-style: none;
    padding: 4px 0;
}
.woocommerce-MyAccount-navigation-link.is-active a{
    color: var(--blauw);
}
.woocommerce-MyAccount-navigation-link.is-active a::after{
    font-family: "freriks-werken" !important;
    content: "\f011";
    font-size: 8px;
    color: var(--blauw);
}
.woocommerce-MyAccount-content {
    background-color: var(--blauw);
    padding: 1.5rem 4vw;
    color: white;
    border-radius: 2px;
}
.woocommerce-MyAccount-content table{
    display: grid;
    grid-template-columns: .8fr 1.2fr;
}
.woocommerce-MyAccount-content tr{
    display: grid;
    grid-template-rows: 44px 44px 44px 44px auto;
}
.woocommerce-MyAccount-content table th{
    text-align: start;
}
.woocommerce-MyAccount-content table th span{
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 520;
}
.woocommerce-MyAccount-content table td .amount{
    display: inline-block;
    margin-inline-end: 16px;
}
.woocommerce-MyAccount-content mark{
    background-color: transparent;
    font-weight: 700;
    color: white;
}
.woocommerce-MyAccount-content .woocommerce-order-details h2{
    margin: 1.5rem 0 1rem;
}
.woocommerce-MyAccount-content .woocommerce-table--order-details thead th{
    padding-bottom: 8px;
}
.woocommerce-MyAccount-content .woocommerce-table--order-details tfoot th{
    padding-top: 8px;
}
.woocommerce-MyAccount-content .woocommerce-table--order-details th{
    text-align: start !important;
}
.wfls-flex-row.wfls-flex-item-xs-100{
    color: var(--zwart);
}
.wfls-btn.wfls-btn-default, .wfls-btn.wfls-btn-default.wfls-disabled{
    background-color: var(--blauw);
    color: white;
    border: 2px solid var(--blauw);
    transition: 0.3s ease !important;
}
.wfls-btn.wfls-btn-default:hover, .wfls-btn.wfls-btn-default.wfls-disabled:hover{
    background-color: transparent;
    color: var(--blauw);
    transform: translateY(-3.5px);
}
.wfls-block-footer{
    background-color: var(--lichtblauw) !important;
}
#wfls-activation-help-link-container a{
    color: var(--zwart) !important;
    text-decoration: underline !important;
}
#wfls-activation-help-link-container a:hover{
    color: var(--blauw) !important;
}
@media screen and (min-width:600px){
    .woocommerce-MyAccount-content table{
        display: table;
    }
    .woocommerce-MyAccount-content tr{
        display: table-row
    }
}
.woocommerce-MyAccount-content a{
    color: white;
    text-decoration: none;
    margin: 1rem 0 4px;
}
.woocommerce-MyAccount-content a:hover{
    text-decoration: underline;
}
.woocommerce-MyAccount-content .edit, .woocommerce-MyAccount-content .button, .woocommerce-MyAccount-content .logout{
    display: flex;
    width: max-content;
    color: var(--blauw);
    background-color: white;
    border: 2px solid white;
    border-radius: 2px;
    padding: 6px 19px;
    text-decoration: none;
    margin: 1rem 0 4px;
    font-weight: 520;
}
.woocommerce-MyAccount-content .edit:hover, .woocommerce-MyAccount-content .button:hover, .woocommerce-MyAccount-content .logout:hover{
    background-color: transparent;
    color: white;
    text-decoration: none;
    transform: translateY(-3.5px);
}
.woocommerce-MyAccount-content .wc-forward.button{
    background-color: white;
    color: var(--blauw);
}
.woocommerce-MyAccount-content .wc-forward.button:hover{
    background-color: transparent;
    color:white;
}
.woocommerce-MyAccount-content p:nth-child(3) {
    display: none;
}
.woocommerce-account.woocommerce-page main fieldset{
    margin: 2.5rem 0;
    border: none;
    padding: 0;
}
legend{
    font-size: 0;
}
legend::after{
    content: "Wachtwoord wijzigen";
    position: relative;
    left: 0;
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
}
#customer_login{
    grid-column: 1/3;
    width: 92vw;
    max-width: 700px;
    margin: auto;
}
.zakelijk-aanvragen a, #customer_login a{
    font-weight: 520;
    font-size: 15px;
}
#customer_login .woocommerce-privacy-policy-text p{
    display: block;
}
#customer_login .col-2{
    margin: 4.5rem 0 2.5rem;
}
.woocommerce-account .zakelijk-aanvragen{
    width: 92vw;
    max-width: 700px;
    margin: auto;
}
.logged-in.woocommerce-account .zakelijk-aanvragen{
    margin: auto;
    margin-top: 2rem;
    width: max-content;
    display: flex;
}
.zakelijk-aanvragen a:hover, #customer_login a:hover{
    color: var(--blauw);
}
.woocommerce-MyAccount-content .show-password-input{
    background-color: transparent;
    border: white 2px solid;
    transition: 0.3s ease;
}
.woocommerce-MyAccount-content .show-password-input:hover{
    background-color: white;
}
.woocommerce-MyAccount-content .show-password-input.display-password::before{
     content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cline x1='4' y1='4' x2='20' y2='20'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-content .show-password-input.display-password:hover::before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%230D7CBD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cline x1='4' y1='4' x2='20' y2='20'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-content .show-password-input::before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-content .show-password-input:hover:before{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%230D7CBD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-content .button {
    background-color: white;
    border-color: white;
    color: var(--blauw);
    transition: 0.3s ease;
}
#customer_login button{
    width: min-content;
}
.woocommerce-MyAccount-content .wc-forward{
    background-color: transparent;
    color: white;
}
.woocommerce-MyAccount-content .button:hover{
    background-color: transparent;
    color: white;
}
.woocommerce-Addresses{
    display: grid;
    gap: 2.5rem;
    margin-top: 1.5rem;
}
.woocommerce-page header{
    justify-content: start;
    display: block;
}
.zakelijk {
    margin-top: calc(3vw + 74px);
    width: 96vw;
    max-width: 1280px;
    margin: auto;
    border-bottom: solid var(--lijn-footer) 1px;
}
.zakelijk h1, .zakelijk p, .zakelijkformulier{
    width: 90vw;
    max-width: 800px;
    margin: auto;
}
.zakelijk h1{
    margin-bottom: 2.5rem;
}
.zakelijk h1, .zakelijk p{
    text-align: center;
}
.zakelijkformulier{
    margin: 3.5rem auto 2.5rem;
}
.zakelijkformulier input, .zakelijkformulier textarea{
    padding: 8px 12px;
    width: calc(100% - 24px);
    border: none;
    border-radius: 2px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
}
.zakelijkformulier textarea{
    height: 20vh;
}
.zakelijkformulier p{
    margin: 18px 0;
    text-align: start;
}
.zakelijkformulier a:hover{
    color: var(--blauw);
}
.zakelijkformulier ::placeholder{
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
}
.zakelijkformulier button{
    color: white;
    background-color: var(--blauw);
    border-color: var(--blauw);
}
.zakelijkformulier button:hover{
    color: var(--blauw);
    background-color: transparent;
}
#zakelijk-popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(13, 124, 189, 0.6);
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    overflow-x: hidden;
  }
.zakelijk-popup-content{
    position: relative;
    background-color: var(--lichtblauw);
    padding: 2rem;
    text-align: center;
    max-width: 600px;
    width: 80vw;
    border-radius: 2px;
  }
#zakelijk-popup-bericht {
    font-size: 22px;
    font-weight: 400;
    padding: 1rem;
    margin: auto;
    width: auto;
    max-width: auto;
}
.woocommerce-ResetPassword{
    width: 92vw;
    max-width: 700px;
    margin: auto;
}
.woocommerce-ResetPassword .button{
    width: max-content;
}
@media screen and (min-width:768px){
    .woocommerce-account.woocommerce-page main{
        margin-top: calc(3vw + 92px) !important;
    }
    .woocommerce-MyAccount-navigation-link.is-active a::after{
        font-family: "freriks-werken" !important;
        content: "\f00f";
        font-size: 11px;
    }
     .woocommerce-account main{
        margin-top: calc(3vw + 64px) !important;
    }
    .woocommerce-account main .woocommerce{
        display: grid;
        grid-template-columns: 10rem auto;
        width: 92vw;
        max-width: 1200px;
        margin: auto;
    }
    .woocommerce-ResetPassword{
        grid-column: 1/3;
    }
    .woocommerce-MyAccount-navigation{
        grid-column: 1;
        width: 100%;
        margin-top: 0;
    }
    .woocommerce-MyAccount-content{
        grid-column:2;
        width: calc(100% - 2rem);
        padding: 2.5rem 1rem;
    }
    .logged-in.woocommerce-account .zakelijk-aanvragen{
        margin: 1.5rem 0 0 calc(4vw + 10rem);
    }
    .zakelijk{
        margin-top: calc(3vw + 92px);
    }
}
@media screen and (min-width:1024px){
    .woocommerce-MyAccount-navigation-link.is-active a::after{
        font-size: 13px;
    }
    #customer_login input, .woocommerce-form-login input, .woocommerce-ResetPassword input, .logged-in main .form-row input{
    font-size: 16px;
    }
    .logged-in main .form-row input::placeholder, .logged-in main .select2-selection__placeholder, .logged-in main .select2-selection__rendered{
        font-size: 16px;
    }
    .zakelijk-aanvragen a, #customer_login a{
        font-size: 17px;
     }
    .woocommerce-account main .woocommerce{
        grid-template-columns: 14rem auto;
    }
    .logged-in.woocommerce-account .zakelijk-aanvragen{
        margin: 1.5rem 0 0 calc(4vw + 14rem);
    }
    .zakelijkformulier ::placeholder, .zakelijkformulier input, .zakelijkformulier textarea{
        font-size: 16px;
    }
    .woocommerce-MyAccount-content table th span{
        font-size: 17px;
    }
    #zakelijk-popup-bericht {
        font-size: 24px;
    }
}
@media screen and (min-width:1304px){
    .logged-in.woocommerce-account .zakelijk-aanvragen{
        margin: 2.5rem 0 0 14rem;
    }
}
@media screen and (min-width:1334px){
    .woocommerce-account.woocommerce-page main, .zakelijk{
        margin-top: calc(2.5rem + 102px);
    }
}
/* bedankt pagina */
.woocommerce-page .woocommerce p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
}
.woocommerce-page .woocommerce section.woocommerce-order-details {
    margin: 3.5rem 0 !important;
}
.woocommerce-page .woocommerce .woocommerce-table__product-name.product-name{
    text-align: start !important;
}
.woocommerce-page .woocommerce table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details{
    margin-top: 1.5rem;
}
.woocommerce-page .woocommerce table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot tr th{
    text-align: start !important;
}
.woocommerce-order-overview__email.email::before{
    display: none;
}
@media screen and (min-width:1024px){
    .woocommerce-page .woocommerce p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    font-size: 22px !important;
}
}