.bag-overlay{position:fixed;inset:0;background:rgba(11,19,32,.56);opacity:0;visibility:hidden;transition:.25s;z-index:98}.bag-overlay.open{opacity:1;visibility:visible}.bag-drawer{position:fixed;top:0;right:0;width:min(460px,100%);height:100dvh;background:#fff;z-index:99;transform:translateX(105%);transition:.3s ease;box-shadow:-18px 0 55px rgba(23,36,59,.18);display:flex;flex-direction:column;color:#182131}.bag-drawer.open{transform:translateX(0)}.bag-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid #e7e1da}.bag-head h2{font:600 1.7rem "Playfair Display",serif;color:#17243b;margin:0}.bag-close{width:40px;height:40px;border:1px solid #e7e1da;background:#fff;border-radius:50%;font-size:1.35rem}.bag-body{flex:1;overflow:auto;padding:10px 24px}.bag-empty{text-align:center;color:#687080;padding:70px 20px}.bag-item{display:grid;grid-template-columns:82px 1fr auto;gap:14px;padding:16px 0;border-bottom:1px solid #e7e1da}.bag-thumb{width:82px;height:105px;background-size:cover;background-position:center}.bag-item h3{font-size:.95rem;color:#17243b;margin:0 0 4px}.bag-variant{font-size:.78rem;color:#687080;margin-bottom:10px}.bag-stepper{display:flex;align-items:center;width:max-content;border:1px solid #e7e1da}.bag-stepper button{width:30px;height:30px;border:0;background:#fff}.bag-stepper span{width:30px;text-align:center;font-size:.85rem}.bag-price{text-align:right;font-weight:700;color:#17243b;font-size:.9rem}.bag-remove{border:0;background:none;color:#9a5b62;text-decoration:underline;font-size:.76rem;margin-top:9px;padding:0}.bag-foot{padding:20px 24px;border-top:1px solid #e7e1da;background:#fbf9f6}.bag-total{display:flex;justify-content:space-between;align-items:center;font-weight:800;color:#17243b;font-size:1.05rem;margin-bottom:8px}.bag-note{font-size:.77rem;color:#687080;margin:0 0 16px}.bag-checkout{width:100%;border:0;background:#17243b;color:#fff;padding:14px;font-weight:800}.bag-checkout:disabled{opacity:.48;cursor:not-allowed}
.bag-checkout{display:block;text-align:center;text-decoration:none}.bag-checkout:hover{background:#223553}
.bag-checkout{background:#3f736d}.bag-checkout:hover{background:#315d58}