/* || Ordering process */
/* Košík, výběr dopravy a platby, zadání údajů (body.ordering-process) */

@media screen and (max-width: 767px) {
    #loginHeaderWrapper{
        display:none
    }
}

body.ordering-process{
	background-color:var(--master-base-color) !important;
	.header-top{
		> div{
			flex: 0 1 33.333333% !important;
		}
		#lineCartBack{
			display:none;
		}
		.search{
			display:none;
		}
		.header-top-contact{
			justify-content: center;
			padding-left:0 !important;
		}
		@media screen and (max-width: 767px) {
			display:flex;
			flex-direction: row;
			justify-content: space-between;
			#lineCartBack{
				display: flex;
		    flex-direction: column;
		    align-items: center;
		    width:50px;
		    flex:unset !important;
		    a{
					width:100%;
					display:flex;
					flex-direction: column;
					align-items: center;
					margin-top:2px;
				}
				img{
					width:24px;
				}
				p{
					color: var(--master-color_black);
			    margin-bottom: unset;
			    font-weight: bold;
			    font-size: 12px;
				}
			}
			.site-name-wrapper{
				flex:unset !important;
				.site-name{
					display:flex;
				}
			}
			.navigation-buttons{
				display:flex;
				flex:unset !important;
				#loginHeaderWrapper{
					display:block;
					img{
						width:26px;
					}
				}
				p{
					font-size:12px;
				}
			}
		}
	}
	@media screen and (max-width: 767px) {
		#header{
			top:-18px;
			position: relative;
			.navigation-wrapper{
				position:relative;
				padding:0 10px;
				top:0px;
			}
		}
	}
	#navigation{
		display:none;
	}
	#content-wrapper{
		background-color:unset !important;
		.content-inner{
			max-width:1199px;
			margin:0 auto;
			ol.cart-header{
		    display:flex !important;
		    align-items:center;
		    counter-reset: mystep;
		    list-style:none;
		    background-color:unset;
		    border:none;
		    padding:1rem 0;
		    margin:0 0 3rem 0;
		    width:100%;
		    li.step{
		      display:flex !important;
			    align-items:center;
			    counter-increment: mystep;
			    white-space:nowrap;
			    flex:0 0 auto;
			    width:auto !important;
		    }
		    li.step-2,
		    li.step-3{ flex:1 1 auto; }
		    li.step-2::before,
				li.step-3::before{
			    content:"";
			    flex:1 1 auto;
			    height:2px;
			    background: var(--teal-100);
			    margin:0 16px;
			    order:-1;
				}
				li.step.completed + li.step::before{
			    background: var(--master-color-primary);
				}
		
		    li.step > a,
		    li.step > strong{
	        display:inline-flex !important;
	        align-items:center;
	        gap:10px;
	        text-decoration:none !important;
	        padding-left:0;
	        flex:0 0 auto;
	        border:none;
		    }
		    li.step > a > span::before,
		    li.step > strong > span::before{ display:none !important; }
		    li.step > a::before,
		    li.step > strong::before{
	        display:flex !important;
	        align-items:center;
	        justify-content:center;
	        width:34px !important;
	        height:34px !important;
	        border-radius:50% !important;
	        flex:0 0 34px;
	        box-sizing:border-box;
	        font-size:14px;
	        font-weight:700;
	        line-height:1;
		    }
		    li.step.active > strong::before{
	        content: counter(mystep) !important;
	        background:#0f1720 !important;
	        color:#fff !important;
		    }
		    li.step.completed > a::before{
	        content:"" !important;
	        background-color: var(--master-color-primary) !important;
	        background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/></svg>") !important;
	        background-repeat:no-repeat !important;
	        background-position:center !important;
	        background-size:20px 20px !important;
		    }
				li.step:not(.active):not(.completed) > a::before,
				li.step:not(.active):not(.completed) > strong::before{
				    content: counter(mystep) !important;
				    background: #fff !important;
				    color: var(--master-grey-dark) !important;
				    border: 2px solid var(--master-grey-dark) !important;
				}
		    li.step > a span,
		    li.step > strong span{
	        font-size:13px;
	        letter-spacing:0.04em;
	        text-transform:uppercase;
	        color: var(--master-grey-dark);
	        font-weight:600;
	        border:none !important;
	        width:auto !important;
	        height:auto !important;
		    }
		    li.step.active > strong span{ color:#0f1720; }
				@media screen and (max-width: 767px) {
					padding:0 2rem;
				  justify-content: flex-start;
				  position: relative;
				  margin-bottom:1rem;
				  overflow:scroll;
				  -webkit-overflow-scrolling: touch;
				  &::-webkit-scrollbar {
				    display: none;
				  }
				  scrollbar-width: none;
				  -ms-overflow-style: none;
				  li{
				  	padding:0;
				  	border:none;
				  }
				  li.step,
				  li.step-2,
				  li.step-3 {
				    flex: 0 0 auto !important;
				  }
				  li.step-2::before,
				  li.step-3::before {
				    flex: 0 0 20px !important;
				    width: 20px;
				    margin: 0 8px;
				  }
				  li.step > a::before,
				  li.step > strong::before {
				    width: 26px !important;
				    height: 26px !important;
				    flex: 0 0 26px;
				    font-size: 12px;
				  }
				  li.step.completed > a::before {
				    background-size: 16px 16px !important;
				  }
				  li.step.completed > a span {
				    display: none;
				  }
				  li.step.active > strong span,
				  li.step:not(.completed):not(.active) > a span {
				    display: inline;
				    font-size: 12px;
				    margin-left: 6px;
				  }
				  li.step > a,
				  li.step > strong {
				    gap: 0;
				  }
				}
			}
			/* STEP 1 */
			/* * left column * */
			.cart-content{
				padding:0;
				background:unset;
				padding-right:4rem;
				.cart-table{
					width:100%;
					background-color:var(--master-color-white);
					border-radius: var(--bigger-border-radius);
	        padding: 0rem !important;
	        box-shadow: rgba(20, 40, 35, 0.04) 0px 2px 10px;
	        margin:0;
	        tbody{
	        	padding:2rem !important;
	        	display:flex;
	        	flex-direction:column;
	        	> tr{
	        		border-top:1px solid var(--master-grey-light);
	        		&:first-child{
	        			border-top:none;
	        		}
	        		&.removeable{
	        			display:flex;
	        			align-items:center;
	        			.cart-p-image{
	        				width:110px;
	        				padding:10px;
			        		img{
			        			width:90px;
			        		}
			        	}
			        	.p-name{
			        		padding-left:2rem;
			        		padding-right:2rem;
			        		flex:1;
			        		a.main-link{
			        			text-transform: inherit;
			        			font-weight:700;
			        			color:var(--master-color-black);
			        			font-size:16px;
			        		}
			        		.moved-availability{
			        			font-size:12px;
			        			.availability-label{
			        				font-weight:500;
			        			}
			        			.availability-amount{
			        				color:var(--master-grey-dark);
			        			}
			        		}
			        		.show-related{
			        			display:none;
			        		}
			        	}
			        	.p-quantity{
			        		min-width:170px;
			        		.quantity{
			        			font-size: 16px;
								    border-radius: 0;
								    padding-right: unset;
								    width: 38px;
								    border:none;
								    border-top: 1px solid var(--master-grey-medium);
								    border-bottom: 1px solid var(--master-grey-medium);
								    input.amount{
								    	text-align:center;
								    }
								    .increase{
								    	top: -1px;
									    right: -38px;
									    height: 38px;
									    width: 38px;
									    background-color: var(--master-grey-ultralight);
									    border-top-right-radius: var(--bigger-border-radius);
									    border-bottom-right-radius: var(--bigger-border-radius);
									    border: 1px solid var(--master-grey-medium);
									    border-left:none;
									    &:before{
									    	content: "+";
										    font-size: 18px;
										    line-height: 30px;
										    color: var(--master-grey-dark);
									    }
									    &:hover{
									    	background-color: var(--master-grey-light);
									    }
								    }
								    .decrease{
								    	left: -38px;
									    right: auto;
									    top: -1px;
									    height: 38px;
									    width: 38px;
									    background-color: var(--master-grey-ultralight);
									    border-radius:0;
									    border-top-left-radius: var(--bigger-border-radius);
									    border-bottom-left-radius: var(--bigger-border-radius);
									    border: 1px solid var(--master-grey-medium);
									    border-right:none;
									    &:before{
									    	content: "-";
										    font-size: 26px;
										    line-height: 26px;
										    color: var(--master-grey-dark);
									    }
									    &:hover{
									    	background-color: var(--master-grey-light);
									    }
								    }
			        		}
			        		.merged-price{
			        			margin-top:0.5rem;
			        			> span{
			        				font-size:10px;
			        				color:var(--master-grey-dark);
			        				margin-top:4px;
			        			}
			        		}
			        		.price-final{
		        				font-size:12px;
		        				color:var(--master-grey-dark);
		        				font-weight:500;
		        			}
			        	}
			        	.p-total{
			        		min-width:150px;
			        		.price-final{
			        			font-size:18px;
			        			color:var(--master-color-black);
			        		}
			        		.remove-item{
			        			opacity:1;
			        			background-color: var(--master-grey-ultralight);
								    border-radius: 50px;
								    margin-left: 1rem;
								    &:before{
								    	margin-top:-2px;
								    }
			        		}
			        	}
	        		}
	        	}
	        	td{
	        		border:none;
	        	}
	        }
				}
				.fvDoplnek-upsell{
					background-color:var(--master-color-white);
					border-radius: var(--bigger-border-radius);
	        box-shadow: rgba(20, 40, 35, 0.04) 0px 2px 10px;
	        margin-top:2rem;
	        margin-bottom:2rem;
	        padding:2rem;
	        border:none;
	        h4{
	        	color:var(--master-color-black);
        		margin-top:0;
        		margin-bottom:2rem !important;
        		font-size:14px;
        		font-weight:bold;
	        }
	        .fvDoplnek-produkty-wrapper{
	        	display:flex;
	        	gap:1rem;
	        	flex-wrap:nowrap;
	        	overflow: scroll;
	        	.fvDoplnek-produkt{
	        		max-width:175px;
		        	form{
		        		flex-direction: column;
		        		text-align:center;
		        		img{
		        			height:120px !important;
		        			margin:0 auto !important;
		        		}
		        		.fvcontent{
		        			display:flex !important;
		        			flex-direction: column-reverse;
		        			align-items:center;
		        			.header{
		        				display:flex;
		        				flex-direction: column-reverse;
		        				.fvDoplnek-text{
		        					display:flex;
		        					flex-direction: column;
		        					padding-left:0;
		        					.name{
		        						text-transform: inherit;
		        						font-weight:500;
		        						color:var(--master-color-black);
		        						font-size:12px;
		        						margin-bottom:1rem;
		        					}
		        					.price{
		        						font-weight:700;
		        						color:var(--master-color-black) !important;
		        					}
		        				}
		        			}
		        			.fvDoplnek-description{
		        				font-size:12px;
		        				color:var(--master-grey-dark);
		        				padding-left:0 !important;
		        				padding:1rem 0;
		        				width:100%;
		        			}

									.fvDoplnek-checkbox--hidden {
									  position: absolute;
									  width: 1px; height: 1px;
									  opacity: 0;
									  pointer-events: none;
									  margin: 0;
									}
									.fvDoplnek-toggle-btn {
										cursor: pointer;
										padding: 5px 15px;
										border-radius:var(--basic-border-radius);
										font-weight: 600;
										line-height: 1.2;
										transition: background-color .15s, color .15s;
										border:none;
										margin-top:1rem;
									}
									/* stav "přidáno" (checkbox zaškrtnutý) */
									.fvDoplnek-toggle-btn.is-active {
									  background: #d32f2f;
									  color: #fff;
									}

		        		}
		        	}
	        	}
	        }
				}
				.c-spropitne{
					width:100%;
					background-color:var(--master-color-white);
					border-radius: var(--bigger-border-radius);
	        padding: 0rem !important;
	        box-shadow: rgba(20, 40, 35, 0.04) 0px 2px 10px;
	        tbody{
	        	display:flex;
	        	justify-content: space-between;
	        	align-items: center;
	        	padding:2rem !important;
	        	.benefit-name h4{
	        		color:var(--master-color-black);
	        		margin-top:0;
	        		margin-bottom:0 !important;
	        		font-size:14px;
	        		font-weight:bold;
	        	}
	        }
				}
				@media screen and (max-width: 991px) {
					padding-right:0;
					.next-step{
						padding:0;
					}
				}
				@media screen and (max-width: 767px) {
					margin:0 2rem;
					tr{
						border:none;
					}
					.cart-p-image{
						order:1;
					}
					.p-label{
						display:none;
					}
					.p-name{
						order:3;
						width:100%;
						flex:unset !important;
						padding-left:0 !important;
						padding-right:0 !important;
						margin-bottom:1rem;
					}
					.p-quantity{
						order:4;
						width:100%;
						display:flex;
						justify-content: space-between;
						.quantity{
							width:unset !important;
							margin-left:10px;
							padding:0 26px;
							.decrease{
								left:-10px !important;
							}
						}
					}
					.p-total{
						order:2;
					}
					.c-spropitne tbody{
						flex-direction: column;
						align-items:flex-start;
						.benefit-value{
							flex-wrap:nowrap;
							overflow: scroll;
						}
					}
				}
				@media screen and (max-width: 399px) {
					tr{
						padding:0;
					}
					.cart-p-image{
						width:100px;
						img{
							width:70px;
						}
					}
					.p-total{
						min-width:100px !important;
					}
				}
			}
			/* * right column * */
			.sidebar-in-cart{
				.checkout-box-wrapper{
					background-color:unset !important;
					border-color:var(--teal-50) !important;
					background: linear-gradient(135deg, var(--teal-50), #fff);
	    		border: 1px solid var(--teal-100);
	    		border-radius:var(--bigger-border-radius);
	    		padding:1rem;
	    		position: relative;
			    padding-left: 6rem !important;
			    &::before{
		        content:"";
		        position:absolute;
		        left:1rem;
		        top:50%;
		        transform:translateY(-50%);
		        width:40px;
		        height:40px;
		        border-radius:50%;
		        background-color:#fff;
		        background-image:url("https://cdn.textilapp.com/stores_assets/basic_icons/phone_icon.svg");
		        background-repeat:no-repeat;
		        background-position:center;
		        background-size:18px 18px;
		        box-shadow: rgba(20,40,35,0.08) 0 1px 4px;
			    }
			    h2{
			    	text-align:left;
		    		color:var(--master-grey-dark);
		    		text-transform: inherit;
		    		font-size:12px;
		    		font-weight:500;
		    		margin-bottom:0;
		    		margin-top:5px;
			    }
			    .tel{
			    	padding-left:0;
			    	a{
			        color:var(--master-color-black);
			        font-weight:700;
			        font-size:14px;
			        margin-top:-4px;
			        display:flex;
			    	}
			    	&:before{
			    		content:unset;
			    	}
			    }
			    .contact-box{
			    	padding:0 !important;
			    	min-height:unset;
			    	> strong{
			    		display:none;
			    	}
			    }
			    li:has(.facebook),li:has(.instagram),li:has(.mail){
			    	display:none;
			    }
				}
				.summary-wrapper{
					margin-top:2rem;
					background-color:var(--master-color-white);
					border-radius: var(--bigger-border-radius);
	        padding: 0rem !important;
	        box-shadow: rgba(20, 40, 35, 0.04) 0px 2px 10px;
	        .box{
	        	border-radius: var(--bigger-border-radius);
	        	.applied-coupon__heading{
	        		display:none;
	        	}
	        	.applied-coupon{
	        		margin: 1rem 2rem 0 2rem;
	        		display:flex;
	        		gap:2rem;
	        		padding:1rem;
	        		background-color:var(--master-color-green-ultraultralight);
	        		border-radius:var(--bigger-border-radius);
	        		border:1px solid var(--master-color-green);
	        		color:var(--master-color-green);
	        		align-items:center;
	        		strong{
	        			font-weight:500;
	        		}
	        		button{
	        			line-height:23px;
	        			font-weight:700;
	        			border:unset;
	        			background:unset;
	        			color:var(--master-color-green);
	        		}
	        	}
	        	.price-wrapper{
	        		padding:2rem;
	        		align-items:flex-end;
	        		.price-secondary{
	        			font-size: 12px;
    						padding-top: 5px;
	        		}
	        	}
	        	.discount-coupon-wrapper{
	        		background:linear-gradient(135deg, var(--teal-50), #fff);
	        		border-top:1px solid var(--teal-100);
	        		border-bottom:1px solid var(--teal-100);
	        		padding:2rem 2rem;
			        .discount-coupon-heading{
			        	color:var(--master-grey-dark);
		        		margin-top:0rem;
		        		margin-bottom:1rem;
		        		padding-left:0;
		        		font-size:12px;
		        		text-transform: inherit;
			        }
			        .discount-coupon{
			        	padding-left:0;
			        	form{
			        		gap:2rem;
			        		input{
					        	border:1px solid var(--master-grey-medium);
					        	border-radius:var(--bigger-border-radius);
			        		}
				        	button{
				        		background-color:var(--master-color-black);
				        		border-color:var(--master-color-black);
				        		border-radius:var(--bigger-border-radius);
				        		color:var(--master-color-white);
				        		text-transform: inherit;
				        		font-weight:500;
				        	}
			        	}
			        	&:before{
			        		content:unset;
			        	}
			        }
	        	}
	        	&:has(.applied-coupon) .discount-coupon-wrapper{
	        		display:none;
	        	}
						.next-step{
							margin-top:2rem;
							flex-direction:column;
							#continue-order-button{
								margin:0 2rem;
								order:1;
								width:calc(100% - 4rem);
								border-color:var(--master-color-green);
								background-color:var(--master-color-green);
								border-radius:var(--bigger-border-radius);
								.order-button-text{
									font-weight:700;
								}
								&:hover{
									border-color:var(--master-color-green-light);
									background-color:var(--master-color-green-light);
								}
							}
							.next-step-back{
								order:2;
								padding:1rem 2rem 0 2rem;
							}
							#payments_certified_wrapper{
								order:3;
								background-color:var(--master-grey-ultralight);
								width:100%;
								border-bottom-left-radius:var(--bigger-border-radius);
								border-bottom-right-radius:var(--bigger-border-radius);
								padding:2rem 0 1.5rem 0;
								margin-top:1rem;
								border-top:1px solid var(--master-grey-light);
							}
							etrusted-widget{
								margin:0 auto;
								width:calc(100% - 4rem) !important;
							}
						}
						&:has(.applied-coupon) .next-step{
							margin-top:0;
						}
	        }
				}
			}
			/* STEP 2 */
			#checkoutContent{
				#select-country-payment{
					display:none;
				}
				.cart-content:has(.order-delivery-payment-form){
					background-color:unset !important;
					box-shadow:unset !important;
					padding:0 !important;
					.co-delivery-method{
						background-color:var(--master-color-white);
		        border-radius: var(--bigger-border-radius);
		        padding: 2rem !important;
		        box-shadow: rgba(20, 40, 35, 0.04) 0px 2px 10px;
		        margin-bottom:2rem;
					}
					.co-payment-method{
						background-color:var(--master-color-white);
		        border-radius: var(--bigger-border-radius);
		        padding: 2rem !important;
		        box-shadow: rgba(20, 40, 35, 0.04) 0px 2px 10px;
		        .show-more-link{
		        	background-color:var(--master-color-primary-ultralight) !important;
		        	color:var(--master-color-primary);
		        	font-weight:500;
		        	&:hover{
		        		background-color:var(--master-color-primary-light) !important;
		        	}
		        }
					}
					h2{
						color:var(--master-color-black);
        		margin-top:0rem;
        		margin-bottom:1rem;
        		padding-left:0;
        		font-size:18px;
        		text-transform: inherit;
        		&:before{
        			content:unset;
        		}
					}
					.radio-wrapper{
						margin:1rem 0;
						border:none;
						border:1px solid transparent;
						border-radius:var(--bigger-border-radius);
						min-height:50px;
						label{
							align-items:center;
							margin:0;
							padding-left:4rem;
							.payment-info{
								order:2;
								.shipping-billing-name{
									text-transform: inherit;
									font-weight:500;
								}
								.sublabel-description{
									color:var(--master-grey-dark);
								}
							}
							.payment-logo{
								order:1;
							}
							.payment-shipping-price{
								order:3;
								color:var(--master-color-black);
								&.for-free{
									color:var(--master-color-green);
								}
							}
							&:before{
								width:18px;
      					height:18px;
      					top: 50%;
							  transform: translateY(-50%);
							  margin-top: 0;
							}
							&:after{
								top: 50%;
							  transform: translateY(-50%);
							  margin-top: 0;
							}
						}
						&:hover{
							border:1px solid var(--master-color-primary-light);
							background-color:var(--teal-50);
						}
						&.active{
							border:1px solid var(--master-color-primary);
							background-color:var(--teal-50);
							label{
								.payment-info{
									color:var(--master-color-primary);
									.shipping-billing-name{
										color:var(--master-color-primary);
									}
								}
								&:before{
									border-color:var(--master-color-primary);
								}
								&:after{
									width:14px;
	      					height:14px;
	      					background-color:var(--master-color-primary);
	      					@media screen and (max-width: 767px) {
	      						width:10px;
	      						height:10px;
	      					}
								}
							}
						}
						&:not(.payment-method-hidden){
							display:flex;
							align-items:center;
						}
						@media screen and (max-width: 767px) {
							label{
								padding-left:3rem;
								.payment-info{
									.shipping-billing-name{
										font-size:12px;
									}
									.sublabel-description{
										font-size:10px;
									}
								}
								.payment-logo{
									flex:unset;
									img{
										max-height: 25px;
    								max-width: 50px;
									}
								}
								.payment-shipping-price{
									font-size:12px;
								}
								&:before{
									width:14px;
      						height:14px;
								}
								&:after{
									background-color:unset;
								}
								&.active{
									&:after{
										width:10px !important;
      							height:10px !important;
									}
								}
							}
						}
						@media screen and (max-width: 575px) {
							label{
								flex-wrap:wrap;
								> span{
									max-width:unset;
								}
								.payment-logo{
									width:100%;
									text-align:left;
								}
								.payment-info{
									flex:1;
								}
							}
						}
					}
				}
			}
			/* STEP 3 */
			/* * left column * */
			#checkoutContent{
				padding-right:4rem;
				.contact-header-wrapper{
					margin-bottom:3.5rem;
					h2{
						color:var(--master-color-black);
						font-size:22px;
						margin:0;
						margin-bottom:1rem;
					}
					.form-legend{
						text-align:left;
						font-size:12px;
					}
					@media screen and (max-width: 767px){
	        	padding:0 2rem;
	        	margin-bottom:1rem;
	        }
				}
				.cart-content:has(.form-legend){
					background-color:unset;
				}
				.cart-content{
					background-color:var(--master-color-white);
	        border-radius: var(--bigger-border-radius);
	        padding: 2rem !important;
	        box-shadow: rgba(20, 40, 35, 0.04) 0px 2px 10px;
	        .box{
	        	padding:0;
	        }
	        .account-banner{
				    display:flex !important;
				    align-items:center;
				    gap:12px;
				    background: linear-gradient(135deg, var(--teal-50), #fff);
				    border:1px solid var(--teal-100);
				    border-radius: var(--basic-border-radius);
				    padding:0.9rem 1.25rem !important;
				    margin-bottom:2rem;
				    width:100%;
				    .account-banner__icon{
			        flex:0 0 20px;
			        width:20px;
			        height:20px;
			        background-color: var(--master-grey-dark);
			        -webkit-mask:url("https://cdn.textilapp.com/stores_assets/basic_icons/account_icon.svg") center/contain no-repeat;
              		mask:url("https://cdn.textilapp.com/stores_assets/basic_icons/account_icon.svg") center/contain no-repeat;
				    }
				    .account-banner__text{
			        display:inline;
			        font-size:13px;
			        line-height:1.4;
			        color: var(--master-grey-dark);
			        a{
		            display:inline !important;
		            color: var(--master-color-primary);
		            text-decoration:underline;
		            font-weight:500;
		            padding:0;
		            margin:0;
		            background:none;
		            border:none;
			        }
				    }
					}

	        .co-billing-address{
	        	padding:0;
	        	margin-bottom:2rem;
	        	&:has(#billCountryIdInput) .helpNote{
	        		display:none;
	        	}
	        	&:has(#billCountryIdInput) p.label{
	        		font-weight:500;
	        		color:var(--master-color-black);
	        	}
	        	.header-billing{
	        		color:var(--master-color-black);
	        		margin-top:4rem;
	        		margin-bottom:1rem;
	        		padding-left:0;
	        		font-size:18px;
	        		text-transform: inherit;
	        		&:before{
	        			content:unset;
	        		}
	        	}
	        	.company-shopping{
	        		font-weight:500;
	        		color:var(--master-color-black);
	        		label:before{
	        			width:18px;
	        			height:18px;
	        			border-radius:var(--basic-border-radius);
	        		}
	        	}
	        	#company-info label{
	        		font-weight:500;
	        		color:var(--master-color-black);
	        	}
	        	label[for="another-shipping"]{
	        		font-weight:500;
	        		color:var(--master-color-black);
	        		margin-top:2rem;
	        	}
	        }
	        .co-shipping-address{
	        	margin-bottom:2rem;
	        	h2{
	        		color:var(--master-color-black);
	        		margin-top:0rem;
	        		margin-bottom:1rem;
	        		padding-left:0;
	        		font-size:18px;
	        		text-transform: inherit;
	        		&:before{
	        			content:unset;
	        		}
	        	}
	        	label[for="deliveryCompany"]{
	        		font-weight:500;
	        		color:var(--master-color-black);
	        	}
	        }
	        .co-box-additional{
	        	padding:0;
	        	padding-top:2rem;
	        	.stay-in-touch{
	        		display:none;
	        	}
	        	label[for="add-note"],label[for="remark"]{
	        		font-weight:500;
	        		color:var(--master-color-black);
	        	}
	        }
	        label > span{
	        	font-weight:500;
	        	color:var(--master-color-black);
	        }
	        .form-control{
	        	border-color:var(--master-grey-medium);
	        	border-radius:var(--bigger-border-radius);
	        }
	        @media screen and (max-width: 767px){
	        	margin:0 2rem;	
	        }
				}
				.form-group:has([type="checkbox"]){
					label:before{
						width:18px;
      			height:18px;
      			border-radius:var(--basic-border-radius);
					}
				}
				.form-group:has([type="checkbox"]:checked){
					label:before{
						border-color:var(--master-color-primary);
					}
				}
				.form-group:has([type="checkbox"]:checked){
					label:after{
						width:14px;
      			height:14px;
      			border-radius:var(--basic-border-radius);
      			background-color:var(--master-color-primary);
					}
				}
				.show-tooltip{
					border-radius:var(--basic-border-radius);
					background-color:var(--master-color-primary);
					border-color:var(--master-color-primary);
				}
				@media (max-width: 991px) {
					padding-right:0;
					margin-bottom:2rem;
				}
			}
			/* * right column * */
			#checkoutSidebar{
				padding-left:0;
				.toggle-contacts{
					background-color:unset !important;
					border-color:var(--teal-50) !important;
					background: linear-gradient(135deg, var(--teal-50), #fff);
	    		border: 1px solid var(--teal-100);
	    		border-radius:var(--bigger-border-radius);
	    		text-align:left;
	    		color:var(--master-grey-dark);
	    		text-transform: inherit;
	    		font-size:12px;
	    		padding:1rem;
	    		position: relative;
			    padding-left: 6rem;
			    &::before{
			        content:"";
			        position:absolute;
			        left:1rem;
			        top:50%;
			        transform:translateY(-50%);
			        width:40px;
			        height:40px;
			        border-radius:50%;
			        background-color:#fff;
			        background-image:url("https://cdn.textilapp.com/stores_assets/basic_icons/phone_icon.svg");
			        background-repeat:no-repeat;
			        background-position:center;
			        background-size:18px 18px;
			        box-shadow: rgba(20,40,35,0.08) 0 1px 4px;
			    }
			
			    span{
			        color:var(--master-color-black);
			        font-weight:700;
			        font-size:14px;
			        margin-top:-4px;
			        display:flex;
			    }
				}
				.cart-content:has(.toggle-contacts){
					background-color:unset;
				}
				.cart-content{
					background-color:var(--master-color-white);
					border-radius:var(--bigger-border-radius);
					box-shadow: rgba(20, 40, 35, 0.04) 0px 2px 10px;
					margin-top:2rem;
					padding:0;
					.order-summary{
						.checkout-box{
							display:none;
						}
						.order-summary-inner{
							padding:2rem 2rem 0 2rem;
							h2{
								color:var(--master-color-black);
								font-size:18px;
								text-transform: inherit;
							}
							.order-summary-item.helper{
								display:none;
							}
							.cart-items{
								.cart-item{
									display:flex;
									.cart-item-name{
										flex:1;
										a{
											color:var(--master-color-black);
											text-transform:none;
										}
									}
									.cart-item-amount{
										font-size:12px;
										display:flex;
										color:var(--master-grey-dark);
									}
									.cart-item-price{
										font-weight:500;
									}
									> div{
										border:none;
									}
								}
							}
							.recapitulation-single{
								display: inline-flex;
						    align-items: center;
						    gap: 6px;
						    width:100%;
						    font-size:12px;
						    color:var(--master-grey-dark);
						    > span{
						    	display:none;
						    }
						    > strong{
						    	display:flex;
						    	justify-content: space-between;
						    	width:100%;
						    	> span{
						    		color:var(--master-color-black);
						    		font-weight:500;
						    	}
						    }
						    &:before{
						    	content: "";
							    width: 18px;
							    height: 18px;
							    flex: 0 0 18px;
							    background-repeat: no-repeat;
							    background-position: center;
							    background-size: contain;
								}
								&:nth-of-type(1)::before{
							    background-image: url("https://cdn.textilapp.com/stores_assets/basic_icons/local_shipping_24dp_000000_FILL0_wght400_GRAD0_opsz24.svg");
							    filter:invert(0.6);
								}
								&:nth-of-type(2)::before{
							    background-image: url("https://cdn.textilapp.com/stores_assets/basic_icons/account_balance_wallet_24dp_000000_FILL0_wght400_GRAD0_opsz24%20(1).svg");
							    filter:invert(0.6);
								}
							}
							.order-summary-item.price{
								border-top-color:var(--master-grey-light);
								margin:0;
								padding:2rem 0;
								.price-wrapper{
									align-items:flex-end;
									.price.price-primary{
										font-size:28px;
									}
									.price-secondary{
										font-size:12px;
										padding-top:5px;
									}
								}
							}
						}
					}
					.consents-first{
						display:none;
					}
					.consents:not(.consents-first){
						padding:0 2rem;
						p{
							font-size:12px;
							color:var(--master-grey-dark);
						}
					}
					.next-step{
						flex-direction: column-reverse;
						padding:0 2rem;
						button{
							width:100%;
							border-color:var(--master-color-green);
							background-color:var(--master-color-green);
							border-radius:var(--bigger-border-radius);
							.order-button-text{
								font-weight:700;
							}
							.order-button-suffix{
								font-weight:500;
							}
							&:hover{
								border-color:var(--master-color-green-light);
								background-color:var(--master-color-green-light);
							}
						}
					}
				}
				@media screen and (max-width: 767px){
        	padding:0;
        	.toggle-contacts{
        		width:calc(100% - 4rem);
        		margin:0 auto;
        	}
        }
			}
		}
	}
	@media screen and (max-width: 767px){
  	    .responsive-tools>a[data-target=navigation]{
			display:none;
		}
    }
    #sticky-cart-bar{
        position:fixed;
        left:0;
        right:0;
        bottom:0;
        z-index:9999;
        background:var(--master-color-white);
        border-top:1px solid var(--master-grey-light);
        box-shadow:0 -2px 12px rgba(20,40,35,0.10);
        display:none; /* výchozí skryté, zapneme přes media query */
        }
    #sticky-cart-bar .sticky-cart-bar__inner{
        display:flex;
        align-items:center;
        gap:1rem;
        max-width:1199px;
        margin:0 auto;
        padding:0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom)) 1rem;
    }
    #sticky-cart-bar .sticky-cart-bar__back{
        flex:0 0 auto;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        text-decoration:none;
        color:var(--master-grey-dark);
        font-weight:500;
        font-size:14px;
        padding:0.5rem 0.75rem;
        white-space:nowrap;
    }
    #sticky-cart-bar .sticky-cart-bar__continue{
        flex:1 1 auto;
        border:1px solid var(--master-color-green);
        background-color:var(--master-color-green);
        color:var(--master-color-white);
        border-radius:var(--bigger-border-radius);
        font-weight:700;
        font-size:16px;
        padding:0.9rem 1rem;
        cursor:pointer;
        line-height:1.2;
        transition:background-color .15s, border-color .15s;
    }
    #sticky-cart-bar .sticky-cart-bar__continue:hover{
        border-color:var(--master-color-green-light);
        background-color:var(--master-color-green-light);
    }
}

/* === STICKY LIŠTA S TLAČÍTKY DOLE (košík + schritt-1 + schritt-2) === */


/* ZOBRAZIT jen na mobilu (do 767px) */
@media screen and (max-width: 767px){
	body.ordering-process #sticky-cart-bar{ display:block; }
	/* odsazení obsahu, aby lišta nepřekrývala poslední prvky */
	body.ordering-process #content-wrapper{ padding-bottom:90px; }
	body.ordering-process .woot-widget-bubble.woot-elements--right{
		margin-bottom:50px;
	}
}
