div#transportbox, div#transferbox{box-sizing: border-box;}

table tr.tr_gray td *, table tr.tr_gray td.td_price {color:gray !important;}
table tr.tr_gray td {background:#f7f7f7 !important}
table tr.tr_gray td.td_img {padding:5px 0 !important;text-align:let !important}
table tr.tr_gray td.td_img img {width:73px !important;height:auto;max-height:73px;float:left;margin:0 0 0 5px}
table tr.tr_color td *, table tr.tr_color td.td_price {color:#ed2a6c !important}
table.basket-table tr td div.pure-checkbox {position:absolute;z-index:1;left:-30px}
table tr.tr_gray td:first-child {border-left:1px solid #D7DADB !important}
table tr.tr_gray td:last-child {border-right:1px solid #D7DADB !important}
@media only screen and (max-width:700px){
  table tr.tr_gray td {background:#fff !important}
  table tr.tr_gray td:first-child {border-left:0px solid #D7DADB !important}
  table tr.tr_gray td:last-child {border-right:0px solid #D7DADB !important}
}


div.cart_sum {
	width: 100%;
}
div.cart_sum div {
  margin-top:0;
  border:1px solid #ddd;
  font-size:100%;
  padding:20px;
  background:#fff;
}
div.cart_sum div table tr td {
  padding:10px;
}
div.cart_sum table tr td.bold, div.cart_sum table tr td strong {font-weight:bold !important}
table tr.tr_items td {padding:10px 0}
div.cart_sum table tr.tr_items td {
  border-bottom:1px solid #efefef;
}
@media only screen and (max-width: 1160px){
  .cart_sum p.highlight {padding:0 !important;padding-bottom:10px !important}
}
@media only screen and (max-width: 550px){
  div.cart_sum table tr td {font-size:12px}
}
@media only screen and (max-width: 500px){
  .cart_sum p.highlight {padding-bottom:5px !important}
}

div.paymentitem {
	padding: 10px 0 10px 15px;
	background: #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ededed;
	font-weight: 600;
	font-size: 110%;
}
div.paymentitem:last-child {
	border-bottom: 0 none;
}
div.paymentitem .pointer {
	background: none;
	padding-left: 10px;
}
#transferbox,
#transportbox {
	width: 49%;
	float: left
}
#transportbox {
	float: right
}
@media screen and (max-width: 1000px) { 
  #transferbox,
  #transportbox {
    width: 100%;
    float: none
  }
}
div#transportbox, div#transferbox {
	border: 3px solid #ddd;
  margin-bottom: 20px;
  background: #fff;
  font-size:14px !important;
}
.sidebar.centre #transferbox,
.sidebar.centre #transportbox{
  width: 100%;
  float: none;
  border: 1px solid #d7dadb;
}
p.tit {
	font-size: 20px !important;
	height: 50px !important;
	line-height: 50px !important;
	background: none;
	padding: 0 0 0 15px !important;
	margin: 0;
	font-weight: 700 !important;
	text-transform: uppercase;
	color: #000 !important;
	background: #ddd;
  margin:0 !important;
}
.sidebar.centre p.tit, p.tit.light {
  background: #fcfcfc;
  border-bottom:1px solid #d7dadb;
}
.div_payment.active a.longnote, .div_transport.active a.longnote {
  display:inline-block;
}
.gray.normal, .gray.normal {
	color: gray !important;
	font-size: 90%;
	line-height: 15px;
  padding-top:3Px;
  font-style:italic;
  padding-right:10px;
}
.gray.normal p {
	font-size: 100%;
}

div.paymentitem .width_auto .price-type {
	font-size: 90%;
	float:right !important;
  margin:0;
  color: #000;
  font-weight:600;
  padding-right:15Px;
}
div.paymentitem .width_auto {
  width:auto !important;
  display:block !important;
}
div label.disabled, div label.disabled.width_auto .price-type, div label.disabled .gray.normal  {
  color:silver !important;
  cursor:text !important;
}
.select_disabled {
  color:silver;
  cursor:text;
}

.transparent_background {
  filter: alpha(opacity=30);
  -moz-opacity:0.3;
  -khtml-opacity: 0.3;
  opacity: 0.3;
}
/* UPDATE */

section .layout-center #basket-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 420px;
  align-items: flex-start;
  gap: 45px;
  margin-bottom: 60px;
}

section .layout-center #basket-layout.on_one_page {
  grid-template-columns: minmax(0, 1fr) 420px;
  gap: 30px;
}
@media only screen and (max-width: 1150px) {
  section .layout-center #basket-layout,
  section .layout-center #basket-layout.on_one_page {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 20px;
  }

  section .layout-center #basket-layout .content,
  section .layout-center #basket-layout .sidebar,
  section .layout-center #basket-layout #sidebar {
    width: 100% !important;
    min-width: 0;
  }
}
@media only screen and (max-width: 1150px){
  section .layout-center #basket-layout { grid-template-columns: 1fr!important; gap:20px;} 
  section .layout-center #basket-layout #sidebar{width:100%!important;}
  section .layout-center #basket-layout .sidebar{width:100%;}
  section .layout-center #basket-layout.on_one_page { gap:0 } 
  section .layout-center #basket-layout .content{padding-bottom:20px;}
  section .layout-center #basket-layout #order-sum{border:1px solid #D7DADB ; margin-bottom:25px;}
  section .layout-center #basket-layout #order-sum .wrap{padding:10px 20px 20px 20px}
}

section .layout-center #basket-layout .title{font-weight:700; text-align: left; font-size:26px; text-transform: uppercase; padding-left:0} 
section .layout-center #basket-layout .title::before {display:none;} 
section .layout-center #basket-layout .back-link{ font-size:14px; font-weight:600; display:inline-flex; align-items:center; gap:15px; margin:0px 0 0px 0; position:relative;  } 
section .layout-center #basket-layout .sidebar .back-link{  margin:5px 0 0px 0;  bottom:-10px; } 
section .layout-center #basket-layout .sidebar{ border:1px solid #D7DADB; position: sticky; top:20px; border-radius:0px; overflow: visible;} 
section .layout-center #basket-layout #sidebar{width:420px;} 
section .layout-center #basket-layout .sidebar.centre{border:0px none} 
section .layout-center #basket-layout .sidebar #coupon{width:100%!important}

