#cart{
    position: fixed;
    left: 1rem;
    bottom: 1rem;
    z-index: 99;
    max-width: 25rem;
    width: 100%;
}
#cart.notempty{
    display: flex!important;
}
#incart{
    position: relative;
    box-shadow: var(--shadow);
    border-radius: 1.143rem;
    padding: .5rem 1rem;
}
#incart svg{
    width: 3rem;
    height: 3rem;
}
#amountincart {
position: absolute;
top: -.5rem;
right: -.5rem;
border-radius: 50%;
background-color: var(--gold);
width: 1.8rem;
height: 1.8rem;
padding: .3rem;
align-items: center;
justify-content: center;
display: inline-flex;
font-size: .875rem;
}

#cartlist{
    background: var(--white);
border: .0625rem solid var(--grey2);
-webkit-border-radius: .5rem;
-moz-border-radius: .5rem;
border-radius: .5rem;
margin-bottom: .9375rem;
padding: 1.25rem;
overflow: hidden;
-webkit-box-shadow:var(--shadow);
  -moz-box-shadow:var(--shadow);
  box-shadow:var(--shadow);
}
#cartlist h4{
    border-bottom: 1px solid var(--grey1);
    padding-bottom: 1rem;
    width: 100%;
}
#cartlist button{
    margin-top: .75rem;
    width: 100%;
}
#cartlist .cart-item {
    display: inline-flex;
    border-bottom: 1px solid var(--grey2);
    margin-bottom: .5rem;
    padding-bottom: .5rem;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
#cartlist .cart-item p {
    width: calc(100% - 6rem);
    line-height: 1rem;
    margin-bottom: 0;
}
#cartlist .cart-item i{
    width: 3rem;
}
#cartlist .cart-item svg{
    width: 1rem;
    height: 1rem;
    fill: var(--blue1);
    margin-left: .5rem;
    cursor: pointer;
}
#cartlist .cart-item svg:hover{
    fill: var(--blue2);
}
#checkout-modal {
position: fixed;
right: 1rem;
bottom: 1rem;
z-index: 99;
}