:root {
  --color-oranje: var(--oranje);
  --color-oranje-hover: var(--oranje-hover);
  --color-oranje-active: var(--oranje-active);
  --color-oranje-disabled: var(--oranje-disabled);
  --color-oranje-contrast: var(--oranje-contrast);
  --color-donkerblauw: var(--donkerblauw);
  --color-donkerblauw-hover: var(--donkerblauw-hover);
  --color-donkerblauw-active: var(--donkerblauw-active);
  --color-donkerblauw-disabled: var(--donkerblauw-disabled);
  --color-donkerblauw-contrast: var(--donkerblauw-contrast);
  --color-lichtblauw: var(--lichtblauw);
  --color-lichtblauw-hover: var(--lichtblauw-hover);
  --color-lichtblauw-active: var(--lichtblauw-active);
  --color-lichtblauw-disabled: var(--lichtblauw-disabled);
  --color-lichtblauw-contrast: var(--lichtblauw-contrast);
  --color-zwart: var(--zwart);
  --color-zwart-hover: var(--zwart-hover);
  --color-zwart-active: var(--zwart-active);
  --color-zwart-disabled: var(--zwart-disabled);
  --color-zwart-contrast: var(--zwart-contrast);
  --color-wit: var(--wit);
  --color-wit-hover: var(--wit-hover);
  --color-wit-active: var(--wit-active);
  --color-wit-disabled: var(--wit-disabled);
  --color-wit-contrast: var(--wit-contrast);
  --color-lichtgrijs: var(--lichtgrijs);
  --color-grijs: var(--grijs);
  --color-ijsblauw: var(--ijsblauw);
  --color-oranje-licht: var(--oranje-licht);
}

:root {
  --bg-oranje: #fc5d00;
  --bg-donkerblauw: #002b7f;
  --bg-lichtblauw: #429dd4;
  --bg-zwart: #000000;
  --bg-wit: #ffffff;
  --bg-lichtgrijs: oklch(97.31% 0 0deg);
  --bg-grijs: #d8dee8;
  --bg-ijsblauw: #ecf8ff;
  --bg-oranje-licht: #ffe4d3;
  --oranje: #fc5d00;
  --oranje-hover: #e55400;
  --oranje-active: #c94800;
  --oranje-disabled: #f7c4a6;
  --oranje-contrast: #ffffff;
  --bg-oranje-contrast: #ffffff;
  --donkerblauw: #002b7f;
  --donkerblauw-hover: #002568;
  --donkerblauw-active: #001d52;
  --donkerblauw-disabled: #9aa8c7;
  --donkerblauw-contrast: #ffffff;
  --bg-donkerblauw-contrast: #ffffff;
  --lichtblauw: #429dd4;
  --lichtblauw-hover: #2f8fc9;
  --lichtblauw-active: #227aaf;
  --lichtblauw-disabled: #b9dced;
  --lichtblauw-contrast: #ffffff;
  --bg-lichtblauw-contrast: #ffffff;
  --zwart: #000000;
  --zwart-hover: #1a1a1a;
  --zwart-active: #333333;
  --zwart-disabled: #a3a3a3;
  --zwart-contrast: #ffffff;
  --bg-zwart-contrast: #ffffff;
  --wit: #ffffff;
  --wit-hover: #f5f7fa;
  --wit-active: #e9eef5;
  --wit-disabled: #c9d3e0;
  --wit-contrast: #000000;
  --bg-wit-contrast: #000000;
  --lichtgrijs: #f6f6f6;
  --lichtgrijs-hover: #f6f6f6;
  --lichtgrijs-active: #f6f6f6;
  --lichtgrijs-disabled: #f6f6f6;
  --lichtgrijs-contrast: #000000;
  --bg-lichtgrijs-contrast: #000000;
  --grijs: #d8dee8;
  --grijs-hover: #cbd3df;
  --grijs-active: #b9c4d2;
  --grijs-disabled: #eef1f5;
  --grijs-contrast: #000000;
  --bg-grijs-contrast: #000000;
  --ijsblauw: #ecf8ff;
  --ijsblauw-hover: #ecf8ff;
  --ijsblauw-active: #ecf8ff;
  --ijsblauw-disabled: #ecf8ff;
  --ijsblauw-contrast: #000000;
  --bg-ijsblauw-contrast: #000000;
  --oranje-licht: #ffe4d3;
  --oranje-licht-hover: #ffe4d3;
  --oranje-licht-active: #ffe4d3;
  --oranje-licht-disabled: #ffe4d3;
  --oranje-licht-contrast: #000000;
  --bg-oranje-licht-contrast: #000000;
  --overlay-header: linear-gradient(
    270deg,
    rgba(0, 0, 0, 0) 35.99%,
    rgba(0, 0, 0, 0.2) 67.18%
  );
  --overlay-1: linear-gradient(
    270deg,
    rgba(0, 0, 0, 0) 35.99%,
    rgba(0, 0, 0, 0.2) 67.18%
  );
  --opacity-1: rgba(0, 0, 0, 0.1);
  --opacity-2: rgba(0, 0, 0, 0.2);
  --opacity-3: rgba(255, 255, 255, 0.2);
  --border-1: solid 1px var(--oranje);
  --border-2: solid 1px var(--opacity-2);
  --border-3: solid 1px var(--zwart);
  --border-4: solid 1px var(--donkerblauw);
  --border-5: solid 1px var(--lichtblauw);
  --border-6: solid 1px var(--opacity-3);
  --border-radius-0: calc(2px + 0.2vw);
  --border-radius-5: calc(20px + 0.67vw);
  --border-radius-6: calc(45px + 2.33vw);
  --border-radius-7: calc(45px + 3.67vw);
  --border-radius-8: calc(50px + 5.33vw);
  --dimension-1: calc(21px + 0.2vw);
  --dimension-2: calc(28px + 0.27vw);
  --dimension-3: calc(14px + 0.13vw);
  --dimension-4: calc(16px + 0.13vw);
  --dimension-5: calc(10px + 0.13vw);
  --fontsizes-10: calc(32px + 1.153vw);
  --line-height-4: 150%;
  --line-height-5: 160%;
  --line-height-6: 115%;
  --line-height-7: 180%;
  --font-family-1: "Cabin", sans-serif;
  --font-family-2: "Font Awesome 6 Pro";
  --font-size-1: var(--fontsizes-1);
  --font-size-2: var(--fontsizes-2);
  --font-size-3: var(--fontsizes-3);
  --font-size-4: var(--fontsizes-4);
  --font-size-5: var(--fontsizes-5);
  --font-size-6: var(--fontsizes-6);
  --font-size-7: var(--fontsizes-7);
  --font-size-8: var(--fontsizes-8);
  --font-size-9: var(--fontsizes-9);
  --font-size-10: var(--fontsizes-10);
  --font-size-11: var(--fontsizes-11);
  --font-size-12: var(--fontsizes-12);
  --font-size-13: var(--fontsizes-13);
  --font-weight-6: 900;
  --header-height: var(--space-10);
}

