/** Shopify CDN: Minification failed

Line 869:9 Expected ":"
Line 874:22 The "-" operator only works if there is whitespace on both sides

**/
.display-flex {display: flex !important;}
.justify-content-between {justify-content: space-between !important;}
.d-block { display: block !important;}
.p-4 {
  padding: 1.5rem !important;
}

@media only screen and (min-width: 992px) {
  .sidebar-account-left {
    width: 25%;
  }
  .sidebar-account-right {
    width: 75%;
  }   
}
@media only screen and (max-width: 991px) {
  .sidebar-account-left {display:none;}
}

.sidebar-account-left, .sidebar-account-right {
  margin-top: 1rem;
  padding-inline: 20px;
}
.account-main { margin-inline: -20px;  }
.account-menu li { margin:0 0 1px;}
.account-menu li a, .user-email {
  padding: .7rem;
  display: block;
  line-height: 1.3;
  color: var(--base-color);
}
.user-email { line-height: 1.5;}
.account-menu li a i { margin-right: .75rem;}
.account-menu li a:hover { text-decoration: underline;}

@media only screen and (min-width: 992px) { 
  .account-main {
    margin-block:15px;
  }
  .account-menu li a {
    font-size: .925rem;
  }
}
@media only screen and (max-width: 991.99px) {
   .account-menu li a {
     font-size: 1rem;
   }
}
.account-title, .account-title h2 {
    font-size: 22px; 
    margin: 0 0 15px;
}
.account-title a {
  font-size: 14px;
  color:#0651ad;
}
/* Account tab  */
.account-card {
    display: flex;
    background: var(--white-color);
    color: var(--text-color);
    box-shadow: 0 3px 12px rgba(0, 0, 0, .12);
    border-radius: 6px;
    text-decoration: none;
    height: 100%;
    padding: 24px 30px;
    transition: .3s;
    margin-bottom: 1.6rem;
}
.account-card-thumbnail {
    display: block;
    margin-right: 2rem;
}
.account-card-thumbnail i { line-height: 1; }
.account-card-body {
    flex: 1;
}
.account-card-title {
    display: block;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: .75rem;
}
.account-card-text {
    display: block;
    font-size: 14px;
    margin-bottom: 1rem;
    line-height: 22px;
}
.account-card-button {
    display: inline-flex;
    align-items: center;
    background: var(--white-color);
    padding: 6px 15px 6px 15px;
    color: #4d4d4d;
    border: 1px solid #4d4d4d;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
}
.account-card-button:after {
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
  margin-left: 10px;
}
span.account-card-button:hover {
  border-color: var(--primary-color);
  color: var(--primary-color);
}