div.cart_sum .spinner{position:relative; padding:0; border:0; background:transparent; width:30px; margin:0; padding:0 20px;} 
div.cart_sum .spinner div{ padding:0;} 
div.cart_sum .spinner .input-group-btn-vertical{border:0; background:transparent;}
div.cart_sum .spinner input{height:35px; font-size:14px;}
div.cart_sum .spinner .input-group-btn-vertical > .btn{height:35px; width:25px; background-size: 40% auto;}
div.cart_sum .spinner .input-group-btn-vertical > .btn:first-child{right:0; border-left:0}
div.cart_sum .spinner .input-group-btn-vertical > .btn:last-child{left:0; border-right:0}
div.cart_sum .col-quantity{padding-left:5px; width:70px;}
 
#basket-layout.on_one_page .div100 + .div100{margin-top:20px}
#basket-layout.on_one_page div.paymentitem {padding: 5px 0 15px 15px; }
#ajax_image_loader {display:none !important}

#basket-layout.on_one_page .div100 .highlight, #basket-layout.on_one_page form#SHOP_DELIVERY_COUNTRY .highlight {font-weight:bold !important;padding-top:0 !important;text-transform: uppercase}
#basket-layout.on_one_page .floating-label input, .on_one_page .floating-label select, .on_one_page .floating-label textarea {width:100% !important;}


/*section .layout-center #basket-layout.on_one_page .sidebar{width:33.33%} */
section .layout-center #basket-layout.on_one_page .sidebar .title {margin:0 !important;font-size:16px !important} 
section .layout-center #basket-layout.on_one_page .sidebar .basket-gift {margin-bottom:30px} 


.input-group-btn-vertical > .btn { margin:0; }
.input-group-btn-vertical > .btn:hover { margin:0; transform:none} 

section .layout-center #basket-layout .content .basket-list-table tr td.quantity .spinner  .input-group-btn-vertical > .btn{ padding:0; border:0px;}

/*  // UPDATE */


@media only screen and (max-width: 600px){
  section .layout-center #basket-layout.on_one_page .sidebar .title {margin:15px 0 0 0 !important;font-size:16px !important} 
}

section .layout-center #basket-layout.on_one_page .highlight, section .layout-center #basket-layout.on_one_page p.tit {font-size:20px !important} 
@media only screen and (max-width: 1500px){
  section .layout-center #basket-layout.on_one_page .highlight, section .layout-center #basket-layout.on_one_page p.tit {font-size:20px !important} 
}
@media only screen and (max-width: 1300px){
  section .layout-center #basket-layout.on_one_page .highlight, section .layout-center #basket-layout.on_one_page p.tit {font-size:18px !important} 
}
@media only screen and (max-width: 1200px){
  section .layout-center #basket-layout.on_one_page .highlight, section .layout-center #basket-layout.on_one_page p.tit {font-size:17px !important} 
}
@media only screen and (max-width: 1150px){
  section .layout-center #basket-layout.on_one_page .highlight, section .layout-center #basket-layout.on_one_page p.tit {line-height:20px;} 
  #basket-layout.on_one_page p.tit.light {display:none}
}
@media only screen and (max-width: 1150px){
  .submit_spec.on_one_page{font-size:18px !important} 
}
@media only screen and (max-width: 550px){
  #basket-layout.on_one_page .div100 .highlight{margin-top:25px !important;margin-bottom:6px !important;text-align:center;} 
  section .layout-center #basket-layout.on_one_page .highlight, section .layout-center #basket-layout.on_one_page p.tit {font-size:20px !important;text-align:center;} 
  /*section .layout-center #main.nomargtop h1.center {display:none !important}*/
}

@media only screen and (max-width: 420px){
  .c-quantity-in-basket {font-size:12px !important}
}

section .layout-center #basket-layout .sidebar .button.last-step{font-size:20px; margin-top:10px;} 
section .layout-center #basket-layout .sidebar.top-margin{margin-top:27px;} 
section .layout-center #basket-layout .sidebar .wrap{padding:30px; border-bottom:1px solid #D7DADB;} 
section .layout-center #basket-layout .sidebar .wrap.gray{background: #FCFCFC;  color:#000;padding-bottom:40px} 
section .layout-center #basket-layout .sidebar .wrap:last-child{ border-bottom:0;} 
section .layout-center #basket-layout .sidebar .total-price{font-size:16px; font-weight:700; text-align: right; padding:15px 0; color:#000 } 
section .layout-center #basket-layout .sidebar .total-price strong{font-size:26px; } 
section .layout-center #basket-layout .sidebar .total-price .smaller{font-weight:300} 

section .layout-center #basket-layout .sidebar .pure-checkbox{ margin-top:10px; } 
section .layout-center #basket-layout .sidebar .pure-checkbox label{font-size:14px; line-height: 140%;} 


section .layout-center #basket-layout .sidebar .coupon-wrap{position:relative; padding:0; margin:0 0 30px 0;}
section .layout-center #basket-layout .sidebar #coupon{background: #ffffff url('../images/svg/coupon.svg') no-repeat left 12px center; box-sizing: border-box;  width:100%;   border:1px solid #D7DADB; border-radius: 0px;  height:46px; padding:0 50px 0 42px; font-size:14px; color:#000000; font-style:normal; font-family:'Poppins', sans-serif; font-weight:400 !important;}
section .layout-center #basket-layout .sidebar #coupon::-webkit-input-placeholder { /* Chrome */ color: #627a80; }
section .layout-center #basket-layout .sidebar #coupon:-ms-input-placeholder { /* IE 10+ */ color: #627a80; }
section .layout-center #basket-layout .sidebar #coupon::-moz-placeholder { /* Firefox 19+ */ color: #627a80; opacity: 1; }
section .layout-center #basket-layout .sidebar #coupon:-moz-placeholder { /* Firefox 4 - 18 */ color: #627a80; opacity: 1; }
section .layout-center #basket-layout .sidebar .coupon-wrap button.button{ box-sizing: border-box; position:absolute; right:0px; top:0px; height:46px; min-width:0 }

