.menu-card{--menu-text: var(--color-foreground);--menu-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60, .6));--menu-label: var(--menu-muted);--menu-line: rgb(var(--color-foreground-rgb) / .14);--menu-accent: var(--brand-accent);--menu-button-bg: var(--color-foreground);--menu-button-text: var(--color-background);--menu-well: rgb(var(--color-foreground-rgb) / .05);border-radius:var(--menu-radius, 16px);overflow:hidden;transition:transform .38s cubic-bezier(.16,.84,.28,1),box-shadow .38s}.menu-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -24px #0000004d}.menu-card .product-card__content{gap:10px}.menu-card__interactive{position:relative;z-index:2}.menu-card__media{position:relative;aspect-ratio:4 / 3;border-radius:max(0px,calc(var(--menu-radius, 16px) - 5px));overflow:hidden;background:var(--menu-well)}.menu-card__media img,.menu-card__media svg{width:100%;height:100%;object-fit:cover;display:block}.menu-card__media img{transition:transform .6s cubic-bezier(.16,.84,.28,1),opacity .25s}.menu-card:hover .menu-card__media img{transform:scale(1.05)}.menu-card__media img.is-swapping{opacity:0}.menu-card__flag{position:absolute;inset-block-start:10px;inset-inline-start:10px;padding:6px 11px;border-radius:999px;background:#000000d1;color:#fff;font-size:1rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.menu-card__gallery{display:flex;gap:6px}.menu-card__gthumb{width:46px;height:46px;padding:2px;border:1px solid var(--menu-line);border-radius:9px;background:none;cursor:pointer;overflow:hidden;opacity:.7;transition:border-color .22s,opacity .22s,transform .22s}.menu-card__gthumb img{width:100%;height:100%;object-fit:cover;border-radius:7px;display:block}.menu-card__gthumb:hover{opacity:1;transform:translateY(-2px)}.menu-card__gthumb[aria-current=true]{border-color:var(--color-foreground);opacity:1}.menu-card__title{margin:0;font-family:var(--menu-title-font, inherit);font-style:var(--menu-title-style, normal);font-size:var(--menu-title-size, 18px);font-weight:var(--menu-title-weight, 600);line-height:1.2;letter-spacing:-.02em;text-transform:none;color:var(--menu-text);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.menu-card__desc{margin:-3px 0 0;font-family:var(--menu-desc-font, inherit);font-style:var(--menu-desc-style, normal);font-size:var(--menu-desc-size, 13px);font-weight:var(--menu-desc-weight, 400);line-height:1.4;color:var(--menu-muted);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.menu-card__form{display:flex;flex-direction:column;gap:10px;margin:0;margin-block-start:auto}.menu-card__sizerow{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.menu-card__sizerow+.menu-card__sizerow{margin-block-start:-2px}.menu-card__vlabel{flex:0 0 auto;min-width:var(--menu-label-column, 3.2em)}.menu-card__vlabel,.menu-card__price em{font-style:normal;font-family:var(--menu-ui-font, inherit);font-style:var(--menu-ui-style, normal);font-size:var(--menu-label-size, 11px);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--menu-muted)}.menu-card__sizes{display:flex;gap:5px;flex-wrap:wrap}.menu-card__size{min-width:34px;height:34px;padding:0 8px;border:1px solid var(--menu-line);border-radius:8px;background:none;color:var(--menu-label);cursor:pointer;font-family:var(--menu-ui-font, inherit);font-style:var(--menu-ui-style, normal);font-size:calc(var(--menu-label-size, 11px) + 1px);font-weight:700;letter-spacing:.04em;transition:border-color .2s,background-color .2s,color .2s,transform .18s}.menu-card__size:hover{transform:translateY(-2px);color:var(--color-foreground)}.menu-card__size[aria-pressed=true]{background:var(--menu-accent, var(--brand-accent));border-color:var(--menu-accent, var(--brand-accent));color:#000}.menu-card__size[disabled]{opacity:.4;cursor:not-allowed;text-decoration:line-through}.menu-card__size[disabled]:hover{transform:none}.menu-card__buyrow{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.menu-card__price{flex:0 0 auto;white-space:nowrap;font-family:var(--menu-title-font, inherit);font-style:var(--menu-title-style, normal);font-size:var(--menu-price-size, 19px);font-weight:600;letter-spacing:-.03em;color:var(--menu-text)}.menu-card__price em{margin-inline-end:5px;vertical-align:3px}.menu-card__price [data-menu-amount]{animation:menu-price-in .25s ease both}@keyframes menu-price-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.menu-card__add{position:relative;overflow:hidden;flex:1 1 128px;min-width:0;height:46px;padding-inline:12px;border:0;border-radius:9px;background:var(--menu-button-bg);color:var(--menu-button-text);font-family:var(--menu-ui-font, inherit);font-style:var(--menu-ui-style, normal);font-size:var(--menu-button-size, 11px);font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:7px;transition:background-color .28s,color .28s,transform .15s}.menu-card__add:active{transform:scale(.985)}.menu-card__add:after{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:55%;background:linear-gradient(90deg,#fff0,#ffffff38,#fff0);transform:translate(-170%);transition:transform .7s cubic-bezier(.16,.84,.28,1)}.menu-card__add:hover:after{transform:translate(300%)}.menu-card__add[disabled]{background:var(--menu-line);color:var(--menu-label);cursor:not-allowed}.menu-card__add[disabled]:after{display:none}.menu-card__add.is-added{background:var(--menu-accent, var(--brand-accent));color:#000}.menu-card__add.is-busy{opacity:.7;pointer-events:none}.menu-card__add svg{flex:0 0 auto}@media(prefers-reduced-motion:reduce){.menu-card,.menu-card *,.menu-card *:after{animation:none!important;transition:none!important}}.menu-card.is-added{animation:menu-card-pop .7s cubic-bezier(.16,.84,.28,1)}@keyframes menu-card-pop{0%{transform:translateY(-6px) scale(1)}35%{transform:translateY(-12px) scale(1.018)}to{transform:translateY(-6px) scale(1)}}.menu-card__add.is-added svg{animation:menu-tick .4s cubic-bezier(.16,.84,.28,1) both}@keyframes menu-tick{0%{opacity:0;transform:scale(.4) rotate(-20deg)}to{opacity:1;transform:none}}.menu-toast{--menu-toast-bg: #141024;--menu-toast-text: #ffffff;--menu-toast-line: rgb(255 255 255 / .22);--menu-toast-muted: rgb(255 255 255 / .6);position:fixed;inset-block-end:24px;inset-inline-end:24px;z-index:100;display:flex;align-items:center;gap:12px;max-width:min(360px,calc(100vw - 32px));padding:12px 14px;border:1px solid var(--menu-toast-line);border-radius:14px;background:var(--menu-toast-bg);color:var(--menu-toast-text);box-shadow:0 24px 50px -18px #0000008c;animation:menu-toast-in .42s cubic-bezier(.16,.84,.28,1) both}.menu-toast.is-leaving{animation:menu-toast-out .3s ease forwards}@keyframes menu-toast-in{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}@keyframes menu-toast-out{to{opacity:0;transform:translateY(10px)}}.menu-toast__thumb{flex:0 0 auto;width:46px;height:46px;border-radius:9px;overflow:hidden;background:#ffffff1a}.menu-toast__thumb img{width:100%;height:100%;object-fit:cover;display:block}.menu-toast__text{display:flex;flex-direction:column;gap:2px;min-width:0}.menu-toast__text strong{font-size:13px;font-weight:700;color:var(--menu-toast-text)}.menu-toast__text span{font-size:12px;color:var(--menu-toast-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-toast__link{flex:0 0 auto;margin-inline-start:4px;padding-block-end:2px;border-bottom:1px solid var(--menu-accent, var(--brand-accent));color:var(--menu-toast-text);font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap}.menu-toast__link:hover{color:var(--menu-accent, var(--brand-accent))}@media screen and (max-width:749px){.menu-toast{inset-inline:16px;inset-block-end:16px;max-width:none}}@media(prefers-reduced-motion:reduce){.menu-card.is-added,.menu-toast,.menu-card__add.is-added svg{animation:none!important}}.menu-addons{width:min(460px,calc(100vw - 32px));padding:0;border:1px solid rgb(var(--color-foreground-rgb) / .14);border-radius:18px;background:var(--color-background, #fff);color:var(--color-foreground);box-shadow:0 40px 90px -30px #000000a6,inset 0 1px #ffffff0f;animation:menu-addons-in .32s cubic-bezier(.16,.84,.28,1) both}.menu-addons::backdrop{background:#00000075;animation:menu-addons-fade .3s ease both}@keyframes menu-addons-in{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}@keyframes menu-addons-fade{0%{opacity:0}to{opacity:1}}.menu-addons__inner{position:relative;padding:26px;display:flex;flex-direction:column;gap:14px}.menu-addons__close{position:absolute;inset-block-start:14px;inset-inline-end:14px;width:34px;height:34px;border:0;border-radius:999px;background:rgb(var(--color-foreground-rgb) / .07);cursor:pointer}.menu-addons__close:before,.menu-addons__close:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:25%;width:50%;height:1.5px;background:var(--color-foreground)}.menu-addons__close:before{transform:rotate(45deg)}.menu-addons__close:after{transform:rotate(-45deg)}.menu-addons__heading{margin:0;padding-inline-end:40px;font-family:var(--menu-title-font, inherit);font-size:22px;font-weight:600;letter-spacing:-.02em}.menu-addons__note{margin:-8px 0 0;font-size:13px;line-height:1.45;color:rgb(var(--color-foreground-rgb) / var(--opacity-60, .6))}.menu-addons__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow-y:auto}.menu-addons__row{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid rgb(var(--color-foreground-rgb) / .12);border-radius:12px;transition:border-color .2s,background-color .2s}.menu-addons__row.is-on{border-color:var(--menu-accent, var(--brand-accent));background:rgb(var(--color-foreground-rgb) / .03)}.menu-addons__row.is-unavailable{opacity:.45;pointer-events:none}.menu-addons__thumb{flex:0 0 auto;width:46px;height:46px;border-radius:9px;overflow:hidden;background:rgb(var(--color-foreground-rgb) / .06)}.menu-addons__thumb img{width:100%;height:100%;object-fit:cover;display:block}.menu-addons__info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.menu-addons__info strong{font-size:14px;font-weight:600}.menu-addons__info span{font-size:12.5px;color:rgb(var(--color-foreground-rgb) / var(--opacity-60, .6))}.menu-addons__info span.is-free{color:var(--menu-accent, var(--brand-accent));font-weight:700}.menu-addons__step{flex:0 0 auto;display:flex;align-items:center;gap:4px;padding:3px;border:1px solid rgb(var(--color-foreground-rgb) / .12);border-radius:999px}.menu-addons__step button{width:30px;height:30px;border:0;border-radius:999px;background:rgb(var(--color-foreground-rgb) / .06);color:var(--color-foreground);font-size:15px;line-height:1;cursor:pointer;transition:background-color .18s,opacity .18s}.menu-addons__step button:hover:not([disabled]){background:rgb(var(--color-foreground-rgb) / .12)}.menu-addons__step button[disabled]{opacity:.3;cursor:not-allowed}.menu-addons__step span{min-width:20px;text-align:center;font-size:13.5px;font-weight:700}.menu-addons__foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-block-start:4px}.menu-addons__total{display:flex;flex-direction:column;margin-inline-end:auto}.menu-addons__total em{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgb(var(--color-foreground-rgb) / var(--opacity-60, .6))}.menu-addons__total strong{font-family:var(--menu-title-font, inherit);font-size:22px;font-weight:600;letter-spacing:-.03em}.menu-addons__skip,.menu-addons__confirm{height:46px;padding-inline:20px;border-radius:9px;font-family:var(--menu-ui-font, inherit);font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.menu-addons__skip{border:1px solid rgb(var(--color-foreground-rgb) / .18);background:none;color:rgb(var(--color-foreground-rgb) / var(--opacity-60, .6))}.menu-addons__confirm{border:0;background:var(--menu-button-bg, var(--color-foreground));color:var(--menu-button-text, var(--color-background))}@media screen and (max-width:560px){.menu-addons__foot{flex-direction:column;align-items:stretch}.menu-addons__total{flex-direction:row;align-items:baseline;gap:8px;margin:0 0 4px}}@media(prefers-reduced-motion:reduce){.menu-addons,.menu-addons::backdrop{animation:none!important}}.menu-addons__group{display:flex;align-items:baseline;gap:8px;margin-block-start:6px;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--color-foreground-rgb) / var(--opacity-60, .6))}.menu-addons__group [data-free]{font-style:normal;letter-spacing:.08em}.menu-addons__group [data-free]:not(:empty){padding:2px 8px;border-radius:999px;background:rgb(var(--color-foreground-rgb) / .08)}.menu-addons__group [data-free].is-available{background:var(--menu-accent, var(--brand-accent));color:#000}.menu-addons__group:first-child{margin-block-start:0}.menu-addons__row--single{cursor:pointer}.menu-addons__tick{flex:0 0 auto;position:relative;width:24px;height:24px;border:1px solid rgb(var(--color-foreground-rgb) / .28);border-radius:999px;transition:border-color .2s,background-color .2s}.menu-addons__row--single.is-on .menu-addons__tick{border-color:var(--menu-accent, var(--brand-accent));background:var(--menu-accent, var(--brand-accent))}.menu-addons__row--single.is-on .menu-addons__tick:after{content:"";position:absolute;inset-block-start:6px;inset-inline-start:8px;width:6px;height:10px;border:solid #000;border-width:0 2px 2px 0;transform:rotate(45deg)}.menu-addons__row--modifier .menu-addons__info{flex:1 1 auto}.menu-addons__row--modifier .menu-addons__tick{border-radius:7px}.menu-addons__row--modifier:focus-visible{outline:2px solid var(--menu-accent, var(--brand-accent));outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/menu-card.css.map */