@import "/styles/tokens.css";html.cart-drawer-open{overflow:hidden}.cart-drawer[hidden]{display:none}.cart-drawer{z-index:120;pointer-events:none;display:grid;position:fixed;inset:0}.cart-drawer.is-open{pointer-events:auto}.cart-drawer__backdrop{background:color-mix(in srgb,var(--color-text)28%,transparent);backdrop-filter:blur(6px);opacity:0;cursor:pointer;transition:opacity var(--duration-normal)var(--ease-out);border:0;margin:0;padding:0;position:absolute;inset:0}.cart-drawer.is-open .cart-drawer__backdrop{opacity:1}.cart-drawer__panel{background:var(--color-bg);border-inline-start:1px solid var(--color-border);inline-size:min(24rem,100vw);box-shadow:-.5rem 0 2rem var(--color-shadow);transition:transform var(--duration-normal)var(--ease-out);flex-direction:column;display:flex;position:absolute;inset-block:0;inset-inline-end:0;transform:translate(100%)}html[dir=rtl] .cart-drawer__panel{transform:translate(-100%)}.cart-drawer.is-open .cart-drawer__panel{transform:translate(0,0)}.cart-drawer__head{padding:var(--space-5)var(--space-4)var(--space-4);border-block-end:1px solid color-mix(in srgb,var(--color-border)55%,transparent);grid-template-columns:2.75rem 1fr 2.75rem;align-items:center;display:grid}.cart-drawer__title{text-align:center;color:var(--color-text);grid-column:2;margin:0;font-size:1.125rem;font-weight:600}.cart-drawer__close{border-radius:var(--radius-md);block-size:2.75rem;inline-size:2.75rem;color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast)var(--ease-out),background var(--duration-fast)var(--ease-out),transform var(--duration-fast)var(--ease-out);background:0 0;border:0;grid-column:1;justify-content:center;justify-self:start;align-items:center;display:inline-flex}.cart-drawer__close svg{block-size:1.25rem;inline-size:1.25rem}.cart-drawer__close:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-accent)35%,transparent)}.cart-drawer__close:focus-visible{outline:2px solid var(--color-accent-strong);outline-offset:2px}.cart-drawer__body{padding:var(--space-4);flex:1;overflow:auto}.cart-drawer__empty{margin:var(--space-8)0 0;text-align:center;color:var(--color-text-muted);font-size:.9375rem}.cart-drawer__list{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cart-drawer__item{gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border-radius:var(--radius-lg);animation:cart-item-in var(--duration-normal)var(--ease-out)both;grid-template-columns:4.5rem 1fr;display:grid}@keyframes cart-item-in{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:translateY(0)}}.cart-drawer__thumb{border-radius:var(--radius-md);object-fit:cover;background:color-mix(in srgb,var(--color-accent)25%,var(--color-bg));block-size:5.5rem;inline-size:4.5rem}.cart-drawer__thumb-placeholder{border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent)30%,var(--color-surface));block-size:5.5rem;inline-size:4.5rem}.cart-drawer__info{gap:var(--space-2);flex-direction:column;min-inline-size:0;display:flex}.cart-drawer__name{color:var(--color-text);margin:0;font-size:.875rem;font-weight:600;line-height:1.45}.cart-drawer__variant{color:var(--color-text-muted);margin:0;font-size:.75rem}.cart-drawer__price{color:color-mix(in srgb,var(--color-loss)82%,var(--color-text));margin:0;font-size:.8125rem;font-weight:600}.cart-drawer__qty{align-items:center;gap:var(--space-2);border:1px solid color-mix(in srgb,var(--color-border)70%,transparent);border-radius:var(--radius-md);background:var(--color-bg);inline-size:fit-content;margin-block-start:auto;padding:.2rem;display:inline-flex}.cart-drawer__qty-btn{border-radius:var(--radius-sm);block-size:2rem;inline-size:2rem;color:var(--color-text);cursor:pointer;transition:background var(--duration-fast)var(--ease-out),color var(--duration-fast)var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:inline-flex}.cart-drawer__qty-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent)40%,transparent)}.cart-drawer__qty-btn:disabled{opacity:.35;cursor:not-allowed}.cart-drawer__qty-btn:focus-visible{outline:2px solid var(--color-accent-strong);outline-offset:1px}.cart-drawer__qty-value{text-align:center;min-inline-size:1.25rem;font-size:.875rem;font-weight:600}.cart-drawer__foot{padding:var(--space-4)var(--space-5)var(--space-6);border-block-start:1px solid color-mix(in srgb,var(--color-border)55%,transparent);gap:var(--space-4);flex-direction:column;display:flex}.cart-drawer__total-row{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.cart-drawer__total-label{color:var(--color-text-muted);font-size:.9375rem}.cart-drawer__total-value{color:var(--color-text);font-size:1rem;font-weight:700}.cart-drawer__checkout{min-block-size:3rem;padding-inline:var(--space-5);border-radius:var(--radius-lg);background:var(--color-accent);color:var(--color-accent-text);transition:background var(--duration-fast)var(--ease-out),transform var(--duration-fast)var(--ease-out),box-shadow var(--duration-fast)var(--ease-out);justify-content:center;align-items:center;font-size:.9375rem;font-weight:600;text-decoration:none;display:flex}.cart-drawer__checkout:hover{background:color-mix(in srgb,var(--color-accent-strong)35%,var(--color-accent));box-shadow:0 .35rem 1rem var(--color-shadow);transform:translateY(-1px)}.cart-drawer__checkout:focus-visible{outline:2px solid var(--color-accent-strong);outline-offset:2px}@media (prefers-reduced-motion:reduce){.cart-drawer__backdrop,.cart-drawer__panel,.cart-drawer__close,.cart-drawer__qty-btn,.cart-drawer__checkout{transition:none}.cart-drawer__item{animation:none}}@media (width>=48rem){.cart-drawer__panel{inline-size:min(26rem,42vw)}}