@media (max-width: 375px) {
  :root {
    --border-radius-0: 2px;
    --border-radius-5: 20px;
    --border-radius-6: 45px;
    --border-radius-7: 45px;
    --border-radius-8: 50px;
    --dimension-1: 21px;
    --dimension-2: 28px;
    --dimension-3: 14px;
    --dimension-4: 16px;
    --dimension-5: 10px;
    --fontsizes-10: 32px;
  }
}
body {
  background: var(--primary-color-3) !important;
  color: var(--primary-color-5) !important;
  overflow-x: hidden;
}
body.alvrent-modal-open {
  overflow: hidden;
}

a.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.alvrent-landing-hero {
  isolation: isolate;
}
.alvrent-landing-hero::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: min(78%, 980px);
  height: 82%;
  pointer-events: none;
  background: radial-gradient(ellipse at 0% 100%, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0.46) 38%, rgba(0, 0, 0, 0) 72%), linear-gradient(35deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.24) 42%, rgba(0, 0, 0, 0) 78%);
}
.alvrent-landing-hero__image, .alvrent-landing-hero__image picture, .alvrent-landing-hero__image img {
  width: 100%;
  height: 100%;
}
.alvrent-landing-hero__image img {
  display: block;
  object-fit: cover;
}
.alvrent-landing-hero__content {
  z-index: 2;
}

.opsomming__inner {
  position: sticky;
  top: calc(var(--header-height, 0px) + var(--space-6));
  box-shadow: 0 18px 46px rgba(0, 43, 127, 0.08);
}
.opsomming__list {
  list-style: none;
}
.opsomming__list li {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--space-3);
  align-items: start;
  color: var(--zwart);
  font-size: var(--font-size-3);
  line-height: var(--line-height-3);
}
.opsomming__list li i {
  display: inline-grid;
  align-items: center;
  justify-items: center;
  width: 1.75em;
  aspect-ratio: 1/1;
  margin-top: 0.05em;
  border-radius: 999px;
  background: var(--oranje-licht);
  color: var(--oranje);
  font-size: 0.72em;
}

.alvrent-landings-benefit__icon {
  display: inline-grid;
  align-items: center;
  justify-items: center;
  width: var(--space-10);
  aspect-ratio: 1/1;
  border-radius: 999px;
  background: rgba(252, 93, 0, 0.08);
  color: var(--zwart);
  font-size: var(--font-size-5);
}

