/* LOGO KLEINER */
/* Mobiel en tablet */
@media (max-width: 1199px) {
    img.logo {
        width: 120px;
        height: auto;
    }
}

.page-order>#page>#header>.header-top>.header-div>.sub-container>.header-right>#_desktop_cart, .page-order>#page>#header>.header-top>.header-div>.sub-container>.header-left>.container, .page-order>#page>#header>.header-top>.header-div>.sub-container>.header-left>#search_block_top {
  display: none !important;
}


.bq-side-label {
  z-index: 500 !important;
}

.footer-right>div:first-child {
    display: none !important;
}

@media (max-width: 767px) {
    #amazzing_filter {
        display: none !important;
    }
}
.product-page .col-md-7 {
  margin-bottom: 10px !important;
}

.products .comments_note span {
    display: block !important;
}
/*REASSURANCE BLOCK*/
.blockreassurance_product {
  border: unset;
}

.blockreassurance_product>div:first-child>.item-product, .blockreassurance_product>div:first-child>.item-product>img{
  width: 75px !important;
}
.blockreassurance_product div {
  display: flex;
  margin-bottom: 0px !important;
}
.blockreassurance_product p.block-title {
    line-height: 18px;
  font-size: 0.8rem;
}
.blockreassurance_product .item-product img {
  width: 15px !important;
  height: 15px !important;
}
.blockreassurance_product .item-product {
  flex-shrink: 0;
}
/*EINDE REASSURANCE BLOCK*/
/*WINKELWAGEN BUTTIN*/
.bottom-addtocart {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }
.product_list article.product_item .bottom-addtocart, .product_list article.item .bottom-addtocart {
background-color: unset !important;
}
 .product_list article.item .bottom-addtocart, .add-to-cart-button {
display: block !important;
}
.product_list article.item .bottom-addtocart {
padding: unset !important;
}
.product-add-to-cart.js-product-add-to-cart{
padding: unset !important;
}
@media (max-width: 767px){
.row>.bottom-addtocart {
    display: block !important;
    padding: 0 0 !important;
  }}
@media (min-width: 768px){
.row>.product-bottom>.bottom-addtocart>.add-to-cart-button {
  display: none !important;
  }
}
/*EINDE WINKELWAGEN BUTTON*/
.products li.product-flag.discount {
  width: 75px !important;
}
.product-flags {
  display: block !important;
  right: 40% !important;
 }
@media (min-width: 1550px){
  .product-flags{
  right: 60% !important;
}
}
.product-accessories {
  margin-bottom: 100px !important;
}
.product-prices .tax-shipping-delivery-label {
display: none !important;
}
/*Euro-teken hiden*/
.products .product-price-and-shipping::first-letter {
  color: #FAF8F5 !important;
}
.current-price::first-letter {
  color: #fff !important;
}
.product-price-and-shipping {
  margin-left: -0.4rem;
}
@media (min-width: 1200px) {
.current-price {
  margin-left: -1.4rem;
}
}
@media (max-width: 1199px) {
.current-price {
  margin-left: -1.1rem;
}
}

.product-information .product-short-description>ul {
  margin-left: 2rem;
  list-style-type: disc;
}

.ets_crosssell_block .featured-products, .ets_crosssell_block.layout-slide .featured-products {
padding-bottom: 5rem;
}

@media (min-width: 1200px) {
    img.logo {
        width: 145px;
        height: auto;
    }
}
@media (min-width: 767px){
.header-top .header-div .sub-container {
padding: 15px 40px !important;
}}
nav.header-nav {
    display: none !important;
}
.cart-products-counthome {
left: 22px !important;
}
.header-top .header-div .sub-container {
        grid-template-columns: 1fr 1fr 1fr !important;
   }
.head-wishlist, .vertical-side-top-text {
display: none;
}
.header-div, .header-top-main, .header-top-main.bg_main .container, .page-home, main#page, #content-wrapper, .tabs .tab-pane, .top-menu .sub-menu, #header .header-top-main.fixed, #cp_sidevertical_menu_top, .products-selection, .card, #breadcrumb_wrapper, #_desktop_cart .cart_block.block.exclusive, .block-header, .already-account-label, .modal-content, #blockcart-modal .modal-body, #header, #cptestimonial, #custom-text, .product-page .cpproductpaymentlogo {
    background: #FAF8F5 !important;
}
.dropdown-item {
text-transform: unset !important;
}