section .layout-center #basket-layout .sidebar .icon-box{padding-left: 40px; position:relative; font-size:13px; margin-bottom: 15px;}
section .layout-center #basket-layout .sidebar .icon-box strong{font-size:16px; line-height: 16px; font-weight:700; display:block; padding-top:2px;}
section .layout-center #basket-layout .sidebar .icon-box img.icon{position:absolute; left:0; top:0}
section .layout-center #basket-layout .sidebar .icon-box .bar{height:6px; border-radius: 6px; background: #E0E0E0; margin-top:6px; margin-left:-40px; width:calc(100% + 40px); position:relative;}
section .layout-center #basket-layout .sidebar .icon-box .bar span{position:absolute; left:0; top:0; height:100%; background: #E3276B; border-radius: 6px;}

section .layout-center #basket-layout .sidebar .icon-box.delivery img.icon{width:31px; left:-1px; top:2px}
section .layout-center #basket-layout .sidebar .icon-box.gift img.icon{width:22px; left:5px; top:-3px;}
section .layout-center #basket-layout .sidebar .icon-box.gift .bar span{background: #272941;}
section .layout-center #basket-layout .sidebar .icon-box.point { margin:30px 0 -5px 0}
section .layout-center #basket-layout .sidebar .icon-box.point img.icon{width:21px; left:6px; top:-4px; }

section .layout-center #basket-layout .sidebar .product-list-table {border-spacing:0; margin:0px; padding:0px;} 
section .layout-center #basket-layout .sidebar .product-list-table tr td{white-space: nowrap; border-bottom:1px solid #D7DADB; padding:15px 10px; font-size:14px;}
section .layout-center #basket-layout .sidebar .product-list-table tr td.image{ width:60px; padding-left:10px; padding-right:0px;} 
section .layout-center #basket-layout .sidebar .product-list-table tr td.image img{ width:100%; } 
section .layout-center #basket-layout .sidebar .product-list-table tr td.name{white-space: normal; padding-left:10px; font-size:13px; font-weight:500; line-height: 150%;} 
section .layout-center #basket-layout .sidebar .product-list-table tr td.price {text-align: right; line-height: 150%} 
section .layout-center #basket-layout .sidebar .product-list-table tr td.price .original-price{font-weight:500; text-decoration:line-through; } 
section .layout-center #basket-layout .sidebar .product-list-table tr td.price strong{font-weight:700; font-size:16px;} 
section .layout-center #basket-layout .sidebar .product-list-table tr td.price .quantity {display:block; font-size:14px; font-weight:500} 
section .layout-center #basket-layout .sidebar .product-list-table tr:nth-child(n+6) {display: none; }

section .layout-center #basket-layout .sidebar .show-more-wrap{padding:15px 0px; text-align:center; border-bottom: 1px solid #D7DADB; display:none;}

section .layout-center #basket-layout .sidebar .price-block {display:flex; flex-direction: column; width:100%; gap:10px; margin:-10px 0 23px 0;} 
section .layout-center #basket-layout .sidebar .price-block > div {display:flex; gap:20px;align-items:center; justify-content:space-between; font-size:14px; font-weight:500; line-height:26px; } 
section .layout-center #basket-layout .sidebar .price-block > div.total {font-size:18px; font-weight:700; } 
section .layout-center #basket-layout .sidebar .price-block > div.total span:last-child {font-size:26px;} 

section .layout-center #basket-layout .sidebar p {line-height: 140%; padding-bottom: 15px; color:#000000} 

section .layout-center #basket-layout .content{flex:1; } 
section .layout-center #basket-layout .content .pure-radiobutton{top:0 } 
section .layout-center #basket-layout .content .title{font-size:20px; margin-top: 30px; margin-bottom:0} 
section .layout-center #basket-layout .content .basket-list-table {margin-bottom: 40px; border-spacing:0; margin:0px; padding:0px;} 
section .layout-center #basket-layout .content .basket-list-table tr td{white-space: nowrap; border-bottom:1px solid #D7DADB; font-size:14px;}

section .layout-center #basket-layout .content .basket-list-table tr td.image{ padding:10px 10px;width:60px; padding-left:10px; padding-right:0px;} 
section .layout-center #basket-layout .content .basket-list-table tr td.image img{ width:85%; height:auto} 
section .layout-center #basket-layout .content .basket-list-table tr td.name{padding:10px 10px;white-space: normal; padding-left:0;padding-right:10px; font-size:13px; line-height: 150%;} 
section .layout-center #basket-layout .content .basket-list-table tr.insurance td{background: #F6F6F6!important;} 
section .layout-center #basket-layout .content .basket-list-table tr.insurance .pure-checkbox input[type="checkbox"] + label{font-size:15px; font-weight:600; color:gray !important} 
section .layout-center #basket-layout .content .basket-list-table tr.insurance .pure-checkbox input[type="checkbox"] + label span{font-size:80%; font-weight:400; display:block;} 
section .layout-center #basket-layout .content .basket-list-table tr.insurance .pure-checkbox input[type="checkbox"] + label::before{top:calc(50% - 12px);}
section .layout-center #basket-layout .content .basket-list-table tr.insurance .pure-checkbox input[type="checkbox"] + label::after{top: calc(50% - 12px )}