@media (max-width: 1023px) {
  .alvrent-landings-benefits {
    grid-template-columns: 1fr;
    gap: var(--space-6);
    padding: var(--space-7) 0;
  }
  .alvrent-landings-benefit {
    padding: 0;
  }
  .alvrent-landings-benefit + .alvrent-landings-benefit {
    padding-top: var(--space-6);
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    border-left: 0;
  }
}
.alvrent-header {
  z-index: 30;
  isolation: isolate;
}
.alvrent-header::after {
  content: "";
  position: absolute;
  top: 100%;
  left: calc(50% - 50vw);
  width: 100vw;
  height: 100vh;
  background: rgba(16, 42, 65, 0.14);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.22s ease;
  z-index: 1;
}
.alvrent-header__top {
  background: radial-gradient(circle at 18% 0%, rgba(255, 255, 255, 0.18), transparent 28%), linear-gradient(115deg, var(--color-oranje) 0%, #ff6f1a 42%, #e64f00 100%) !important;
}
.alvrent-header__bottom {
  background: radial-gradient(circle at 78% 0%, rgba(66, 157, 212, 0.24), transparent 32%), linear-gradient(115deg, var(--color-donkerblauw) 0%, #0b3d9b 52%, #001f5f 100%) !important;
}
.alvrent-header .alvrent-header-search {
  z-index: 80;
}
.alvrent-header .alvrent-header-search--desktop {
  width: min(520px, 38vw) !important;
}
.alvrent-header .alvrent-header-search--responsive .alvrent-header-search__results {
  left: var(--space-7);
  width: calc(100% - var(--space-7) * 2);
  max-height: min(62vh, 480px);
  transform: none;
}
.alvrent-header .alvrent-header-search form {
  position: relative;
  z-index: 2;
}
.alvrent-header .alvrent-header-search__results {
  top: calc(100% - var(--space-1));
  left: 50%;
  right: auto;
  z-index: 20;
  width: min(620px, 100vw - var(--space-7) * 2);
  max-height: min(70vh, 620px);
  padding: var(--space-5);
  padding-top: var(--space-6);
  border-top: solid 1px var(--grijs);
  transform: translateX(-50%);
  box-shadow: 0 16px 36px rgba(0, 43, 127, 0.14), 0 4px 12px rgba(0, 0, 0, 0.08);
}
.alvrent-header .alvrent-header-search__result, .alvrent-header .alvrent-header-search__all {
  padding: var(--space-3);
  border-radius: var(--border-radius-1);
  transition: background-color 180ms ease, transform 180ms ease;
}
.alvrent-header .alvrent-header-search__result:hover, .alvrent-header .alvrent-header-search__result:focus-visible, .alvrent-header .alvrent-header-search__all:hover, .alvrent-header .alvrent-header-search__all:focus-visible {
  background: var(--ijsblauw);
  transform: translateX(var(--space-1));
}
.alvrent-header .alvrent-header-search__result-image {
  width: var(--space-10);
  aspect-ratio: 1/1;
  display: grid;
  align-items: center;
  justify-items: center;
  color: var(--lichtblauw);
}
.alvrent-header .alvrent-header-search__result-image img {
  object-fit: contain;
}
.alvrent-header .alvrent-header-search__result-title {
  transition: color 180ms ease;
}
.alvrent-header .alvrent-header-search__result-price {
  white-space: nowrap;
}
.alvrent-header .alvrent-header-search__result-price .alvrent-price {
  --alvrent-price-amount-size: var(--font-size-3);
  --alvrent-price-tax-size: var(--font-size-1);
}
.alvrent-header .alvrent-header-search__result:hover .alvrent-header-search__result-title, .alvrent-header .alvrent-header-search__result:focus-visible .alvrent-header-search__result-title, .alvrent-header .alvrent-header-search__all:hover, .alvrent-header .alvrent-header-search__all:focus-visible {
  color: var(--oranje);
}
.alvrent-header .alvrent-mobile-categories {
  z-index: 90;
}
.alvrent-header .alvrent-mobile-categories[open] {
  z-index: 100;
}
.alvrent-header .alvrent-mobile-categories[open] .alvrent-mobile-categories__summary {
  background: rgba(255, 255, 255, 0.1) !important;
}
.alvrent-header .alvrent-mobile-categories[open] .alvrent-mobile-categories__summary i {
  transform: rotate(180deg);
}
.alvrent-header .alvrent-mobile-categories__summary {
  cursor: pointer;
  list-style: none;
  min-height: var(--button-size-medium);
  background: transparent !important;
  color: var(--wit) !important;
  transition: background-color 0.18s ease, transform 0.18s ease;
}
.alvrent-header .alvrent-mobile-categories__summary::-webkit-details-marker {
  display: none;
}
.alvrent-header .alvrent-mobile-categories__summary:hover, .alvrent-header .alvrent-mobile-categories__summary:focus-visible {
  background: rgba(255, 255, 255, 0.1) !important;
  transform: translateY(-1px);
}
.alvrent-header .alvrent-mobile-categories__summary-label {
  display: grid;
  gap: 0;
  line-height: 1.05;
}
.alvrent-header .alvrent-mobile-categories__summary-label span {
  font-size: var(--font-size-1);
  font-weight: 400;
}
.alvrent-header .alvrent-mobile-categories__summary-label strong {
  font-size: var(--font-size-2);
  font-weight: 700;
}
.alvrent-header .alvrent-mobile-categories__summary i {
  color: var(--wit);
  font-size: var(--font-size-2);
  transition: transform 0.18s ease;
}
.alvrent-header .alvrent-mobile-categories__panel {
  top: calc(100% - 1px);
  left: 0;
  z-index: 95;
  width: min(360px, 100vw - var(--space-7) * 2);
  max-height: min(68vh, 560px);
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  box-shadow: 0 22px 42px rgba(0, 20, 61, 0.18), 0 4px 10px rgba(0, 0, 0, 0.08);
}
.alvrent-header .alvrent-mobile-categories__link {
  padding: var(--space-3) var(--space-4);
  transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}
.alvrent-header .alvrent-mobile-categories__link:hover, .alvrent-header .alvrent-mobile-categories__link:focus-visible, .alvrent-header .alvrent-mobile-categories__link[aria-current=page] {
  background: var(--ijsblauw);
  color: var(--oranje);
  transform: translateX(var(--space-1));
}
@media (max-width: 767px) {
  .alvrent-header .alvrent-mobile-categories__summary-label span {
    font-size: var(--font-size-1);
  }
  .alvrent-header .alvrent-mobile-categories__summary-label strong {
    font-size: var(--font-size-2);
  }
  .alvrent-header .alvrent-mobile-categories__panel {
    left: auto;
    right: 0;
    width: calc(100vw - var(--space-7) * 2);
  }
}
.alvrent-header .alvrent-cart-link {
  color: var(--wit);
  background: transparent;
}
.alvrent-header .alvrent-cart-link:hover, .alvrent-header .alvrent-cart-link:focus-visible, .alvrent-header .alvrent-cart-link[aria-expanded=true] {
  color: var(--wit);
  background: rgba(255, 255, 255, 0.1);
}
@media (min-width: 1024px) {
  .alvrent-header:has(.alvrent-nav-item:hover .alvrent-nav-panel)::after, .alvrent-header:has(.alvrent-nav-item:focus-within .alvrent-nav-panel)::after, .alvrent-header:has(.alvrent-nav-item details[open] .alvrent-nav-panel)::after {
    opacity: 1;
  }
}
@media (max-width: 1199px) {
  .alvrent-header .alvrent-cart-preview {
    width: min(420px, 100vw - var(--space-7) * 2) !important;
  }
}
@media (max-width: 767px) {
  .alvrent-header .alvrent-brand-logo {
    width: 72px !important;
  }
  .alvrent-header .alvrent-header__account-link {
    min-height: var(--button-size-medium);
    padding-inline: var(--space-3);
  }
  .alvrent-header .alvrent-cart-preview {
    right: calc(var(--space-7) * -1);
    width: calc(100vw - var(--space-7) * 2) !important;
    max-width: none;
  }
}

.alvrent-account-address-grid {
  align-items: stretch;
}

.alvrent-account-address-card {
  height: 100%;
  align-content: start;
  transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}
.alvrent-account-address-card:hover {
  border-color: var(--oranje);
  background: color-mix(in srgb, var(--oranje-licht) 58%, var(--wit));
  box-shadow: 0 10px 26px rgba(0, 43, 127, 0.08);
}
.alvrent-account-address-card__actions {
  top: var(--space-5);
  right: var(--space-5);
}
.alvrent-account-address-card__actions .button-icon {
  background: var(--wit);
}

.alvrent-account-quote-item__image {
  width: 80px;
  aspect-ratio: 1/1;
}
.alvrent-account-quote-item__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.alvrent-account-quote-detail__card {
  transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}
.alvrent-account-quote-detail__card:hover {
  border-color: color-mix(in srgb, var(--oranje) 45%, var(--border-color));
  box-shadow: 0 12px 28px rgba(0, 43, 127, 0.07);
  transform: translateY(-1px);
}

.alvrent-account-quote-card {
  transition: border-color 180ms ease, box-shadow 180ms ease;
}
.alvrent-account-quote-card:hover {
  border-color: var(--oranje);
  box-shadow: 0 10px 26px rgba(0, 43, 127, 0.08);
}

@media (max-width: 767px) {
  .alvrent-account-address-card {
    padding-top: calc(var(--space-4) + var(--space-6));
  }
  .alvrent-account-address-card__actions {
    top: var(--space-4);
    right: var(--space-4);
  }
  .alvrent-modal {
    width: calc(100vw - var(--space-4) - var(--space-4));
    max-height: calc(100dvh - var(--space-4) - var(--space-4));
    max-block-size: calc(100dvh - var(--space-4) - var(--space-4));
  }
  .alvrent-modal__surface {
    max-height: calc(100dvh - var(--space-4) - var(--space-4));
    max-block-size: calc(100dvh - var(--space-4) - var(--space-4));
  }
}
.alvrent-checkout-address-options {
  align-items: stretch;
}

.alvrent-checkout-address-option {
  cursor: pointer;
  min-height: 100%;
  transition: border-color 180ms ease, background-color 180ms ease, box-shadow 180ms ease;
}
.alvrent-checkout-address-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.alvrent-checkout-address-option__check {
  position: absolute;
  top: var(--space-4);
  right: var(--space-4);
  width: 18px;
  aspect-ratio: 1/1;
  border-radius: 999px;
  border: 2px solid var(--lichtblauw);
  background: var(--wit);
  transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}
.alvrent-checkout-address-option:hover {
  border-color: var(--lichtblauw);
}
.alvrent-checkout-address-option.is-active, .alvrent-checkout-address-option:has(input:checked) {
  border-color: var(--oranje);
  background: var(--oranje-licht);
  box-shadow: 0 10px 26px rgba(0, 43, 127, 0.08);
}
.alvrent-checkout-address-option.is-active .alvrent-checkout-address-option__check, .alvrent-checkout-address-option:has(input:checked) .alvrent-checkout-address-option__check {
  border-color: var(--oranje);
  background: var(--oranje);
  box-shadow: inset 0 0 0 4px var(--wit);
}

.alvrent-cart-extra-option {
  grid-template-rows: auto 1fr auto;
}

.alvrent-price {
  --alvrent-price-color: var(--zwart);
  --alvrent-price-amount-size: var(--font-size-3);
  --alvrent-price-tax-size: var(--font-size-2);
  --alvrent-price-currency-size: var(--font-size-1);
  align-items: baseline;
  color: var(--alvrent-price-color);
  line-height: var(--line-height-2);
}
.alvrent-price > span:first-child {
  display: inline-flex;
  align-items: baseline;
  gap: var(--space-1);
}
.alvrent-price__currency {
  font-size: var(--alvrent-price-currency-size);
  font-weight: var(--font-weight-4);
  line-height: 1;
}
.alvrent-price__amount {
  font-size: var(--alvrent-price-amount-size);
  font-weight: var(--font-weight-5);
  line-height: 1;
}
.alvrent-price__tax {
  display: block;
  margin-top: var(--space-1);
  font-size: var(--alvrent-price-tax-size);
  font-weight: var(--font-weight-3);
  line-height: var(--line-height-1);
  color: var(--zwart);
}
.alvrent-price--empty {
  color: var(--grijs);
  font-weight: var(--font-weight-4);
}

.element-category-card img,
.element-category-card h3 a,
.element-category-card .button-icon,
.element-product-card img,
.element-product-card h3 a,
.element-product-card .button-icon {
  transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}
.element-category-card h3 a,
.element-product-card h3 a {
  position: relative;
  display: inline;
  color: var(--lichtblauw);
  background-image: linear-gradient(90deg, var(--oranje) 50%, var(--lichtblauw) 50%);
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 200% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: color 220ms ease, background-position 260ms ease;
}
.element-category-card:hover img, .element-category-card:focus-within img,
.element-product-card:hover img,
.element-product-card:focus-within img {
  transform: scale(1.1);
}
.element-category-card:hover h3 a, .element-category-card:focus-within h3 a,
.element-product-card:hover h3 a,
.element-product-card:focus-within h3 a {
  color: var(--oranje);
  background-position: 0 0;
}
.element-category-card:hover .button-icon, .element-category-card:focus-within .button-icon,
.element-product-card:hover .button-icon,
.element-product-card:focus-within .button-icon {
  background: var(--oranje);
  border-color: var(--oranje);
  color: var(--wit);
}

.element-category-slider,
.element-product-slider,
.element-recently-viewed-products,
.element-same-category-products__slider {
  position: relative;
  --alvrent-slider-slides: 5;
  --alvrent-slider-gap: var(--space-6);
}
.element-category-slider .alvrent-slider__viewport,
.element-product-slider .alvrent-slider__viewport,
.element-recently-viewed-products .alvrent-slider__viewport,
.element-same-category-products__slider .alvrent-slider__viewport {
  min-width: 0;
  width: 100%;
}
.element-category-slider .alvrent-slider__track,
.element-product-slider .alvrent-slider__track,
.element-recently-viewed-products .alvrent-slider__track,
.element-same-category-products__slider .alvrent-slider__track {
  min-width: max-content;
}
.element-category-slider button[data-alvrent-slider-prev],
.element-category-slider button[data-alvrent-slider-next],
.element-product-slider button[data-alvrent-slider-prev],
.element-product-slider button[data-alvrent-slider-next],
.element-recently-viewed-products button[data-alvrent-slider-prev],
.element-recently-viewed-products button[data-alvrent-slider-next],
.element-same-category-products__slider button[data-alvrent-slider-prev],
.element-same-category-products__slider button[data-alvrent-slider-next] {
  position: absolute;
  top: 50%;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: var(--wit);
  color: var(--donkerblauw);
  border: solid 1px rgba(0, 43, 127, 0.12);
  box-shadow: 0 10px 24px rgba(0, 20, 61, 0.12);
  transition: opacity 180ms ease, background-color 180ms ease, color 180ms ease, transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}
.element-category-slider button[data-alvrent-slider-prev].is-disabled,
.element-category-slider button[data-alvrent-slider-next].is-disabled,
.element-product-slider button[data-alvrent-slider-prev].is-disabled,
.element-product-slider button[data-alvrent-slider-next].is-disabled,
.element-recently-viewed-products button[data-alvrent-slider-prev].is-disabled,
.element-recently-viewed-products button[data-alvrent-slider-next].is-disabled,
.element-same-category-products__slider button[data-alvrent-slider-prev].is-disabled,
.element-same-category-products__slider button[data-alvrent-slider-next].is-disabled {
  opacity: 0;
  pointer-events: none;
}
.element-category-slider button[data-alvrent-slider-prev]:hover,
.element-category-slider button[data-alvrent-slider-next]:hover,
.element-product-slider button[data-alvrent-slider-prev]:hover,
.element-product-slider button[data-alvrent-slider-next]:hover,
.element-recently-viewed-products button[data-alvrent-slider-prev]:hover,
.element-recently-viewed-products button[data-alvrent-slider-next]:hover,
.element-same-category-products__slider button[data-alvrent-slider-prev]:hover,
.element-same-category-products__slider button[data-alvrent-slider-next]:hover {
  background: var(--wit-hover);
  color: var(--donkerblauw);
  box-shadow: 0 14px 30px rgba(0, 20, 61, 0.16);
  border-color: rgba(0, 43, 127, 0.2);
}
.element-category-slider button[data-alvrent-slider-prev]:active,
.element-category-slider button[data-alvrent-slider-next]:active,
.element-product-slider button[data-alvrent-slider-prev]:active,
.element-product-slider button[data-alvrent-slider-next]:active,
.element-recently-viewed-products button[data-alvrent-slider-prev]:active,
.element-recently-viewed-products button[data-alvrent-slider-next]:active,
.element-same-category-products__slider button[data-alvrent-slider-prev]:active,
.element-same-category-products__slider button[data-alvrent-slider-next]:active {
  background: var(--wit-active);
  color: var(--donkerblauw);
}
.element-category-slider.is-ready button[data-alvrent-slider-prev],
.element-category-slider.is-ready button[data-alvrent-slider-next],
.element-product-slider.is-ready button[data-alvrent-slider-prev],
.element-product-slider.is-ready button[data-alvrent-slider-next],
.element-recently-viewed-products.is-ready button[data-alvrent-slider-prev],
.element-recently-viewed-products.is-ready button[data-alvrent-slider-next],
.element-same-category-products__slider.is-ready button[data-alvrent-slider-prev],
.element-same-category-products__slider.is-ready button[data-alvrent-slider-next] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.element-category-slider.is-ready button[data-alvrent-slider-prev].is-disabled,
.element-category-slider.is-ready button[data-alvrent-slider-next].is-disabled,
.element-product-slider.is-ready button[data-alvrent-slider-prev].is-disabled,
.element-product-slider.is-ready button[data-alvrent-slider-next].is-disabled,
.element-recently-viewed-products.is-ready button[data-alvrent-slider-prev].is-disabled,
.element-recently-viewed-products.is-ready button[data-alvrent-slider-next].is-disabled,
.element-same-category-products__slider.is-ready button[data-alvrent-slider-prev].is-disabled,
.element-same-category-products__slider.is-ready button[data-alvrent-slider-next].is-disabled {
  opacity: 0;
  pointer-events: none;
}
.element-category-slider button[data-alvrent-slider-prev],
.element-product-slider button[data-alvrent-slider-prev],
.element-recently-viewed-products button[data-alvrent-slider-prev],
.element-same-category-products__slider button[data-alvrent-slider-prev] {
  left: 0;
  transform: translate(-50%, -50%) !important;
}
.element-category-slider button[data-alvrent-slider-prev]:hover,
.element-product-slider button[data-alvrent-slider-prev]:hover,
.element-recently-viewed-products button[data-alvrent-slider-prev]:hover,
.element-same-category-products__slider button[data-alvrent-slider-prev]:hover {
  transform: translate(-50%, calc(-50% - 2px)) !important;
}
.element-category-slider button[data-alvrent-slider-next],
.element-product-slider button[data-alvrent-slider-next],
.element-recently-viewed-products button[data-alvrent-slider-next],
.element-same-category-products__slider button[data-alvrent-slider-next] {
  right: 0;
  transform: translate(50%, -50%) !important;
}
.element-category-slider button[data-alvrent-slider-next]:hover,
.element-product-slider button[data-alvrent-slider-next]:hover,
.element-recently-viewed-products button[data-alvrent-slider-next]:hover,
.element-same-category-products__slider button[data-alvrent-slider-next]:hover {
  transform: translate(50%, calc(-50% - 2px)) !important;
}

.element-category-slider,
.element-product-slider,
.element-recently-viewed-products {
  --alvrent-slider-slides: 1;
}
@media (min-width: 768px) {
  .element-category-slider,
  .element-product-slider,
  .element-recently-viewed-products {
    --alvrent-slider-slides: 4;
  }
}
@media (min-width: 1024px) {
  .element-category-slider,
  .element-product-slider,
  .element-recently-viewed-products {
    --alvrent-slider-slides: 5;
  }
}

.element-recently-viewed-products {
  --alvrent-slider-gap: var(--space-8);
}
.element-recently-viewed-products__item {
  display: grid;
}

.element-same-category-products__slider {
  --alvrent-slider-slides: 2;
  --alvrent-slider-gap: var(--space-8);
}
.element-same-category-products__slider .alvrent-slider__track {
  align-items: stretch;
}
@media (min-width: 1024px) {
  .element-same-category-products__slider {
    --alvrent-slider-slides: 5;
  }
}
@media (min-width: 1780px) {
  .element-same-category-products__slider {
    --alvrent-slider-slides: 5;
  }
}

.element-same-category-products__item {
  display: grid;
}

.alvrent-modal {
  width: calc(100vw - var(--space-7) - var(--space-7));
  max-width: 720px;
  max-height: calc(100dvh - var(--space-7) - var(--space-7));
  max-block-size: calc(100dvh - var(--space-7) - var(--space-7));
  border: 0;
  padding: 0;
  background: transparent;
  overflow: visible;
}
.alvrent-modal::backdrop {
  background: rgba(16, 42, 65, 0.24);
  backdrop-filter: blur(6px);
}
.alvrent-modal__surface {
  display: grid;
  grid-template-rows: auto auto;
  height: auto;
  max-height: calc(100dvh - var(--space-7) - var(--space-7));
  max-block-size: calc(100dvh - var(--space-7) - var(--space-7));
  min-height: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
.alvrent-modal__header {
  position: sticky;
  top: 0;
  z-index: 2;
  background: inherit;
}
.alvrent-modal__content {
  min-height: 0;
  overflow: visible;
}

.alvrent-cart-added__notice {
  border: solid 1px color-mix(in srgb, var(--lichtblauw) 14%, transparent);
}
.alvrent-cart-added__product {
  border-top: solid 1px var(--grijs);
  border-bottom: solid 1px var(--grijs);
}
.alvrent-cart-added__image {
  width: clamp(84px, 14vw, 128px);
  aspect-ratio: 1/1;
}
.alvrent-cart-added__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (min-width: 1024px) {
  .alvrent-single-product__aside {
    position: sticky;
    top: var(--space-7);
  }
}
.alvrent-single-product__gallery img {
  width: 100%;
  display: block;
}
.alvrent-single-product__thumbnails {
  display: flex;
  gap: var(--space-3);
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}
.alvrent-single-product__thumbnails::-webkit-scrollbar {
  display: none;
}
.alvrent-single-product__thumbnail {
  flex: 0 0 calc((100% - var(--space-3) * 3) / 4);
  scroll-snap-align: start;
  scroll-snap-stop: always;
  padding: 0;
  background: var(--wit);
  border: var(--border-2);
  border-radius: var(--border-radius-1);
  overflow: hidden;
  transition: border-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}
.alvrent-single-product__thumbnail:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
}
.alvrent-single-product__thumbnail.is-active {
  border-color: var(--oranje);
  box-shadow: 0 10px 20px rgba(252, 93, 0, 0.12);
}
.alvrent-single-product__thumbnail img {
  aspect-ratio: 1/1;
  object-fit: cover;
}

.alvrent-contact-advice a {
  text-decoration: underline;
  text-underline-offset: 0.14em;
}
.alvrent-contact-advice a:hover {
  text-decoration-thickness: 2px;
}

.alvrent-footer a {
  color: inherit;
  text-decoration: none;
}
.alvrent-footer a:hover {
  color: var(--lichtblauw);
}
.alvrent-footer nav a {
  transition: color 180ms ease, transform 180ms ease;
}
.alvrent-footer nav a:hover, .alvrent-footer nav a:focus-visible {
  transform: translateX(var(--space-1));
}
@media (max-width: 1023px) {
  .alvrent-footer nav {
    gap: var(--space-4);
  }
}

.alvrent-category-tree__link {
  display: block;
  margin-inline: calc(var(--space-3) * -1);
  padding: var(--space-2) var(--space-3);
  border-radius: var(--border-radius-1);
  transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}
.alvrent-category-tree__link:hover, .alvrent-category-tree__link:focus-visible {
  background: var(--ijsblauw);
  color: var(--oranje);
  transform: translateX(var(--space-1));
}
.alvrent-category-tree__link.is-active {
  color: var(--oranje);
  background: color-mix(in srgb, var(--oranje-licht) 54%, transparent);
  font-weight: var(--font-weight-4);
}
.alvrent-category-tree__item {
  padding-top: var(--space-1);
  padding-bottom: var(--space-1);
}
.alvrent-category-tree__item .alvrent-category-tree__list[data-depth="1"] {
  border-left: solid 3px var(--lichtgrijs);
  margin-left: 2px;
  margin-top: var(--space-2);
  margin-bottom: var(--space-2);
}
.alvrent-category-tree__item .alvrent-category-tree__list[data-depth="1"] .alvrent-category-tree__item {
  padding-left: var(--space-5);
}
.alvrent-category-tree__item .alvrent-category-tree__list[data-depth="1"] .alvrent-category-tree__item.is-current {
  border-left: solid 3px var(--oranje);
  margin-left: -3px;
  font-weight: var(--font-weight-4);
}
.alvrent-category-tree__item.is-collapsible {
  overflow: hidden;
  transition: max-height 0.26s ease, opacity 0.2s ease, transform 0.2s ease, padding 0.26s ease, margin 0.26s ease;
  transform-origin: top;
}
.alvrent-category-tree__item.is-collapsible.is-collapsed {
  max-height: 0 !important;
  opacity: 0;
  transform: translateY(-4px);
  pointer-events: none;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.alvrent-category-tree__toggle {
  cursor: pointer;
  color: var(--lichtblauw);
}

[data-alvrent-cart-page].is-cart-updating {
  cursor: progress;
}
[data-alvrent-cart-page] .alvrent-cart-item {
  position: relative;
  transition: opacity 0.18s ease;
}
[data-alvrent-cart-page] .alvrent-cart-item.is-pending {
  opacity: 0.78;
}
[data-alvrent-cart-page] .alvrent-cart-item.is-loading {
  opacity: 0.62;
  pointer-events: none;
}
[data-alvrent-cart-page] .alvrent-cart-item.is-loading::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: var(--space-4);
  aspect-ratio: 1/1;
  border: 2px solid color-mix(in srgb, var(--lichtblauw) 24%, transparent);
  border-top-color: var(--lichtblauw);
  border-radius: 999px;
  transform: translateY(-50%);
  animation: alvrent-spin 0.75s linear infinite;
}
[data-alvrent-cart-page] [data-alvrent-shipping-method-options] {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-5);
}
[data-alvrent-cart-page] [data-alvrent-shipping-method-option] {
  height: 100%;
}
@media (max-width: 767px) {
  [data-alvrent-cart-page] [data-alvrent-shipping-method-options] {
    grid-template-columns: minmax(0, 1fr);
  }
}

.alvrent-brand-logo {
  transition: width 0.2s ease;
}

.alvrent-cart {
  position: relative;
  z-index: 40;
}
.alvrent-cart-link {
  border: 0;
  background: transparent;
  padding: 0;
  text-decoration: none;
  transition: opacity 0.2s ease, color 0.2s ease, background-color 0.2s ease;
}
.alvrent-cart-link:hover {
  opacity: 0.88;
}
.alvrent-cart-link__count {
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--donkerblauw);
  color: var(--wit);
  font-size: var(--fontsizes-12);
  font-weight: 700;
  line-height: 1;
  position: absolute;
  top: -5px;
  right: -5px;
}
.alvrent-cart-preview {
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.06);
  z-index: 60;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity 0.18s ease, transform 0.22s ease, visibility 0.22s ease;
}
.alvrent-cart-preview__item:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.alvrent-cart.is-open .alvrent-cart-preview {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}
.alvrent-cart.is-open .alvrent-cart-link__icon {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.alvrent-cart.is-open .alvrent-cart-link__icon i {
  color: var(--wit);
}

@keyframes alvrent-spin {
  to {
    transform: translateY(-50%) rotate(360deg);
  }
}
.alvrent-catalog-categories summary {
  cursor: pointer;
  list-style: none;
}
.alvrent-catalog-categories summary::-webkit-details-marker {
  display: none;
}
.alvrent-catalog-categories summary i {
  transition: transform 180ms ease;
}
.alvrent-catalog-categories[open] summary i {
  transform: rotate(180deg);
}

.alvrent-nav {
  position: relative;
  z-index: 2;
}
.alvrent-nav.alvrent-nav-no-transition .alvrent-nav-panel {
  transition: none !important;
}
.alvrent-nav-list {
  list-style: none;
  overflow: visible;
  scrollbar-width: none;
  margin: 0;
  padding: 0;
}
.alvrent-nav-list::-webkit-scrollbar {
  display: none;
}
@media (max-width: 1199px) {
  .alvrent-nav-list {
    justify-content: flex-start !important;
    gap: var(--space-3);
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-padding-inline: var(--space-7);
  }
}
@media (max-width: 767px) {
  .alvrent-nav-list {
    gap: var(--space-2);
  }
}
.alvrent-nav-trigger {
  cursor: pointer;
  list-style: none;
  border-radius: var(--border-radius-1);
  white-space: nowrap;
  transition: background-color 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}
.alvrent-nav-trigger::-webkit-details-marker {
  display: none;
}
@media (max-width: 1199px) {
  .alvrent-nav-trigger {
    padding-inline: var(--space-4) !important;
  }
}
@media (max-width: 767px) {
  .alvrent-nav-trigger {
    padding-block: var(--space-2) !important;
    padding-inline: var(--space-3) !important;
  }
}
.alvrent-nav-item {
  position: static;
}
.alvrent-nav-item:hover > .alvrent-nav-trigger, .alvrent-nav-item:focus-within > .alvrent-nav-trigger, .alvrent-nav-item:hover > details > .alvrent-nav-trigger, .alvrent-nav-item:focus-within > details > .alvrent-nav-trigger, .alvrent-nav-item.is-active > .alvrent-nav-trigger, .alvrent-nav-item.is-active > details > .alvrent-nav-trigger,
.alvrent-nav-item details[open] > .alvrent-nav-trigger {
  background: color-mix(in srgb, var(--lichtblauw) 18%, transparent);
}
@media (min-width: 1024px) {
  .alvrent-nav-item:hover .alvrent-nav-panel, .alvrent-nav-item:focus-within .alvrent-nav-panel,
  .alvrent-nav-item details[open] .alvrent-nav-panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }
}
@media (max-width: 1023px) {
  .alvrent-nav-item details[open] > .alvrent-nav-panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }
}
@media (max-width: 1199px) {
  .alvrent-nav-item {
    flex: 0 0 auto;
  }
}
.alvrent-nav-panel {
  --alvrent-nav-columns: 2;
  display: grid;
  width: calc(100% + var(--space-7) * 2);
  top: calc(100% - 1px) !important;
  left: calc(var(--space-7) * -1) !important;
  transform: translateY(10px);
  grid-template-columns: repeat(var(--alvrent-nav-columns), minmax(260px, 360px));
  align-items: start;
  justify-content: start;
  column-gap: var(--space-5);
  row-gap: 0;
  border-top: 1px solid color-mix(in srgb, var(--lichtblauw) 18%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--donkerblauw) 10%, transparent);
  border-radius: 0 0 var(--border-radius-2) var(--border-radius-2);
  background: radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--ijsblauw) 75%, transparent), transparent 34%), linear-gradient(180deg, var(--wit) 0%, color-mix(in srgb, var(--ijsblauw) 38%, var(--wit)) 100%);
  box-shadow: 0 28px 60px rgba(0, 20, 61, 0.16);
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.22s ease, visibility 0.22s ease;
}
@media (min-width: 1351px) {
  .alvrent-nav-panel {
    width: calc(100% + var(--space-14) * 2);
    left: calc(var(--space-14) * -1) !important;
  }
}
@media (max-width: 1023px) {
  .alvrent-nav-panel {
    width: min(560px, 100vw - var(--space-8) * 2);
    left: 0 !important;
    transform: translateY(10px);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .alvrent-nav-panel {
    width: calc(100vw - var(--space-7) * 2);
    max-height: min(58vh, 520px);
    overflow-y: auto;
    grid-template-columns: minmax(0, 1fr);
    padding-block: var(--space-4) !important;
    padding-inline: var(--space-4) !important;
  }
}
.alvrent-nav-indicator {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  background: var(--primary-color-3);
  border-radius: 999px;
  opacity: 0;
  transform: translateX(0);
  transition: transform 0.22s ease, width 0.22s ease, opacity 0.18s ease;
  pointer-events: none;
}
@media (max-width: 1023px) {
  .alvrent-nav-indicator {
    display: none;
  }
}
.alvrent-nav-link {
  display: block;
  min-width: 0;
  padding: var(--space-3) var(--space-5);
  border-radius: var(--border-radius-1);
  margin-bottom: 0;
  line-height: var(--line-height-2);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.alvrent-nav-link:hover, .alvrent-nav-link:focus-visible, .alvrent-nav-link.is-active {
  background: color-mix(in srgb, var(--lichtblauw) 12%, transparent);
  color: var(--donkerblauw);
  transform: translateX(var(--space-1));
}

/*# sourceMappingURL=app.css.map */