.products-section-title h2.title {
background-color: unset !important;
}
.wishlist {
display: none !important;
}
a.viewcart {
    display: none !important;
}
#cptestimonial .slide.cptestimonial-container img {
display: none;
}
#footer {
margin-top: unset !important;
background: #FAF8F5;
}
.btn-primary, .btn, a.allproducts {
border-radius: 30px !important;
text-transform: unset !important;
}
#footer .footer-container {
background-image: unset !important;
}
#footer .footer-container {
background-color: #c58f856e;
}
.category-cover, .product-quantities, .product-features h3, .cart-content>p, .criterions_grade, #product_comments_block_tab div.comment_details li {
display: none;
}

    @media (max-width: 991px) {
    .container #columns_inner #left-column, #blockcart-modal .product-image  {
        display: none !important;
    }
    #wrapper {
        margin-bottom: unset !important;
}
#breadcrumb_wrapper {
padding-top: 1rem;
}
}
.products .product_list article.item .product .product-miniature {
height: 95% !important;
}
#breadcrumb_wrapper {
padding-bottom: unset !important;
}
button.btn.btn-secondary.btn-primary {
    background-color: #c58f8500 !important;
    border: 1px solid #c58f85;
    color: #c58f85 !important;
}
/*VOLGORDE PRODUCTPAGINA REVIEWS DAN AANBEVELINGEN*/
#product>#page>#wrapper>.columns>#columns_inner>#content-wrapper>#main {
display: flex;
flex-direction: column;
}
#product>#page>#wrapper>.columns>#columns_inner>#content-wrapper>#main>.product-accessories {
order: 5;
}
#product .product-tabcontent {
  margin-bottom: 0px;
}

article.product_item.col-xs-12.col-sm-6.col-md-6.col-lg-3 {
  margin-top: 1rem;
}
.products-section-title::after {
content: unset !important;
}



/* ==========================================
   BJOETIEKJE - ANNOUNCEMENT BAR
   ========================================== */

#header .header-announcement-bar {
background-color: #D9B5AC !important;
        color: #363330;
padding: 3px 0px !important;
}

/* Basis */
#header .l4us {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 28px;
    margin: 0;
    padding: 0 12px;
    box-sizing: border-box;
    list-style: none;
    font-family: 'Jost', sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    color: #363330;
}

/* USP-items */
#header .l4us li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #363330;
    white-space: nowrap;
}

/* Iconen */
#header .l4us li svg {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Trustpilot */
#header .l4us a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #363330 !important;
    text-decoration: none !important;
    text-transform: none !important;
}

#header .l4us-stars {
    color: #363330;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 1;
}

/* Desktop: alle USP's naast elkaar */
@media (min-width: 768px) {

    #header .l4us li {
        position: static;
        width: auto;
        padding: 0 19px;
        opacity: 1;
        transform: none;
        animation: none;
        transition: none;
    }

    #header .l4us li + li {
        border-left: 1px solid rgba(54, 51, 48, .28);
    }
}

/* Mobiel: automatisch wisselende USP's */
@media (max-width: 1199px) {

    #header .l4us {
        overflow: hidden;
        font-size: 12px;
    }

    #header .l4us li {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 28px;
        padding: 0 8px;
        box-sizing: border-box;
        opacity: 0;
        transform: translateX(18px);
        animation: bjoetiekjeSlide 16s linear infinite;
    }

    #header .l4us li:nth-child(1) {
        animation-delay: 0s;
    }

    #header .l4us li:nth-child(2) {
        animation-delay: -12s;
    }

    #header .l4us li:nth-child(3) {
        animation-delay: -8s;
    }

    #header .l4us li:nth-child(4) {
        animation-delay: -4s;
    }
}

/* Mobiele animatie: 4 seconden per USP */
@keyframes bjoetiekjeSlide {
    0% {
        opacity: 0;
        transform: translateX(18px);
    }

    3% {
        opacity: 1;
        transform: translateX(0);
    }

    22% {
        opacity: 1;
        transform: translateX(0);
    }

    25%, 100% {
        opacity: 0;
        transform: translateX(-18px);
    }
}

/* Bewegingsvoorkeur respecteren */
@media (prefers-reduced-motion: reduce) {

    #header .l4us li {
        animation: none !important;
        transform: none !important;
    }

    @media (max-width: 767px) {
        #header .l4us li {
            opacity: 0;
        }

        #header .l4us li:first-child {
            opacity: 1;
        }
    }
}

