/* Webshop */

section#content[data-shop="1"] {
	background-color: var(--color-bg-blue-18);
}

#content .shop-block h1,
section#content[data-shop="1"] h1 {
	font: var(--font-bold);
	font-size: 2rem;
	line-height: 1.3;
	margin-bottom: 25px;
}

#content .shop-block h2,
section#content[data-shop="1"] h2 {
	font: var(--font-bold);
	font-size: 1.5rem;
	line-height: 1.3;
	margin-bottom: 25px;
}

#content .shop-block h3,
section#content[data-shop="1"] h3 {
	font: var(--font-bold);
	font-size: 1.25rem;
	line-height: 1.15;
	margin-bottom: 20px;
}

.shop-block .article .image img {
	mask-image: url('/images/app/devragendokter/icon-star.svg');
	-webkit-mask-image: url('/images/app/devragendokter/icon-star.svg');
	mask-size: 100%;
}

.shop-block .article a.button-orange {
	width: fit-content;
}

.product-detail {
	margin: 40px auto 0;
	max-width: 100%;
	padding: 0 25px 50px;
	width: 1220px;
}

.product-detail h2.title {
	color: var(--color-text-blue);
	font: var(--font-bold);
	font-size: 3.125rem;
	line-height: 1.2;
	margin-bottom: 20px;
	margin-top: 30px;
}

.product-detail .sidebar-content {
	background-color: var(--color-bg-green-light);
	font-size: 1.4375rem;
	line-height: 1.2;
	margin-top: 55px;
	padding: 12px;
}

.product-detail .sidebar-content > div {
	background-color: var(--color-bg-blue);
	border-radius: 12px;
	color: var(--color-text-white);
	padding: 25px 20px 50px;
}

.product-detail .sidebar-content > div > div {
	padding-bottom: 35px;
}

.product-detail .sidebar-content .label {
	color: var(--color-text-light-green);
	font: var(--font-bold);
	font-size: 1.4375rem;
	padding-bottom: 5px;
}

.product-detail .amount {
	margin: 0 0 20px 0;
	padding: 0;
}

.product-detail .amount input {
	margin-left: 20px;
	padding: 8px;
	width: 70px;
}

.product-wrapper {
	/*background-color: orange;*/
	display: grid;
	gap: 65px;
	grid-template-columns: 625px 375px;
	margin-left: 105px;
}

.product-order-block .button {
	display: inline-block;
	/*padding-right: 50px;*/
	width: auto;
}

.sidebar .product-grid {
	display: block;
}

.product-content .blockContainer > div {
	padding: 0;
}

.shoppingCart.big-cart {
	margin: 0 auto;
	max-width: 100%;
	padding: 0 25px;
	width: 1220px;
}

.shoppingCart.big-cart h2 {
	color: var(--color-text-blue);
	font: var(--font-bold);
	font-size: 3.125rem;
	line-height: 1.5;
	margin-bottom: 20px;
	margin-top: 30px;
}

.shoppingCart .buttons.top,
.shoppingCart .subtitle {
	display: none;
}

.cart .products {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(4, 1fr);
}

.cart .products .product,
.tablecart .products .product,
.tablecart .products .heading {
	display: block;
	/*grid-column-gap: 10px;*/
	/*grid-template-areas: 'image title price actions total delete';*/
	/*grid-template-columns: 120px auto 150px 150px 150px 30px;*/
}

.cart .products .product .unit {
	display: none;
}


.cart:not(.small) .products .product:nth-child(even),
.favorites .favorite:nth-child(odd) {
	background-color: unset;
}

.cart .products .product,
.favorites .favorite {
	border-bottom: none;
}

.cart .products .product {
	border-radius: 15px;
	padding: 20px;
}

.cart .products .product img {
	mask-image: url('/images/app/devragendokter/icon-star.svg');
	-webkit-mask-image: url('/images/app/devragendokter/icon-star.svg');
	mask-size: 100%;
}

.cart:not(.small) .products .product > div:last-child {
	padding-right: 0;
}