section .layout-center #basket-layout .content .basket-list-table tr td.availability{padding:10px 10px;font-weight:600;white-space: normal; color:#009504; text-align: center;} 
section .layout-center #basket-layout .content .basket-list-table tr td.price {padding:10px 10px;text-align: right !important; font-weight:bold;line-height: 130%} 
section .layout-center #basket-layout .content .basket-list-table tr td.price .original-price{font-weight:500; text-decoration:line-through; } 
section .layout-center #basket-layout .content .basket-list-table tr td.price strong{font-weight:700; font-size:16px;} 
section .layout-center #basket-layout .content .basket-list-table tr td.action {padding:0 0;width:20px !important;padding-right:10px;text-align:right;} 
section .layout-center #basket-layout .content .basket-list-table tr td.action img {width:16px;height:auto} 
section .layout-center #basket-layout .content .basket-list-table tr td.quantity .spinner{position:relative;} 


section .layout-center #basket-layout .content .basket-list-table tr td.quantity   {padding:10px 10px;width:90px;}
section .layout-center #basket-layout .content .basket-list-table tr td.quantity .spinner  {min-width:50px;width:100%;  position:relative; left:0; top:0px; margin:0px 0px 0px 0px; display:inline-block; float:left; }
section .layout-center #basket-layout .content .basket-list-table tr td.quantity .spinner  label{position:absolute; right:100%; top:0px; line-height: 44px;  padding-right:10px;}
section .layout-center #basket-layout .content .basket-list-table tr td.quantity .spinner  input {-webkit-appearance: none; -moz-appearance: none; appearance: none;text-align: center; box-sizing: border-box;border:1px solid #D7DADB; border-radius:0px; background:#ffffff; padding:0 0px 0px 0px!important; height:34px; width:100%!important; margin:0; display:block; color:#000000; font-size:13px !important; font-weight:600; position:relative; }
section .layout-center #basket-layout .content .basket-list-table tr td.quantity .spinner  .input-group-btn-vertical > .btn{width:23px; padding:0; height:32px; border-radius:0px; border:0px;background-color:transparent;  background-size: 10px auto}
section .layout-center #basket-layout .content .basket-list-table tr td.quantity .spinner  .input-group-btn-vertical > .btn:first-child{right:1px; top:1px; background-position: left center}
section .layout-center #basket-layout .content .basket-list-table tr td.quantity .spinner  .input-group-btn-vertical > .btn:last-child{left:1px; top:1px; background-position: right center}


section .layout-center .basket-gift{display:flex;flex-wrap: wrap;  gap:10px; width:100%; align-items: stretch;margin-top:10px; }
section .layout-center .basket-gift > .item{display:flex; flex:1;  gap:10px; align-items: center; border:1px solid #D7DADB; background:#FCFCFC; border-radius: 0px; padding:15px 20px; cursor:pointer}
section .layout-center .basket-gift > .item.none{flex:1; }
section .layout-center .basket-gift > .item .image{width:60px;}
section .layout-center .basket-gift > .item .image img{width:100%;}
section .layout-center .basket-gift > .item .desc {flex:1}
section .layout-center .basket-gift > .item .desc .price{display:block; text-align: right; font-weight:700; padding-top: 5px;}
section .layout-center .basket-gift > .item:has(input[type="radio"]:checked) {background: #ffffff; }

/* Sidebar – položky pod sebou */
section .layout-center #basket-layout.on_one_page .sidebar .basket-gift{
  flex-direction: column;
  flex-wrap: nowrap;
}
section .layout-center #basket-layout.on_one_page .sidebar .basket-gift > .item{
  width: auto;
  flex: none;
  padding:10px 15px;
}
section .layout-center #basket-layout.on_one_page .sidebar .basket-gift > .item .desc .price{text-align: left}
section .layout-center #basket-layout.on_one_page .sidebar .basket-gift label {position:relative;top:-10px}
section .layout-center #basket-layout .content .pure-checkbox input[type="radio"]:not(.transport_input):not(.payment_input) + label, 
section .layout-center #basket-layout .content .pure-radiobutton input[type="radio"]:not(.transport_input):not(.payment_input) + label{height:18px; padding-left:18px;}

@media only screen and (max-width: 1200px){
  section .layout-center #basket-layout .content .basket-list-table tr td.name{font-size:13px;}
  section .layout-center #basket-layout .content .basket-list-table tr td.availability{font-size:12px;}
  section .layout-center #basket-layout .content .basket-list-table tr td.action img{width:15px;}
}
@media only screen and (max-width: 1050px){
  section .layout-center #basket-layout{flex-direction:column}
  section .layout-center #basket-layout > div{lex-basis: 100%;width:100%;}
  section .layout-center #basket-layout .sidebar, section .layout-center #basket-layout.on_one_page .sidebar{width:100%;}
  section .layout-center #basket-layout .content .basket-list-table tr td.action{padding-right:0}
  section .layout-center #basket-layout .content .basket-list-table tr:not(.insurance) td.image{padding-left:0}
}
@media only screen and (max-width: 850px){
  section .layout-center #basket-layout .sidebar.top-margin{margin-top:0}
}
@media only screen and (max-width: 700px){
  section .layout-center #basket-layout .back-link{font-size:12px;}
}
@media only screen and (max-width: 650px){
  section .layout-center #basket-layout .content .basket-list-table tr td.name{font-size:12px; padding-left:0; padding-right:0}
  section .layout-center #basket-layout .content .basket-list-table tr td{font-size:12px;}
  section .layout-center #basket-layout .content .basket-list-table tr td.price strong{font-size:14px;}
  section .layout-center #basket-layout .content .basket-list-table tr td.action {width:10px;padding:0 !important;text-align:center;}
  section .layout-center #basket-layout .content .basket-list-table tr td.action img{width:15px;}
  section .layout-center #basket-layout .content .basket-list-table tr td.quantity{padding-right:0; padding-left:0px; width:70px;}
  section .layout-center #basket-layout .content .basket-list-table tr td.image{width:45px;}
  section .layout-center #basket-layout .content .basket-list-table tr td.quantity .spinner input{height:35px; font-size:12px;}
  section .layout-center #basket-layout .content .basket-list-table tr td.quantity .spinner .input-group-btn-vertical > .btn{height:33px;width:33px;z-index:999 !important;}
  section .layout-center #basket-layout .content .basket-list-table tr td.quantity .spinner  .input-group-btn-vertical > .btn:first-child{right:-3px;background-position:center center }
  section .layout-center #basket-layout .content .basket-list-table tr td.quantity .spinner  .input-group-btn-vertical > .btn:last-child{left:-3px; background-position:center center}
  section .layout-center .basket-gift{flex-direction: column}
}
@media only screen and (max-width: 600px){
  section .layout-center #basket-layout .sidebar .wrap.gray{padding-bottom:20px} 
  section .layout-center #basket-layout .sidebar .coupon-wrap{margin:10px 0 20px 0;}
  section .layout-center #basket-layout .sidebar .wrap{padding:10px 20px;}
  section .layout-center #basket-layout .sidebar .back-link{bottom:0; margin-top:10px;}
}

