/* Module 9: the Module 3 shopping bag, shared across the storefront. */
.wi-cart9 { --wi-line: #0a0a0a; --wi-muted: #686a61; width: min(560px,94vw); max-height: calc(100dvh - 32px); margin: auto; padding: 36px; border: 1px solid var(--wi-line); background: var(--wi-paper,#faf9f6); color: #22231f; font: 14px/1.6 Arial,Helvetica,sans-serif; box-shadow: 0 24px 90px #0005; overflow: auto; opacity: 0; transform: translateY(12px); transition: opacity .2s, transform .2s, display .2s allow-discrete, overlay .2s allow-discrete; }
.wi-cart9[open] { opacity: 1; transform: translateY(0); }
@starting-style { .wi-cart9[open] { opacity: 0; transform: translateY(12px); } }
.wi-cart9::backdrop { background: #0a0a0aa6; backdrop-filter: blur(4px); }
.wi-cart9 * { box-sizing: border-box; }
.wi-cart9 [hidden] { display: none!important; }
.wi-cart9 button { font: inherit; color: inherit; cursor: pointer; touch-action: manipulation; }
.wi-cart9 button:disabled { opacity: .5; cursor: default; }
.wi-cart9 :focus-visible { outline: 2px solid #6f0b0b; outline-offset: 3px; }
.wi-cart9__close { position: absolute; right: 10px; top: 8px; width: 44px; height: 44px; border: 0; background: transparent; font-size: 28px!important; }
.wi-cart9__eyebrow { margin: 0; font-size: 10px; font-weight: bold; letter-spacing: 2px; }
.wi-cart9 h2 { font-size: 37px; font-weight: 400; letter-spacing: -1px; margin: 12px 0 25px; }
.wi-cart9 h2 em { font-family: Georgia,serif; color: #6f0b0b; }
.wi-cart9__line { display: grid; grid-template-columns: 64px 1fr auto; gap: 15px; border-top: 1px solid var(--wi-line); padding: 16px 0; align-items: center; }
.wi-cart9__line img { width: 64px; aspect-ratio: 1; object-fit: contain; }
.wi-cart9__line strong { font-size: 13px; font-weight: 500; display: block; overflow-wrap: anywhere; }
.wi-cart9__line small { color: var(--wi-muted); font-size: 11px; }
.wi-cart9__quantity { display: flex; align-items: center; gap: 10px; margin-top: 4px; font-size: 12px; }
.wi-cart9__quantity button { min-width: 36px; min-height: 44px; background: none; border: 1px solid var(--wi-line); }
.wi-cart9__remove { font-size: 11px!important; background: none; border: 0; min-height: 44px; padding: 10px 0; text-decoration: underline; text-underline-offset: 3px; }
.wi-cart9__total { display: flex; justify-content: space-between; border-top: 1px solid var(--wi-line); padding-top: 20px; margin-top: 10px; font-size: 15px; }
.wi-cart9__note { font-size: 11px; color: var(--wi-muted); margin: 20px 0 0; }
.wi-cart9__status { color: #6f0b0b; font-size: 13px; }
.wi-cart9__checkout { background: #0a0a0a; color: #f7edda!important; width: 100%; border: 0; padding: 14px; margin-top: 20px; }
.wi-cart9__empty { padding: 24px 0; }
.wi-cart9__empty button { background: none; border: 0; text-decoration: underline; min-height: 44px; }
@media(max-width:600px) { .wi-cart9 { padding: 30px 20px; } .wi-cart9__line { grid-template-columns: 54px minmax(0,1fr) auto; gap: 10px; } .wi-cart9__line img { width: 54px; } }
@media(prefers-reduced-motion:reduce) { .wi-cart9 { transition: none; transform: none; } }