.header .bag-trigger{display:flex;align-items:center;gap:8px;min-height:48px;border:0;background:none;color:var(--ink);font:inherit;font-size:14px;white-space:nowrap;padding:0 8px;cursor:pointer}
.bag-trigger span{display:grid;place-items:center;min-width:24px;height:24px;background:var(--wash);border-radius:50%;font-size:12px;font-variant-numeric:tabular-nums}
#shopping-bag{margin:0 0 0 auto;height:100dvh;max-height:100dvh;max-width:480px;width:min(100%,480px);border-radius:0;padding:32px}
#shopping-bag .bag-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}
#shopping-bag h2{margin:8px 0 0}
#shopping-bag .eyeline{margin:0}
#shopping-bag .bag-item{display:grid;grid-template-columns:88px minmax(0,1fr);gap:24px;padding-block:24px;border-bottom:1px solid var(--line)}
#shopping-bag .bag-item>img{width:88px;height:144px;object-fit:contain;background:var(--wash);padding:12px}
#shopping-bag .bag-item h3{font-size:20px}
#shopping-bag .bag-product-link{color:var(--ink);text-decoration:none}
#shopping-bag .bag-product-link:hover{text-decoration:underline}
#shopping-bag .bag-item p{font-size:12px;margin-block:8px 16px}
#shopping-bag .bag-item label{font-size:12px;display:block;margin-bottom:8px}
#shopping-bag .bag-item input{width:72px;height:48px;padding:8px;border:1px solid var(--line);border-radius:4px;font:inherit;font-size:16px;text-align:center;background:white;color:var(--ink)}
#shopping-bag .bag-remove{min-height:48px;background:none;border:0;text-decoration:underline;font:inherit;font-size:12px;margin-left:16px;cursor:pointer;color:var(--muted)}
#shopping-bag .bag-subtotal{display:flex;justify-content:space-between;padding-block:24px;font-size:20px;font-variant-numeric:tabular-nums}
#shopping-bag .bag-note,#shopping-bag #bag-status{font-size:12px}
#shopping-bag .checkout-preview{width:100%;background:var(--wash);color:var(--muted);border-color:var(--line);font-size:12px;cursor:not-allowed}
#shopping-bag .bag-continue{background:none;border:0;font:inherit;font-size:14px;min-height:48px;width:100%;text-decoration:underline;margin-top:16px;color:var(--ink);cursor:pointer}
#shopping-bag #bag-status{color:var(--purple)}
@media(max-width:760px){#shopping-bag{padding:24px}.header .logo{margin-right:auto}.header .header-action{margin-left:0}.header .bag-trigger{min-height:44px;font-size:12px;padding:0}.header{gap:12px 16px}}