@media only screen and (max-width: 550px){
  section .layout-center #basket-layout .sidebar p{font-size:12px;}
  section .layout-center #basket-layout .sidebar .button.last-step{font-size:16px;}
}
@media only screen and (max-width: 450px){
  
  section .layout-center #basket-layout .sidebar .product-list-table tr td.name{font-size:11px;}
  section .layout-center #basket-layout{margin-bottom: 30px; gap:30px;}
  section .layout-center #basket-layout .sidebar .product-list-table tr td.image{width:40px;padding-left:0}
  section .layout-center #basket-layout .sidebar .product-list-table tr td{font-size:12px;}
  section .layout-center #basket-layout .sidebar .product-list-table tr td.price .quantity{font-size:12px;}
  section .layout-center #basket-layout .sidebar .product-list-table tr td.price strong{font-size:14px;}
  section .layout-center #basket-layout .sidebar .price-block {gap:0px; margin-bottom:15px;}
  section .layout-center #basket-layout .sidebar .price-block > div{font-size:12px;}
  section .layout-center #basket-layout .sidebar .price-block > div.total{font-size:14px;}
  section .layout-center #basket-layout .sidebar .price-block > div.total span:last-child{font-size:20px;}

  section .layout-center #basket-layout .sidebar #coupon{font-size:12px;}
  section .layout-center #basket-layout .sidebar .coupon-wrap button.button{padding:0px 15px; font-size:12px;}
  section .layout-center #basket-layout .sidebar .button.btn-big{padding:0px; font-size:14px;}
  section .layout-center #basket-layout .back-link{font-size:12px;}
  section .layout-center #basket-layout .sidebar .icon-box{font-size:12px;}
  section .layout-center #basket-layout .sidebar .total-price{font-size:14px;}

  section .layout-center #basket-layout .content .basket-list-table tr td.availability{font-size:10px;}
  section .layout-center #basket-layout .content .basket-list-table tr td.name{font-size:10px;}
  section .layout-center #basket-layout .content .basket-list-table tr td{font-size:10px;}
  section .layout-center #basket-layout .content .basket-list-table tr td.price {font-size:12px;}
  section .layout-center #basket-layout .content .basket-list-table tr td.image{width:75px !important;}

  section .layout-center .basket-gift > .item{font-size:12px;}
  section .layout-center .basket-gift > .item .image{width:45px;}
}
@media only screen and (max-width: 420px){
  section .layout-center #basket-layout .content .basket-list-table tr td.image{width:45px !important;}
}
@media only screen and (max-width: 380px){
  /*section .layout-center #basket-layout .content .basket-list-table tr td.image{display:none}*/
  section .layout-center #basket-layout .content .basket-list-table tr td.name{padding-left:5px} 
  section .layout-center #basket-layout .content .basket-list-table tr td.action{padding-right:5px} 
}
@media only screen and (max-width: 700px) {

  section .layout-center #basket-layout .content .basket-list-table,
  section .layout-center #basket-layout .content .basket-list-table thead,
  section .layout-center #basket-layout .content .basket-list-table tbody,
  section .layout-center #basket-layout .content .basket-list-table tr,
  section .layout-center #basket-layout .content .basket-list-table th,
  section .layout-center #basket-layout .content .basket-list-table td {
    display: block;
    width: auto;
    box-sizing: border-box;
  }

  section .layout-center #basket-layout .content .basket-list-table thead {
    display: none;
  }

  section .layout-center #basket-layout .content .basket-list-table tr {
    display: grid;
    grid-template-columns: 140px 105px minmax(80px, 1fr) 28px;
    grid-template-areas:
      "image name name action"
      "image availability availability availability"
      "image quantity price price";
    gap: 7px 14px;
    padding: 16px 0 18px 0;
    border-bottom: 1px solid #e5e5e5;
    align-items: start;
  }
  section .layout-center #basket-layout .content .basket-list-table tbody > tr[style*="border:0"],
  section .layout-center #basket-layout .content .basket-list-table tbody > tr:has(> td[colspan="6"]:only-child) {
    display: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
  }

  section .layout-center #basket-layout .content .basket-list-table tr.tr_gray {
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr) auto !important;
    grid-template-areas: "image name price" !important;
    gap: 8px !important;
    padding: 8px 0 10px 0 !important;
    min-height: 0 !important;
    align-items: center !important;
    border-bottom: 1px solid #e5e5e5 !important;
  }

  section .layout-center #basket-layout .content .basket-list-table tr.tr_gray td {
    padding: 0 !important;
    border-bottom: 0 !important;
    min-height: 0 !important;
  }

  section .layout-center #basket-layout .content .basket-list-table tr.tr_gray td.image {
    grid-area: image !important;
    width: 82px !important;
  }

  section .layout-center #basket-layout .content .basket-list-table tr.tr_gray td.image img {
    width: 72px !important;
    max-width: 72px !important;
    height: 72px !important;
    max-height: 72px !important;
    object-fit: contain !important;
    margin: 0 !important;
    float: none !important;
    display: block !important;
  }

  section .layout-center #basket-layout .content .basket-list-table tr.tr_gray td.name {
    grid-area: name !important;
    align-self: center !important;
    padding: 0 !important;
  }

  section .layout-center #basket-layout .content .basket-list-table tr.tr_gray td.price {
    grid-area: price !important;
    align-self: center !important;
    display: block !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    text-align: right !important;
    white-space: nowrap !important;
  }

  section .layout-center #basket-layout .content .basket-list-table tr.tr_gray td.action,
  section .layout-center #basket-layout .content .basket-list-table tr.tr_gray .price_mj {
    display: none !important;
  }

  section .layout-center #basket-layout .content .basket-list-table tr.tr_gray .pure-checkbox {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    position: relative !important;
    left: auto !important;
    top: auto !important;
  }

  section .layout-center #basket-layout .content .basket-list-table tr.tr_gray .pure-checkbox label {
    line-height: 1.25 !important;
  }
  section .layout-center #basket-layout .content .basket-list-table tr td {
    padding: 0 !important;
    border-bottom: 0 !important;
    white-space: normal !important;
    text-align: left !important;
    min-width: 0;
  }

  section .layout-center #basket-layout .content .basket-list-table tr td.image {
    grid-area: image;
    width: 140px !important;
  }

  section .layout-center #basket-layout .content .basket-list-table tr td.image img {
    width: 125px !important;
    max-width: 125px !important;
    height: 125px !important;
    object-fit: contain;
    display: block;
  }

  section .layout-center #basket-layout .content .basket-list-table tr td.name {
    grid-area: name;
    font-size: 15px !important;
    line-height: 1.28 !important;
    padding-right: 4px !important;
  }

  section .layout-center #basket-layout .content .basket-list-table tr td.name a {
    font-size: 15px !important;
    line-height: 1.28 !important;
    font-weight: 800;
    display: block;
  }

  section .layout-center #basket-layout .content .basket-list-table tr td.availability {
    grid-area: availability;
    font-size: 13px !important;
    line-height: 1.3;
  }

  section .layout-center #basket-layout .content .basket-list-table tr td.quantity {
    grid-area: quantity;
    width: auto !important;
    padding: 10px 0 0 0 !important;
    align-self: start;
  }

  section .layout-center #basket-layout .content .basket-list-table tr td.quantity .spinner {
    width: 95px;
    max-width: 95px;
  }

  section .layout-center #basket-layout .content .basket-list-table tr td.price {
    grid-area: price;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    font-size: 16px !important;
    line-height: 35px;
    font-weight: 800;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: visible !important;
    padding: 10px 0 0 0 !important;
    align-self: start;
  }

  section .layout-center #basket-layout .content .basket-list-table tr td.action {
    grid-area: action;
    width: 28px !important;
    text-align: right !important;
    padding: 0 !important;
  }

  section .layout-center #basket-layout .content .basket-list-table tr td.action img {
    width: 18px !important;
    max-width: 18px !important;
    height: auto;
  }

  section .layout-center #basket-layout .content .basket-list-table .price_mj {
    display: none !important;
  }
}
@media only screen and (max-width: 450px) {

  section .layout-center #basket-layout .content .basket-list-table tr:not(.tr_gray) {
    grid-template-columns: 105px 95px minmax(70px, 1fr) 28px;
    grid-template-areas:
      "image name name action"
      "image availability availability availability"
      "image quantity price price";
    gap: 6px 12px;
  }

  section .layout-center #basket-layout .content .basket-list-table tr:not(.tr_gray) td.image {
    width: 105px !important;
  }

  section .layout-center #basket-layout .content .basket-list-table tr:not(.tr_gray) td.image img {
    width: 95px !important;
    max-width: 95px !important;
    height: 95px !important;
    object-fit: contain;
  }

  section .layout-center #basket-layout .content .basket-list-table tr td.name a {
    font-size: 14px !important;
    line-height: 1.28 !important;
  }

  section .layout-center #basket-layout .content .basket-list-table tr:not(.tr_gray) td.price {
    font-size: 15px !important;
    text-align: right !important;
    line-height: 35px;
  }
}


