/** Shopify CDN: Minification failed

Line 457:13 Expected identifier but found whitespace
Line 457:15 Unexpected "{"
Line 457:24 Expected ":"
Line 460:13 Expected identifier but found whitespace
Line 460:15 Unexpected "{"
Line 460:24 Expected ":"

**/

.product-card {
    border-radius: 12px;
    overflow: hidden;
    transition: all .3s ease;
    height: 100%;
     box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
}
product-list.product-list {
    padding: 20px 0;
}
.product-card:hover {
    transform: translateY(-4px)!important;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
        border-color: #5898b1;
}
.blog-post-card__info p.h3 {
    line-height: 0.8;
}
blog-post-card.blog-post-card img {
    aspect-ratio: 1;
}
.blog-post-card__info {
    padding: 20px;
    line-height: 0;
}
div#reviews {
    margin: 0;
}
blog-post-card.blog-post-card.snap-center.group {
    border: 1px solid #e5e5e5;
    border-radius: 12px;
    overflow: hidden;
    transition: all .3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap:5px;
}
blog-post-card.blog-post-card.snap-center.group:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .08);
}
.blog-post-card__info a {
    font-size: 16px;
}
.blog-posts {
    --blog-articles-gap: 2rem;
}
.fera-averageRating-average {
    gap: 6px!important;
}
.fera-stars-rating b {
    background-color: #ffb74a!important;
    color: #ffb74a!important;
}
.fera-reviews-header-row1 h1 {
    font-size: 44px;
    font-weight: 700;
    font-family: var(--heading-font-family)!important;
    font-style: var(--heading-font-style)!important;
    letter-spacing: var(--heading-letter-spacing)!important;
    text-transform: var(--heading-text-transform)!important;
}
.fera-review-heading {
    font-family: 'Barlow';
}
.fera-reviews-header-summary .fera-stars{
      --star-size: 20px;
}
.fera-reviews-masonry .fera-reviews-body-items>* {
    position: unset!important;
    width: 32.5%!important;
    transform: unset!important;
    border-radius:12px;
}

span.fera-averageRating-average-number.fera-hidden-xxs {
    font-size: 16px;
}
.fera-reviews-header .fera-btn,.fera-btn.fera-btn--block{
      border-radius: 3.75rem;
}

.product-card__figure {
    position: relative;
    overflow: hidden;
}

.product-card__image {
    transition: transform .4s ease;
}

.product-card:hover .product-card__image--primary {
    transform: scale(1.05);
}

.product-card__info {
    margin: 16px;
}
.collection-description .rich-text__wrapper .metafield-rich_text_field {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.collection-banner .store-rating{
display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.collection-banner .store-rating span.jdgm-star {
    color: #FFB74A;
}
.jdgm-widget.jdgm-widget.jdgm-cards-carousel {
    padding: 0;
    margin-bottom: 0;
}
.jdgm-widget.jdgm-cards-carousel .jdgm-content{
margin:0;
}
.section.collection-banner {
    padding-block-start: 40px;
}
collection-list.collection-list {
    padding: 10px 0;
}
.collection-card {
      transition: all .4s ease;
}
.collection-card:hover {
    transform: translateY(-8px);
}
.collection-card__content:first-child {
    margin-block-end: -3rem;
    background: linear-gradient(
        180deg,
        rgba(0,0,0,0.15),
        rgba(0,0,0,0.45)
    );
    padding: 12px 20px;
    border-radius: 14px;
}
.section.collection-description.expanded .metafield-rich_text_field {
    -webkit-line-clamp: unset;
}
a.content-toggle-btn {
    font-weight: bold;
}
.custom-scrollbar{
    display:none;
}
.button-svg {
    display: flex;
}
.product-info__price sale-price {
    font-size: 2rem;
    font-weight: bold;
}
.product-info__price compare-at-price {
    font-size: 1.4rem;
}
.product-info .product-info__variant-picker label.block-swatch {
    flex-direction: column;
    justify-content: center;
    height: auto;
    gap: 0;
}
.product-info  :checked+.block-swatch {
    background-color: #271466;
    color: #fff;
}

.product-info :checked+.block-swatch:before{
    opacity:0;
}
.product-info fieldset.variant-picker__option label.block-swatch {
    border-radius: 7px;
    padding: 8px 18px;
}
.product-info fieldset.variant-picker__option label.block-swatch span.option-value {
    font-weight: bold;
}
.product-info fieldset.variant-picker__option label.block-swatch span.addition-text {
    font-size: 12px;
}
.product-info .variant-picker__option-info {
    font-weight: bold;
    color: #000;
}
.product-info__block-item[data-block-id="title"] {
    margin-top: 0;
}
.product-info__vendor a {
    text-transform: uppercase;
    color: #271466;
    font-weight: bold;
    letter-spacing: 1px;
    opacity: 1;
}
.product-info__quantity-selector .block-label {
    display: none;
}
.quantity-button-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-info__buy-buttons {
    width: 100%;
}
.quantity-selector {
    border-radius: 15px !important;
    min-height: 60px;
}
.quantity-button-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}




/* Features-grid Section CSS Start */

.feature-grid-section {
  padding: 60px 0;
}
.feature-grid-small-heading {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #271466;
    font-weight: 700;
}
.feature-button-block {
    text-align: center;
}
.feature-grid-heading {
  font-size: 40px;
  font-weight: bold;
  line-height: normal;
  margin-bottom: 10px;
  color: #000;
}
.feature-card-icon img {
    width: 80px;
    height: auto;
    border-radius: 20px;
}
.feature-grid-subheading {
  font-size: 18px;
  color: #666;
  margin-bottom: 40px;
}
.feature-grid-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  margin-bottom: 40px;
}
.feature-card {
  background: #fff;
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 4px 18px rgb(0 0 0 / 15%);
  transition: all 0.3s ease;
}
.feature-card:hover {
  transform: translateY(-4px);
  opacity:0.8;
}
.feature-card-icon {
  margin-bottom: 25px;
}
.feature-card-title {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #000;
}
.feature-card-description {
  font-size: 16px;
  line-height: 1.5;
  color: #666;
}
.feature-grid-cta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  padding: 30px;
  border-radius: 1.5rem;
  flex-wrap: wrap;
  gap: 20px;
}
.feature-grid-cta-content h3 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 8px;
}
.feature-grid-cta-content p {
  color: #666;
  font-size: 16px;
}
.feature-grid-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 35px;
    background: #fff;
    color: #271466;
    border-radius: 30px;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: 0.3s ease;
    gap: 10px;
    border: 2px solid #271466;
}
.feature-grid-button:hover {
    background: #271466;
    color: #fff;
    transition: 0.3s ease;
}
.feature-grid-button:hover svg {
    stroke: #fff;
    transition: 0.3s ease;
}