/* common css */
.overflow-hidden {
    overflow: hidden !important;
}
.mb-4 {
    margin-bottom: 1.5rem !important;
}
.h-100 {
    height: 100% !important;
}
.pt-2 {
    padding-top: .5rem !important;
}
.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}
.text-start {
    text-align: left !important;
}
.text-end {
    text-align: right !important;
}
.fw-bold {
    font-weight: 700 !important;
}
.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(26, 26, 26, .5) !important;
}
.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
}
.cols.sm-cols-spacing {
    margin-right: -7px;
    margin-left: -7px;
}
.cols-eq-height {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
.cols {
    margin-right: -15px;
    margin-left: -15px;
}
.display-none {
    display: none !important;
}
.row {
  display: flex;
  margin-inline: -10px;
}
.mb-2 {
    margin-bottom: .5rem !important;
}
.mr-1 {
    margin-right: .25rem !important;
}
.mr-2 {
    margin-right: .5rem !important;
}
.flex-1 {
    flex: 1 !important;
} 
.xs-12 {
    width: 100%;
}
.lg-1, .lg-10, .lg-11, .lg-12, .lg-15, .lg-17, .lg-2, .lg-3, .lg-4, .lg-5, .lg-6, .lg-7, .lg-8, .lg-9, .md-1, .md-10, .md-11, .md-12, .md-15, .md-17, .md-2, .md-3, .md-4, .md-5, .md-6, .md-7, .md-8, .md-9, .sm-1, .sm-10, .sm-11, .sm-12, .sm-15, .sm-17, .sm-2, .sm-3, .sm-4, .sm-5, .sm-6, .sm-7, .sm-8, .sm-9, .xs-1, .xs-10, .xs-11, .xs-12, .xs-15, .xs-17, .xs-2, .xs-3, .xs-4, .xs-5, .xs-6, .xs-7, .xs-8, .xs-9, .xsm-1, .xsm-10, .xsm-11, .xsm-12, .xsm-15, .xsm-17, .xsm-2, .xsm-3, .xsm-4, .xsm-5, .xsm-6, .xsm-7, .xsm-8, .xsm-9 {
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
}
@media only screen and (min-width: 480px) {
    .xsm-12 {
        width: 100%;
    }
}
@media (min-width: 768px) {
    .mt-md-auto {
        margin-top: auto !important;
    }
    .sm-6 {
        width: 49.93%;
    }
}
@media only screen and (min-width: 992px) {
    .md-6 {
        width: 49.93%;
    }
}
@media only screen and (min-width: 1200px) {
    .lg-12 {
        width: 100%;
    }
    .lg-6 {
        width: 49.93%;
    }
    .lg-4 {
        width: 33.29%;
    }
    .display-md-block {
        display: block !important;
    }
    .ml-md-4 {
        margin-left: 1.5rem !important;
    }
    .flex-md-0 {
        flex: 0 !important;
    }
} 
.cols-eq-height>[class*=lg-], .cols-eq-height>[class*=md-], .cols-eq-height>[class*=sm-], .cols-eq-height>[class*=xs-], .cols-eq-height>[class*=xsm-] {
    display: flex;
    flex-direction: column;
}
.cols.sm-cols-spacing>[class*=lg-], .cols.sm-cols-spacing>[class*=md-], .cols.sm-cols-spacing>[class*=sm-], .cols.sm-cols-spacing>[class*=xs-], .cols.sm-cols-spacing>[class*=xsm-] {
    padding-right: 7px;
    padding-left: 7px;
}

/*   */
.data-not-found { color: var(--base-color); font-size: 16px;}
.eigen-header {
  padding: 2.5rem;
  border-radius: 20px;
  background-color: #FFF5EE;
  background-image: url(PO_bg.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.eigen-header .h2 { font-size: clamp(1.6rem, 2.5vw, 2rem); font-weight:600; margin-bottom: 15px; }
.eigen-header p {font-size: 13px; color:var(--base-color);}
.po-mark-lp img {
    filter: saturate(0);
    transition: .3s ease;
    transform: scale(1);
    position: relative;
    margin: auto;
    text-align: center;
    width: 60px;
    margin-top: -30px;
    display: block;
    z-index: 1;
}
.po-mark-lp:hover img {
    filter: saturate(1);
    animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(0.95);
    filter: drop-shadow(0 0 0 #c66d5566);
  }
  70% {
      transform: scale(1);
      filter: drop-shadow(0 0 10px #c66d5566);
  }
  100% {
      transform: scale(0.95);
      filter: drop-shadow(0 0 0 #c66d5566);
  }
}

/* Card  */
.my-collection {
	position: relative;
	margin-bottom: 1.5rem
}
.my-collection-card {
	position: relative;
	display: block;
	background: var(--white-color);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .16);
	border-radius: 4px;
	margin-bottom: 1.25rem;
	height: 100%
}
.my-collection-card-section {
	display: flex;
	position: relative;
	padding: 12px;
	cursor: pointer
}
.my-collection-card-header {
	position: relative;
	flex: none;
	width: 100px;
	height: 100px
}
.my-collection-card-body {
	position: relative;
	flex: 1;
	display: flex;
	flex-direction: column;
	padding: 0 0 0 12px
}
.my-collection-card-body-footer {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: auto
}
.my-collection-card-footer {
	display: none;
	padding: 12px;
	background: #f7f7f7
}
.my-collection-card-wrapper {
	flex-wrap: wrap
}
.my-collection-card-wrapper,
.my-collection-rail-card-thumbnail {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden
}
.my-collection-rail-card-thumbnail {
	flex-direction: column;
	margin: auto;
	z-index: 0
}
.prev-card-preview-comp {
  width: 100%;
  height: 100%; 
  display:flex; 
  align-items: center;
  justify-content: center;
}
.prev-card-preview-comp img{
  max-width:100%;
  max-height:100%;
  object-fit: contain;
  filter: drop-shadow(2px 2px 5px rgba(0,0,0,.2));
}
.my-collection-card-thumbnail,
.my-collection-expand-thumbnail {
	display: flex;
	width: 100%;
	height: 100%;
	padding: .4rem;
	justify-content: center
}
.my-collection-card-thumbnail-split,
.my-collection-expand-thumbnail-split {
	height: 50%;
	flex: 50% 0
}
.my-collection-card-thumbnail .thumbnail-flat .thumbnail-flat-back img,
.my-collection-card-thumbnail .thumbnail-flat .thumbnail-flat-front img,
.my-collection-expand-thumbnail .thumbnail-flat .thumbnail-flat-back img,
.my-collection-expand-thumbnail .thumbnail-flat .thumbnail-flat-front img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	margin: auto
}
.my-collection-card-img,
.my-collection-rail-card-img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover
}
.my-collection-card-subtitle,
.my-collection-card-title,
.my-collection-expand-subtitle,
.my-collection-expand-title {
	display: block;
	font-size: 14px;
	line-height: 20px;
	font-weight:500;
	color: var(--black-color);
}

.my-collection-card-updated,
.my-collection-expand-updated {
	font-size: 12px;
	line-height: 20px;
	color: #878787;
	flex-wrap: wrap
}

.my-collection-card-toggle {
	display: flex;
	flex: none;
	align-items: center;
	justify-content: center;
	background: #f7f7f7;
	width: 30px;
	height: 30px;
	border-radius: 100%
}

.my-collection-card-toggle>i {
	transition: all .2s ease
}
.my-collection-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px 20px;
	background-color: #6cb220;
	color: var(--white-color);
	border-radius: 4px;
	border: 1px solid #71b030;
	font-size: 14px;
	line-height: 20px;
	flex: 1;
	transition: background .8s
}

.my-collection-btn:active,
.my-collection-btn:focus,
.my-collection-btn:hover {
	color: var(--white-color);
	background-color: #5fa018;
	text-decoration: none
}

.my-collection-btn-outline {
	background-color: var(--white-color);
	color: #2aa625
}

.my-collection-btn-outline:active,
.my-collection-btn-outline:focus,
.my-collection-btn-outline:hover {
	color: #2aa625;
	background-color: var(--grey-color-400)
}
.my-collection-dropdown {
	position: relative;
	margin-left: 10px
}
.my-collection-dropdown-toggle {
	display: block;
	line-height: 26px;
	text-align: center;
	background: #999;
	width: 36px;
	height: 36px;
	border-radius: 100%;
	color: var(--white-color);
	font-size: 22px
}

.my-collection-dropdown-toggle:active,
.my-collection-dropdown-toggle:focus,
.my-collection-dropdown-toggle:hover {
	color: var(--white-color);
}

.my-collection-dropdown-menu {
	display: none;
	position: absolute;
	top: 100%;
	margin-top: .25rem;
	right: .25rem;
	width: max-content;
	background-color: var(--white-color);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
	padding: .25rem 0;
	z-index: 2
}

.my-collection-dropdown-menu>a {
	display: flex;
	align-items: center;
	font-size: 14px;
	padding: .25rem 1rem;
	color: var(--text-color);
	cursor: pointer;
	transition: background .8s;
}

.my-collection-dropdown-menu>a>img {
	display: block;
	width: 14px;
	margin-right: .25rem
}

.my-collection-dropdown-menu>a:active,
.my-collection-dropdown-menu>a:focus,
.my-collection-dropdown-menu>a:hover {
	background: var(--grey-color-450);
	color: var(--text-color)
}

.my-collection-dropdown.show .my-collection-dropdown-menu {
	display: block
}
.my-collection-expand-header {
	display: flex
}

.my-collection-expand-wrapper {
	position: relative;
	display: none;
	flex-wrap: wrap;
	width: 150px;
	height: 150px;
	align-items: center;
	justify-content: center;
	background-color: var(--white-color);
}

.my-collection-expand-body {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #e8e8e8;
	text-align: center
}

.my-collection-expand-group {
	display: flex;
	align-items: center;
	flex: 1
}

.my-collection-expand-toggle {
	display: block;
	background-color: var(--white-color);
	border-radius: 4px;
	border: 1px solid var(--white-color);
	color: #4d4d4d;
	padding: 12px 16px;
	font-size: 12px;
	line-height: 18px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12)
}

