.checkout{gap:16px;margin-top:28px;display:grid}.checkout__title{font:var(--text-h3)}.checkout__trap{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.segmented{border-radius:var(--radius-pill);background:var(--color-surface);border:0;grid-template-columns:1fr 1fr;min-width:0;margin:0;padding:4px;display:grid;position:relative}.segmented:before{content:"";border-radius:var(--radius-pill);background:var(--color-bg);width:calc(50% - 4px);box-shadow:var(--shadow-float);transition:transform var(--duration-slow) var(--ease-out);position:absolute;top:4px;bottom:4px;left:4px}.segmented:has(input[value=pickup]:checked):before{transform:translate(100%)}.segmented__item{position:relative}.segmented__item input{z-index:2;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.segmented__item span{z-index:1;border-radius:var(--radius-pill);height:44px;color:var(--color-text-muted);font:var(--font-medium) 13px/1.2 var(--font-family);text-align:center;transition:background-color var(--duration), color var(--duration);justify-content:center;align-items:center;padding:0 8px;display:flex;position:relative}.segmented__item input:checked+span{color:var(--color-text);font-weight:var(--font-bold)}.segmented__item input:focus-visible+span{outline:3px solid var(--color-accent-strong);outline-offset:2px}.checkout__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.checkout__address{display:contents}.checkout__pickup{border-radius:var(--radius-card);background:var(--color-surface);font:var(--text-small);grid-column:span 6;padding:14px 18px;display:none}.checkout:has(input[value=pickup]:checked) .checkout__address{display:none}.checkout:has(input[value=pickup]:checked) .checkout__pickup{display:block}.field{grid-column:span 6;align-content:start;gap:6px;min-width:0;display:grid}.field--half{grid-column:span 3}.field--street{grid-column:span 4}.field--house,.field--third{grid-column:span 2}.field__label{font:var(--font-medium) 13px/1.3 var(--font-family)}.field__req{color:var(--color-accent-strong)}.field__input{width:100%;height:var(--input-height);border:1px solid var(--color-line-strong);border-radius:var(--radius-input);background:var(--color-bg);font:var(--text-body);transition:border-color var(--duration), box-shadow var(--duration);padding:0 18px}.field__input::placeholder{color:var(--color-grey)}.field__input:focus{border-color:var(--color-accent-strong);outline:none;box-shadow:0 0 0 3px #ff470a33}textarea.field__input{resize:vertical;height:96px;padding-block:12px}.field--error .field__input{border-color:var(--color-accent-strong)}.field__error{font:var(--text-caption);color:var(--color-accent-strong)}.checkbox-field{gap:6px;display:grid}.checkbox{font:var(--text-small);cursor:pointer;grid-template-columns:24px 1fr;align-items:start;gap:12px;display:grid;position:relative}.checkbox input{opacity:0;width:24px;height:24px;margin:0;position:absolute;top:0;left:0}.checkbox__box{border:2px solid var(--color-accent);background:var(--color-bg);color:#fff;width:24px;height:24px;transition:background-color var(--duration);border-radius:6px;place-items:center;display:grid}.checkbox__box svg{width:14px;height:14px}.checkbox__box path{stroke-dasharray:15;stroke-dashoffset:15px;transition:stroke-dashoffset var(--duration) var(--ease-out)}.checkbox input:checked+.checkbox__box{background:var(--color-accent)}.checkbox input:checked+.checkbox__box path{stroke-dashoffset:0}.checkbox input:focus-visible+.checkbox__box{outline:3px solid var(--color-accent-strong);outline-offset:2px}.checkbox-field--error .checkbox__box{box-shadow:0 0 0 3px #ff470a33}.checkbox-field .field__error{padding-left:36px}.checkbox a{color:var(--color-accent-strong)}.checkout__alert{border-radius:var(--radius-card);color:var(--color-accent-strong);font:var(--text-small);background:#ff470a14;padding:14px 18px}.checkout__note{font:var(--text-small);color:var(--color-text-muted);text-align:center}
.qty{z-index:1;height:var(--button-height-sm);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 2px var(--color-accent);align-items:center;display:inline-flex;position:relative}.qty__btn{border-radius:var(--radius-pill);width:36px;height:100%;color:var(--color-accent-strong);font:var(--font-bold) 20px/1 var(--font-family);cursor:pointer;transition:background-color var(--duration), transform .12s var(--ease-out);background:0 0;border:0;padding:0}.qty__btn:hover{background:#ff470a14}.qty__btn:active:not(:disabled){transform:scale(.96)}.qty__btn:disabled{color:var(--color-grey);cursor:not-allowed}.qty__value{text-align:center;min-width:24px;font:var(--font-bold) 15px/1 var(--font-family);overflow:clip}.qty__digits{display:inline-block}.qty--lg{height:var(--button-height)}.qty--lg .qty__btn{width:48px}
.cart{z-index:40;background:var(--color-bg);width:100%;max-width:100%;height:100%;max-height:100%;color:var(--color-text);transition:transform var(--duration-slow) var(--ease-out), overlay var(--duration-slow) allow-discrete, display var(--duration-slow) allow-discrete;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden;transform:translateY(100%)}.cart[open]{transform:none}@starting-style{.cart[open]{transform:translateY(100%)}}.cart::backdrop{transition:background-color var(--duration-slow), overlay var(--duration-slow) allow-discrete, display var(--duration-slow) allow-discrete;background:#1e1e1e00}.cart[open]::backdrop{background:var(--color-overlay)}@starting-style{.cart[open]::backdrop{background:#1e1e1e00}}.cart__panel{flex-direction:column;height:100%;display:flex}.cart__head{padding:6px 6px 6px var(--gutter);border-bottom:1px solid var(--color-line);flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.cart__title{font:var(--text-h3)}.cart__count{font:var(--text-small);color:var(--color-text-muted);margin-left:8px}.cart__scroll{overscroll-behavior:contain;padding:0 var(--gutter) calc(32px + env(safe-area-inset-bottom));flex:1;overflow:auto}@media (min-width:600px){.cart{width:480px;margin:0 0 0 auto;left:auto;transform:translate(100%)}@starting-style{.cart[open]{transform:translate(100%)}}.cart__head{padding:12px 12px 12px 32px}.cart__scroll{padding-inline:32px}}.cart-item{border-bottom:1px solid var(--color-line);grid-template-columns:64px 1fr auto;grid-template-areas:"img main remove""img qty sum";align-items:center;gap:8px 12px;padding-block:16px;display:grid}.cart-item__img{object-fit:cover;border-radius:12px;grid-area:img;align-self:start;width:64px;height:64px}.cart-item__main{grid-area:main;min-width:0}.cart-item__title{font:var(--text-card)}.cart-item__meta{font:var(--text-caption);color:var(--color-text-muted);margin-top:2px}.cart-item__qty{grid-area:qty}.cart-item__sum{font:var(--font-bold) 16px/1.2 var(--font-family);text-align:right;white-space:nowrap;grid-area:sum}.cart-item__remove{width:32px;height:32px;color:var(--color-text-muted);grid-area:remove;align-self:start;margin:-6px -6px 0 0}.cart-item__remove:hover{background:var(--color-surface);color:var(--color-text)}.cart__summary{font:var(--text-lead);justify-content:space-between;align-items:baseline;padding-top:16px;display:flex}.cart__total{font:var(--font-bold) 22px/1.2 var(--font-family)}.cart__min{font:var(--text-small);color:var(--color-accent-strong);margin-top:6px}.cart__empty,.cart__done{justify-items:start;gap:12px;padding-top:32px;display:grid}.cart__empty-title,.cart__done-title{font:var(--text-h3)}.cart__done-title:focus{outline:none}.cart__empty p,.cart__done p:not(.cart__done-title){font:var(--text-body);color:var(--color-text-muted)}.cart__done-icon{width:56px;height:56px}.cart__done-icon circle{fill:var(--color-accent)}.cart__done-icon path{fill:none;stroke:#fff;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:34;stroke-dashoffset:34px}.cart__done-icon{animation:cart-pop var(--duration-slow) var(--ease-out) both}.cart__done-icon path{animation:cart-draw var(--duration-slow) .15s var(--ease-out) forwards}@keyframes cart-pop{0%{opacity:0;transform:scale(.6)}}@keyframes cart-draw{to{stroke-dashoffset:0}}.fly{z-index:30;pointer-events:none;position:fixed;top:0;left:0}.fly__img{border-radius:var(--radius-round);object-fit:cover;width:44px;height:44px;box-shadow:var(--shadow-float);display:block}