/*
 * Treesign Child Theme - Custom overrides
 * Add project-specific CSS here.
 */


 .ac-loyalty-coupon-expiry {
  display: none;
 }

/* Prevent layout jump when overlays lock body scroll (mini-cart, popups). */
html {
  scrollbar-gutter: stable;
}

/* Fallback for browsers without scrollbar-gutter support. */
@supports not (scrollbar-gutter: stable) {
  html {
    overflow-y: scroll;
  }
}

/* Keep desktop viewport width stable when cart popup toggles body overflow. */
@media (min-width: 992px) {
  html {
    overflow-y: scroll;
  }
}

/*
 * overflow-x: hidden on body forces overflow-y to auto and becomes the sticky
 * scroll container. The page scrolls on the viewport, so the header never sticks.
 * clip still cuts horizontal overflow without breaking position: sticky.
 */
body {
  overflow-x: clip;
  overflow-y: visible;
}

header.interly-header {
  background-color: #fff;
}

/* CLS: reserve 2 title lines so product cards don't grow when fonts/wrap resolve. */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
  min-height: 2.888em; /* ~2 lines at fs-18 / ~1.444 line-height */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* CLS: keep merken carousel height stable (overrides compiled style.css until rebuild). */
[data-blockname="woo-merken"] .slick-track .slick-slide {
  height: 100px;
}

[data-blockname="woo-merken"] .interly-merken .interly-imgcontainer img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

[data-blockname="header"] .slick-checkout-header {
  gap: 16px;
}

[data-blockname="header"] .slick-checkout-secure {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #6b6b6b;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  white-space: nowrap;
}

[data-blockname="header"] .slick-checkout-secure svg {
  display: block;
  flex: 0 0 auto;
}

@media (max-width: 575.98px) {
  [data-blockname="header"] .slick-checkout-header .interly-logo-container {
    width: 96px;
    min-width: 96px;
    height: 52px;
  }

  [data-blockname="header"] .slick-checkout-header .interly-logo-container img {
    width: 96px;
    height: auto;
  }

  [data-blockname="header"] .slick-checkout-secure {
    gap: 6px;
    font-size: 13px;
  }
}

/* iOS Safari does not activate a radio that is display:none. Keep it in the page, out of sight. */
ul#shipping_method li {
  position: relative;
}

ul#shipping_method li input.slick-shipping-choice {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  clip-path: inset(50%);
  border: 0;
  white-space: nowrap;
  opacity: 0;
}

input[type="checkbox"],
ul#shipping_method li label .shipping-title::before {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
}

input[type="checkbox"]:checked,
ul#shipping_method li input:checked + label .shipping-title::before,
.wc_payment_methods li input:checked ~ label::before,
.woocommerce form input[type="checkbox"]:checked,
.woocommerce-page form input[type="checkbox"]:checked,
.interly-formulier input[type="checkbox"]:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M3.2 8.3 6.3 11.4 12.8 4.6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
}

