.cta.cart.open{ border-radius: 0.5em 0.5em 0 0; }
.suppr a{ background: var(--row-error-grad); color: var(--reverse-text); padding: 0.25em}
.bt_close{ 
    text-decoration: none; display: flex; flex: none; align-items: center; justify-content: flex-end; 
    padding: 0.33em 0.5em; color: var(--main-color); border-bottom: 1px solid var(--main-color);
}
.bt_close:before{ display: inline-block; content: '\e5cd'; font-family: 'Material Icons'; margin-right: 0.5em; color: var(--row-error-grad); }

.goshop{ font-size: 1.33em; margin: 0.5em 0; }

#cart{ display: none; position: absolute; z-index: 50; min-width: 25em; }
#cart in{ display: inline-flex; flex: none; width: 100%;  flex-direction: column; box-shadow: 0 0.25em 0.25em #0008; background: var(--reverse-text);}
#cart .qte{ display: inline-flex; flex: none; align-items: center; }
#cart .qte dt{ margin: 0 0.5em; }
#cart dom{ width: auto; display: inline-flex; }
#cart td .mainpic{ height: 3em; aspect-ratio: 1/1; background: no-repeat center center; background-image: none; background-size: auto; background-size: cover; }
#cart .total dom{ font-size: 1.25em; font-weight: bold; }
#cart .nav .cta{ background-image: linear-gradient(to bottom right, var(--third-color), var(--third-color-grad) ); }
#cart .nav .cta lab{ font-size: 1em; }