.my-collection-expand-title {
	font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	color: #151515
}

.my-collection-expand-close {
	display: flex;
	align-items: center;
	background: var(--grey-color-350);
	border-radius: 12px;
	font-size: 12px;
	line-height: 18px;
	padding: .2rem .75rem
}
.my-collection-expand-close>i {
	margin-right: .25rem
}

.my-collection-expand-menu {
	display: none
}
.my-collection-expand-body.show .my-collection-expand-menu {
	display: block
}
.my-collection-expand-body.show .my-collection-expand-toggle {
	display: none
}
.my-collection-card.open .my-collection-card-footer {
	display: block
}
.my-collection-card.open .my-collection-card-toggle>i {
	transform: rotate(180deg)
}

.my-collection-expand-img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: cover
}

.my-collection-detail {
	display: none !important;
	position: relative;
	margin-bottom: 1rem
}

.my-collection-detail .my-collection-expand {
	background: var(--grey-color-300);
	padding: 1.5rem 2rem;
	border-radius: 6px
}

.my-collection-detail-close,
.my-collection-detail-close-modal {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	font-size: 1.2rem;
	top: 10px;
	right: 18px;
	width: 32px;
	height: 32px;
	background: var(--white-color);
	color: #151515;
	border-radius: 100%;
	z-index: 2;
	transition: background .8s
}