/* Mobile header: icon row plus search under it. Mirrors header/style.scss until the theme CSS is rebuilt. */
@media (max-width: 991.98px) {
  [data-blockname="header"] .interly-header-row {
    padding-top: 12px;
    padding-bottom: 8px;
  }

  [data-blockname="header"] .interly-logo-container {
    width: 112px;
    min-width: 112px;
    height: 62px;
    flex-shrink: 0;
  }

  [data-blockname="header"] .interly-icon-hamburger {
    width: 22px;
    min-width: 22px;
    height: 14px;
    padding: 0;
    flex-shrink: 0;
    justify-content: space-between;
    margin-right: 14px;
    overflow: visible;
  }

  [data-blockname="header"] .interly-icon-hamburger span {
    height: 2px;
    min-height: 2px;
    flex: 0 0 2px;
    margin: 0;
  }

  [data-blockname="header"] .interly-icon-hamburger.active span {
    transform: none;
    transform-origin: center;
  }

  [data-blockname="header"] .interly-icon-hamburger.active span:nth-of-type(1) {
    transform: translateY(6px) rotate(45deg);
  }

  [data-blockname="header"] .interly-icon-hamburger.active span:nth-of-type(2) {
    opacity: 0;
    transform: none;
  }

  [data-blockname="header"] .interly-icon-hamburger.active span:nth-of-type(3) {
    transform: translateY(-6px) rotate(-45deg);
  }

  [data-blockname="header"] .interly-header-tools {
    gap: 20px;
    width: auto;
  }

  [data-blockname="header"] .interly-header-tools > * {
    margin-left: 0 !important;
  }

  [data-blockname="header"] .interly-header-account > .position-relative > img,
  [data-blockname="header"] .interly-header-cart > img {
    width: 22px;
    height: 22px;
    object-fit: contain;
  }

  /* Safari drops author styles on a button that is a flex container. */
  [data-blockname="header"] button.interly-header-cart {
    display: inline-block !important;
    padding: 0;
    border: 0;
    background: transparent;
    background-color: transparent;
    box-shadow: none;
    line-height: 0;
    color: #141414;
    -webkit-text-fill-color: #141414;
    -webkit-appearance: none;
    appearance: none;
  }

  [data-blockname="header"] .notification {
    top: -7px;
    right: -8px;
    width: 16px;
    height: 16px;
    font-size: 10px;
    line-height: 1;
  }

  [data-blockname="header"] .interly-mobile-search {
    padding-bottom: 14px;
  }

  [data-blockname="header"] .interly-mobile-search .dgwt-wcas-search-wrapp {
    min-width: 0;
    width: 100%;
    max-width: none;
  }

  [data-blockname="header"] .interly-mobile-search .dgwt-wcas-sf-wrapp,
  [data-blockname="header"] .interly-mobile-search .dgwt-wcas-search-wrapp.dgwt-wcas-search-focused .dgwt-wcas-sf-wrapp {
    background: transparent;
    padding: 0;
  }

  [data-blockname="header"] .interly-mobile-search .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input,
  [data-blockname="header"] .interly-mobile-search .dgwt-wcas-search-wrapp.dgwt-wcas-search-focused .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
    background-color: #f3f3f3;
    color: #141414;
    font-family: "Blender", sans-serif;
    font-size: 16px;
    line-height: 24px;
    height: 52px;
    padding: 0 48px 0 18px;
    border: 1px solid #e0e0e0;
    border-radius: 14px;
    box-shadow: none;
  }

  [data-blockname="header"] .interly-mobile-search .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::placeholder {
    color: #9a9a9a;
    opacity: 1;
  }

  [data-blockname="header"] .interly-mobile-search .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:hover,
  [data-blockname="header"] .interly-mobile-search .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:focus,
  [data-blockname="header"] .interly-mobile-search .dgwt-wcas-search-wrapp.dgwt-wcas-search-focused .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:hover,
  [data-blockname="header"] .interly-mobile-search .dgwt-wcas-search-wrapp.dgwt-wcas-search-focused .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:focus {
    background-color: #f3f3f3;
    border: 1px solid #e0e0e0;
    box-shadow: none;
  }

  [data-blockname="header"] .interly-mobile-search .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit,
  [data-blockname="header"] .interly-mobile-search .dgwt-wcas-search-wrapp.dgwt-wcas-search-focused .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit,
  [data-blockname="header"] .interly-mobile-search .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:hover {
    left: auto;
    right: 16px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 22px;
    height: 22px;
    min-width: 22px;
    min-height: 22px;
    max-width: 22px;
    max-height: 22px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    background-color: transparent;
    box-shadow: none;
    opacity: 1;
  }

  [data-blockname="header"] .interly-mobile-search button.dgwt-wcas-search-submit svg {
    width: 20px;
    height: 20px;
  }

  [data-blockname="header"] .interly-mobile-search button.dgwt-wcas-search-submit svg path {
    fill: #141414;
  }
}

/* Desktop search uses the same field as the mobile bar. */
@media (min-width: 992px) {
  [data-blockname="header"] .interly-menu-container ul.menu {
    margin-left: -6px;
    margin-right: -6px;
  }

  [data-blockname="header"] .interly-menu-container ul.menu > li > a,
  [data-blockname="header"] .interly-menu-container ul.menu > li > span {
    padding-left: 6px;
    padding-right: 6px;
  }

  [data-blockname="header"] .interly-menu-container ul.menu > li > ul.sub-menu {
    left: 6px;
  }

  [data-blockname="header"] li[data-menuid="127839"] {
    display: none;
  }

  [data-blockname="header"] .interly-menu-container .interly-header-search {
    flex: 1 1 180px;
    min-width: 180px;
    margin-left: 36px !important;
    margin-right: 12px;
  }
}

@media (min-width: 1280px) {
  [data-blockname="header"] .interly-menu-container .interly-header-search {
    flex-basis: 280px;
    min-width: 280px;
  }
}

[data-blockname="header"] .interly-header-search .dgwt-wcas-search-wrapp {
  min-width: 0;
  width: 100%;
  max-width: none;
}

[data-blockname="header"] .interly-header-search .dgwt-wcas-sf-wrapp,
[data-blockname="header"] .interly-header-search .dgwt-wcas-search-wrapp.dgwt-wcas-search-focused .dgwt-wcas-sf-wrapp {
  background: transparent;
  padding: 0;
}

[data-blockname="header"] .interly-header-search .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input,
[data-blockname="header"] .interly-header-search .dgwt-wcas-search-wrapp.dgwt-wcas-search-focused .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input,
[data-blockname="header"] .interly-header-search .dgwt-wcas-search-wrapp.dgwt-wcas-search-filled .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input {
  background-color: #f3f3f3;
  color: #141414;
  font-family: "Blender", sans-serif;
  font-size: 16px;
  line-height: 24px;
  height: 52px;
  padding: 0 48px 0 18px;
  border: 1px solid #e0e0e0;
  border-radius: 14px;
  box-shadow: none;
}

[data-blockname="header"] .interly-header-search .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input::placeholder {
  color: #9a9a9a;
  opacity: 1;
}