.cart_box {
  --cart-step-size: 34px;
  --cart-line-height: 2px;
  --cart-line-top: 15px;
  --cart-line-gap: 8px;

  margin: -20px 0 38px 0;
  width: 100%;
  min-height: 82px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
  gap: 0;
  padding: 14px 0 12px 0;
  box-sizing: border-box;
  position: relative;
  z-index: 9000;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}

/* Pokud je v HTML vložený spojovací <span>, schová se. Čáry se kreslí přímo přes kroky, takže funguje staré i nové HTML. */
.cart_box > .cart_step_line {
  display: none !important;
}

.cart_box > div {
  position: relative;
  z-index: 2;
  min-width: 0;
  display: grid;
  grid-template-rows: var(--cart-step-size) auto;
  justify-items: center;
  align-items: start;
  gap: 7px;
  color: #999;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 600;
  text-align: center;
}

.cart_box > div:not(:last-child)::before,
.cart_box > div:not(:last-child)::after {
  content: "";
  position: absolute;
  left: calc(50% + var(--cart-line-gap));
  right: calc(-50% + var(--cart-line-gap));
  top: var(--cart-line-top);
  height: var(--cart-line-height);
  border-radius: 99px;
  pointer-events: none;
  transform-origin: left center;
}

.cart_box > div:not(:last-child)::before {
  background: #e5e5e5;
  z-index: 0;
}

.cart_box > div:not(:last-child)::after {
  background: #e99809;
  z-index: 1;
  transform: scaleX(0);
}

.cart_box > .cart_box_item_selected::after,
.cart_box > .cart_step_item.cart_box_item_selected::after {
  animation: cartLineFillNext 2.2s ease-in-out infinite !important;
}

.cart_box > .cart_box_item_done::after,
.cart_box > .cart_step_item.cart_box_item_done::after {
  transform: scaleX(1) !important;
}