/* overlay text banner Css Start */

.overlay-text-banner-section {
  width: 100%;
  padding: 60px 0;
}
.overlay-text-banner-section .page-width {
  max-width: 1200px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.overlay-text-banner-subheading {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #271466;
  font-weight: 700;
}
.overlay-text-banner-heading {
  font-size: 40px;
  font-weight: bold;
  line-height: normal;
  margin-bottom: 10px;
  color: #000;
}
.overlay-text-banner-content {
  font-size: 18px;
  color: #666;
  margin-bottom: 40px;
}
.overlay-text-banner-image-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
.overlay-text-banner-image {
  width: 100%;
  display: block;
  object-fit: cover;
  max-height: 500px;
}
.overlay-text-banner-overlay {
  position: absolute;
  top: 35%;
  right: 30px;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: flex-end;
  text-align: right;
}
.overlay-text-heading {
  font-weight: 800;
  line-height: 1.1;
  margin: 0;
}
.overlay-text-banner-image-wrapper:before {
  content: "";
  position: absolute;
  background-color: #ffffff50;
  width: 100%;
  height: 100%;
}



/* Problem Solution CSS Start */


.psr-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.psr-card {
  padding: 35px;
  border-left: 4px solid;
  border-radius: 20px;
  min-height: 220px;
  transition: all 0.3s ease;
}
.psr-card:hover {
  transform: translateY(-4px);
}
.psr-subheading {
  margin: 0 0 18px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  line-height: 1.2;
}
.psr-heading {
  margin-bottom: 10px;
  line-height: 1.3;
  font-weight: 700;
  color: #000;
  font-size: 18px;
}
.psr-content {
  font-size: 16px;
  line-height: 1.7;
  color: #5f6773;
}


/* Custom-comparison Section Css Start */

.dynamic-comparison {
  padding: 60px 0;
  background: {{ section.settings.section_bg }};
}
.dynamic-table th {
  background: {{ section.settings.header_bg }};
}
.comparison-dynamic-title {
    font-size: 40px;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 10px;
    color: #000;
}
.comparison-small-heading {
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #271466
    font-weight: 700;
}
.comparison-dynamic-subtitle {
    font-size: 18px;
    color: #666;
    margin-bottom: 40px;
}
.text-check {
  color: #2ecc71;
  font-weight: bold;
}
.text-cross {
  color: #e74c3c;
  font-weight: bold;
}
.text-neutral {
  color: #f39c12;
  font-weight: bold;
}
.dynamic-table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 10px;
  overflow: hidden;
}