[data-blockname="header"] .interly-header-search .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:hover,
[data-blockname="header"] .interly-header-search .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:focus,
[data-blockname="header"] .interly-header-search .dgwt-wcas-search-wrapp.dgwt-wcas-search-focused .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:hover,
[data-blockname="header"] .interly-header-search .dgwt-wcas-search-wrapp.dgwt-wcas-search-focused .dgwt-wcas-sf-wrapp input[type="search"].dgwt-wcas-search-input:focus {
  background-color: #f3f3f3;
  border: 1px solid #e0e0e0;
  box-shadow: none;
}

[data-blockname="header"] .interly-header-search .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit,
[data-blockname="header"] .interly-header-search .dgwt-wcas-search-wrapp.dgwt-wcas-search-focused .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit,
[data-blockname="header"] .interly-header-search .dgwt-wcas-search-wrapp .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit:hover {
  left: auto;
  right: 16px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 22px;
  height: 22px;
  min-width: 22px;
  min-height: 22px;
  max-width: 22px;
  max-height: 22px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  background-color: transparent;
  box-shadow: none;
  opacity: 1;
}

[data-blockname="header"] .interly-header-search button.dgwt-wcas-search-submit svg {
  width: 20px;
  height: 20px;
}

[data-blockname="header"] .interly-header-search button.dgwt-wcas-search-submit svg path {
  fill: #141414;
}

@media (min-width: 992px) {
  [data-blockname="header"] button.slick-header-cart.interly-button {
    display: inline-block !important;
    width: auto;
    height: 40px;
    min-height: 0;
    padding: 0 6px 0 12px;
    border: 1px solid #e6e6e6;
    border-radius: 14px;
    background: #f3f3f3;
    background-color: #f3f3f3;
    color: #141414;
    -webkit-text-fill-color: #141414;
    font-family: "Blender", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    box-shadow: none;
    vertical-align: middle;
    -webkit-appearance: none;
    appearance: none;
  }

  [data-blockname="header"] .slick-header-cart-inner {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 100%;
  }

  [data-blockname="header"] button.slick-header-cart.interly-button:hover {
    background: #fff;
    background-color: #fff;
    border-color: #dedede;
    color: #141414;
    -webkit-text-fill-color: #141414;
  }

  [data-blockname="header"] button.slick-header-cart.interly-button img,
  [data-blockname="header"] button.slick-header-cart.interly-button:hover img {
    width: 16px;
    height: 16px;
    margin: 0 !important;
    filter: brightness(0);
  }

  [data-blockname="header"] .slick-header-cart-label {
    display: none;
  }

  [data-blockname="header"] .slick-header-cart-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 26px;
    padding: 0 7px;
    border-radius: 999px;
    background: #ff6201;
    background-color: #ff6201;
    color: #fff;
    -webkit-text-fill-color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
  }

  [data-blockname="header"] .slick-header-cart-count .interly-woo-cart-counter {
    display: inline;
    color: inherit;
    line-height: 1;
  }
}

@media (min-width: 1280px) {
  [data-blockname="header"] .slick-header-cart-label {
    display: inline;
  }
}

/* Free product added by a coupon code. */
tr.slick-coupon-gift td {
  background: #f6f6f6;
}

.woocommerce-mini-cart-item.slick-coupon-gift,
.cart_item.slick-coupon-gift {
  background: #f6f6f6;
}

.slick-coupon-gift-note {
  display: block;
  margin-top: 4px;
  color: #6b6b6b;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
}

.slick-coupon-gift-price {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.slick-coupon-gift-was {
  color: #9a9a9a;
  font-size: 0.85em;
  font-weight: 400;
}

.slick-coupon-gift-badge {
  display: inline-block;
  padding: 2px 8px;
  border: 1px solid #52BC39;
  border-radius: 999px;
  background: #EBF8E8;
  color: #52BC39;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.04em;
  line-height: 1.5;
  text-transform: uppercase;
  vertical-align: middle;
}

.shop_table .slick-coupon-gift-qty,
.woocommerce-checkout-review-order-table .slick-coupon-gift-qty {
  display: inline-block;
  min-width: 2rem;
  text-align: center;
}

.woocommerce-mini-cart .slick-coupon-gift-qty {
  display: none;
}

/* Mini-cart drawer */
body .interly-mini-cart-popup {
  top: 0 !important;
  bottom: 0 !important;
  height: auto !important;
  max-height: none !important;
  flex-direction: column;
  padding-top: 2rem !important;
  padding-bottom: max(8px, env(safe-area-inset-bottom)) !important;
  overflow: hidden !important;
}

body .interly-mini-cart-popup:not([style*="display: none"]) {
  display: flex !important;
}

/*
 * Phones: the drawer is 600px, capped at 95%, and stretched with top/bottom.
 * That fills a Mac window. On iPhone the leftover 5% shows the page, and
 * bottom: 0 sits behind the Safari toolbar. 100dvh is the visible viewport.
 */
@media (max-width: 991.98px) {
  body .interly-mini-cart-popup {
    position: fixed !important;
    top: 0 !important;
    bottom: auto !important;
    width: min(600px, 100%) !important;
    max-width: 100% !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow: hidden !important;
  }
}

/* The old phone rule stuck the coupon block over the cross-sells. */
@media (max-width: 575.98px) {
  body .interly-mini-cart-popup .interly-cart-content {
    position: static !important;
    bottom: auto !important;
    z-index: auto !important;
  }
}

.interly-mini-cart-popup-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.interly-mini-cart-popup .interly-addedtocart-content {
  flex: 1 1 auto;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 0;
  margin-top: 12px;
  overflow-x: hidden;
  overflow-y: auto;
}

.interly-mini-cart-popup .slick-minicart-checkout {
  flex: 0 0 auto;
  margin-top: auto;
  padding-top: 12px;
  border: 0;
  background: #fff;
}

body .interly-mini-cart-popup .woocommerce-mini-cart.cart_list {
  max-height: none;
  overflow-y: visible;
  padding-right: 0;
}

body .interly-mini-cart-popup .woocommerce-mini-cart.cart_list::-webkit-scrollbar {
  width: 6px;
  background: transparent;
}

body .interly-mini-cart-popup .woocommerce-mini-cart.cart_list::-webkit-scrollbar-thumb {
  background-color: transparent;
}

body .interly-mini-cart-popup .woocommerce-mini-cart.cart_list:hover::-webkit-scrollbar-thumb {
  background-color: #dedede;
}

.interly-mini-cart-popup .woocommerce-mini-cart-item {
  align-items: center !important;
  gap: 12px;
  margin-bottom: 10px !important;
  padding: 8px 10px !important;
  border: 0 !important;
  border-radius: 12px;
  background: #f7f8f9;
}

.interly-mini-cart-popup .woocommerce-mini-cart-item.slick-coupon-gift {
  background: #f3f3f3;
  box-shadow: inset 0 0 0 1px #e4e4e4;
}

body .interly-mini-cart-popup .cross-sells-cart .interly-imgcontainer.slick-minicart-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
  overflow: hidden;
  border-radius: 10px;
  color: transparent;
  font-size: 0;
  line-height: 0;
}

