.af-bag-drawer{--af-bag-spring:linear(0, .24 6%, .6 14%, .88 22%, 1.012 32%, 1.004 48%, 1);color:#f2ece6;width:min(440px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;transition:transform .56s var(--af-bag-spring), overlay .3s allow-discrete, display .3s allow-discrete;background:#070c0b;border:0;border-left:1px solid #f2ece614;margin:0;padding:0;position:fixed;inset:0 0 0 auto;overflow:hidden;transform:translate(0);box-shadow:40px 0 #070c0b}.af-bag-drawer:not([open]){transition-timing-function:var(--af-ease-exit), linear, linear;transition-duration:.24s,.24s,.24s;transform:translate(100%)}@starting-style{.af-bag-drawer[open]{transform:translate(100%)}}.af-bag-drawer::backdrop{opacity:1;transition:opacity .3s ease, overlay .3s allow-discrete, display .3s allow-discrete;background:#0204049e}.af-bag-drawer:not([open])::backdrop{opacity:0}@starting-style{.af-bag-drawer[open]::backdrop{opacity:0}}@media (prefers-reduced-motion:reduce){.af-bag-drawer,.af-bag-drawer:not([open]){transition:opacity .16s ease, overlay .16s allow-discrete, display .16s allow-discrete;transform:none}.af-bag-drawer:not([open]){opacity:0}@starting-style{.af-bag-drawer[open]{opacity:0;transform:none}}}.af-bag-drawer-panel{overscroll-behavior:contain;height:100%;padding:22px 24px calc(20px + env(safe-area-inset-bottom));flex-direction:column;display:flex;position:relative;overflow-y:auto}.af-bag-drawer-close{color:#f2ece6b8;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:absolute;top:14px;right:14px}.af-bag-drawer-close:focus-visible{outline-offset:2px;outline:2px solid #f4b46a}@media (hover:hover){.af-bag-drawer-close:hover{color:#fdf8f2;background:#f2ece60f}}.af-bag-drawer-foot{justify-content:flex-end;margin-top:auto;padding-top:18px;display:flex}@media (max-width:520px){.af-bag-drawer{border-left:0;width:100vw}.af-bag-drawer-panel{padding:18px 16px calc(16px + env(safe-area-inset-bottom))}.af-bag-drawer-close{top:8px;right:8px}.af-bag-drawer-foot .af-quiet{width:100%}}.af-bag-page{max-width:1080px;padding:clamp(28px, 5vw, 56px) var(--af-store-gutter,16px) 96px;margin:0 auto}.af-bag-title{font:300 clamp(26px, 3.2vw, 34px)/1.1 var(--font-display), serif;color:#fdf8f2;letter-spacing:-.005em;width:fit-content;margin:4px 0 20px}.af-bag-title:focus,.af-bag-title:focus-visible{outline:none}.af-bag-drawer .af-bag-title{margin-right:52px}.af-bag-body{gap:28px;display:grid}.af-bag-page .af-bag-body{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:clamp(28px,5vw,64px)}@media (max-width:860px){.af-bag-page .af-bag-body{grid-template-columns:minmax(0,1fr)}}.af-bag-lines{margin:0;padding:0;list-style:none}.af-bag-line{border-top:1px solid #f2ece612;grid-template-columns:72px minmax(0,1fr);gap:16px;padding:18px 0;display:grid}.af-bag-line:first-child{border-top:0;padding-top:4px}.af-bag-line[data-available=false] .af-bag-thumb,.af-bag-line[data-available=false] .af-bag-name{opacity:.55}.af-bag-thumb{border-radius:var(--radius-card,12px);background:radial-gradient(120% 90% at 30% 20%,#f4b46a1a,#f2ece608);width:72px;height:72px;overflow:hidden}.af-bag-thumb img{object-fit:cover;width:100%;height:100%;display:block}.af-bag-line-body{flex-direction:column;gap:4px;min-width:0;display:flex}.af-bag-line-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.af-bag-name{font:400 17px/1.3 var(--font-display), serif;color:#fdf8f2;overflow-wrap:anywhere;text-decoration:none}a.af-bag-name:focus-visible{outline-offset:3px;border-radius:3px;outline:1px solid #f4b46a}@media (hover:hover){a.af-bag-name:hover{text-underline-offset:3px;-webkit-text-decoration:underline #f4b46a80;text-decoration:underline #f4b46a80}}.af-bag-price,.af-bag-totals dd,.af-bag-total span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}.af-bag-price{font:400 15px/1.3 var(--font-ui), sans-serif;color:#f2ece6;justify-items:end;gap:4px;display:grid}.af-bag-meta{font:400 13px/1.45 var(--font-ui), sans-serif;color:#f2ece6b3;margin:0}.af-bag-unavailable{color:#f4c4a0db}.af-bag-note{font:italic 400 14px/1.5 var(--font-display), serif;color:#f2ece6c7;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;display:-webkit-box;overflow:hidden}.af-bag-line-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.af-bag-each{font:400 12px/1 var(--font-ui), sans-serif;color:#f2ece6b3;font-variant-numeric:tabular-nums}.af-bag-remove{margin-left:auto}.af-bag-summary{border-top:1px solid #f2ece61a;gap:12px;padding-top:18px;display:grid}.af-bag-page .af-bag-summary{background:#f2ece605;border:1px solid #f2ece614;border-radius:24px;padding:24px;position:sticky;top:96px}@media (max-width:860px){.af-bag-page .af-bag-summary{background:0 0;border:0;border-top:1px solid #f2ece61a;border-radius:0;padding:20px 0 0;position:static}}.af-bag-totals{gap:10px;margin:0;display:grid}.af-bag-totals div{justify-content:space-between;gap:12px;display:flex}.af-bag-totals dt,.af-bag-totals dd{font:400 14px/1.4 var(--font-ui), sans-serif;margin:0}.af-bag-totals dt{color:#f2ece6b3}.af-bag-totals dd{color:#f2ece6}.af-bag-total{font:400 15px/1.3 var(--font-ui), sans-serif;color:#fdf8f2;border-top:1px solid #f2ece612;justify-content:space-between;align-items:baseline;padding-top:12px;display:flex}.af-bag-total span:last-child{font:400 22px/1 var(--font-display), serif}.af-bag-free{font:400 13px/1.45 var(--font-ui), sans-serif;color:#f4c48ce6;margin:0}.af-bag-help{font:400 12.5px/1.45 var(--font-ui), sans-serif;color:#f2ece6b3;margin:0}.af-bag-notice{font:400 14px/1.45 var(--font-ui), sans-serif;color:#f2ece6db;background:#f2ece60a;border-radius:16px;margin:0 0 16px;padding:12px 16px}.af-bag-code-open{justify-self:start;margin-left:-12px}.af-bag-code{gap:8px;margin-top:8px;display:grid}.af-bag-code-label{font:500 10px/1 var(--font-ui), sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#f2ece6b3}.af-bag-code .af-shop-field{letter-spacing:.06em;min-height:48px}.af-bag-state{justify-items:start;gap:16px;padding:12px 0 8px;display:grid}.af-bag-state p{font:400 15px/1.5 var(--font-ui), sans-serif;color:#f2ece6cc;margin:0}.af-bag-empty{font:300 20px/1.35 var(--font-display), serif!important;color:#f2ece6!important}.af-bag-line-skeleton .af-bag-line-body{gap:10px;padding-top:4px}.af-skel-line{border-radius:6px;height:12px;display:block}.af-skel-pill{border-radius:999px;width:118px;height:44px;margin-top:4px;display:block}