/* Oude marquee verbergen */
.cms-block.marquee {
    display: none;
}

/* ==========================================
   BJOETIEKJE - HERO SLIDER
   ========================================== */
@media (max-width: 1200px){
.flexslider .slides img {
    height: 300px !important;
    object-fit: cover;
}
}
@media (min-width: 1200px){
.flexslider .slides img {
    height: 575px !important;
    object-fit: cover;
}
}
.flexslider .caption-description .slide-text {
top: unset !important;
}
.bjo-hero-title, .bjo-hero-description {
text-transform: none !important;
}

.slide-text:has(.bjo-hero-content) {
    display: flex;
    align-items: center;
    height: 100%;
    text-align: left;
}

.bjo-hero-content {
    width: 100%;
    max-width: 520px;
    padding: 25px 0;
    color: #363330;
}

/* Kleine bovenregel */
.bjo-hero-eyebrow {
    margin-bottom: 15px;
    font-family: 'Jost', sans-serif;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #363330;
}

/* Hoofdtitel */
.bjo-hero-title {
    margin: 0 0 18px;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(32px, 3.2vw, 48px);
    font-weight: 400;
    line-height: 1.18;
    letter-spacing: -0.7px;
    color: #363330;
}

/* Beschrijving */
.bjo-hero-description {
    max-width: 410px;
    margin: 0 0 25px;
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: #363330;
}

/* Button */
.bjo-hero-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 12px 25px;
    border: 1px solid #C58F85;
    border-radius: 30px;
    background: #C58F85;
    color: #FFFFFF !important;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none !important;
    text-transform: none;
    transition: background .2s ease,
                border-color .2s ease;
}

.bjo-hero-button:hover {
    background: #363330;
    border-color: #363330;
    color: #FFFFFF !important;
}

.bjo-hero-button span {
    font-size: 19px;
    line-height: 1;
}

/* ==========================================
   TABLET
   ========================================== */

@media (min-width: 768px) and (max-width: 1199px) {

    .bjo-hero-content {
        max-width: 420px;
    }

    .bjo-hero-title {
        font-size: 36px;
    }

    .bjo-hero-description {
        font-size: 14px;
        max-width: 350px;
    }
}

/* ==========================================
   MOBIEL
   ========================================== */

@media (max-width: 767px) {

    .slide-text:has(.bjo-hero-content) {
        align-items: flex-start;
        text-align: left;
    }

    .bjo-hero-content {
        max-width: 90%;
        padding: 20px 0;
    }

    .bjo-hero-eyebrow {
        font-size: 9px;
        letter-spacing: 1.2px;
        margin-bottom: 10px;
    }

    .bjo-hero-title {
        font-size: clamp(25px, 7vw, 32px);
        line-height: 1.2;
        letter-spacing: -0.3px;
        margin-bottom: 12px;
    }

    .bjo-hero-description {
        max-width: 300px;
        font-size: 13px;
        line-height: 1.5;
        margin-bottom: 17px;
    }

    .bjo-hero-button {
        padding: 10px 17px;
        font-size: 12px;
        gap: 12px;
    }
}
/*EINDE HERO SLIDER*/


/* ==========================================
   BJOETIEKJE - OVER ALICE
   ========================================== */

/* Modulebasis */
#cpcmsbanner3_block1,
#cpcmsbanner3_block1 .left-side.main-content,
#cpcmsbanner3_block1 .cms_content {
    position: relative;
    float: none;
    width: 100%;
    max-width: none;
    height: auto;
    margin: 0;
    padding: 0;
    background: transparent;
    box-sizing: border-box;
}

/* Desktop: drie kolommen */
#cpcmsbanner3_block1 .bjo-about {
    display: grid;
    grid-template-columns: 32% minmax(0, 1fr) 24%;
    align-items: center;
    gap: 32px;
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
    padding: 35px 20px;
    box-sizing: border-box;
}

/* ==========================================
   FOTO ALICE - VERHOUDING 4:5
   ========================================== */

#cpcmsbanner3_block1 .bjo-about-photo {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 5;
    overflow: hidden;
    background: #FAF8F5;
}

#cpcmsbanner3_block1 .bjo-about-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}