.cart_box_item_selected {
  color: #0d1d32 !important;
  font-weight: 800 !important;
}

.cart_box_item_done {
  color: #0d1d32 !important;
  font-weight: 700 !important;
}

.cart_box_item a,
.cart_box_item_done a,
.cart_box_item_selected a {
  color: inherit !important;
  text-decoration: none;
  font-weight: inherit;
}

.cart_big,
.cart_small {
  width: var(--cart-step-size);
  height: var(--cart-step-size);
  line-height: var(--cart-step-size);
  margin: 0;
  display: inline-block;
  text-align: center !important;
  border-radius: 50%;
  font-weight: 800;
  font-size: 14px;
  position: relative;
  z-index: 4;
  box-sizing: border-box;
  transition: transform .25s ease, background .25s ease, color .25s ease, box-shadow .25s ease;
}

.cart_big {
  background: #0d1d32;
  color: #fff !important;
  box-shadow: 0 0 0 4px rgba(247,165,8,.20);
  animation: cartStepPulse 1.8s ease-in-out infinite;
}

.cart_small {
  background: #aaa;
  color: #fff !important;
}

.cart_box_item_done .cart_small {
  background: #0d1d32;
  color: #fff !important;
  box-shadow: none !important;
}

.cart_step_label {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cart_step_link {
  display: grid;
  grid-template-rows: var(--cart-step-size) auto;
  justify-items: center;
  align-items: start;
  gap: 7px;
  color: inherit !important;
  text-decoration: none !important;
}

.cart_step_link:hover .cart_small {
  transform: scale(1.08);
}

@keyframes cartLineFillNext {
  0% { transform: scaleX(0); }
  72% { transform: scaleX(1); }
  100% { transform: scaleX(1); }
}

@keyframes cartStepPulse {
  0%, 100% { box-shadow: 0 0 0 4px rgba(247,165,8,.16); }
  50% { box-shadow: 0 0 0 6px rgba(247,165,8,.25); }
}

@media screen and (max-width: 820px) {
  .cart_box {
    --cart-step-size: 30px;
    --cart-line-top: 13px;
    --cart-line-gap: 5px;
    min-height: 72px;
    margin: -10px 0 8px 0;
    padding: 10px 0 7px 0;
  }

  .cart_box > div,
  .cart_step_link {
    grid-template-rows: var(--cart-step-size) 24px;
    gap: 6px;
    font-size: 12px;
    line-height: 1.15;
  }

  .cart_big,
  .cart_small {
    font-size: 13px;
  }

  .cart_big {
    box-shadow: 0 0 0 4px rgba(3,90,202,.18);
  }

  .cart_step_label {
    min-height: 24px;
    max-height: 24px;
    line-height: 1.15;
    white-space: nowrap;
  }
}

@media screen and (max-width: 600px) {
  .cart_box {
    --cart-step-size: 24px;
    --cart-line-top: 10px;
    --cart-line-gap: 4px;
    min-height: 68px;
    margin-bottom: 4px;
    padding: 8px 0 6px 0;
  }

  .cart_box > div,
  .cart_step_link {
    grid-template-rows: var(--cart-step-size) 24px;
    gap: 4px;
    font-size: 10px;
  }

  .cart_big,
  .cart_small {
    font-size: 11px;
  }

  .cart_big {
    box-shadow: 0 0 0 3px rgba(243,198,0,.18);
  }

  .cart_step_label {
    min-height: 24px;
    max-height: 24px;
    white-space: normal;
  }
}

@media screen and (max-width: 420px) {
  .cart_box > div,
  .cart_step_link {
    font-size: 9px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .cart_big,
  .cart_box > .cart_box_item_selected::after,
  .cart_box > .cart_step_item.cart_box_item_selected::after {
    animation: none !important;
  }
}

/* Dokončená objednávka */
.order-finished-modern {
  max-width: 1180px;
  margin: 0px auto 70px auto;
  padding: 0 18px;
  box-sizing: border-box;
  color: #0d1d32;
}

.order-finished-modern * {
  box-sizing: border-box;
}

.order-finished-modern .of-hero {
  text-align: center;
  margin-bottom: 50px;
}

.order-finished-modern .of-hero h1 {
  margin: 18px 0 10px 0;
  padding: 0;
  text-align: center;
  font-size: 34px;
  line-height: 1.2;
  font-weight: 800;
  text-transform: none;
}

.order-finished-modern .of-hero p {
  margin: 0 auto;
  padding: 0;
  max-width: 760px;
  font-size: 18px;
  line-height: 1.6;
  color: #474747;
}

.order-finished-modern .of-hero p strong {
  color: #0d1d32;
  font-weight: 800;
}

.order-finished-modern .of-check {
  width: 74px;
  height: 74px;
  border-radius: 50%;
  background: #087d12;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.order-finished-modern .of-check::after {
  content: "";
  width: 30px;
  height: 16px;
  border-left: 7px solid #fff;
  border-bottom: 7px solid #fff;
  transform: rotate(-45deg);
  margin-top: -5px;
}

.order-finished-modern .of-check--error {
  background: #cc0000;
  color: #fff;
  font-size: 40px;
  line-height: 74px;
  font-weight: 800;
}

.order-finished-modern .of-check--error::after {
  display: none;
}

.order-finished-modern .of-pay-button {
  display: inline-block;
  margin-top: 25px;
  background: #e99809;
  color: #fff !important;
  text-decoration: none;
  line-height: 52px;
  min-height: 52px;
  padding: 0 34px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  transition: all .25s;
}

.order-finished-modern .of-pay-button:hover {
  background: #c82125;
  text-decoration: none;
}

.order-finished-modern .of-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 24px;
  align-items: start;
  margin-bottom: 24px;
}

.order-finished-modern .of-main-card,
.order-finished-modern .of-side-card,
.order-finished-modern .of-products-card {
  background: #fff;
  border: 1px solid #e7e7e7;
  box-shadow: 0 12px 34px rgba(0,0,0,.055);
}

.order-finished-modern .of-card-title {
  padding: 22px 26px;
  border-bottom: 1px solid #ededed;
  font-size: 21px;
  font-weight: 800;
  line-height: 1.25;
  text-align: left;
}

.order-finished-modern .of-card-title span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  padding: 0 8px;
  margin-left: 8px;
  background: #e99809;
  color: #fff;
  border-radius: 28px;
  font-size: 13px;
  line-height: 28px;
  vertical-align: middle;
}

