/* Mobile View */
@media screen and (max-width: 79.5em){

#basket{
display:block;
width:2.5rem;
height:2.5rem;
position:relative;
overflow:hidden;
cursor:pointer;
margin:0 .5rem;
}

#basket p{
width:2.5rem;
margin:0;
padding:0;
top:0;
left:0;
position:relative;
z-index:2;
}

}


/* Desktop View */
@media screen and (min-width: 79.5em){

#basket{
display:block;
width:3rem;
height:3rem;
position:relative;
overflow:hidden;
margin:0 .5rem 0 0;
}

#basket p{
width:3rem;
margin:0;
padding:0;
top:0;
left:0;
position:relative;
z-index:2;
}

}

#basket{
background:url('/asset/img/basket/off.svg') no-repeat top left;
}

#basket.on{
background:url('/asset/img/basket/on.svg') no-repeat top left;
}

#basket p span{
display:block;
width:100%;
margin:0 0 0 10em;
padding:0;
}

#basket .info{
display:flex;
justify-content:flex-end;
align-items:center;

min-width:1.25rem;
height:1.25rem;
background:var(--light-theme-color);
position:absolute;
bottom:0;
right:0;
border:2px solid var(--light-border-color);
border-radius:50%;
z-index:1;
}

#basket .info p{
display:flex;
justify-content:center;
align-items:center;
width:100%;
height:100%;
margin:0;
padding:0;
font-size:.65rem;
font-weight:bold;
text-align:center;
color:var(--dark-theme-color);
}



/* Mobile View */
@media screen and (max-width: 79.5em){

/**/
.basket-wrapper .button.icon{
float:right;
width:2.75rem;
height:2.75rem;
margin:0;
padding:0;
border-radius:50%;
background:var(--asset-background-color);
border:var(--light-border-color) 2px solid;
display:flex;
justify-content:center;
align-items:center;
}

.btn_basket.icon{
width:1.75rem;
height:1.75rem;
border:0;
}


}


/* Desktop View */
@media screen and (min-width: 79.5em){

/*/*/
.basket-wrapper .button.icon{
float:right;
width:2rem;
height:2rem;
margin:0;
padding:0;
border-radius:.5rem;
background:rgba(255,255,255,.75);
border:rgba(255,255,255,.75) 2px solid;
display:flex;
justify-content:center;
align-items:center;
}

.btn_basket.icon{
width:1.75rem;
height:1.75rem;
border:0;
}


}


.btn_basket{
font-size:var(--m-font-size);
font-weight:normal;
}


.btn_basket{
display:block;
margin:.35rem 0 0 0;
padding:.25em .85em .25em .75em;
color:var(--base-font-color);
border:1px solid var(--asset-border-color);
background:var(--asset-background-color);
border-radius:.25rem;
}

.btn_basket strong{
display:none;
}


.btn_basket:hover{
border:var(--asset-background-color) 1px solid;
background:var(--asset-border-color);
}

.btn_basket:before{
display:inline-block;
content:'';
width:1em;
height:.75em;
}

.btn_basket:before{
background:url('/asset/img/icon/link.svg') no-repeat top left;
}




.btn_basket_delete.icon{
width:1.75rem;
height:1.75rem;
border:0;
}


.btn_basket_delete.icon{
background:url('/asset/img/bookmark/btn/delete/icon/off.svg') no-repeat center center;
}

.btn_basket_delete.icon.on{
background:url('/asset/img/bookmark/btn/delete/icon/on.svg') no-repeat center center;
}

.btn_basket_delete.icon.on:hover{
background:url('/asset/img/bookmark/btn/delete/icon/off.svg') no-repeat center center;
}


.btn_basket_delete.icon span,
.btn_basket_delete.icon strong{
display:none;
}



/* Mobile View */
@media screen and (max-width: 79.5em){

.basket{
float:left;
width:100%;
margin:0 0 .5rem 0;
padding:0;
}

}

