/* cart page  */
#cart-page{
  min-height: 50vh;
}

/* cart  */
.btn.back-btn{
  background: #1f2b2e;
  color: white;
  display: flex;
  gap: 8px;
  width: fit-content;
  padding: 12px 14px;
  padding-right: 20px;
  font-size: 16px;
  font-weight: 500;
  align-items: center;
}

.btn.back-btn .icon{
  font-size: 22px;
}

.main-cart{
  display: grid;
  gap: 32px;
}

.main-cart .title{
  margin: 0;
}

.sm-cart{
  display: flex;
  gap: 16px;
}

.sm-cart__products{
  flex: 2;
}

.sm-cart__products form{
  margin-bottom: 52px;
}

.sm-cart__totals{
  flex: 1;
  max-width: 380px;
}

.sm-cart .cart-product{
  /* background: #F2F2F2; */
  display: grid;
  align-items: center;
  gap: 1rem;
  grid-template-columns: 1fr 6.5fr 1fr 1fr .5fr;
}

.sm-cart .cart-products {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.sm-cart .cart-product{
  padding: 16px;
}

.sm-cart .cart-product .product-title{
  font-family: Montserrat;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
}

.sm-cart .input-wrap {
  display: flex;
  align-items: center;
  padding: 8px 8px 8px 10px;
  background: #ecf0f1;
  height: 50px;
  width: fit-content;
  flex-direction: row;
}

.sm-cart .input-wrap .custom-input:focus-visible,
.sm-cart .input-wrap .custom-input{
  border: none;
  outline: none;
}
.sm-cart .input-wrap .custom-input{
  width: 30px;
  background: none;
}

.sm-cart .input-wrap .change a{
  display: flex;
  width: 22px;
  height: 22px;
  justify-content: center;
  background: none;
  border: none;
  position: relative;
  padding: 0;
}

.sm-cart .input-wrap .change{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.sm-cart .variant{
  color: #4B4B4B;
  font-weight: 400;
}

.sm-cart .extra-info li{
  position: relative;
  margin-left: 10px;
}

.sm-cart .extra-info li::before{
  content: '';
  position: absolute;
  display: block;
  width: 4px;
  height: 4px;
  background: gray;
  border-radius: 50%;
  top: 8px;
  left: -10px;
}

.btn.to-checkout{
  background: #1f2b2e;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  font-family: Montserrat;
  font-weight: 500;
  font-size: 16px;
}

.sm-cart .totals-wrap{
  display: grid;
  gap: 8px;
}

.sm-cart .totals-wrap .total-prices{
  border-collapse: separate;
  border-spacing: 0 16px; 
}

.sm-cart .totals-wrap .total-prices tbody tr td:first-of-type{
  font-weight: bold;
}

.sm-cart .discount-wrap{
  display: flex;
  align-items: center;
  gap: 8px;
}

.sm-cart .discount-wrap a{
  display: flex;
  font-weight: 500;
}

.sm-cart .spacer {
  display: flex;
  width: 100%;
  height: 1px;
  background: #EEEEEE;
}

.sm-cart .discount-code{
  font-weight: 400;
}

/* .add-discount-toggle{
  display: none;
} */

.sm-cart .add-discount{
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
}

.add-discount-wrap label{
  color: red;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  width: fit-content;
}

#open-discount{
  display: none;
}

.add-discount-toggle .custom-input{
  box-sizing: border-box;
  height: 40px;
  border: 1px solid #ebebeb;
  outline: none;
  padding: 0px 20px;
  width: 100%;
}

.add-discount-toggle .btn {
  background: #1f2b2e;
  color: white;
  display: flex;
  align-items: center;
  width: 100%;
  align-items: center;
  justify-content: center;
  max-width: 150px;
}

.add-discount-wrap:has(#open-discount:checked) .add-discount-toggle{
  display:flex;
}

.sm-cart .total-prices tr td:last-of-type{
  text-align: end;
}

.sm-cart .delete-wrap{
  display: flex;
  justify-content: end;
}

.info-bottom--mobile{
  display: none;
}

.cart-slider{
  width: 100%;
    overflow: hidden;
}
.cart-slider .page.page-1{
  margin-left: -15px;
}


@media(max-width: 1200px){
  .sm-cart{
    gap: 50px;
  }
}

@media(max-width: 991px){
  .sm-cart{
    flex-direction: column;
    margin-bottom: 32px;
  }

  .sm-cart .sm-cart__totals{
    max-width: 100%;
  }
}

@media(max-width: 767px){
  .info-bottom--mobile{
    display: flex;
  }
  .info-bottom--desktop{
    display: none;
  }

  .sm-cart .cart-product {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 0.5fr;
    grid-template-rows: 1fr 2fr 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding: 8px 16px;
  }
  
  .sm-cart .item-price {
    text-align: end;
  }

  .sm-cart .quantity{
    display: flex;
    justify-content: end;
  }
    
  .cart-product .info { grid-area: 1 / 1 / 2 / 5; }         /* van 1 t/m 4 */
  .cart-product .image{ grid-area: 2 / 1 / 3 / 2; }         /* blijft hetzelfde */
  .cart-product .quantity{ grid-area: 2 / 2 / 3 / 3; }      /* van kolom 2 naar 3 */
  .cart-product .item-price{ grid-area: 2 / 3 / 3 / 4; }    /* van kolom 3 naar 4 */
  .cart-product .delete-wrap{ grid-area: 2 / 4 / 3 / 5; }   /* laatste kolom */
  .cart-product .info-bottom{ grid-area: 3 / 1 / 4 / 5; }   /* van 1 t/m 4 */

  .sm-cart .add-discount{
    /* flex-direction: column; */
    margin-top: 8px;
  }
}

.upsell-products{
  margin-top: 16px;
  margin-bottom: 32px;
}

.no-products{
  margin-bottom: 32px;
}

#aw-box-k6011342df315ad59a2ea8b52{
  margin-top: 16px;
}