.order-finished-modern .of-summary {
  padding: 10px 26px 26px 26px;
}

.order-finished-modern .of-detail-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 25px;
  padding: 16px 0;
  border-bottom: 1px solid #efefef;
  font-size: 15px;
  line-height: 1.45;
}

.order-finished-modern .of-detail-row:last-child {
  border-bottom: 0 none;
}

.order-finished-modern .of-detail-row span {
  color: #686868;
}

.order-finished-modern .of-detail-row strong {
  color: #0d1d32;
  font-weight: 800;
  text-align: right;
}

.order-finished-modern .of-detail-row--total strong {
  font-size: 24px;
  line-height: 1.15;
}

.order-finished-modern .of-bank-box {
  background: #fafafa;
  border: 1px solid #e9e9e9;
  padding: 16px 18px;
  margin: 10px 0 8px 0;
}

.order-finished-modern .of-bank-box > div {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 7px 0;
  font-size: 14px;
}

.order-finished-modern .of-bank-box span {
  color: #686868;
}

.order-finished-modern .of-bank-box strong {
  text-align: right;
  font-weight: 800;
}

.order-finished-modern .of-qr {
  text-align: center;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid #efefef;
}

.order-finished-modern .of-qr p {
  padding: 0 0 12px 0 !important;
  margin: 0 !important;
  font-weight: 800;
}

.order-finished-modern .of-qr img,
.order-finished-modern .of-qr svg {
  max-width: 190px;
  height: auto;
}

.order-finished-modern .of-actions {
  padding: 18px 26px 26px 26px;
  display: flex;
  flex-direction: column;
  gap: 11px;
}

.order-finished-modern .of-actions a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 48px;
  padding: 0 16px;
  border: 1px solid #e1e1e1;
  background: #fafafa;
  color: #0d1d32 !important;
  text-decoration: none;
  font-size: 15px;
  font-weight: 800;
  transition: all .25s;
}

.order-finished-modern .of-actions a::after {
  content: "›";
  font-size: 26px;
  line-height: 1;
  font-weight: 300;
}

.order-finished-modern .of-actions a:hover {
  background: #e99809;
  border-color: #e99809;
  text-decoration: none;
}

.order-finished-modern .of-products-card {
  margin-top: 24px;
}

.order-finished-modern .of-products {
  padding: 0 26px;
}

.order-finished-modern .of-product {
  display: grid;
  grid-template-columns: 86px minmax(0,1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 18px 0;
  border-bottom: 1px solid #efefef;
}

.order-finished-modern .of-product:last-child {
  border-bottom: 0 none;
}

.order-finished-modern .of-product__image {
  width: 86px;
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fafafa;
  border: 1px solid #ededed;
  overflow: hidden;
}

.order-finished-modern .of-product__image img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: block;
}

.order-finished-modern .of-product__name {
  display: inline-block;
  color: #0d1d32 !important;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 800;
  text-decoration: none;
}

.order-finished-modern .of-product__name:hover {
  text-decoration: underline;
}

.order-finished-modern .of-product__code,
.order-finished-modern .of-product__desc {
  margin-top: 5px;
  font-size: 13px;
  line-height: 1.45;
  color: #777;
}

.order-finished-modern .of-product__meta {
  min-width: 145px;
  text-align: right;
}

.order-finished-modern .of-product__meta span {
  display: block;
  color: #777;
  font-size: 14px;
  line-height: 1.4;
}

.order-finished-modern .of-product__meta strong {
  display: block;
  margin-top: 3px;
  color: #0d1d32;
  font-size: 17px;
  line-height: 1.25;
  font-weight: 800;
}

.order-finished-modern .of-bottom {
  text-align: center;
  margin-top: 30px;
}

.order-finished-modern .of-bottom .submit_spec2 {
  float: none;
  display: inline-block;
  margin: 0 auto;
}

@media only screen and (max-width: 900px) {
  .order-finished-modern .of-grid {
    grid-template-columns: 1fr;
  }
}

@media only screen and (max-width: 650px) {
  .order-finished-modern {
    padding: 0 10px;
  }

  .order-finished-modern .of-hero {
    margin-bottom: 30px;
  }

  .order-finished-modern .of-hero h1 {
    font-size: 27px;
  }

  .order-finished-modern .of-hero p {
    font-size: 15px;
  }

  .order-finished-modern .of-check {
    width: 62px;
    height: 62px;
  }

  .order-finished-modern .of-check::after {
    width: 25px;
    height: 13px;
    border-left-width: 6px;
    border-bottom-width: 6px;
  }

  .order-finished-modern .of-card-title {
    padding: 18px;
    font-size: 19px;
    text-align:center;
  }

  .order-finished-modern .of-summary,
  .order-finished-modern .of-actions,
  .order-finished-modern .of-products {
    padding-left: 18px;
    padding-right: 18px;
  }

  .order-finished-modern .of-detail-row,
  .order-finished-modern .of-bank-box > div {
    display: block;
    text-align:center;
  }

  .order-finished-modern .of-detail-row strong,
  .order-finished-modern .of-bank-box strong {
    display: block;
    text-align: center;
    margin-top: 4px;
  }

  .order-finished-modern .of-product {
    grid-template-columns: 74px minmax(0,1fr);
    gap: 14px;
    align-items: start;
  }

  .order-finished-modern .of-product__image {
    width: 74px;
    height: 74px;
  }

  .order-finished-modern .of-product__meta {
    grid-column: 2;
    min-width: 0;
    text-align: left;
    margin-top: -6px;
  }
}