.dynamic-table th {
  padding: 20px !important;
  color: #271466;
  text-align: left;
  font-size: 18px;
}
.dynamic-table td {
    padding: 20px !important;
    background: #fff;
    font-size: 18px;
    font-weight: bold;
}
.icon-check { color: #2ecc71; font-weight: bold; }
.icon-cross { color: #e74c3c; font-weight: bold; }
.icon-neutral { color: #f39c12; font-weight: bold; }


/* why-comfeur section css start */

.why-comfeur {
  background: #271466;
  padding: 60px 0;
  overflow: hidden;
}
.why-comfeur .page-width {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}
/* .why-comfeur__wrapper {
  display: grid;
  grid-template-columns: 1fr 720px;
  gap: 80px;
  align-items: center;
} */
.why-comfeur__subheading {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  font-weight: 700;
}
.why-comfeur__heading {
  font-size: 40px;
  font-weight: bold;
  line-height: normal;
  margin-bottom: 10px;
  color: #fff;
}
.why-comfeur__description {
  font-size: 18px;
  color: #fff;
  margin-bottom: 40px;
}
/* .why-comfeur__features {
  display: flex;
  flex-direction: column;
  gap: 28px;
} */
.why-comfeur__feature {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}
.why-comfeur__feature-icon {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 14px;
  background: rgba(255,255,255,0.12);
  display: flex;
  align-items: center;
  justify-content: center;
}
.why-comfeur__feature-icon img {
  width: 22px;
  height: 22px;
  object-fit: contain;
}
.why-comfeur__feature-content h4 {
  margin: 0 0 5px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
}
.why-comfeur__feature-content p {
  margin: 0;
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
}
.why-comfeur__right {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.why-comfeur__stat-box {
  background: rgb(255 255 255 / 6%);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 20px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  transition: all 0.3s ease;
}
.why-comfeur__stat-box:hover {
  transform: translateY(-4px);
  background: rgba(255,255,255,0.14);
}
.why-comfeur__stat-icon {
  margin-bottom: 12px;
}
.why-comfeur__stat-icon img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  margin: auto;
}
.why-comfeur__stat-box h3 {
  margin: 0 0 10px;
  color: #fff;
  font-size: 42px;
  font-weight: 800;
  line-height: 1;
}
.why-comfeur__stat-box p {
  margin: 0;
  color: rgba(255,255,255,0.75);
  font-size: 16px;
  line-height: 1.5;
}


/* Faq Sidebar Section */

.faq-section {
  padding: 60px 0;
  background: #f5f5f5;
}
.faq-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 50px;
}
.right-faq-icon {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.faq-right-icon-block {
  width: 40px;
  height: 40px;
  background-color: #f3edf9;
  padding: 10px;
  border-radius: 10px;
}
.info-card-heading {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}
.faq-icon {
  color: #fff;
  background-color: #271466;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
.faq-label {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #271466;
  font-weight: 700;
}
.faq-left h2 {
  font-size: 40px;
  font-weight: bold;
  line-height: normal;
  margin-bottom: 10px;
  color: #000;
}
.faq-item { border-bottom:1px solid #ddd; }
.faq-question {
  width: 100%;
  padding: 20px 0;
  background: none;
  border: none;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  font-size: 20px;
  line-height: normal;
  font-weight: bold;
}
.faq-answer {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: all 0.6s ease;
  padding: 0;
  color: #666;
}
.faq-item.active .faq-answer {
  max-height: 500px; 
  opacity: 1;
  transition: all 0.6s ease;
  padding-bottom: 15px;
}
.info-card {
  background: #fff;
  padding: 25px;
  box-shadow: 0 4px 18px rgb(0 0 0 / 15%);
  border-radius: 20px;
}
.info-item {
  display:flex;
  gap:12px;
  margin-bottom:15px;
}
.info-icon {
  font-size:18px;
}
.info-text strong {
  display: block;
  font-size: 16px;
}
.info-text p {
  font-size: 16px;
  color: #666;
  margin: 5px 0 0;
}
.faq-right-cta-btn {
  margin-top: 20px;
  padding: 14px;
  text-align: center;
  background: #271466;
  color: #fff;
  border-radius: 30px;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}


/* Promo Banner Section CSS */

.promo-box {
  background: #271466;
  border-radius: 24px;
  padding: 40px;
  color: #fff;
  display: flex;
  justify-content: space-between;
  gap: 50px;
  align-items: center;
}
.custom-variant-picker__option-values{
  justify-content: center;
  gap: 20px;
  margin-bottom: 20px;
  flex-wrap: unset;
}
.promo-wrapper label.block-swatch {
  height: auto;
  gap: 0;
  background-color: transparent;
  font-size: 14px !important;
  width: 100%;
  padding: 10px;
  border: 2px solid #f3edf9;
  border-radius: 10px;
  flex-direction: column;
}
.custom-variant-picker__option-values :checked+.block-swatch {
  background-color: #f3edf92b;
}
.promo-wrapper .block-swatch:before {
  box-shadow: unset;
}
.promo-wrapper .block-swatch__color {
  display: none;
}
.promo-left {
  width: 100%;
  max-width: 60%;
}
.promo-heading {
  font-size: 40px;
  font-weight: 800;
  line-height: 1.25;
  margin-bottom: 20px;
}
.promo-subtext {
  font-size: 18px;
  color: #dddddd;
  margin-bottom: 20px;
}
.promo-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.promo-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: normal;
}
.promo-list .check {
  color: #f3edf9;
  font-weight: bold;
}
.promo-right {
  width: 100%;
  max-width: calc(100% - 60% - 50px);
}
.promo-price {
  font-size: 30px;
  font-weight: 800;
}
.promo-wrapper {
  padding: 60px 0;
}
.promo-old {
  font-size: 16px;
  color: #dddddd;
  text-decoration: line-through;
  margin-bottom: 20px;
}
.promo-btn {
  width: 100%;
  text-align: center;
  background: #fff;
  color: #271466;
  padding: 15px 30px;
  border-radius: 30px;
  text-decoration: none;
  white-space: nowrap;
  transition: 0.3s ease;
  font-size: 22px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.promo-btn:hover {
  transform: translateY(-1px);
}
.promo-note {
  font-size: 18px;
  color: #fff;
  margin-top: 15px;
  text-align: center;
}

/* comfeur-section section css */

.comfeur-section {
  padding: 60px 0;
  background: #ffffff;
}
.comfeur-wrapper {
  display: grid;
  grid-template-columns: 98px 1fr;
  gap: 50px;
  align-items: start;
}
.language-item {
  margin-bottom: 45px;
  display: grid;
  align-items: flex-start;
  gap: 30px;
  grid-template-columns: 250px 1fr 350px;
}
.language-title {
  display: flex;
  align-items: center;
  gap: 15px;
}
.lang-badge {
  width: 55px;
  height: 35px;
  min-width: 42px;
  border-radius: 25px;
  background: #271466;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
}
.language-title h3{
  margin: 0;
  color: #25256f;
  font-size: 34px;
  font-weight: 500;
  line-height: 1;
}
.language-description p {
  margin: 0;
  color: #271466;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
}
.comfeur-specs{
  display: flex;
  flex-direction: column;
  gap: 45px;
  padding-top: 5px;
}
.spec-item {
  display: flex;
  gap: 50px;
}
.spec-item p {
  color: #271466;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}
.spec-richtext{
  color: #271466;
  font-size: 22px;
  line-height: 1.5;
}
.spec-richtext p{
  margin: 0;
}
.accordion-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-size: 20px;
  color: #666;
  font-weight: bold;
}
.accordion-header .arrow {
  transition: transform 0.6s ease;
  display: flex;
}
.accordion-header .arrow svg {
  width: 30px;
  height: 30px;
}
.accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s ease;
  font-size: 16px;
  color: #666;
}
.comfeur-footer.active .accordion-content {
  max-height: 300px;
}
.comfeur-footer.active .arrow {
  transform: rotate(180deg);
}
.arrow {
  font-size: 14px;
}
.comfeur-footer {
  border-block: 1px solid #00000050;
  padding-block: 1.5rem;
  margin-top: 3rem;
}
.payment_icons_main ul.payment-icons {
  justify-content: center;
}

/* NEW CSS */

.why-comfeur__wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
  align-items: center;
}
.why-comfeur__left{
  text-align: center;
}
.why-comfeur__features {
  display: flex;
  flex-direction: row;
  gap: 25px;
  justify-content: space-between;
}
.why-comfeur__feature{
  max-width: calc(25% - 18.5px);
  width: 100%;
  flex-direction: column;
  align-items: center;
}
.right_side_image {
  border-radius: 16px;
  object-fit: contain;
}
section.psr-section {
  margin-top: 80px;
}
.feature-grid-section{
  text-align:center;
}
.feature-card-items {
  background: #271466;
  color: #fff;
  max-width: max-content;
  padding: 5px 15px;
  border-radius: 30px;
  margin: 0 auto 20px;
  font-size: 24px;
}
.new-feature-grid .feature-card-title{
  font-size:20px;
  position:relative;
  margin-bottom:15px;
}
.new-feature-grid .feature-card-title:after {
  content: "";
  position: absolute;
  width: 30px;
  height: 2px;
  background: #271466;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -6px;
}
.custom-variant-picker__option-values :checked+.block-swatch {
  background-color: #fff;
  color: #271466;
  font-weight: 800;
}
.promo-price{
  margin-bottom:15px;
}
.fera-reviews-masonry .fera-reviews-body-items {
    display: flex;
    flex-wrap: wrap;
    height: auto!important;
    gap: 10px;
    gap: 23px 0;
    justify-content: space-between;
}


/* 19-08-2026: PDP koopblok-hiërarchie: gouden sterren, paarse prijs */
.jdgm-star{ color:#f6a429 !important; }
.product-info sale-price{ color:#271466; }


/* 19-08-2026: staffel-widget (Pumper quantity breaks) gladstrijken + zwevende taalkiezer mobiel uit */
#prvw__bundle_container .template_4_label{ border-radius: 10px !important; overflow: hidden; }
#prvw__bundle_container [class*="most_popular_wrapper"],
#prvw__bundle_container [class*="most_popular_wrapper"] *{ border-radius: 999px !important; }
#prvw__bundle_container [class*="most_popular_wrapper"]{ overflow: hidden; transform: translateY(-4px); }
#prvw__bundle_container .template_4_label span[style*="background"]{ border-radius: 6px !important; padding: 3px 9px !important; }
#prvw__bundle_container .block__bottomtitle{ display: none !important; } /* dubbele "Korting op je bestelling"-regel boven de koopknop */
@media (max-width: 767px){
  [id^="etranslate"], [class^="etranslate"]{ display: none !important; } /* zwevende taalwidget over de ATC-knop; footer heeft taalkeuze */
}


/* 19-08-2026: staffel-widget compacter op desktop (app-CSS is mobile-first en oogt daar log) */
@media (min-width: 768px){
  #prvw__bundle_container .block__title h3{ font-size: 17px !important; }
  #prvw__bundle_container .template_4_label{ padding: 12px 16px !important; border-width: 1px !important; }
  #prvw__bundle_container .template_4_block_wrapper:not(:last-child){ margin-bottom: 10px !important; }
  #prvw__bundle_container .template_4_block__cbmain--content--left h5{ font-size: 15px !important; }
  #prvw__bundle_container .prvw_totalAmount_wrapper h4{ font-size: 15px !important; }
  #prvw__bundle_container .template_4_label span[style*="background"]{ padding: 2px 8px !important; font-size: 12px !important; }
  #prvw__bundle_container [class*="most_popular_wrapper"]{ transform: translateY(-2px) scale(.92); }
}


/* ===== 19-08-2026: brand-harmonisatie (brandbook: Outfit/Manrope, Federal Blue #271466, Celestial #4BB9F1) ===== */
:root{
  --heading-font-family: 'Outfit', ui-sans-serif, system-ui, sans-serif;
  --heading-font-weight: 700;
  --text-font-family: 'Manrope', ui-sans-serif, system-ui, sans-serif;
}
/* sticky koopbalk: oranje -> Federal Blue */
.mobile-sticky-bar__button{ background:#271466 !important; }
.mobile-sticky-bar__button:hover{ background:#1c0e4c !important; }
/* levertijd-banner: amber -> brand */
.product-info__delivery{ background:#4bb9f11f !important; border-color:#4bb9f180 !important; }
.delivery-timer, span.delivery-text, .delivery-text strong{ color:#271466 !important; }
.delivery-icon{ color:#271466 !important; }


/* 19-08-2026: compacte mobiele homepage (curatie): verhaalsecties desktop-only, hero ingekort */
@media (max-width: 767px){
  [id$="__cf2_cure"], [id$="__cf2_services"]{ display: none !important; }
  /* 21-08: broers-verhaal wél op mobiel, maar compacter dan desktop */
  .cf2-brand{ padding-block: 44px !important; }
  .cf2-brand__story-h{ font-size: 23px !important; line-height: 1.22 !important; }
  .cf2-brand__story-p{ font-size: 14.5px !important; line-height: 1.55 !important; }
  .cf2-brand__quote-text{ font-size: 15px !important; line-height: 1.45 !important; }
  /* mobiel: alleen de kern van het broers-verhaal (signature-deel is desktop-only) */
  .cf2-brand__sig{ display: none !important; }
  .cf2-brand{ padding-block: 36px !important; }
  /* chips als rustige pills: alleen kernwoorden, subregels verbergen */
  .cf2-brand__stats{ display: flex !important; flex-wrap: wrap; gap: 8px !important; }
  .cf2-brand__stats > div{ display: inline-flex; align-items: center; border: 1px solid rgba(250,250,250,0.18); background: rgba(250,250,250,0.07); border-radius: 999px; padding: 8px 14px; min-width: 0; }
  .cf2-brand__stat-v{ font-size: 13.5px !important; font-weight: 600; white-space: nowrap !important; line-height: 1 !important; }
  .cf2-brand__stat-l{ display: none !important; }
  /* "50K+" alleen zegt niks — label van de eerste chip inline tonen */
  .cf2-brand__stats > div:first-child .cf2-brand__stat-l{ display: inline !important; margin: 0 0 0 6px !important; font-size: 13.5px !important; text-transform: none !important; letter-spacing: 0 !important; color: rgba(250,250,250,0.85) !important; white-space: nowrap; line-height: 1 !important; }
  .cf2-brand__sig > *, .cf2-brand__story > *{ min-width: 0; max-width: 100%; }
  .cf2-brand__quote{ padding: 18px !important; }
  .cf2-brand__quote svg{ width: 26px; height: 26px; }
  .cf2-brand__story{ margin-top: 0 !important; gap: 20px !important; }
  .cf2-hero__quote, .cf2-hero__urgency, .cf2-hero__proof, .cf2-hero__flash{ display: none !important; }
  .cf2-hero{ padding-bottom: 1.5rem; }
}


/* 19-08-2026: koopblok opruimen */
.product-info [data-block-type="vendor"]{ display:none !important; } /* merk boven titel: zit al in producttitels */
.quantity-button-wrapper{ flex-wrap: wrap; }
#prvw__bundle_container, .cf-bis{ flex: 1 1 100%; width: 100%; }
body.cf-uitverkocht #prvw__bundle_container{ display: none !important; } /* staffel is zinloos bij uitverkocht */


/* 19-08-2026: nieuwsbriefknop netjes schalen op mobiel */
@media (max-width: 767px){
  .cf2-newsletter button[type="submit"], .cf2-newsletter .cf2-nl__btn{ width:100%; padding:14px 18px; font-size:15px; border-radius:12px; white-space:normal; line-height:1.2; }
  .cf2-newsletter form{ flex-direction:column; }
  .cf2-newsletter input[type="email"]{ width:100%; }
}


/* 19-08-2026: homepage-secties uitlijnen op de Impact-containerbreedte (zelfde links/rechts als PDP/collecties) */
.cf2-container{ max-width:none !important; width:auto !important; padding-inline:0 !important; margin-inline:max(var(--container-gutter), 50% - var(--container-max-width) / 2) !important; }


/* 19-08-2026: nieuwsbrief-formulier binnen de kaart houden */
[id$="__cf2_newsletter"] form{ display:flex; flex-wrap:wrap; gap:10px; max-width:100%; }
[id$="__cf2_newsletter"] form > *{ max-width:100%; min-width:0; }
[id$="__cf2_newsletter"] .cf2-nl__btn{ flex:0 1 auto; white-space:normal; }


/* 19-08-2026: broers-blok: chips als één regel, strakker */
.cf2-brand__stat-v{ font-size: clamp(15px, 1.4vw, 19px) !important; line-height:1.25; white-space:nowrap; }
.cf2-brand__stat-l:empty{ display:none; }


/* 19-08-2026: nieuwsbriefknop netjes schalen (desktop) */
.cf2-nl__btn{ white-space:nowrap; flex:none; padding:14px 22px; }


/* 23-08: categorie-tegels homepage — hele product in beeld i.p.v. afgesneden (cover) + compacter blok */
.cf2-cats__media{ background:#f6f4fb !important; aspect-ratio:1/1 !important; }
.cf2-cats__media img{ object-fit:contain !important; padding:8%; mix-blend-mode:multiply; }
.cf2-cats__num{ border:1px solid #27146626; padding:0.2rem 0.65rem !important; }
.cf2-cats__arrow{ border:1px solid #27146626; box-shadow:0 8px 18px -8px #27146655; width:2.1rem !important; height:2.1rem !important; }
.cf2-cats__title{ font-size:clamp(24px,2.4vw,32px) !important; margin-top:0.75rem !important; }
.cf2-cats__grid{ margin-top:1.75rem !important; }
.cf2-cats__cards{ row-gap:2rem !important; column-gap:1.25rem !important; }
.cf2-cats__body{ margin-top:0.8rem !important; }
.cf2-cats__name{ font-size:1.05rem !important; }
.cf2-cats__tagline{ margin-top:0.3rem !important; font-size:0.8rem !important; }
.cf2-cats{ padding-block-start:3rem !important; }
@media (max-width:767px){
  .cf2-cats__cards{ row-gap:1.4rem !important; column-gap:0.9rem !important; }
  .cf2-cats{ padding-block-start:2.25rem !important; }
}





/* 24-08: Lovable boven-de-vouw — desktop-hero verbergen op mobiel */
@media (max-width:767px){ [id$="__cf2_hero"]{ display:none !important; } }

/* 24-08: trust-logos alleen op desktop */
@media (max-width:767px){ [id$="__cf2_trust_logos"]{ display:none !important; } }





/* 25-08: kop boven productkaarten = 1 zin + 1 subzin (mobiel) */
@media (max-width:767px){
  .cf2-sec-head .cf2-eyebrow{ display:none !important; }
  .cf2-sec-head{ gap:10px !important; align-items:flex-start !important; }
  .cf2-sec-head__title{ margin-top:0 !important; font-size:25px !important; line-height:1.18 !important; }
  .cf2-sec-head__lead{ margin-top:6px !important; font-size:14px !important; line-height:1.45 !important; }
  .cf2-sec-head .cf2-link-underline{ font-size:13.5px !important; }
  [id$="__cf2_bestsellers"] .cf2-section{ padding-block-start:26px !important; }
  [id$="__cf2_bestsellers"] .cf2-bs__grid{ margin-top:18px !important; }
}


/* 25-08: inklapbare footer-menu's op mobiel */
@media (max-width:767px){
  footer .footer__block--menu, footer .footer__block--text{ border-top:1px solid rgba(250,250,250,.14); padding-block:2px; }
  footer .cf2-facc__kop{ position:relative; display:flex; align-items:center; justify-content:space-between; margin:0; padding:14px 0; cursor:pointer; user-select:none; }
  footer .cf2-facc__kop::after{ content:""; flex:none; width:9px; height:9px; margin-right:2px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg) translateY(-2px); opacity:.65; transition:transform .22s ease; }
  footer .footer__block.is-open .cf2-facc__kop::after{ transform:rotate(-135deg) translateY(-2px); }
  footer .footer__block.is-open .cf2-facc__paneel{ padding-bottom:14px; }
  footer .cf2-facc__in{ animation:cf2FaccIn .22s ease-out; }
  @keyframes cf2FaccIn{ from{opacity:0; transform:translateY(-4px)} to{opacity:1; transform:none} }
}


/* 25-08: Trustpilot-groen alleen in de winkelwagen-lade (reviewblok houdt de oude kleur) */
.cf-drawer-trust__stars{ color:#00B67A !important; }


/* 26-08: productkaart in Lovable-stijl (collectie & zoekresultaten) */
.product-card{display:flex;flex-direction:column;align-items:stretch !important;height:100%}
.product-card__figure{position:relative;width:100%;border-radius:14px;overflow:hidden;background:#fff;border:1px solid #27146614;box-shadow:0 2px 10px -6px rgba(39,20,102,.12)}
.product-card__figure > a{display:block}
.product-card .product-card__image{aspect-ratio:4/5 !important;width:100%;height:auto;object-fit:contain}
.cf-card__rating{position:absolute;left:8px;bottom:8px;z-index:2;display:inline-flex;align-items:center;gap:4px;border-radius:999px;background:rgba(250,250,250,.92);backdrop-filter:blur(4px);padding:4px 8px;font:600 10px/1 'Manrope',ui-sans-serif,sans-serif;color:#271466}
.cf-card__rating svg{color:#271466}
.product-card__badge-list{z-index:2}
.product-card__info{display:flex;flex-direction:column;flex:1 1 auto;margin-top:10px;gap:0}
.product-card__title{display:block}
.product-card__title a{font-family:'Outfit',ui-sans-serif,sans-serif;font-weight:700;font-size:13.5px !important;line-height:1.22}
@media (min-width:768px){.product-card__title a{font-size:16px !important}}
.cf-card__sub{margin:3px 0 0;font:400 12.5px/1.35 'Manrope',ui-sans-serif,sans-serif;color:#27146690}
.cf-card__punten{list-style:none;margin:7px 0 0;padding:0;display:flex;flex-direction:column;gap:4px}
.cf-card__punten li{display:flex;align-items:flex-start;gap:6px;font:400 12px/1.35 'Manrope',ui-sans-serif,sans-serif;color:#271466bf}
.cf-card__punten svg{flex:none;margin-top:2px;color:#4BB9F1}
.product-card__info > .v-stack{display:flex;flex-direction:column;flex:1 1 auto;align-items:flex-start;width:100%}
.product-card__info .price-list{margin-top:auto;padding-top:9px;margin-bottom:0}
.cf-card__cta{order:99;margin-top:12px;padding-top:0;display:inline-flex;width:100%;align-items:center;justify-content:center;gap:6px;border-radius:999px;background:#271466;color:#fff;padding:11px 14px;font:700 12.5px/1 'Manrope',ui-sans-serif,sans-serif;text-decoration:none;transition:background .2s ease,color .2s ease}
.cf-card__cta:hover{background:#4BB9F1;color:#271466}
.product-card__aside,.product-card__color-count{order:50}
@media (max-width:767px){
  .cf-card__sub{display:none}
  .cf-card__punten li{font-size:11px}
  .cf-card__cta{font-size:12px;padding:10px 12px}
}
@media (min-width:768px){ .cf-card__cta{font-size:13px} .cf-card__rating{font-size:10.5px} .cf-card__sub{font-size:13px} .cf-card__punten li{font-size:13px} }

/* dubbele beoordeling: de losse regel onder de titel weg als de pil op de foto staat */
.product-card:has(.cf-card__rating) .rating-with-text > .rating,
.product-card:has(.cf-card__rating) .rating-with-text > product-rating,
.product-card:has(.cf-card__rating) > .product-card__info > product-rating,
.product-card:has(.cf-card__rating) > .product-card__info > .rating{display:none !important}

/* 28-08: adviesblokje tussen de producten */
.cf-advies{grid-column:span 2;display:flex;flex-direction:column;justify-content:space-between;gap:16px;border-radius:14px;padding:20px;color:#FAFAFA;background:linear-gradient(135deg,#271466 0%,#33217a 55%,#4BB9F1 165%)}
.cf-advies__ic{color:#8fd4f7}
.cf-advies__title{margin:12px 0 0;font:700 18px/1.15 'Outfit',ui-sans-serif,sans-serif;color:#fff}
.cf-advies__text{margin:6px 0 0;font:400 12.5px/1.4 'Manrope',ui-sans-serif,sans-serif;color:rgba(250,250,250,.8)}
.cf-advies__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;background:#4BB9F1;color:#271466;padding:11px 16px;font:700 13px/1 'Manrope',ui-sans-serif,sans-serif;text-decoration:none}
.cf-advies__btn:hover{background:#fff}
@media (min-width:768px){ .cf-advies{grid-column:span 1 !important;padding:24px} .cf-advies__title{font-size:20px} .cf-advies__text{font-size:14px} }


/* 28-08: lees-meer-vouw voor de SEO-tekst op collectiepagina's */
.cf2-fold{position:relative;max-height:340px !important;overflow:hidden !important}
.cf2-fold.is-open{max-height:none !important}
.cf2-fold::after{content:'';position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--cf2-fold-bg,#fff));pointer-events:none}
.cf2-fold.is-open::after{display:none}
.cf2-fold__btn{display:flex;width:max-content;align-items:center;gap:6px;margin:16px 0 0;border:1px solid #27146633;background:transparent;color:#271466;border-radius:999px;padding:10px 20px;cursor:pointer;font:700 13px/1 'Manrope',ui-sans-serif,sans-serif}
.cf2-fold__btn:hover{background:#271466;color:#fff;border-color:#271466}


/* 28-08: FAQ op collectiepagina's: smalle kolom met kaart-accordeons in huisstijl */
body:has(product-list) .shopify-section[id*="__faq"] .section-stack--center{--section-stack-intro:100%;--section-stack-main:100%}
body:has(product-list) .shopify-section[id*="__faq"] .section-stack{max-width:48rem;margin-inline:auto;gap:0}
body:has(product-list) .shopify-section[id*="__faq"] .section-stack__intro .prose{text-align:left !important}
body:has(product-list) .shopify-section[id*="__faq"] .section-stack__intro .h2{font-size:clamp(22px,2.6vw,34px);line-height:1.15;color:#271466}
body:has(product-list) .shopify-section[id*="__faq"] .section-stack__intro p{margin-top:8px;font-size:14px;line-height:1.6;color:#271466a6}
body:has(product-list) .shopify-section[id*="__faq"] .accordion-box{background:transparent !important;border-radius:0 !important;padding:0 !important;margin-top:22px;display:flex;flex-direction:column;gap:10px}
body:has(product-list) .shopify-section[id*="__faq"] .accordion{padding:0 !important;background:#fff !important;border:1px solid #27146614 !important;border-radius:14px !important;box-shadow:0 2px 10px -6px rgba(39,20,102,.1);transition:border-color .2s ease}
body:has(product-list) .shopify-section[id*="__faq"] .accordion[aria-expanded="true"],body:has(product-list) .shopify-section[id*="__faq"] .accordion[open]{border-color:#4BB9F1 !important}
body:has(product-list) .shopify-section[id*="__faq"] .accordion summary{padding:0}
body:has(product-list) .shopify-section[id*="__faq"] .accordion__toggle{padding:15px 16px;gap:16px;font-family:'Manrope',ui-sans-serif,sans-serif;font-weight:600;font-size:14.5px;line-height:1.4;color:#271466}
body:has(product-list) .shopify-section[id*="__faq"] .circle-chevron{flex:none;width:28px !important;height:28px !important;border:0 !important;border-radius:50%;background:#2714660d !important;color:#271466}
body:has(product-list) .shopify-section[id*="__faq"] .accordion[aria-expanded="true"] .circle-chevron,body:has(product-list) .shopify-section[id*="__faq"] .accordion[open] .circle-chevron{background:#4BB9F1 !important;color:#271466}
body:has(product-list) .shopify-section[id*="__faq"] .accordion__content{padding:0 16px 16px}
body:has(product-list) .shopify-section[id*="__faq"] .accordion__content .prose{font-size:13.5px;line-height:1.7;color:#271466b3}
@media (min-width:768px){
  body:has(product-list) .shopify-section[id*="__faq"] .accordion__toggle{font-size:16px;padding:18px 20px}
  body:has(product-list) .shopify-section[id*="__faq"] .accordion__content{padding:0 20px 20px}
  body:has(product-list) .shopify-section[id*="__faq"] .accordion__content .prose{font-size:15px}
}

/* 28-08: adviesblokje op mobiel onder de producten + sticky keuzebalk + footer-gradient */
@media (max-width:767px){
  .cf-advies{order:99}
}
/* thema-zwevende filterknop vervangen door de sticky balk */
.facets__floating-filter{display:none !important}
.cf-sticky{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;gap:10px;align-items:center;background:rgba(250,250,250,.95);backdrop-filter:blur(8px);border-top:1px solid #27146614;padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
.cf-sticky[hidden]{display:none}
.cf-sticky__filter{flex:none;display:inline-flex;align-items:center;gap:7px;border:1px solid #27146626;border-radius:999px;background:transparent;color:#271466;padding:12px 18px;font:600 13px/1 'Manrope',ui-sans-serif,sans-serif;cursor:pointer}
.cf-sticky__help{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;background:#4BB9F1;color:#271466;padding:13px 18px;font:700 14px/1 'Manrope',ui-sans-serif,sans-serif;text-decoration:none}
@media (min-width:768px){ .cf-sticky{display:none !important} }

/* footer: Lovable-gradient + glow, hele site */
.footer{position:relative;overflow:hidden;background:linear-gradient(135deg,#271466 0%,#33217a 55%,#4BB9F1 165%) !important}
.footer::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 20%, rgba(75,185,241,.35) 0%, transparent 60%);opacity:.85}
.footer > *{position:relative}
/* footer mobiel: menublokken over de volle breedte (accordeon stond half) */
@media (max-width:767px){
  .footer .footer__block-list{grid-template-columns:1fr !important;gap:20px !important}
  .footer .footer__block{grid-column:1 / -1;max-width:none !important;width:100% !important}
}
/* FAQ mobiel iets compacter */
@media (max-width:767px){
  body:has(product-list) .shopify-section[id*="__faq"] .section-stack__intro p{font-size:13px}
  body:has(product-list) .shopify-section[id*="__faq"] .accordion-box{margin-top:16px !important}
}


/* 28-08: mobiel minder tekst: hero-tekst alleen op desktop, kaarten 1 pluspunt */
@media (max-width:767px){
  /* collectietekst + lees meer alleen op desktop; mobiel = kruimelpad, titel, Trustpilot */
  .cf2-colhero__tekst,.cf2-colhero__meer{display:none !important}
  /* productkaart: alleen het eerste pluspunt tonen */
  .cf-card__punten li:not(:first-child){display:none}
  /* titel maximaal 2 regels */
  .product-card__title a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}


/* 28-08: FAQ-voetnoot ('Staat je vraag er niet tussen?') meer lucht op mobiel */
@media (max-width:767px){
  body:has(product-list) .shopify-section[id*="__faq"] .faq-availability{margin-top:26px}
}


/* 28-08 (hersteld): voordelen-chips herhalen de aankondigingsbalk: op mobiel weglaten */
@media (max-width:767px){ .cf2-colusp{display:none !important} }


/* 28-08: FAQ desktop: 2 kolommen (titel + contactkaart links, vragen rechts) */
body:has(product-list) .shopify-section[id*="__faq"] .faq-availability{margin-top:26px;background:#e4f1fb;border-radius:16px;padding:20px;font:400 13.5px/1.6 'Manrope',ui-sans-serif,sans-serif;color:#271466b3}
body:has(product-list) .shopify-section[id*="__faq"] .faq-availability .v-stack{gap:0}
body:has(product-list) .shopify-section[id*="__faq"] .faq-availability .button{margin-top:16px;display:inline-flex;align-items:center;justify-content:center;min-height:0 !important;background:#271466 !important;color:#fff !important;border-radius:999px !important;padding:12px 24px !important;font:700 13px/1 'Manrope',ui-sans-serif,sans-serif !important;width:auto}
body:has(product-list) .shopify-section[id*="__faq"] .faq-availability .button:hover{background:#4BB9F1 !important;color:#271466 !important}
@media (min-width:1000px){
  body:has(product-list) .shopify-section[id*="__faq"] .section-stack{max-width:72rem;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);column-gap:56px;row-gap:0;align-items:start}
  body:has(product-list) .shopify-section[id*="__faq"] .section-stack__intro{grid-column:1;grid-row:1}
  body:has(product-list) .shopify-section[id*="__faq"] .section-stack > div:not([class]){grid-column:1;grid-row:2}
  body:has(product-list) .shopify-section[id*="__faq"] .section-stack__main{grid-column:2;grid-row:1 / span 2}
  body:has(product-list) .shopify-section[id*="__faq"] .accordion-box{margin-top:0 !important}
  body:has(product-list) .shopify-section[id*="__faq"] .section-stack__intro .h2{font-size:36px}
  body:has(product-list) .shopify-section[id*="__faq"] .faq-availability{padding:24px;font-size:14.5px}
}


/* 02-09: veer-flits bij laden voorkomen: decoratieve veren onzichtbaar tot hun sectie-CSS geladen is */
:where(svg[class*="veer"]:not(.cf2-feather)){position:absolute;width:0;height:0;opacity:0}


/* 02-09 CRO: trust-regel onder afrekenknop + gratis verzending bij totaal */
.cf-drawer-gratis{font:600 11.5px/1 'Manrope',ui-sans-serif,sans-serif;color:#16a34a}
.cf-drawer-zeker{list-style:none;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:5px 16px;margin:9px 0 0;padding:0;width:100%}
.cf-drawer-zeker li{display:inline-flex;align-items:center;gap:5px;font:600 10.5px/1 'Manrope',ui-sans-serif,sans-serif;color:#27146699}
.cf-drawer-zeker svg{color:#4BB9F1;flex:none}


/* 02-09 CRO: 'vaak samen gekocht'-kaart onder de koopknop */
.cf-samen{margin-top:12px;border:1px solid #27146620;border-radius:14px;padding:12px 14px;background:#fff}
.cf-samen__kop{margin:0 0 8px;font:700 10.5px/1 'Manrope',ui-sans-serif,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#2596cc}
.cf-samen__rij{display:flex;align-items:center;gap:12px}
.cf-samen__thumb{flex:none;display:block;width:52px;height:52px;border-radius:10px;overflow:hidden;background:#f2f5fb;border:1px solid #27146612}
.cf-samen__thumb img{width:100%;height:100%;object-fit:cover}
.cf-samen__info{min-width:0;display:flex;flex-direction:column;gap:2px;flex:1}
.cf-samen__naam{font:600 13.5px/1.3 'Manrope',ui-sans-serif,sans-serif;color:#271466;text-decoration:none}
.cf-samen__naam:hover{text-decoration:underline}
.cf-samen__prijs{font:700 13px/1 'Outfit',ui-sans-serif,sans-serif;color:#271466}
.cf-samen__add{flex:none;display:inline-flex;align-items:center;gap:6px;border:0;cursor:pointer;border-radius:999px;background:#271466;color:#fff;padding:10px 16px;font:700 12.5px/1 'Manrope',ui-sans-serif,sans-serif;transition:background .2s ease,color .2s ease}
.cf-samen__add:hover{background:#4BB9F1;color:#271466}
.cf-samen__add:disabled{opacity:.5}




/* 02-09: winkelwagen: minder loze randen op desktop, iets grotere tekst op mobiel */
/* padding zit op de schaduw-wrapper van de lade: via de variabele sturen, niet via padding zelf */
.cart-drawer.drawer{--drawer-header-padding:2rem 20px 0;--drawer-body-padding:0 20px 1rem;--drawer-footer-padding:.75rem 20px 1.25rem;padding:0 !important}
/* scheidingslijn tussen producten: evenveel lucht boven als onder de lijn */
.cart-drawer .cart-drawer__line-items > * + *{border-top:1px solid rgb(var(--text-color)/.09);padding-top:1.35rem !important;margin-top:1.35rem !important}
@media (min-width:768px){
  .cart-drawer .line-item__info{gap:6px !important}
  .cart-drawer .line-item__info > .v-stack{gap:4px !important}
}
@media (max-width:767px){
  .cart-drawer.drawer{--drawer-header-padding:2.4rem 16px 0;--drawer-body-padding:0 16px;--drawer-footer-padding:.75rem 16px 1.1rem}
  .cart-drawer .line-item a.bold{font-size:16.5px !important;line-height:1.3 !important}
  .cart-drawer .line-item .text-subdued{font-size:14px !important}
  .cart-drawer .price-list span, .cart-drawer .line-item .price{font-size:16px !important}
  .cart-drawer .line-item a[href='#']{font-size:13.5px !important}
  .cart-drawer .line-item input{font-size:15px !important}
  .cart-drawer .cf-drawer-trust{font-size:.9rem}
  /* drie zekerheden op één regel */
  .cart-drawer .cf-drawer-zeker{flex-wrap:nowrap;justify-content:space-between;gap:4px}
  .cart-drawer .cf-drawer-zeker li{font-size:clamp(9.5px,2.85vw,10.7px);gap:4px;white-space:nowrap}
  .cart-drawer .cf-drawer-zeker svg{width:12px;height:12px}
  /* betaaliconen op de productpagina op één regel */
  .product-info__liquid .cf-payicons{flex-wrap:nowrap;gap:4px;justify-content:space-between}
  .product-info__liquid .cf-payicons svg{width:auto;height:20px;max-width:38px}
  .cart-drawer .h5{font-size:1.3rem}
  /* compacter: minder verticale loze ruimte tussen blokken en binnen een productregel */
  .cart-drawer .cart-drawer__top{margin-bottom:10px !important;padding-bottom:10px !important}
  .cart-drawer .cart-drawer__inner > .v-stack{gap:1rem !important}
  .cart-drawer .line-item{gap:13px !important}
  .cart-drawer .line-item__info{gap:3px !important}
  .cart-drawer .cart-drawer__line-items > * + *{padding-top:.9rem !important;margin-top:.9rem !important}
}


/* 02-09: winkelwagen: kinderen van de lade vullen de volle breedte (thema zet vaste px-breedte o.b.v. oude padding) */
/* (vervangen door variabele-aanpak hierboven) */