/* Desktop View */
@media screen and (min-width: 79.5em){

.basket{
float:left;
width:100%;
margin:0 0 .5rem 0;
padding:0;
}

}





.basket .header{
float:left;
width:100%;
margin:0;
padding:0;
background:var(--asset-background-color);
}

.basket .header{
display:flex;
justify-content:flex-end;
}

.basket .header .right{
float:right;
border:0;
}

.basket .header .net,
.basket .header .gross,
.basket .header .vat{
border:0;
}

.basket .header .gross{
border-left:1px solid var(--light-border-color);
}

.basket .header .subtotal.gross{
border-left:2px solid var(--light-border-color);
border-right:2px solid var(--light-border-color);
}

.basket .row{
clear:both;
float:left;
width:100%;
border-top:1px solid var(--light-border-color);
border-left:1px solid var(--blind-border-color);
border-right:1px solid var(--blind-border-color);
position:relative;
}

.basket .row.alert{
border:1px solid var(--alert-border-color);
}

.basket .row .sort-wrapper{
display:inline-block;
height:1.75rem;
}

.basket .row .sort{
display:flex;
justify-content:center;
align-items:center;
min-width:1.5rem;
height:1.5rem;
position:absolute;
top:.5rem;
left:0rem;
background:var(--dark-background-color);
border:2px solid var(--light-border-color);
border-radius:50%;
}

.basket .row .sort p{
display:flex;
justify-content:center;
align-items:center;
width:100%;
margin:0;
padding:0;
font-size:.65rem;
text-align:center;
color:var(--light-font-color)
}

.basket .row .key{
display:grid;
grid-template-rows:min-content auto;
grid-template-areas:"title title"
"keyvisual text"
"asset asset";
grid-template-columns:1fr 3fr;
grid-column-gap:.5em;
}

.basket .row .keyvisual{
grid-area:keyvisual;
margin:.75em 0;
height:auto;
max-width:14.75em;
}

.basket .row .title{
grid-area:title;
display:inline-block;
width:100%;
margin:0;
padding:0;
}

.basket .amount{
float:left;
padding:0 .25rem;
}

.basket .left{
float:left;
width:100%;
margin:.25rem;
padding:0;
}

.basket .right{
float:right;
margin:0;
padding:0;
background:var(--asset-background-color);
border-top:1px solid var(--light-border-color);
}

.basket .update{
float:left;
padding:0 .25rem;
}

.basket .update label{
display:none;
}

.basket .update input{
border:1px solid var(--light-border-color);
width:3rem;
text-align:center;
}

.basket .delete{
float:left;
padding:0 .25rem;
}

.basket .amount,
.basket .update,
.basket .delete{
display:flex;
justify-content:flex-end;
align-items:center;
}

.basket .net,
.basket .gross,
.basket .vat{
float:left;
display:flex;
justify-content:flex-end;
align-items:center;
margin:0;
padding:0 .25rem;
}


/* Mobile View */
@media screen and (max-width: 79.5em){

.basket .net,
.basket .gross,
.basket .vat{
min-width:5rem;
}

}

/* Desktop View */
@media screen and (min-width: 79.5em){

.basket .net,
.basket .gross,
.basket .vat{
min-width:7rem;
}

}


.basket .row .amount,
.basket .row .update,
.basket .row .delete,
.basket .row .net,
.basket .row .gross,
.basket .row .vat{
height:2rem;
}

.basket .row .subtotal.gross{
border-left:2px solid var(--light-border-color);
border-right:2px solid var(--light-border-color);
}

.basket .price{
float:right;
margin:0;
padding:0;
}

.basket p{
margin:0;
padding:0;
font-size:var(--m-font-size);
}

.basket .amount p,
.basket .update p,
.basket .delete p{
font-size:var(--s-font-size);
}

.basket .net p,
.basket .gross p,
.basket .vat p{
font-size:var(--s-font-size);
}