.cart:not(.small) .products .product:nth-child(5n+1),
.cart.small .products .product:nth-child(5n+1) {
	background-color: var(--color-bg-green-light);
}

.cart:not(.small) .products .product:nth-child(5n+2),
.cart.small .products .product:nth-child(5n+2) {
	background-color: var(--color-bg-green);
}

.cart:not(.small) .products .product:nth-child(5n+3),
.cart.small .products .product:nth-child(5n+3) {
	background-color: var(--color-bg-blue);
}

.cart:not(.small) .products .product:nth-child(5n+2) *,
.cart:not(.small) .products .product:nth-child(5n+3) *,
.cart:not(.small) .products .product:nth-child(5n+5) *,
.cart.small .products .product:nth-child(5n+2) *,
.cart.small .products .product:nth-child(5n+3) *,
.cart.small .products .product:nth-child(5n+5) * {
	color: var(--color-white);
}

.cart:not(.small) .products .product:nth-child(5n+1) *,
.cart:not(.small) .products .product:nth-child(5n+4) *,
.cart.small .products .product:nth-child(5n+1) *,
.cart.small .products .product:nth-child(5n+4) * {
	color: var(--color-black);
}

.cart:not(.small) .products .product:nth-child(5n+4),
.cart.small .products .product:nth-child(5n+4) {
	background-color: var(--color-bg-blue-light);
}

.cart:not(.small) .products .product:nth-child(5n+5),
.cart.small .products .product:nth-child(5n+5) {
	background-color: var(--color-bg-orange);
}

.cart:not(.small) .products .product > div:first-child {
	margin: 0;
	padding: 0;
}

.favorites .favorite .image img, .cart .products .product .image img {
	mix-blend-mode: unset;
}

.cart .products .product.no-image .title {
	margin-top: 0;
}

.cart .products .product .maintitle {
	font: var(--font-bold);
	font-size: 1.4375rem;
	line-height: 1.3;
	padding: 5px 0;
}

.cart .products .product.no-image .maintitle {
	margin-top: 0;
	padding-top: 0;
}

.cart .products .product > div {
	display: block;
}

.cart .products .product {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 100%; /* Zorgt voor voldoende hoogte */
}

/*div {*/
/*	display: flex;*/
/*	flex-direction: column;*/
/*	min-height: 100%; !* Zorgt voor voldoende hoogte *!*/
/*}*/

.cart .products .product > div {
	align-self: flex-start;
	width: 100%;
}

.cart .products .product h2 {
	align-self: flex-end;
}




.cart .products .product .price,
.cart .products .product .actions,
.cart .products .product .total {
	margin: 0;
	/*padding-bottom: 5px;*/
	/*padding-top: 5px;*/
}

.cart .products .product .delete {
	float: right;
	margin-top: 20px;
}

.cart .products .product .delete .iz-icon {
	cursor: pointer;
	font-size: 1.3rem;
}

.cart .products .product .actions input.iz-input {
	width: 50px;
}

.cart .products .product .actions .number-input {
	margin-right: 0;
}

.cart .products .product .actions .iz-icon {
	margin-top: 3px;
}

.number-input {
	grid-template-columns: 16px auto 16px;
}

.cart label {
	color: var(--color-text-orange);
}

.cart .buttons .button,
.buttons button,
.button,
.button.inverse,
.button.inverse:hover {
	background-color: var(--color-bg-orange);
	border: 1px solid var(--color-bg-orange);
	border-radius: 32px;
	color: var(--color-text-white);
	display: inline-block;
	font: var(--font-bold);
	padding: 11px 32px;
	text-decoration: none;
	transition: background-color .2s, color .2s;
}

.cart .buttons .button:hover,
.buttons button:hover,
.button:hover,
.button.inverse {
	background-color: var(--color-bg-white);
	color: var(--color-text-orange);
}

.button:hover, .button.inverse {
	background-color: var(--color-bg-white);
	border: 1px solid var(--color-bg-orange);
	color: var(--color-text-orange);
}