body .interly-mini-cart-popup ul.cart_list li .interly-imgcontainer.slick-minicart-thumb,
body .interly-mini-cart-popup ul.product_list_widget li .interly-imgcontainer.slick-minicart-thumb {
  flex: 0 0 90px;
}

body .interly-mini-cart-popup ul.cart_list li .slick-minicart-thumb img,
body .interly-mini-cart-popup ul.product_list_widget li .slick-minicart-thumb img {
  display: block;
  float: none;
  flex: 0 0 auto;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  margin-left: 0;
  object-fit: contain;
  object-position: center;
  box-shadow: none;
  font-size: 0;
  color: transparent;
}

.interly-mini-cart-popup .slick-minicart-copy {
  min-width: 0;
}

.interly-mini-cart-popup .woocommerce-mini-cart-item .title {
  color: #141414;
  -webkit-text-fill-color: #141414;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none;
}

body .interly-mini-cart-popup ul.cart_list li .quantity,
body .interly-mini-cart-popup ul.product_list_widget li .quantity {
  display: inline-flex;
  align-items: stretch;
  height: 36px;
  margin: 0;
  overflow: hidden;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  background: #fff;
}

body .interly-mini-cart-popup ul.cart_list li .quantity input,
body .interly-mini-cart-popup ul.product_list_widget li .quantity input {
  width: 28px;
  min-width: 0;
  height: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #141414;
  -webkit-text-fill-color: #141414;
  font-size: 15px;
  font-weight: 600;
  line-height: 36px;
  text-align: center;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  appearance: none;
}

body .interly-mini-cart-popup ul.cart_list li .quantity .slick-qty-btn,
body .interly-mini-cart-popup ul.product_list_widget li .quantity .slick-qty-btn {
  display: flex;
  flex: 0 0 28px;
  align-items: center;
  justify-content: center;
  width: 28px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  color: #141414;
  -webkit-text-fill-color: #141414;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
}

body .interly-mini-cart-popup ul.cart_list li .quantity .slick-qty-btn:hover,
body .interly-mini-cart-popup ul.product_list_widget li .quantity .slick-qty-btn:hover {
  background: #f3f3f3;
}

body .interly-mini-cart-popup ul.cart_list li .quantity input::-webkit-outer-spin-button,
body .interly-mini-cart-popup ul.cart_list li .quantity input::-webkit-inner-spin-button,
body .interly-mini-cart-popup ul.product_list_widget li .quantity input::-webkit-outer-spin-button,
body .interly-mini-cart-popup ul.product_list_widget li .quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

body .interly-mini-cart-popup ul.cart_list li .quantity:focus-within,
body .interly-mini-cart-popup ul.product_list_widget li .quantity:focus-within {
  border-color: #ff6201;
}

body .interly-mini-cart-popup ul.cart_list li .quantity input:focus,
body .interly-mini-cart-popup ul.product_list_widget li .quantity input:focus {
  outline: none;
}

.interly-mini-cart-popup .slick-minicart-meta {
  display: block;
  margin-top: 2px;
  color: #6b6b6b;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
}

body .interly-mini-cart-popup ul.cart_list li a.remove.slick-minicart-remove,
body .interly-mini-cart-popup ul.product_list_widget li a.remove.slick-minicart-remove {
  position: static;
  display: inline-flex;
  flex: 0 0 28px;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  margin: 0 0 0 6px;
  padding: 0;
  border-radius: 50%;
  color: #8a8a8a !important;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  text-decoration: none;
}