/* ==========================================
   PERSOONLIJK VERHAAL
   ========================================== */

#cpcmsbanner3_block1 .bjo-about-story {
    min-width: 0;
    text-align: left;
}

/* Slogan */
#cpcmsbanner3_block1 .bjo-about-eyebrow {
    margin: 0 0 13px;
    color: #C58F85;
    font-family: 'Jost', sans-serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.7px;
    line-height: 1.5;
    text-transform: uppercase;
}

/* Titel */
#cpcmsbanner3_block1 .bjo-about-title {
    margin: 0 0 17px;
    color: #363330;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: -0.5px;
    text-transform: none !important;
}

/* Beschrijving */
#cpcmsbanner3_block1 .bjo-about-story p {
    margin: 0 0 12px;
    color: #363330;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0;
    text-align: left;
    text-transform: none !important;
}

/* ==========================================
   BUTTON
   ========================================== */

#cpcmsbanner3_block1 .bjo-about-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    margin-top: 10px;
    padding: 11px 24px;
    border: 1px solid #C58F85;
    border-radius: 30px;
    background: #C58F85;
    color: #FFFFFF !important;
    font-family: 'Jost', sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none !important;
    text-transform: none !important;
}

#cpcmsbanner3_block1 .bjo-about-button:hover {
    background: #C58F85;
    border-color: #C58F85;
    color: #FFFFFF !important;
}

#cpcmsbanner3_block1 .bjo-about-button span {
    font-size: 18px;
    line-height: 1;
}

/* ==========================================
   USP'S RECHTS
   ========================================== */

#cpcmsbanner3_block1 .bjo-about-benefits {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 23px;
    padding: 25px 18px;
    background: #FAF8F5;
    box-sizing: border-box;
}

#cpcmsbanner3_block1 .bjo-about-benefit {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
    text-align: left;
}

/* Iconen */
#cpcmsbanner3_block1 .bjo-about-benefit svg {
    display: block;
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    fill: none;
    stroke: #363330;
    stroke-width: 1.3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* USP titels */
#cpcmsbanner3_block1 .bjo-about-benefit strong {
    display: block;
    margin: 0 0 4px;
    color: #363330;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    text-transform: none;
}

/* USP subtitels */
#cpcmsbanner3_block1 .bjo-about-benefit span {
    display: block;
    color: #77716D;
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    text-transform: none;
}

/* ==========================================
   TABLET - 768px T/M 1199px
   ========================================== */

@media (min-width: 768px) and (max-width: 1199px) {

    #cpcmsbanner3_block1 .bjo-about {
        grid-template-columns: 38% minmax(0, 1fr);
        gap: 25px;
        padding: 30px 20px;
    }

    #cpcmsbanner3_block1 .bjo-about-title {
        font-size: 30px;
    }

    /* USP's onder foto en verhaal */
    #cpcmsbanner3_block1 .bjo-about-benefits {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 15px;
        padding: 20px;
    }

    #cpcmsbanner3_block1 .bjo-about-benefit {
        gap: 9px;
    }

    #cpcmsbanner3_block1 .bjo-about-benefit strong {
        font-size: 14px;
    }

    #cpcmsbanner3_block1 .bjo-about-benefit span {
        font-size: 11px;
    }
}

/* ==========================================
   MOBIEL - T/M 767px
   ========================================== */

@media (max-width: 767px) {

    #cpcmsbanner3_block1 .bjo-about {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
        padding: 25px 15px;
    }

    /* Foto blijft staand */
    #cpcmsbanner3_block1 .bjo-about-photo {
        aspect-ratio: 4 / 5;
    }

    #cpcmsbanner3_block1 .bjo-about-eyebrow {
        margin-bottom: 10px;
        font-size: 9px;
        letter-spacing: 1.3px;
    }

    #cpcmsbanner3_block1 .bjo-about-title {
        margin-bottom: 14px;
        font-size: 29px;
    }

    #cpcmsbanner3_block1 .bjo-about-story p {
        font-size: 13px;
        line-height: 1.6;
    }

    #cpcmsbanner3_block1 .bjo-about-button {
        padding: 11px 21px;
        font-size: 13px;
    }

    /* USP's in twee kolommen */
    #cpcmsbanner3_block1 .bjo-about-benefits {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px 12px;
        padding: 20px 12px;
    }

    #cpcmsbanner3_block1 .bjo-about-benefit {
        flex-direction: column;
        align-items: center;
        gap: 7px;
        text-align: center;
    }

    #cpcmsbanner3_block1 .bjo-about-benefit strong {
        font-size: 14px;
    }

    #cpcmsbanner3_block1 .bjo-about-benefit span {
        font-size: 11px;
    }
}