.basket .footer .subtotal,
.basket .footer .discount,
.basket .footer .shipping{
clear:both;
float:left;
width:100%;
border-top:1px solid var(--light-border-color);
border-left:2px solid var(--blind-border-color);
border-right:2px solid var(--blind-border-color);
}

.basket .footer .subtotal,
.basket .footer .discount,
.basket .footer .shipping,
.basket .footer .total{
display:flex;
justify-content:flex-end;
}


.basket .footer .subtotal .text,
.basket .footer .discount .text,
.basket .footer .shipping .text,
.basket .footer .total .text{
float:left;
width:auto;
padding:0 .25rem;
}

.basket .footer .subtotal .text p,
.basket .footer .discount .text p,
.basket .footer .shipping .text p,
.basket .footer .shipping .text label,
.basket .footer .total .text p{
font-size:var(--s-font-size);
}

.basket .footer .subtotal .right,
.basket .footer .discount .right,
.basket .footer .shipping .right,
.basket .footer .total .right{
border:0;
}

.basket .footer .gross{
border-left:2px solid var(--light-border-color);
border-right:2px solid var(--light-border-color);
}

.basket .footer .total{
clear:both;
float:left;
width:100%;
border-top:2px double var(--dark-border-color);
border-left:1px solid var(--blind-border-color);
border-right:1px solid var(--blind-border-color);
}

.check_out_position{
display:inline-block;
width:100%;
margin:0;
background:var(--base-background-color);
}

/* Mobile View */
@media screen and (max-width: 79.5em){

.check_out_position{
margin:0 0 .5rem 0;
padding:0 .5rem;
}

.check_out_position ol{
float:left;
width:100%;
margin:0;
padding:0;
}

.check_out_position ol li{
float:left;
width:100%;
text-align:left;
margin:.15em 0;
padding:0;
list-style:none;
border-bottom:var(--light-border-color) 1px solid;
}

.check_out_position ol li.on{
background:var(--asset-background-color);
}

.check_out_position ol li p{
display:block;
width:100%;
margin:0;
padding:.25rem;
}

.check_out{
margin:0;
padding:0 .75em;
}

.check_out_nav{
margin:0;
padding:0 .75em;
}

}

/* Desktop View */
@media screen and (min-width: 79.5em){

.check_out_position{
padding:0;
border-bottom:var(--light-border-color) 1px solid;
}

.check_out_position ol{
display:flex;
justify-content:flex-start;
align-items:center;
width:100%;
margin:0;
padding:0;
}

.check_out_position ol li{
float:left;
text-align:left;
width:100%;
margin:.45em 0 0 0;
padding:0;
list-style:none;
vertical-align:baseline;
}

.check_out_position ol li.on{
background:var(--asset-background-color);
}

.check_out_position ol li p{
display:block;
width:100%;
margin:.25rem 0 0 .25rem;
padding:.25rem;
vertical-align:baseline;
}

.check_out_nav{
margin:0;
padding:0
}

}


.btn_check_out{
padding:.25em .75em .25em .5em;
}

.btn_check_out:before{
display:inline-block;
content:'';
width:1em;
height:.75em;
}

.btn_check_out:before{
background:url('/asset/img/icon/arrow-light.svg') no-repeat top left;
}



.check_out_nav{
float:left;
width:100%;
border-top:var(--base-border-color) 1px solid;
border-bottom:var(--base-border-color) 1px solid;
}



/* Check out */
.check_out{
display:flex;
justify-content:center;
align-items:flex-start;
width:100%;
margin:0;
}

.check_out .step_1:first-of-type{
margin:0 .25rem 0 0;
}
.check_out .step_1:last-of-type{
margin:0 0 0 .25rem ;
}


.check_out_nav .link_pre{
float:right;
display:block;
margin:.25rem 0 .5rem 0;
}

.check_out_nav .link_pre{
margin:.25rem 0 .5rem 0;
padding:.25em .85em .25em .75em;
color:var(--base-font-color);
border:1px solid var(--asset-border-color);
background:var(--asset-background-color);
border-radius:.25rem;
}