body .interly-mini-cart-popup ul.cart_list li a.remove.slick-minicart-remove:hover,
body .interly-mini-cart-popup ul.product_list_widget li a.remove.slick-minicart-remove:hover {
  color: #ff6201 !important;
  background: #ececec;
}

.interly-mini-cart-popup .cross-sells-cart {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  margin: 8px 0 20px !important;
}

@media (min-width: 992px) {
  .interly-mini-cart-popup .cross-sells-cart {
    margin-bottom: 48px !important;
  }
}

.interly-mini-cart-popup .cross-sells-cart h3 {
  margin: 0 4px 10px;
  color: #141414;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.interly-mini-cart-popup .slick-cross-sells {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.interly-mini-cart-popup .cross-sell-item {
  display: block;
  flex: 0 0 160px;
  width: 160px;
  min-width: 160px;
  max-width: 160px;
  height: auto;
  margin: 0;
  padding: 8px;
  border: 0;
  border-radius: 12px;
  background: #f7f8f9;
}

body .interly-mini-cart-popup .cross-sells-cart .interly-imgcontainer.slick-minicart-thumb {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: none;
  height: auto;
  aspect-ratio: 1;
  border-radius: 8px;
}

body .interly-mini-cart-popup .cross-sells-cart .slick-minicart-thumb img {
  width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

.interly-mini-cart-popup .slick-cross-sell-copy {
  display: block;
  min-width: 0;
  margin-top: 8px;
}

.interly-mini-cart-popup .slick-cross-sell-title {
  display: -webkit-box;
  overflow: hidden;
  color: #141414;
  -webkit-text-fill-color: #141414;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  text-decoration: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.interly-mini-cart-popup .slick-cross-sell-meta {
  display: block;
  margin-top: 2px;
  color: #6b6b6b;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
}

.interly-mini-cart-popup .slick-cross-sell-actions {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  margin-top: 8px;
  margin-left: 0;
}

.interly-mini-cart-popup .slick-cross-sell-price {
  display: flex;
  position: relative;
  flex: 1 1 auto;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  min-width: 0;
  margin: 0;
  color: #141414;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.interly-mini-cart-popup .slick-cross-sell-price .screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
}

body .interly-mini-cart-popup .cross-sells-cart .slick-cross-sell-price del,
body .interly-mini-cart-popup .cross-sells-cart .price del {
  display: inline;
  order: 1;
  margin: 0;
  padding: 0;
  color: #9a9a9a;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  text-decoration: line-through;
}

body .interly-mini-cart-popup .cross-sells-cart .slick-cross-sell-price ins,
body .interly-mini-cart-popup .cross-sells-cart .price ins {
  display: inline;
  order: 2;
  margin: 0;
  padding: 0;
  background: transparent;
  color: #141414;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}

.interly-mini-cart-popup .slick-cross-sell-sale {
  display: inline-flex;
  order: 3;
  align-items: center;
  padding: 3px 7px;
  border: 1px solid #52bc39;
  border-radius: 999px;
  background: #ebf8e8;
  color: #52bc39;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.3;
}

body .interly-mini-cart-popup .cross-sells-cart a.slick-cross-sell-add.interly-button {
  display: flex !important;
  position: relative !important;
  left: auto !important;
  right: auto !important;
  flex: 0 0 40px !important;
  align-items: center;
  justify-content: center;
  width: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  height: 40px !important;
  margin: 0;
  padding: 0 !important;
  border-radius: 10px;
  line-height: 1;
}

body .interly-mini-cart-popup a.slick-cross-sell-add.button img {
  display: block;
  flex: 0 0 auto;
  width: 16px !important;
  height: 16px !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  object-fit: contain;
}


.interly-mini-cart-popup .interly-cart-content,
.interly-mini-cart-popup .slick-minicart-checkout,
.interly-mini-cart-popup .slick-minicart-shipping {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}

.interly-mini-cart-popup .interly-cart-content {
  flex: 0 0 auto;
  margin-top: 12px;
  padding: 12px;
  border-radius: 12px !important;
}

.slick-minicart-coupon-block {
  margin: 0;
}

.interly-mini-cart-popup form.slick-minicart-coupon {
  margin-bottom: 0 !important;
}

.slick-minicart-coupon-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  gap: 0;
}

.slick-minicart-coupon-input {
  flex: 1 1 auto;
  width: 1%;
  min-width: 0 !important;
  max-width: 100%;
  height: 48px;
  margin: 0;
  padding: 0 14px;
  border: 1px solid #e0e0e0;
  border-right: 0;
  border-radius: 10px 0 0 10px;
  background: #fff;
  color: #141414;
  -webkit-text-fill-color: #141414;
  font-size: 16px;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.slick-minicart-coupon-input:focus {
  border-color: #ff6201;
  outline: none;
}

body .interly-mini-cart-popup form.slick-minicart-coupon .slick-minicart-coupon-submit.interly-button {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0;
  max-width: 48%;
  height: 48px;
  margin: 0;
  padding: 0 16px;
  border-radius: 0 10px 10px 0;
  background-color: #ff6201;
  color: #fff;
  -webkit-text-fill-color: #fff;
  white-space: nowrap;
  -webkit-appearance: none;
  appearance: none;
}

.interly-mini-cart-popup .slick-minicart-side {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 6px;
  margin-left: 8px;
}

.interly-mini-cart-popup .slick-minicart-price {
  min-width: 40px;
  margin: 0;
  text-align: right;
  white-space: nowrap;
}

/* Phone: photo, name and price sit on one row, vertically centered. */
@media (max-width: 575.98px) {
  body .interly-mini-cart-popup .woocommerce-mini-cart-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px;
  }

  body .interly-mini-cart-popup ul.cart_list li .interly-imgcontainer.slick-minicart-thumb,
  body .interly-mini-cart-popup ul.product_list_widget li .interly-imgcontainer.slick-minicart-thumb {
    flex: 0 0 72px;
    align-self: center;
    width: 72px;
    height: 72px;
  }

  .interly-mini-cart-popup .slick-minicart-copy {
    flex: 1 1 auto;
    align-self: center;
    min-width: 0;
  }

  .interly-mini-cart-popup .woocommerce-mini-cart-item .title {
    display: block;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
  }

  .interly-mini-cart-popup .slick-minicart-side {
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: auto auto;
    align-items: center;
    align-self: center;
    justify-content: end;
    column-gap: 6px;
    row-gap: 6px;
    width: auto;
    margin-left: 0;
  }

  .interly-mini-cart-popup .slick-minicart-side .quantity {
    grid-column: 1 / -1;
    justify-self: end;
  }

  .interly-mini-cart-popup .slick-minicart-price {
    margin-left: 0;
  }
}

.slick-minicart-coupon-notice {
  margin-top: 8px;
}

.slick-minicart-coupon-notice .woocommerce-message,
.slick-minicart-coupon-notice .woocommerce-error,
.slick-minicart-coupon-notice .woocommerce-info {
  margin: 0;
  padding: 10px 12px;
  border: 0 !important;
  border-radius: 8px;
  list-style: none;
  font-size: 14px;
  line-height: 1.4;
}

.slick-minicart-coupon-notice .woocommerce-message::before,
.slick-minicart-coupon-notice .woocommerce-error::before,
.slick-minicart-coupon-notice .woocommerce-info::before {
  content: none;
}

.slick-minicart-coupon-notice .woocommerce-message {
  background: #e8f6ee;
  color: #146c36;
}

.slick-minicart-coupon-notice .woocommerce-error {
  background: #fff1f0;
  color: #9b1c1c;
}

.interly-mini-cart-popup .slick-minicart-applied,
.slick-cart-giftcards .slick-minicart-applied {
  margin: 10px 0 0;
}

.interly-mini-cart-popup .slick-minicart-applied-chip,
.slick-cart-giftcards .slick-minicart-applied-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  padding: 4px 4px 4px 12px;
  border: 1px solid #e4e4e4;
  border-radius: 999px;
  background: #fff;
}