/* ==========================================
   BJOETIEKJE - LAKSHMI & KRX BANNERS
   ========================================== */

/* Afbeelding als basis */
#cpcmsbanner2_block1 .cms_content {
    position: relative;
    overflow: hidden;
}

/* Subtiele gradient onderaan voor contrast */
#cpcmsbanner2_block1 .cms_content::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        transparent 30%,
        rgba(30, 25, 23, 0.15) 55%,
        rgba(30, 25, 23, 0.55) 100%
    );
    pointer-events: none;
    z-index: 1;
}

/* Tekst en button boven de gradient */
#cpcmsbanner2_block1 .cms-block {
    position: absolute;
    z-index: 2;
}

/* Elegante witte titels */
#cpcmsbanner2_block1 .offer-text2 {
    color: #FFFFFF !important;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: clamp(24px, 2.5vw, 36px);
    font-weight: 500;
    line-height: 1.2;
    text-transform: none !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}

/* Buttons */
#cpcmsbanner2_block1 .offer-button a {
    display: inline-block;
    padding: 10px 23px;
    border-radius: 30px;
    background: #C58F85;
    color: #FFFFFF !important;
    font-family: 'Jost', sans-serif;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    text-transform: none !important;
}

/* Mobiel */
@media (max-width: 767px) {
    #cpcmsbanner2_block1 .offer-text2 {
        font-size: 25px;
        line-height: 1.2;
    }

    #cpcmsbanner2_block1 .offer-button a {
        padding: 9px 19px;
        font-size: 12px;
    }
}

/* BUNDEL MODULE */
.card.cart-summary {
    padding-left: 1rem;
    padding-right: 1rem;
}
.summary-customization.details-shown > .customization-details {
  display: none !important;
}
.add {
  width: 100%;
}
.wk-bundle-border.wk-bundle-sub-product>div:nth-child(2),
.wk-sub-product-title,
p.control-label.wk-bp-custom-margin-t.wk-bp-custom-margin-b,
.wk-product-quantity.clearfix,
span.wk_section_header,
i.material-icons.zoom-in,
.wk-section-right-block,
.wk-section-right-block-top,
.wk_plus_symbol_grid {
  display: none !important;
}

.wk-bundle-border.wk-bundle-sub-product>div:nth-child(4) {
  display: flex;
  flex-direction: row;
}

.card.card-block>.row.wk-row-margin>.col-md-6 {
  width: 100%;
  margin-top: 1rem;
}

.wk-bp-custom-margin-2-b.wk-bp-custom-margin-2-t {
  display: flex;
  flex-direction: row;
}

.wk-bp-custom-margin-2-b.wk-bp-custom-margin-2-t>strong {
  order: 1;
}

.wk-bp-custom-margin-2-b.wk-bp-custom-margin-2-t>.wk-product-actions.wk-bp-custom-margin-t {
  order: 2;
  margin-right: 0.5rem !important;
  min-width: 15rem;
}

.wk-bp-custom-margin-2-b.wk-bp-custom-margin-2-t>.wk-bp-custom-margin-t {
  order: 3;
}

.wk-images-container {
  width: 25%;
  margin-right: 0.5rem;
}

.wk-bundle-product-select .wk-select-sub-product {
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

div[id^="wk-product-description-short-"][itemprop="description"] {
  font-size: 0 !important;
  line-height: unset;
  margin-left: 1rem !important;
}

div[id^="wk-product-description-short-"][itemprop="description"] strong {
  font-size: 16px !important;
}

select.form-control.form-control-select.wk-bp-grid-dropdown {
  border: unset;
}

.wk-bp-grid-dropdown {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: none !important;
}

.product-id-category-137>#page>#wrapper>.columns>#columns_inner>#content-wrapper>#main>.row>.col-md-5>.page-content>.product-leftside>.images-container>.js-qv-mask {
  display: none;
}

.wk-padding-point-5 {
  padding-top: unset;
}

.wk-bundle-border-img {
  border: unset;
}