.check_out_nav .link_pre:hover{
border:var(--asset-background-color) 1px solid;
background:var(--asset-border-color);
}

.check_out_nav .link_pre:before{
display:inline-block;
content:'';
width:1em;
height:.75em;
}

.check_out_nav .link_pre:before{
background:url('/asset/img/icon/link.svg') no-repeat top right;
transform:rotate(-180deg);
-webkit-transform:rotate(-180deg);
}


.check_out_nav .link_next{
float:right;
display:block;
margin:.25rem 0 .5rem 0;
}

.check_out_nav .link_next:before{
display:inline-block;
content:'';
width:1em;
height:.75em;
}

.check_out_nav .link_next:before{
background:url('/asset/img/icon/arrow-light.svg') no-repeat top left;
}

.check_out_nav .link_next{
margin:.25rem 0 .5rem 0;
padding:.25em .85em .25em .75em;
font-size:var(--m-font-size);
border:var(--dark-theme-color) 1px solid;
background:var(--asset-theme-color);
color:var(--light-font-color);
border-radius:.25rem;
}


.check_out_nav .link_next:hover{
border:var(--asset-font-color) 1px solid;
background:var(--asset-font-color);
}

/* Check out > confirm */
.btn_check_out_eshop_terms:after{
display:inline-block;
content:'';
width:1em;
height:.75em;
}

.btn_check_out_eshop_terms:after{
background:url('/asset/img/icon/check-light.svg') no-repeat top right;
}

.check_out article{
display:block;
width:100%;
margin:0;
padding:0;
border:0px double var(--dark-border-color);
}

.check_out .foreground{
float:left;
width:100%;
}

.check_out .step_1{
display:block;
width:100%;
}


.check_out #delivery{
clear:both;
display:none;
float:left;
width:100%;
border:0px double var(--dark-border-color);
}


.check_out .payment{
clear:both;
float:left;
width:100%;
border:0px double var(--dark-border-color);
}

/* Mobile View */
@media screen and (max-width: 79.5em){

.check_out .customer-wrapper{
clear:both;
float:left;
width:100%;
margin:0;
padding:0;
}

.check_out .customer{
margin:0;
padding:0;
width:100%;
}

.check_out .delivery{
margin:0;
padding:0;
width:100%;
}

}

/* Mobile View > Tablet */
@media screen and (min-width: 45em) and (max-width: 79.5em){

.check_out .customer-wrapper{
display:flex;
justify-content:center;
align-items:center;
width:100%;
margin:.5rem 0;
}

.check_out .customer{
margin:0;
width:50%;
}

.check_out .delivery{
margin:0;
width:50%;
}

}

/* Desktop View */
@media screen and (min-width: 79.5em){

.check_out .customer-wrapper{
display:flex;
justify-content:center;
align-items:center;
width:100%;
margin:.5rem 0;
}

.check_out .customer{
margin:0;
width:50%;
}

.check_out .delivery{
margin:0;
width:50%;
}

}

.check_out .membership{
clear:both;
float:left;
margin:.5rem 0;
width:100%;
}

.check_out .membership-wrapper{
clear:both;
float:left;
margin:0;
width:100%;
height:auto;
}

.check_out #membership_login{
clear:both;
float:left;
margin:.5rem 0;
width:100%;
}

.check_out #membership_reset{
clear:both;
float:left;
margin:.5rem 0;
width:100%;
display:none;
}

.check_out .newsletter{
clear:both;
float:left;
margin:.5rem 0;
width:100%;
}

.check_out .basket{
clear:both;
float:left;
margin:.5rem 0;
width:100%;
}

.check_out .terms{
clear:both;
float:left;
margin:.5rem 0;
padding:.25rem;
width:100%;
height:20rem;
overflow:auto;
border:1px solid var(--light-border-color);
}


.check_out .terms #delivery_terms,
.check_out .terms #cancellation_terms{
clear:both;
float:left;
margin:.5rem 0;
width:100%;
}