.interly-mini-cart-popup .slick-minicart-applied-code,
.slick-cart-giftcards .slick-minicart-applied-code {
  color: #141414;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.4;
}

.interly-mini-cart-popup .slick-minicart-applied-value,
.slick-cart-giftcards .slick-minicart-applied-value {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #141414;
  font-size: 13px;
  font-weight: 600;
}

.interly-mini-cart-popup .interly-cart-content .woocommerce-remove-coupon,
.slick-cart-giftcards .woocommerce-remove-coupon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  color: #8a8a8a;
  font-size: 0;
  line-height: 1;
  text-decoration: none;
}

.interly-mini-cart-popup .interly-cart-content .woocommerce-remove-coupon::before,
.slick-cart-giftcards .woocommerce-remove-coupon::before {
  content: "\00d7";
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}

.interly-mini-cart-popup .interly-cart-content .woocommerce-remove-coupon:hover,
.slick-cart-giftcards .woocommerce-remove-coupon:hover {
  background: #ececec;
  color: #ff6201;
}

.interly-mini-cart-popup .woocommerce-mini-cart__total {
  font-size: 15px;
}

.interly-mini-cart-popup .woocommerce-mini-cart__total > p {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
}

.interly-mini-cart-popup .woocommerce-mini-cart__total > p > span:first-child {
  color: #6b6b6b;
  font-weight: 500;
}

.interly-mini-cart-popup .woocommerce-mini-cart__total > p > span:last-child {
  color: #141414;
  font-weight: 600;
}

.interly-mini-cart-popup .slick-minicart-shipping {
  flex: 0 0 auto;
  margin-top: 8px;
  padding: 8px 10px;
  border: 1px solid #ececec;
  border-radius: 10px;
  background: #fff;
}

.interly-mini-cart-popup .slick-minicart-shipping.is-free {
  border-color: #d7efd1;
  background: #f3faf1;
}

.interly-mini-cart-popup .slick-minicart-shipping-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 0;
  font-size: 13px;
  line-height: 1.2;
}

.interly-mini-cart-popup .slick-minicart-shipping-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #141414;
  font-weight: 600;
}

.interly-mini-cart-popup .slick-minicart-shipping-icon {
  display: block;
  width: 16px;
  height: 12px;
}