/* Desktop */
@media (min-width: 768px) {
  .product-id-category-137 .product-page.product-container.js-product-container {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start;
  }

  .product-id-category-137>#page>#wrapper>.columns>#columns_inner {
    display: flex;
    flex-direction: row;
  }

  .product-id-category-137>#page>#wrapper>.columns>#columns_inner>#content-wrapper {
    width: 48% !important;
  }

  .product-id-category-137 .product-page.product-container.js-product-container > .col-md-5 {
    flex: 0 0 90% !important;
    max-width: 90% !important;
    float: none !important;
  }

  .product-id-category-137 .product-page.product-container.js-product-container > .col-md-7 {
    flex: 0 0 75% !important;
    max-width: 75% !important;
    float: none !important;
  }

  .product-id-category-137>#page>#wrapper>.columns>#columns_inner>#content-wrapper>#main>.row>.col-md-5>.page-content>.images-container>.product-cover>.zoomWrapper {
    width: 100% !important;
  }
}

/* Bundel Module - Mobile */
@media (max-width: 767px) {
  .product-id-category-137>#page>#wrapper>.columns>#columns_inner>.col-md-7>.product-information>.product-short-description {
    display: none;
  }
.wk-row-margin {
  width: 106%;
  }
  
  .card-block {
    padding: unset !important;
    margin-top: 1rem;
  }

  .wk-bundle-border.wk-bundle-sub-product>div:nth-child(4) {
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    width: 100%;
    padding-left: 0px;
  }

  .wk-bundle-border.wk-bundle-sub-product>div:nth-child(4)>.wk-images-container {
    display: block !important;
    flex: 0 0 65px !important;
    width: 65px !important;
    min-width: 65px !important;
    height: 95px !important;
    margin-right: 0 !important;
    overflow: visible;
  }

  .wk-bundle-border.wk-bundle-sub-product > div:nth-child(4) > .wk-images-container .wk-product-cover {
    height: 100%;
  }

  .wk-bundle-border.wk-bundle-sub-product > div:nth-child(4) > .wk-images-container img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    transform: scale(1.45);
    transform-origin: center center;
    pointer-events: none !important;
  }

  .wk-bp-custom-margin-2-b.wk-bp-custom-margin-2-t {
    flex: 1 1 auto;
    min-width: 0;
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
  }

  .wk-bp-custom-margin-2-b.wk-bp-custom-margin-2-t > .wk-product-actions.wk-bp-custom-margin-t {
    min-width: 11rem !important;
    width: auto;
    flex: 1 1 auto;
    margin-right: 0.35rem !important;
    position: relative;
    z-index: 5;
  }

  .wk-bp-custom-margin-2-b.wk-bp-custom-margin-2-t > .wk-bp-custom-margin-t {
    flex: 0 0 auto;
    margin-left: 0.35rem !important;
    white-space: nowrap;
  }

  div[id^="wk-product-description-short-"][itemprop="description"] strong {
    font-size: 12px !important;
  }

  .wk-bundle-product-select .wk-select-sub-product,
  .wk_attr_onchange {
    width: 100%;
    max-width: 100%;
    font-size: 14px;
    color: #000;
    text-transform: none;
    position: relative;
    z-index: 5;
  }

  .wk-bundle-border.wk-bundle-sub-product > div:nth-child(3) {
    padding-bottom: unset;
  }

  .images-container.js-images-container {
    margin-bottom: 1rem;
  }
    select.form-control.form-control-select.wk-bp-grid-dropdown{
    padding-right: 1rem !important;
  }
}

/* Tablet / kleine desktop fix */
@media (min-width: 768px) and (max-width: 1199px) {
  .product-id-category-137 > #page > #wrapper > .columns > #columns_inner {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 1.5rem;
  }

  .product-id-category-137 > #page > #wrapper > .columns > #columns_inner > #content-wrapper {
    flex: 0 0 55% !important;
    width: 55% !important;
    max-width: 55% !important;
  }

  .product-id-category-137 > #page > #wrapper > .columns > #columns_inner > .col-md-7 {
    flex: 0 0 calc(45% - 1.5rem) !important;
    width: calc(45% - 1.5rem) !important;
    max-width: calc(45% - 1.5rem) !important;
  }

  .product-id-category-137 .product-page.product-container.js-product-container > .col-md-5 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  .product-id-category-137 .wk-bp-custom-margin-2-b.wk-bp-custom-margin-2-t > .wk-product-actions.wk-bp-custom-margin-t {
    min-width: 12rem !important;
  }
}
/*Einde bundel*/
/*PRODUCT ACCORDEON*/
/*productpagina accordion*/
.product-accordion details {
  border: 1px solid #bdbdbd;
  background: transparent; /* belangrijk */
}

