/* Bočný košík vysúvajúci sa sprava. */
.lss-cart-drawer{position:fixed;inset:0;z-index:420;}
.lss-cart-drawer[hidden]{display:none;}
.lss-cart-drawer__backdrop{
	position:absolute;inset:0;background:rgba(10,10,10,.55);
	backdrop-filter:blur(3px);animation:lss-cd-fade .18s ease;
}
.lss-cart-drawer__panel{
	position:absolute;top:0;right:0;bottom:0;
	width:min(420px,100%);background:#fff;
	display:flex;flex-direction:column;
	box-shadow:-20px 0 60px rgba(0,0,0,.28);
	animation:lss-cd-slide .28s cubic-bezier(.2,.8,.3,1);
}
.lss-cart-drawer__panel.is-loading{opacity:.6;pointer-events:none;}

.lss-cart-drawer__head{
	display:flex;align-items:center;justify-content:space-between;gap:12px;
	padding:22px 24px;border-bottom:1px solid #e6e6e9;flex:none;
}
.lss-cart-drawer__title{
	margin:0;font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:.01em;color:#131313;
}
.lss-cart-drawer__close{
	width:34px;height:34px;border-radius:999px;border:0;background:none;cursor:pointer;
	display:inline-flex;align-items:center;justify-content:center;color:#7f7f7f;
	transition:background .2s,color .2s;
}
.lss-cart-drawer__close:hover{background:#f0f0f0;color:#131313;}

/* pruh dopravy zdarma */
.lss-cart-drawer__shipping{padding:16px 24px 0;flex:none;}
.lss-cart-drawer__shipping-text{margin:0 0 8px;font-size:12px;color:#7f7f7f;}
.lss-cart-drawer__shipping.is-complete .lss-cart-drawer__shipping-text{color:#12a150;font-weight:600;}
.lss-cart-drawer__shipping-bar{display:block;height:5px;border-radius:999px;background:#f0f0f0;overflow:hidden;}
.lss-cart-drawer__shipping-bar i{display:block;height:100%;background:#ff3131;transition:width .35s ease;}
.lss-cart-drawer__shipping.is-complete .lss-cart-drawer__shipping-bar i{background:#12a150;}

/* obsah */
.lss-cart-drawer__body{flex:1;overflow-y:auto;padding:20px 24px;}
.lss-cart-drawer .lss-cart-drawer__body ul.woocommerce-mini-cart{list-style:none;margin:0;padding:0;}
/* Skutočný markup WooCommerce: <a class="remove">, potom <a> s obrázkom
   a názvom vnútri, ďalej <dl class="variation"> a <span class="quantity">. */
.lss-cart-drawer .lss-cart-drawer__body ul.cart_list li.woocommerce-mini-cart-item{
	position:relative;display:block;
	padding:16px 34px 16px 0;border-bottom:1px solid #f0f0f0;
}
.lss-cart-drawer .lss-cart-drawer__body ul.cart_list li.woocommerce-mini-cart-item:first-child{padding-top:0;}

.lss-cart-drawer .lss-cart-drawer__body ul.cart_list li.woocommerce-mini-cart-item > a:not(.remove){
	display:flex;align-items:flex-start;gap:14px;
	font-size:14px;font-weight:700;line-height:1.3;color:#131313;text-decoration:none;
}
.lss-cart-drawer .lss-cart-drawer__body ul.cart_list li.woocommerce-mini-cart-item > a:not(.remove):hover{color:#ff3131;}

.lss-cart-drawer .lss-cart-drawer__body ul.cart_list li.woocommerce-mini-cart-item img{
	width:64px;height:64px;flex:none;margin:0;float:none;
	border-radius:10px;background:#f2f2f3;
	object-fit:contain;mix-blend-mode:multiply;
}

.lss-cart-drawer .lss-cart-drawer__body ul.cart_list li.woocommerce-mini-cart-item .variation,
.lss-cart-drawer .lss-cart-drawer__body ul.cart_list li.woocommerce-mini-cart-item .quantity{
	margin:6px 0 0 78px;
}
.lss-cart-drawer .lss-cart-drawer__body ul.cart_list li .variation{font-size:11.5px;color:#7f7f7f;line-height:1.5;}
.lss-cart-drawer .lss-cart-drawer__body ul.cart_list li .variation dt{display:inline;margin:0;font-weight:600;}
.lss-cart-drawer .lss-cart-drawer__body ul.cart_list li .variation dd{display:inline;margin:0 0 0 4px;}
.lss-cart-drawer .lss-cart-drawer__body ul.cart_list li .variation dd p{display:inline;margin:0;}
.lss-cart-drawer .lss-cart-drawer__body ul.cart_list li .variation dd::after{content:'';display:block;}
.lss-cart-drawer .lss-cart-drawer__body ul.cart_list li .quantity{font-size:13px;font-weight:600;color:#131313;display:block;}

.lss-cart-drawer .lss-cart-drawer__body ul.cart_list li.woocommerce-mini-cart-item .remove{
	position:absolute;top:16px;right:0;
	width:24px;height:24px;
	display:inline-flex;align-items:center;justify-content:center;
	border-radius:999px;background:#f2f2f3;color:#7f7f7f!important;
	font-size:15px;line-height:1;text-decoration:none;
}
.lss-cart-drawer .lss-cart-drawer__body ul.cart_list li.woocommerce-mini-cart-item:first-child .remove{top:0;}
.lss-cart-drawer .lss-cart-drawer__body ul.cart_list li.woocommerce-mini-cart-item .remove:hover{background:#ff3131;color:#fff!important;}

.lss-cart-drawer .lss-cart-drawer__body .woocommerce-mini-cart__total{
	display:flex;align-items:baseline;justify-content:space-between;gap:12px;
	margin:18px 0 0;padding:18px 0 0;border-top:2px solid #131313;font-size:14px;
}
.lss-cart-drawer .lss-cart-drawer__body .woocommerce-mini-cart__total strong{font-weight:700;}
.lss-cart-drawer .lss-cart-drawer__body .woocommerce-mini-cart__total .amount{font-size:22px;font-weight:900;color:#131313;}
.lss-cart-drawer .lss-cart-drawer__body .woocommerce-mini-cart__buttons{
	display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 0;padding:0;
}
.lss-cart-drawer .lss-cart-drawer__body .woocommerce-mini-cart__buttons a{
	display:inline-flex;align-items:center;justify-content:center;
	height:46px;border-radius:999px;font-size:13px;font-weight:700;text-decoration:none;
	transition:background .2s,color .2s;
}
.lss-cart-drawer .lss-cart-drawer__body .woocommerce-mini-cart__buttons a:first-child{
	background:#f0f0f0;color:#131313;
}
.lss-cart-drawer .lss-cart-drawer__body .woocommerce-mini-cart__buttons a:first-child:hover{background:#e4e4e6;}
.lss-cart-drawer .lss-cart-drawer__body .woocommerce-mini-cart__buttons a.checkout{
	background:#ff3131;color:#fff;box-shadow:0 8px 22px rgba(255,49,49,.28);
}
.lss-cart-drawer .lss-cart-drawer__body .woocommerce-mini-cart__buttons a.checkout:hover{background:#e31f1f;}
.lss-cart-drawer .lss-cart-drawer__body .woocommerce-mini-cart__empty-message{
	margin:40px 0;text-align:center;color:#7f7f7f;font-size:14px;
}

.lss-cart-drawer__note{
	margin:0;padding:14px 24px 22px;font-size:11px;color:#a0a0a6;text-align:center;flex:none;
}

body.lss-cart-open{overflow:hidden;}

@keyframes lss-cd-fade{from{opacity:0}to{opacity:1}}
@keyframes lss-cd-slide{from{transform:translateX(100%)}to{transform:none}}

@media (max-width:480px){
	.lss-cart-drawer__panel{width:100%;}
	.lss-cart-drawer__head{padding:18px;}
	.lss-cart-drawer__body{padding:16px 18px;}
	.lss-cart-drawer__shipping{padding:14px 18px 0;}
}