.new-customer-grid {
	margin: 0 auto;
	max-width: 1220px;
	padding: 0 25px;
	width: 100%;
}

.cart-overview .cart.small .products {
	border: 0;
	grid-template-columns: repeat(1, 1fr);
}

.cart-overview .cart.small .products .delete {
	display: none;
}

.cart-overview .cart.small .products .price,
.cart-overview .cart.small .products .actions,
.cart-overview .cart.small .products .total {
	align-items: center;
	display: flex;
	justify-content: flex-end;
}

.new-customer-grid .cart > div {
	padding: 0;
}

.orderFinished {
	margin: 0 auto;
	max-width: 1220px;
	padding: 0 25px;
	width: 100%;
}

.orderFinished h1 {
	font: var(--font-bold);
	font-size: 1.4375rem;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 5px 0;
}

.complete .steps .line {
	background-color: var(--color-bg-orange);
}

.complete .steps .step span {
	border: 2px solid var(--color-bg-orange);
}

.complete .steps .step.active span {
	background-color: var(--color-bg-orange);
}

.complete .steps .step span {
	border: 2px solid var(--color-bg-orange);
}


.favorites .favorite .image img,
.cart .products .product .image,
.cart .products .product .image img {
	width: 100%;
}

.cart .products .product .image {
	display: block;
}


#popup_notice .notification .buttons .button:nth-child(1) {
	margin-bottom: 20px;
}

.payment-methods-wrapper {
	margin: 0 auto;
	max-width: 1220px;
	padding: 0 25px;
	width: 100%;
}

.account-grid {
	margin: 0 auto;
	max-width: 1220px;
	padding: 0 35px;
	width: 100%;
}

.tablecart .cart .products {
	grid-template-columns: repeat(3, 1fr);
}

.tablecart .cart.small h1 {
	display: none;
}

.account.tablecart .products .product,
.account.tablecart .products .heading {
	border-bottom: 0;
}

.account-navigation {
	background-color: unset;
	padding-top: 105px;
}

.account-navigation a {
	color: var(--color-orange);
}

.user-order-form .authForm.address {
	background-color: unset;
}

/*.new-customer-grid .cart .products .product.no-image {*/
/*	display: grid;*/
/*	gap: 10px;*/
/*	grid-template-areas:*/
/*        "title title title title"*/
/*        ". price actions total";*/
/*	grid-template-columns: 80fr 72fr 111fr 72fr;*/
/*}*/

.account-content .account-field input:not(.iz-checkbox) {
	border: 1px solid var(--color-bg-black);
}

.account button {
	background-color: var(--color-bg-orange);
}

.account button:hover {
	color: var(--color-text-orange);
}

.orderFinished .cart .products {
	grid-template-columns: repeat(4, 1fr);
}

.cart .products .product .price-wrapper {
	display: grid;
	grid-area: price-wrapper;
	grid-template-areas: "actions price"
						". total"
						". delete";
}

.price-wrapper .actions {
	grid-area: actions;
	text-align: right;
}

.price-wrapper .price {
	grid-area: price;
}

.price-wrapper .total {
	grid-area: total;
}

.price-wrapper .delete {
	grid-area: delete;
	text-align: right;
}

.new-customer-grid .cart .products .product {
	grid-template-areas:
        "image title title"
        ". price-wrapper price-wrapper";
	grid-template-columns: 148px 18fr 10fr;
	width: 100%;
}

.new-customer-grid .cart .products .product.no-image {
	grid-template-areas: "title title title"
						 ". price-wrapper price-wrapper";
	grid-template-columns: 148px 18fr 10fr;
}

.cart .products .product .title {
	align-self: self-start;
}

.account-content.orders .orders .order {
	color: var(--color-text-black);
}

.account-content.orders .orders .order:hover {
	background-color: var(--color-bg-blue-light);
}

#orderDiscount {
	line-height: 160%;
	margin: 20px 0 20px auto;
	max-width: 100%;
	width: 370px;
}

.orderFinished .discount,
.stickySideBar .discount,
.big-cart .discount {
	display: block;
}