#cart-page .total-block .shipping-costs-wrap .radio-block .radio-wrap label{
  cursor: pointer;
}

#cart-page .total-block .shipping-costs-wrap .radio-block .radio-wrap label:hover::before {
  background-color: #2ecc71;
}

/* new homepage  */
body #header .main-header {
  padding: 10px 0px;
}

body #header .main-header .logo img{
  max-height: 60px;
  object-fit: contain;
  margin-top: 8px;
}

#header .topbar .right{
  float: right;
}

.main-header-inner{
  display: flex;
  align-items: center;
  gap: 8px;
}

#header .open-menu-wrap a.open-menu{
  background: none;
  font-size: 24px;
}

.main-header-inner .open-menu-wrap{
  display: none;
}

.main-menu{
  display: block;
}

#header .main-header.fixed{
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 7999;
}

@media(max-width: 1200px){
  .main-header-inner .open-menu-wrap{
    display: flex;
  }
  .main-menu{
    display: none;
  }

  body .mobile-menu .mobile-main-menu ul li a{
    color: white;
  }

}
@media(max-width: 991px){
  .mob-search-wrap{
    padding: 4px 0;
  }
}

@media(max-width: 767px){
  body #header .topbar .right.center-mobile{
    float: none;
  }

  body #header .main-header .logo img{
    max-height: 42px;
  }

  body #header .main-header .logo{
    width: 100%;
  }
}







.custom-home-products .owl-stage{
  padding-left:0px !important;
}

@media(max-width:767px){
  .custom-home-products .owl-stage{
    padding-left:0px !important;
  }
}


/* home tabs  */
.custom-home-products .home-products-top{
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
  height: 45px;
}

.custom-home-products .more-btn{
  display: flex;
  align-items: center;
  justify-content: center;
}

.more-btn.more-blogs{
  margin-top: 30px;
}


.custom-home-products .home-products-top ul li{
  display: flex;
  align-items: center;
}

.custom-home-products .home-products-top ul{
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
  gap: 16px;
}

.custom-home-products .home-products-top ul a{
  font-size: 24px;
  font-weight: 600;
}

.custom-home-products .home-products-top ul .active a,
.custom-home-products .home-products-top ul li:not(.active) a:hover,
.custom-home-products .home-products-top ul a:hover{
  color: #00737a;
  text-decoration: underline;
}

.custom-home-products .home-products-top ul li:not(.active) a{
  color: #00000066;
}

.custom-home-products .page {
  display: none;
}

.custom-home-products .page.active {
  display: block;
}

.custom-home-products .products .product{
  width: 100%;
}

.custom-arrows {
  display: flex;
  gap: 16px;
  align-items: center;
}

.icon-chevron-left,
.icon-chevron-right {
  cursor: pointer;
  font-size: 30px;
  color: #000;
}

.icon-chevron-left:hover,
.icon-chevron-right:hover {
  color: #00737a;
}


body .block-padding{
  padding-top: 32px;
  padding-bottom: 32px;
}
body .block-padding-top{
  padding-top: 32px;
}
body .block-padding-bottom{
  padding-bottom: 32px;
}

@media(max-width: 991px){
  body .block-padding{
    padding-top: 16px;
    padding-bottom: 16px;
  }
  body .block-padding-top{
    padding-top: 16px;
  }
  body .block-padding-bottom{
    padding-bottom: 16px;
  }

}