.my-collection-detail-close-modal:active,
.my-collection-detail-close-modal:focus,
.my-collection-detail-close-modal:hover,
.my-collection-detail-close:active,
.my-collection-detail-close:focus,
.my-collection-detail-close:hover {
	color: #151515;
	background-color: #d0d0d0;
	text-decoration: none
} 
  
@media screen and (min-width:414px) {
	.my-collection-card-header {
		width: 120px;
		height: 120px
	}
}

@media screen and (min-width:992px) {
	.my-collection-expand-wrapper {
		display: flex
	}
	.my-collection-card-thumbnail {
		padding: 1.8rem
	}
	.my-collection-expand-toggle {
		display: inline-block
	}
	.my-collection-expand-body.show .my-collection-expand-menu {
		padding: 0
	}

	.my-collection .card-thumbnail .thumbnail-flat-back img,
	.my-collection .card-thumbnail .thumbnail-flat-front img {
		max-width: 180px !important;
		max-height: 180px !important
	}
	.my-collection .set-thumbnail .thumbnail-flat-back img,
	.my-collection .set-thumbnail .thumbnail-flat-front img {
		max-width: 120px !important;
		max-height: 120px !important
	}

	.my-collection .set-thumbnail-expand .thumbnail-flat-back img,
	.my-collection .set-thumbnail-expand .thumbnail-flat-front img {
		max-width: 50px !important;
		max-height: 50px !important
	}
	.my-collection-rail-card-header-hover {
		display: flex
	}

	sp-product-rail sp-product-rail-item:hover .my-collection-rail-card-header-hover {
		visibility: visible;
		opacity: 1
	}

	.my-collection-card.open:after {
		content: "";
		width: 0;
		height: 0;
		border-left: 12px solid transparent;
		border-right: 12px solid transparent;
		border-bottom: 12px solid var(--grey-color-300);
		margin: auto;
		position: absolute;
		left: 0;
		right: 0;
		bottom: -1.25rem
	}
	.my-collection-card.open {
		box-shadow: 0 4px 6px rgba(0, 0, 0, .2)
	}
	.my-collection-card-row.desktop-open .my-collection-detail {
		display: block !important
	}

	.my-collection-expand-group {
		flex-direction: column;
		align-items: self-start
	}

	.my-collection-card-footer {
		display: none !important
	}
	.my-collection-card-header {
		width: auto;
		height: auto;
		padding-top: 100%
	}

	.my-collection-card-section {
		height: 100%;
		padding: 0;
		flex-direction: column
	}

	.my-collection-card-body {
		padding: 12px
	}

	.my-collection-dropdown {
		display: block;
		margin: 0
	}

	.my-collection-card-toggle,
	.my-collection-dropdown-toggle {
		display: none
	}

	.my-collection-card-updated {
		display: flex;
		width: 100%
	}

	.my-collection-dropdown-menu {
		position: static;
		display: flex;
		box-shadow: none;
		background: 0 0;
		padding: 0;
		margin: 0;
		align-items: center;
		width: 100%
	}

	.my-collection-dropdown-menu>a {
		font-weight: 600;
		font-size: 12px;
		line-height: 20px;
		color: #4d4d4d;
		padding: .25rem 0
	}

	.my-collection-dropdown-menu .openPrijsCalculator {
		order: 1;
		background-color: var(--grey-color-350);
		color: #4d4d4d;
		height: 38px;
		border-radius: 40px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-left: auto;
		padding: 0 15px;
		font-weight: 700;
		font-size: 14px
	}
	.my-collection-dropdown-menu>a>img {
		width: 17px;
		margin-right: .4rem
	}

	.my-collection-dropdown-menu>a:active,
	.my-collection-dropdown-menu>a:focus,
	.my-collection-dropdown-menu>a:hover {
		background: 0 0;
		color: var(--text-color);
		text-decoration: none
	}

	.my-collection-dropdown-menu .copy-collection,
	.my-collection-dropdown-menu .delete-collection {
		background-color: var(--grey-color-350);
		color: #4d4d4d;
		height: 38px;
		border-radius: 100%;
		width: 38px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-left: 10px
	}
	.my-collection-dropdown-menu .copy-collection:active,
	.my-collection-dropdown-menu .copy-collection:focus,
	.my-collection-dropdown-menu .copy-collection:hover,
	.my-collection-dropdown-menu .delete-collection:active,
	.my-collection-dropdown-menu .delete-collection:focus,
	.my-collection-dropdown-menu .delete-collection:hover,
	.my-collection-dropdown-menu .openPrijsCalculator:active,
	.my-collection-dropdown-menu .openPrijsCalculator:focus,
	.my-collection-dropdown-menu .openPrijsCalculator:hover {
		background-color: #d0d0d0
	}
	.my-collection-dropdown-menu .copy-collection>span,
	.my-collection-dropdown-menu .delete-collection>span {
		display: none
	}
	.my-collection-dropdown-menu .copy-collection>img,
	.my-collection-dropdown-menu .delete-collection>img {
		margin: 0
	}
}

