/** Shopify CDN: Minification failed

Line 27:22 Expected ":"

**/

sale-price.text-lg.text-on-sale {
    color: #08ad18;
    font-weight: 700;
}
.product-info__offer-list {
    grid-template-columns: 1fr;

}
.offer {
padding: unset;
}

@media screen and (min-width: 700px) {
    .product-info__offer-list {
        gap: var(--spacing-2);
    }
}
@media screen and (min-width: 1150px) {
    .product-gallery--desktop-thumbnails-left {
        position: sticky;
        top: 20px;span.ws-orignal-price
      
    }
}
.product-quick-add.is-visible {
    z-index: 4;
}
/* shipping start */
.ws-free-shipping-banner {
  padding: 10px 15px;
  background-color: #f8f8f8;

  
  border: 1px solid #e1e1e1;
  border-radius: 4px;
  color: #333;
  
  display: inline-block;
      width: 100%;
    text-align: center;
}

.ws-country-name {
  font-weight: bold;
  color: #333;
}

/* shipping End */

.footer__copyright.text-sm.text-subdued {
    max-width: 600px;
}


/* sticky atc */


@media screen and (min-width: 700px) {
    .product-quick-add {
       
        width: 50rem;
       
        bottom: 1rem;
        left: 50%;
    }
  .product-quick-add__variant {
        grid-template-columns: 40px minmax(0, 1fr) auto;
    
    }
  .product-quick-add.is-visible {

    transform: translate(-50%, 0);
}
}

span.ws-orignal-price {
    color: #ccc;
    text-decoration: line-through;
}
@media screen and (max-width: 700px) {
  button.button.button--lg.button--secondary.w-full div {
    font-weight: normal;
    display: flex;
    justify-content: center;
    gap: 3vw;
}
}

.ws-tp svg {
    max-width: 400px;
    margin-inline: auto;
    display: flex;
}
.product-info__liquid {
    margin-block: -10px;
}
h1.product-info__title.h2 {
    margin-top: -16px;
}
/* cart  */
.cart_icon_text {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
}
.cart_icon_text div {
  display: flex;
  align-items: center;
  gap: 10px;
}
.cart_icon_text img {
  width: 24px;
  height: 24px;
}span.cart-compare-price {
    display: inline-block;
    margin-left: 10px;
    text-decoration: line-through;
}

  /* payment icon*/
.footer__payment-icon-ideal {
    visibility: visible;
}

/* ---------------------------------------------------------------------------
   "As seen in" press logo row - ad-cleanser-buybox / ad-serum-buybox
   ---------------------------------------------------------------------------
   Both sections render each logo block as:
     <div class="adx-aso__logos">   (display:flex; justify-content:center;
                                     gap:clamp(18px,3.2vw,40px); flex-wrap:wrap)
       <img src="..." style="height:{{ block.settings.hoogte }}px" ...>
   The per-block `hoogte` setting lands in an INLINE style attribute, and the
   sections' own `#shopify-section-... .adx-aso__logos img { width:auto }` wins
   over a plain class selector, so height and width both need !important here.

   All four press logos are a uniform 220x80 PNG (aspect 2.75:1) with generous
   internal padding: the visible wordmark is only 35-48px of the 80px canvas.
   A fixed pixel height therefore renders the wordmarks far smaller than the
   number suggests. So instead of forcing a height we let the four images share
   the row width evenly (flex:1 1 0 + min-width:0) and scale on their own
   aspect ratio, with max-height as the ceiling. That is the same technique the
   sections already use below 560px, and it can never overflow the row.

   Deliberately scoped to >=561px: at <=560px both sections already switch the
   row to a 4-column grid with their own max-height (18px, 15px under 380px).
   Mobile is left exactly as it was.
   --------------------------------------------------------------------------- */
@media screen and (min-width: 561px) {
  .adx-aso__logos img {
    /* EDIT THIS NUMBER to resize the press logos on 561-999px screens */
    --adx-aso-max-h: 38px;

    flex: 1 1 0;
    min-width: 0;
    height: auto !important;
    width: 100% !important;
    max-height: var(--adx-aso-max-h);
    object-fit: contain;
  }
}

@media screen and (min-width: 1000px) {
  .adx-aso__logos img {
    /* EDIT THIS NUMBER to resize the press logos on 1000px+ screens */
    --adx-aso-max-h: 44px;
  }
}