.interly-mini-cart-popup .slick-minicart-shipping-cost {
  flex: 0 0 auto;
  color: #141414;
  font-weight: 700;
  white-space: nowrap;
}

.interly-mini-cart-popup .slick-minicart-shipping-cost.is-free {
  color: #3d9a2a;
  -webkit-text-fill-color: #3d9a2a;
}

.interly-mini-cart-popup .slick-minicart-shipping-track {
  height: 4px;
  margin-top: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: #ececec;
}

.interly-mini-cart-popup .slick-minicart-shipping.is-free .slick-minicart-shipping-track {
  background: #d7efd1;
}

.interly-mini-cart-popup .slick-minicart-shipping-fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #ff6201;
}

.interly-mini-cart-popup .slick-minicart-shipping.is-free .slick-minicart-shipping-fill {
  background: #52bc39;
}

.interly-mini-cart-popup .slick-minicart-ship {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #141414;
  -webkit-text-fill-color: #141414;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.2;
  text-align: left;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

/* Safari does not lay out a button with flex. The row inside does. */
.interly-mini-cart-popup .slick-minicart-ship-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
}

.interly-mini-cart-popup .slick-minicart-ship + .slick-minicart-ship,
.interly-mini-cart-popup .slick-minicart-shipping-note + .slick-minicart-ship,
.interly-mini-cart-popup .slick-minicart-shipping-track + .slick-minicart-ship {
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid #ececec;
}

.interly-mini-cart-popup .slick-minicart-ship-label {
  display: flex;
  flex: 1 1 auto;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  color: #141414;
  -webkit-text-fill-color: #141414;
}

.interly-mini-cart-popup .slick-minicart-ship-name {
  flex: 1 1 auto;
  min-width: 0;
}

.interly-mini-cart-popup .slick-minicart-ship-mark {
  flex: 0 0 16px;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  margin-top: 0;
  border: 2px solid #d0d0d0;
  border-radius: 50%;
  background: #fff;
  box-sizing: border-box;
}

.interly-mini-cart-popup .slick-minicart-ship.is-selected .slick-minicart-ship-mark {
  border-color: #ff6201;
  background: #ff6201 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M3.2 8.3 6.3 11.4 12.8 4.6'/%3E%3C/svg%3E") center / 10px 10px no-repeat;
}

.interly-mini-cart-popup .slick-minicart-shipping-note {
  margin: 4px 0 0;
  color: #6b6b6b;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
}

.interly-mini-cart-popup .slick-minicart-shipping.is-free .slick-minicart-shipping-note {
  color: #3d9a2a;
  font-weight: 600;
}

.interly-mini-cart-popup .slick-minicart-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 12px;
  color: #141414;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}

.interly-mini-cart-popup .slick-minicart-total span:last-child {
  font-size: 18px;
  font-weight: 700;
}

.interly-mini-cart-popup .slick-minicart-empty {
  margin-top: 28px;
  padding: 28px 20px;
  border-radius: 12px;
  background: #f7f8f9;
  text-align: center;
}

.interly-mini-cart-popup .woocommerce-mini-cart__empty-message {
  margin: 0;
  color: #141414;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
}

.interly-mini-cart-popup .slick-minicart-empty-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 52px;
  margin-top: 16px;
  border-radius: 10px;
  font-weight: 600;
}

.interly-mini-cart-popup .slick-minicart-checkout > a.checkout {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 52px;
  margin-top: 0;
  border-radius: 10px;
  color: #fff;
  -webkit-text-fill-color: #fff;
  font-weight: 600;
}

.interly-mini-cart-popup .slick-minicart-reviews {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 12px;
  color: #6b6b6b;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
}

.interly-mini-cart-popup .slick-minicart-reviews-stars {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 4px 8px;
  border: 1px solid #e4e4e4;
  border-radius: 999px;
  background: #fff;
}

.interly-mini-cart-popup .slick-minicart-reviews-stars img {
  display: block;
  margin: 0;
}

.interly-mini-cart-popup .slick-minicart-reviews:hover .slick-minicart-reviews-text {
  color: #141414;
}