.my-collection-modal-btn:hover {
	filter: brightness(90%)
}

/* Slick Slider  */
.slick-track { display: flex; gap:10px;}
.slick-track::before, .slick-track::after { display:none;}
.slick-arrow {
  position: absolute;
  top: calc(50% - 36px);  
  font-size:0;
  background: rgba(255, 255, 255, .7);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
.slick-arrow::before {
  font-family:"Font Awesome 6 Pro";
  display:inline-block;
  color:var(--black-color);
  font-size:16px;
}
.slick-prev { left:10px; }
.slick-next {right:10px; }
.slick-prev::before {
  content:'\f104';
}
.slick-next::before {
  content:'\f105';
}
.slick-arrow[aria-disabled="true"] {
  cursor: auto;
  opacity.5;
}
.product-rail-item .rail-item {
    margin: .5rem 0;
    border-radius: 10px;
    height: calc(100% -(2* 0.5rem));
    background-color: var(--white-color);
   overflow: hidden;
}
.rail-item-picture {
  position: relative; 
}
.bs-card-img, .bs-card-img-top, .bs-card-img-bottom {
    width: 100%;
    position: relative;
}
.my-collection-card-img, .my-collection-rail-card-img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.ratio>* {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio {
  content: "";
  display: block;
  padding-top: 100%;
}
.product-rail-item .rail-item .rail-item-picture .rail-item-picture-hover {
    display: none;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}
.product-rail-item .rail-item .rail-item-picture .rail-item-picture-hover:before {
    content: "";
    background-color: rgba(0,0,0,.2);
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.product-rail-item .rail-item .rail-item-picture:hover .rail-item-picture-hover {
  display: flex;
}
.rail-item-picture-hover-content{ background-color: var(--white-color); border-radius:5px; padding:5px 10px; z-index: 1; }