#open-cart,#preview-add {border:1px solid currentColor;background:transparent;color:inherit;padding:.8rem 1rem;font:inherit;cursor:pointer;border-radius:.3rem}
header nav {flex-wrap:wrap;align-items:center}
@media(max-width:700px) {header nav {gap:.75rem} #open-cart {width:100%}}
#preview-add {display:block;width:100%;margin:1rem 0}
#cart {width:min(42rem,calc(100% - 2rem));max-height:85vh;box-sizing:border-box;border:1px solid #666;border-radius:.6rem;padding:1.5rem;background:#101418;color:#fff;overflow:auto}
#cart::backdrop {background:rgb(0 0 0 / .7)}
#cart h2 {margin-top:0} #cart-close {float:right;background:transparent;color:inherit;border:1px solid #aaa;padding:.5rem;cursor:pointer}
#cart-items {list-style:none;margin:1rem 0;padding:0}
#cart-items li {border-bottom:1px solid #555;padding:1rem 0}
#cart-items h3 {font-size:1.2rem;overflow-wrap:anywhere;margin:0}
#cart-items p {margin:.5rem 0} #cart-items select {padding:.45rem;margin-right:1rem}
#cart-items button {padding:.5rem;cursor:pointer}
#checkout-button {width:100%;padding:1rem;margin-top:1rem;background:#d7ff00;color:#07110f;border:0;border-radius:.3rem;font-weight:800;cursor:pointer}
#checkout-button:disabled {opacity:.45;cursor:not-allowed}
#cart-message,#preview-add-message {color:#d7ff00}
#cart-subtotal {float:right} #cart .note {line-height:1.5}

:focus-visible{outline:3px solid #91f531;outline-offset:3px;}