.page{
  opacity: 0;
  animation: fadeIn .5s ease-in-out .5s forwards;
}

/* homepage cats  */

.banners-wrap .banners {
  padding: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.banners .banner-1, .banners .banner-2, .banners .banner-3, .banners .banner-4,.banners .banner-5, .banners .banner-6, .banners .banner-7, .banners .banner-8{
  height: 250px !important;
}

.banners .banner {
  border: 1px solid #4f8d9100;
  transition: all .3s ease;
}

.banners .banner:hover {
  -moz-box-shadow: 0 0 10px -1px rgba(79, 141, 145, 0.8);
  -webkit-box-shadow: 0 0 10px -1px rgba(79, 141, 145, 0.8);
  box-shadow: 0 0 10px -1px rgba(79, 141, 145, 0.8);
  transform: scale(1.005);
  border: 1px solid #4f8d91;
  transition: all .3s ease;
}

/* home blog  */
.home-blog .article .link a{
  color: #00737a;
}

.home-blog-title{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.home-blog-title h2{
  margin: 0;
}

.blog-carousel .owl-nav {
  display: none;
}

.home-blog .article{
  padding: 0 !important;
}

.home-blog .article .link {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.05em;
  color: #a1b4b3;
  transition: ease all .3s;
}

.home-blog .article .image{
  border: 1px solid #4f8d9100;
  transition: all .3s ease;
}

.home-blog .article .article-inner:hover .date{
  transition: ease all .3s;
}

.home-blog .article .article-inner:hover .date,
.home-blog .article .article-inner:hover .link{
  color: #00737a;
}

.home-blog .article .article-inner:hover .image{
  -moz-box-shadow: 0 0 10px -1px rgba(79, 141, 145, 0.8);
  -webkit-box-shadow: 0 0 10px -1px rgba(79, 141, 145, 0.8);
  box-shadow: 0 0 10px -1px rgba(79, 141, 145, 0.8);
  border: 1px solid #4f8d91;
}

.home-content .products .product:hover .product-wrap{
  -moz-box-shadow: 0 0 10px -1px rgba(79, 141, 145, 0.3);
  -webkit-box-shadow: 0 0 10px -1px rgba(79, 141, 145, 0.3);
  box-shadow: 0 0 10px -1px rgba(79, 141, 145, 0.3);
}
/* end new homepage  */

/* vacature  */
  .vacatures{
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  
  .vacature{
    border: 1px solid #a1b4b3;
    border-radius: 10px;
    padding: 24px;
    cursor: pointer;
    font-weight: inherit;
    transition: ease all .3s;
    width: 100%;
  }

  .vacature:has(input:checked){
    cursor: auto;
  }

  .vacature:has(input:checked),
  .vacature:hover{
    border-color: #00737a;
    -webkit-box-shadow: 0 0 10px -1px rgba(79, 141, 145, 0.8);
    box-shadow: 0 0 10px -1px rgba(79, 141, 145, 0.8);
  }

  .vacature-title{
    color: #00737a;
    margin: 0;
  }
  
  .vacature:has(input:checked) .vacature-title{
    color: #00737a;
  }

  .vacature-subtitle{
    color: #a1b4b3;
    font-size: 16px;
  }

  .vacature-description{
    min-height: 40px;
    margin-top: 8px;
    opacity: 0;
    animation: fadeIn .5s ease-in-out .5s forwards;
  }

  .vacature-full{
    transition: ease all 2s;
    max-height: 0;
    overflow: hidden;
  }
  
  .vacature:has(input:checked) .vacature-full{
    max-height: 9000px;
    overflow: hidden;
  }

  .vacature input{
    display: none;
  }

  .vacature .vacature-buttons{
    display: flex;
    gap: 8px;
    margin-top: 16px;
  }

  .vacature .vacature-buttons .btn:first-of-type{
    transition: ease all .3s;
    background: #4f8d91;
  }

  .vacature .vacature-buttons .btn:first-of-type:hover{
    background: #00737a;
  }

  .vacature .vacature-buttons .btn:last-of-type{
    transition: ease all .3s;
    background: none;
    border: 1px solid #4f8d91;
    color: #4f8d91;
  }

  .vacature .vacature-buttons .btn:last-of-type:hover{
    border: 1px solid #00737a;
    color: #00737a;
  }




/* end vacature */

/* updates  */
#cadeau-popup .products .product .image-wrap{
  display: flex;
  justify-content: center;
}

#cadeau-popup .products .product .image-wrap img{
  max-width: 300px;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}