.product-accordion summary {
  list-style: none;
  cursor: pointer;
  padding: 18px 16px;
  font-size: 15px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;

  background: #c58f856e;
}

.product-accordion summary::-webkit-details-marker {
  display: none;
}

.product-accordion summary::after {
  content: "+";
  font-size: 24px;
  margin-left: 16px;
  font-weight: 400;
}

.product-accordion details[open] summary::after {
  content: "−";
}

.product-accordion .accordion-content {
  background: #FAF8F5 !important;
  padding: 16px;
}
/*CREDITCARD*/
.mollie-signature {
    display: none;
}
.mollie-credit-card-inputs {
    display: flex;
    flex-direction: column;
}
.form-group.form-group-expiry-date.creditcard {
    margin-bottom: 1rem;
}
#expiryDate {
  padding: 20px !important;
}
/*PRODUCT TABS*/
@media (max-width: 480px) {
    .tabs .nav-tabs .nav-item {
        width: 35% !important;
    }
}
*/STICKY ADD TO CART*/
@media (min-width: 1024px) {
#sticky-panier {
display: none !important;
}
}
/*TESTIMONIALS*/
.testimonial-img {
  display: none !important;
}
#cptestimonial>.owl-controls {
  display: none !important;
}
#cptestimonial>.owl-wrapper-outer>.owl-wrapper>.owl-item {
  justify-content: center !important;
}
.testimonial-block-part #spe_res {
height: 320px;
}
.testimonial-block-part {
background-image: unset !important;
background-color: #FAF8F5 !important;
padding: 0px !important;
}
#cptestimonial {
background-color: unset !important;
}
/*EINDE TESTIMONIAL*/
/* HUIDSPREKUUR ARTIKEL*/
.huidspreekuur-artikel {
  max-width: 920px;
}

.huidspreekuur-artikel-meta {
  display: inline-block;
  background: #E3CBC4;
  border: 1px solid #C58F85;
  color: #77716D;
  border-radius: 999px;
  padding: 0.45rem 0.9rem;
  font-size: 0.9rem;
  margin: 0 0 1rem;
}

.huidvraag-box {
  background: #E3CBC4;
  border: 1px solid #C58F85;
  border-radius: 24px;
  padding: 1.6rem;
  margin-bottom: 2.4rem;
}

.huidvraag-title {
  font-weight: 700;
  color: #000;
}

.huidspreekuur-artikel h2 {
  color: #C58F85;
  margin: 2rem 0 1rem;
}

.huidspreekuur-artikel h3 {
  color: #77716D;
  font-size: 1.15rem;
  margin: 1.7rem 0 0.5rem;
}

.huidspreekuur-artikel p {
  line-height: 1.8;
}

.huidspreekuur-note {
  background: #E3CBC4;
  border-left: 4px solid #EEA7AD;
  border-radius: 18px;
  padding: 1.2rem 1.4rem;
  margin: 1.8rem 0;
}

.huidspreekuur-note p {
  margin: 0;
}

.huidspreekuur-signature {
  margin-top: 2rem;
  font-weight: 600;
}
.huidspreekuur-kennisbanken {
  background: #E3CBC4;
  border: 1px solid #C58F85;
  border-radius: 28px;
  padding: 2rem;
  margin-bottom: 1.8rem;
  box-shadow: 0 14px 34px rgba(99, 99, 99, 0.07);
}

.kennisbanken-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.2rem;
  margin-top: 1.5rem;
}

.kennisbank-card {
  background: #fff;
  border: 1px solid #f1c1c669;
  border-radius: 22px;
  padding: 1.5rem;
}

.kennisbank-card h3 {
  color: #C58F85;
  margin-bottom: 0.75rem;
}

.kennisbank-card p {
  color: #000;
  margin-bottom: 1rem;
}

.kennisbank-card a {
  color: #C58F85;
  font-weight: 700;
  text-decoration: none;
}

.kennisbank-card a:hover {
  color: #77716D;
}
/*EINDE SPREEKUUR*/