/* Topbar USPs stay on one line. Equal flex columns were forcing the longer labels to wrap. */
@media (min-width: 1200px) {
  [data-blockname="topbar"] .interly-usp-slider {
    justify-content: flex-start !important;
    column-gap: 16px;
    min-width: 0;
  }

  [data-blockname="topbar"] .interly-usp {
    flex: 0 0 auto;
    width: auto;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  [data-blockname="topbar"] .interly-usp p {
    white-space: nowrap;
    line-height: 22px;
  }

  [data-blockname="topbar"] .interly-usp img {
    flex-shrink: 0;
  }
}

@media (min-width: 1400px) {
  [data-blockname="topbar"] a.interly-button.inline {
    margin-left: 1.5rem !important;
  }
}

@media (min-width: 1200px) and (max-width: 1473.67px) {
  [data-blockname="topbar"] .interly-usp p {
    font-size: 14px;
  }
}

@media (min-width: 1474px) {
  [data-blockname="topbar"] .interly-usp p {
    font-size: 15px;
  }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
  [data-blockname="topbar"] a.interly-button.inline {
    margin-left: 1rem !important;
  }
}

/* Between the tablet ticker and the wide row, keep rotating one USP so labels don't wrap or collide with the links. */
@media (min-width: 992px) and (max-width: 1199.98px) {
  [data-blockname="topbar"] .interly-usp-slider {
    height: 50px;
    flex-direction: column;
    overflow: hidden;
  }

  [data-blockname="topbar"] .interly-usp-slider > * {
    width: auto;
    min-height: 50px;
    height: 64px;
    max-height: 64px;
    display: flex;
    align-items: center;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  [data-blockname="topbar"] .interly-usp p {
    white-space: nowrap;
  }

  [data-blockname="topbar"] [data-slideitems="4"] > * {
    animation: interly-usps-4 13s infinite;
  }

  [data-blockname="topbar"] [data-slideitems="3"] > * {
    animation: interly-usps-3 10s infinite;
  }

  [data-blockname="topbar"] [data-slideitems="2"] > * {
    animation: interly-usps-2 7s infinite;
  }
}

/* Hidden until a real Apple Pay or PayPal control is ready to paint. */
.slick-express-checkout:not(.is-ready) {
  display: none;
}

.slick-express-checkout {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 20px;
}

/* PayPal and Apple Pay share one row. One button fills it. Two buttons take half each. */
.slick-express-checkout .slick-express-row {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  gap: 8px;
  width: 100%;
}

.slick-express-checkout .slick-express-row > input {
  display: none;
}

.slick-express-checkout--minicart {
  margin: 0 0 12px;
}

.slick-express-checkout #mollie-applepayDirect-button,
.slick-express-checkout .slick-apple-pay-slot,
.slick-express-checkout .mol-PayPal {
  margin: 0;
  line-height: 0;
}

/* Empty until Safari can actually start Apple Pay. Private mode never can. */
.slick-express-checkout .slick-apple-pay-slot:not([data-slick-mounted="1"]),
.slick-express-checkout #mollie-applepayDirect-button:not([data-slick-mounted="1"]) {
  display: none;
}

.slick-express-checkout .slick-apple-pay-slot[data-slick-mounted="1"],
.slick-express-checkout #mollie-applepayDirect-button[data-slick-mounted="1"] {
  position: relative;
  width: 100%;
  min-width: 0;
  height: 40px;
  overflow: hidden;
}

/* Safari sizes "Betaal met Apple Pay" from the button height. Both buttons are 40px. */
.slick-express-checkout .apple-pay-button {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: #000;
  box-shadow: none;
  cursor: pointer;
  overflow: hidden;
  -webkit-appearance: -apple-pay-button;
  -apple-pay-button-type: check-out;
  -apple-pay-button-style: black;
}

.slick-express-checkout .apple-pay-button-black {
  -apple-pay-button-style: black;
}

/*
 * Safari drops background, color and size on a button that is a flex or grid
 * container. The button stays a block. The label inside is inline, so the
 * logo cannot stretch over the word PayPal.
 */
body .slick-express-checkout button.slick-paypal-express {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  min-width: 0;
  height: 40px;
  container-type: inline-size;
  container-name: slickpaypal;
  min-height: 40px;
  max-height: 40px;
  margin: 0;
  padding: 0 16px;
  overflow: hidden;
  border: 0;
  border-radius: 10px;
  box-shadow: none;
  cursor: pointer;
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  line-height: 40px;
  letter-spacing: -0.01em;
  text-align: center;
  white-space: nowrap;
  touch-action: manipulation;
  -webkit-appearance: none;
  appearance: none;
  background-color: #0070ba;
  background-image: linear-gradient(#0070ba, #0070ba);
  color: #fff;
  -webkit-text-fill-color: #fff;
}

body .slick-express-checkout button.slick-paypal-express:hover {
  background-color: #005ea6;
  background-image: linear-gradient(#005ea6, #005ea6);
  color: #fff;
  -webkit-text-fill-color: #fff;
}

body .slick-express-checkout button.slick-paypal-express .slick-paypal-express-copy {
  display: inline;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.01em;
  line-height: 40px;
  vertical-align: middle;
  pointer-events: none;
  white-space: nowrap;
}

.slick-express-checkout .slick-paypal-express-error {
  margin: 0;
  color: #9a3412;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
}

body .slick-express-checkout button.slick-paypal-express .slick-paypal-express-mark {
  display: inline-block;
  width: 20px;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  min-height: 20px;
  max-height: 20px;
  margin: 0 8px;
  vertical-align: -4px;
  overflow: hidden;
}

body .slick-express-checkout button.slick-paypal-express .slick-paypal-express-brand {
  display: inline;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 40px;
  vertical-align: middle;
}

/* Half a phone-width row cannot fit "Betaal met" next to the logo. */
@container slickpaypal (max-width: 220px) {
  body .slick-express-checkout button.slick-paypal-express .slick-paypal-express-copy > span:first-child {
    display: none;
  }
}

body .slick-express-checkout .slick-express-or {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin: 4px 0 0;
  color: #939393;
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
}

.slick-express-checkout .slick-express-or::before,
.slick-express-checkout .slick-express-or::after {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  background: #e4e4e4;
}