step-by-step{--c-space: 1em;position:relative;display:block;overflow-inline:clip;padding:.25rem;>*{transform:translate(calc((var(--i) - var(--current)) * 100%))}>[class~=step-out]{position:fixed;z-index:-1;visibility:hidden;opacity:0}}:is(._light-bg_12zsd_20,._c-form_12zsd_20){border-image:linear-gradient(#f2f2f2,#f2f2f2) 1 fill / 1 / 50vh}._step-indicator_12zsd_24{--deco-size: 1.7em;--bdr-width: 2px;--deco-color: var(--system-color-gray);display:grid;grid-template-columns:repeat(3,1fr);font-size:.8em}._step-indicator_12zsd_24 p{--f-size: .8rem;position:var(--content-position, absolute);clip-path:var(--content-clip, inset(50%))}._step-indicator_12zsd_24>._step-active_12zsd_39,._step-indicator_12zsd_24>:not(._step-active_12zsd_39~*){--deco-color: var(--system-color-orange);--deco-bg: var(--deco-color);--deco-colorText: var(--system-color-white)}._step-indicator_12zsd_24>*{padding-block:var(--b-padding, 0 2em);counter-increment:indicator;position:relative;text-align:center}._step-indicator_12zsd_24>*:first-child{--deco-img: linear-gradient(var(--gradient-dir, to right), transparent calc(var(--deco-size) + 2px), var(--deco-color) 0);--deco-margin: 0 auto;text-align:start}._step-indicator_12zsd_24>*:last-child{--deco-img: linear-gradient(var(--gradient-dir, to right), var(--deco-color) calc(100% - var(--deco-size) - 4px), transparent 0);--deco-margin: auto 0;text-align:end}._step-indicator_12zsd_24>*:not(:last-child,:first-child){padding-inline:var(--i-padding, .5em)}._step-indicator_12zsd_24>*:after{content:counters(indicator,".");color:var(--deco-colorText, currentColor);position:absolute;display:inline-grid;place-content:center;border:var(--bdr-width) solid var(--deco-color);border-radius:50%;inline-size:var(--deco-size);aspect-ratio:1;inset:var(--inset-after, auto 0 0);margin-inline:var(--deco-margin, auto);background-color:var(--deco-bg, transparent)}._step-indicator_12zsd_24>:not(._step-active_12zsd_39~*,._step-active_12zsd_39):after{--deco-size: 1.5rem;content:"";clip-path:url(#check-circle)}._step-indicator_12zsd_24>*:before{content:"";position:absolute;display:inline-block;block-size:2px;inset:var(--inset-before, auto 0 calc(.85em - 1px) );background-image:var(--deco-img, linear-gradient(var(--gradient-dir, to right), var(--deco-color) calc(50% - .85em - 2px) , transparent 0 calc(50% + .85em + 2px) , var(--deco-color) 0))}:is(input,select):invalid:not([data-new]){--bdr-clr: var(--system-color-softRed)}:is(input,select):invalid:not([data-new])~label{color:var(--system-color-softRed);display:flex;justify-content:space-between;align-items:baseline}:is(input,select):invalid:not([data-new])~label:after{content:attr(data-error);font-size:.7em;text-transform:none}._c-form_12zsd_20{--s-space: 1rem;margin-block-end:2rem;display:flex;flex-flow:column nowrap;gap:1rem;:is(h1,h2){--f-size-diff: .5;letter-spacing:1px}>div{--min-padding: 1em;--radius: .5rem;--color-fill: var(--system-color-white);container:checkout / inline-size}}._c-recap_12zsd_138{& dt{color:#6e6e6e}>div{--s-space: var(--spacer, .5rem);display:flex;justify-content:space-between;&:last-child{--spacer: 1.5rem;--clr: var(--system-color-orange)}}& dd{font-weight:700;color:var(--clr, inherit)}}._c-dialog_12zsd_162{--color-fill: var(--system-color-white);--radius: .5rem;--icon-fill: var(--system-color-orange);--icon-size: 4rem;--r-space: min(1lvb, 1rem);& p:where(h2+*){color:#545454}}._c-column_12zsd_174{--min-padding: 1rem;display:flex;flex-direction:column}:is(._recap-wrapper_12zsd_180,._total-box_12zsd_180){padding:var(--min-padding, 1.5em);background-color:var(--color-fill, transparent);color:var(--color-text, currentColor);border-radius:var(--radius, 0);display:flex;flex-flow:column nowrap;gap:.5rem}._recap-wrapper_12zsd_180{display:flex;flex-direction:column-reverse;--color-fill: hsl(0, 0%, 94%);--radius: var(--recap-radius, .5rem .5rem 0 0);--f-size: 1.25rem;--items-clr: hsl(0, 0%, 33%);>button{--min-padding: .5rem .5rem 0;color:var(--items-clr);border-image:linear-gradient(#ccc,#ccc) 20% 0 0 / 1px / .2em 0 0}}[aria-pressed=false]~._recap-box_12zsd_205{--max-height: 4.1rem;overflow-y:clip}._recap-box_12zsd_205{max-block-size:var(--max-height, 17rem)}._total-box_12zsd_180{--color-fill: var(--system-color-dark);--radius: var(--total-radius, 0 0 .5rem .5rem);--color-text: var(--system-color-white);justify-content:end;& dt{color:#969696}}._cancel-btn_12zsd_225{--min-padding: 0;position:absolute;inset-inline-end:1rem;inset-block-start:1rem}@media screen and (min-width: 480px){._step-indicator_12zsd_24{--content-clip: none;--content-position: static}._c-column_12zsd_174{--total-radius: 0 .5rem .5rem 0;--recap-radius: .5rem 0 0 .5rem;display:grid;grid-template-columns:1fr 1fr}}@media screen and (min-width: 768px){._c-form_12zsd_20{display:grid;grid-template-columns:1.5fr 1fr;min-block-size:60lvb;>:last-child{align-self:start}}}@media (prefers-reduced-motion: no-preference){._step-indicator_12zsd_24 li:before,._step-indicator_12zsd_24 li:after{transition:color .35s ease-in,clip-path .35s ease-out,background-color,.35s ease-out}._recap-box_12zsd_205{transition:max-block-size .35s ease-out}}@layer resets,layout,typography,utilities,theme;@font-face{font-family:Just;src:url("/assets/JUST Sans Variable-1DD9FgeQ.ttf") format("truetype");font-weight:300 900;font-feature-settings:"dlig" on,"ordn" on,"ss02" on;font-display:swap}body{--section-bdr-img: linear-gradient(var(--system-color-dark), var(--system-color-dark)) 1 fill / 0 / 1.5em 100vi 0;margin:0;font-family:Just,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;letter-spacing:.01em;word-spacing:.05em;accent-color:var(--system-color-orange)}@layer typography{:is(h1,h2,h3,h4,h5,p,dt,dd,legend,.fluid-type,footer a){font-size:clamp(var(--f-size, 1rem) * clamp(.5,1 - var(--f-size-diff, .3),.9),var(--f-size-fluid, var(--default-fluid, 3vw)),var(--f-size, 1rem))}:is(h1,h2,h3,h4,h5,dt){text-transform:uppercase}h1{--f-size: 3.5rem;--f-size-diff: .4}h2{--f-size: 2.5rem;--f-size-diff: .45}:is(h3,h4,legend){--f-size: 1.75rem}:where(h4,.visually-hidden){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%}h5{--f-size: 1.125rem}.caption-text{color:#666}@supports (font-size: 1cqi){:is(h1,h2,h3,h4,p,dt,dd,.fluid-type,footer a){--default-fluid: 5cqi}}}@layer resets{:is(*,:before,:after){box-sizing:border-box}:is(h2,h3,h4,h5){line-height:1.2;overflow-wrap:break-word;hyphens:auto;letter-spacing:-.01em}h1{line-height:1.1;letter-spacing:.04em}:is(body,h1,h2,h3,h4,h5,dl,dt,dd,p){margin:0}:is(img,svg){max-inline-size:100%;height:auto;display:block}:is(ul,ol,fieldset,legend,menu){margin:0;padding:0}:is(summary,ul):where([class]){list-style:none}:is(button,fieldset){border:none}dialog{position:fixed;inset:0;margin:auto;container:dialog / inline-size;inline-size:min(540px,90vi);border:none}dialog[open]{transform:scale(1)}dialog::backdrop{background-color:#000c}a{--outline-style: dashed;text-transform:uppercase;font-weight:700;display:inline-block;&:not([class]){--outline-style: dashed;text-decoration-thickness:max(.08em,1px);text-underline-offset:.15em;color:var(--link-clr, inherit);&:enabled:where(:focus-visible,:hover){color:var(--system-color-paleOrange);text-decoration:currentColor wavy underline}}}a:where([class]){text-decoration:none;color:var(--link-clr, var(--icon-fill, inherit))}button:not(.reset-btn){font-weight:700;letter-spacing:1px;text-transform:uppercase;touch-action:manipulation;user-select:none}button:not([data-icon],.reset-btn){min-block-size:2rem;min-inline-size:2rem}:focus-visible{--outline-size: max(2px, .3em);outline:var(--outline-width, var(--outline-size)) var(--outline-style, solid) var(--outline-clr, currentColor);outline-offset:var(--outline-offset, var(--outline-size))}:target{scroll-margin-block-start:2rem}:focus{scroll-margin-block-end:8vh}input:where([type=text],[type=email],[type=tel]){--outline-offset: .05em;padding:.75em;line-height:inherit;caret-color:var(--system-color-orange, currentColor);border-radius:.5rem;border:.1em solid var(--bdr-clr, hsl(0, 0%, 81%));inline-size:100%;font-weight:500;&:hover{--bdr-clr: var(--system-color-paleOrange)}&:focus-visible:not(:is(:invalid):not([data-new])){--bdr-clr: var(--system-color-orange);--outline-clr: var(--system-color-orange)}}:is(a,button,input):focus:not(:focus-visible){outline:none}p:where(:not([class])){text-wrap:balance;max-inline-size:var(--p-width, 50em)}main:where(#root>*){min-block-size:71lvb}}@layer utilities{.capitalize{text-transform:capitalize}.relative{position:relative}.no-shrink{flex-shrink:0}.s-gap-xl{--s-space: 8rem}:is(.not-empty:empty,.not-empty-sibling:where(.not-empty:empty~*,form:has(.not-empty:empty) *)){display:none}.not-empty:not(:empty)~.empty{display:none}.empty{container:empty-state / inline-size;text-align:center}:is(.item-grid,.cart-item-grid){--g-template: "area4 . ." 1px "area4 area1 area3" "area4 area2 ." / max-content 1fr;--g-gap: .4rem 1rem;>:is(p,span){color:var(--items-clr, hsl(0, 0%, 43%))}}.cart-item-grid{--g-template: "area4 . ." 1px "area4 area1 area3" "area4 area2 area3" "area4 . ." 1px / max-content 1fr max-content;align-items:center}:where(.reset-btn){text-decoration:underline}dialog:not([open]){transform:scale(0)}[data-icon-position=start]:before,[data-icon-position=end]:after{content:"";min-inline-size:var(--icon-size, 1.5em);aspect-ratio:var(--icon-ratio, 1);display:inline-block;background-color:var(--icon-fill, currentColor);transform:var(--icon-transform, none);clip-path:var(--icon-clip, none);align-self:var(--icon-align, self-start)}[data-icon-position=start]:where(:enabled,a):where(:hover,:focus-visible):before,[data-icon-position=end]:where(a,:enabled):where(:hover,:focus-visible):after{--icon-fill: var(--icon-fill-hover, currentColor);--icon-transform: var(--icon-hoverTransform, inherit)}:is([data-icon=arrow_left],[data-icon=arrow_right]){--icon-clip: url(#arrow_left);--icon-transform: var(--i-trans, none);--icon-hoverTransform: var(--i-h-trans, translateX(.5em))}[data-icon=arrow_right]{--i-trans: rotate(180deg);--i-h-trans: var(--i-trans) translateX(.5em)}[data-icon=cross]{--icon-clip: url(#cross);--icon-size: 2rem;--icon-fill-hover: var(--system-color-softRed)}[data-icon=plus]{--icon-clip: url(#plus)}[data-icon=minus]{--icon-clip: url(#minus)}[data-icon=check-circle]{--icon-clip: url(#check-circle)}:is(.input-step,[data-payment=mobile]){container:input-step /inline-size;& label{text-transform:capitalize}>div:not([data-payment],[class$=grid]){display:flex;flex-flow:column-reverse nowrap}}:is(i,legend,span:where(.addon *):first-child){color:var(--idiomatic-clr, var(--system-color-orange));letter-spacing:var(--idomatic-spacing, inherit);text-transform:uppercase;font-style:normal}img:where(.categories *){border-image:radial-gradient(ellipse 60% 30%,#0003 15%,#0000 70%) var(--s, 0% 50% 100%) / 50% /0 15px 35px}a:where(:is(.categories,nav) *){text-decoration:none;display:inline-flex;align-items:center}:where([aria-hidden=true],.visually-hidden,.xl-show,.pm-grid input[type=radio]){position:absolute;clip-path:inset(50%)}.visually-hidden{max-inline-size:1px}.item-counter{--min-padding: 0;--icon-fill: hsl(0, 0%, 32%);--icon-fill-hover: var(--system-color-orange);--radius: 0;--color-fill: transparent;background-color:#ccc;display:inline-flex;gap:.15rem;padding:min(2cqi,.5em);align-content:center;>input{max-inline-size:min(10cqi,3rem);border:none;text-align:center;padding:0;font-weight:700;color:inherit;background-color:transparent;flex-shrink:2}}.xl-show{--wrap: wrap;visibility:hidden}button.xl-remove[aria-pressed=true]{--m: 0 70;--so: -41;--c: 53, 42}button:not(:enabled){color:#bfbfbf}:where([data-cart]:is(:focus-visible,:hover),[aria-pressed=true],.categories){--icon-fill: var(--system-color-orange)}.categories{--outline-clr: var(--system-color-dark);--c-space: 2.5rem;--min-padding: 1em;--f-size-diff: .4;--link-clr: hsl(0, 0%, 36%);padding:2.5em 1.5em 1.5em;background-color:var(--system-color-white);border-radius:0 0 .5rem .5rem;& a:before{content:"";position:absolute;inset:0}& a:where(:focus-visible,:hover){color:var(--system-color-paleOrange)}}:where(.menu,[role=dialog]){position:fixed;transform:var(--translation, translateX(-50vmax));opacity:0;inline-size:var(--modal-size, auto);visibility:hidden}[role=dialog]{--outline-clr: var(--system-color-dark);inset-block-start:var(--y, auto);inset-inline-end:var(--right-x, auto)}[data-menu-opened=true] .menu{--translation: none;--modal-size: 100vi;opacity:1;z-index:2;inset:4.7rem 0 auto;visibility:visible;clip-path:inset(0 round 0 0 .5rem .5rem);max-block-size:80lvb;overflow-y:auto}:is([data-cart-active=true],[data-menu-opened=true]) nav:before{content:"";position:fixed;inset:3.5rem 0 0;background-color:#000000a6;z-index:1}.cart-modal{--y: 129px;--right-x: clamp(5vi, calc(1110px - 100vi) , 5vi);--color-fill: var(--system-color-white);--radius: .5rem;--modal-size: min(88vi, 480px);--translation: translateY(-50vb);--c-space: 1rem;& ul{max-block-size:35vb;overflow-y:auto}}.m-backdrop:not([data-cart-active] *),.menu:not([data-menu-opened=true] *){clip-path:inset(50%);visibility:hidden}.m-backdrop:where([data-cart-active=true] *),.menu-backdrop:where([data-menu-opened=true] *){position:fixed;inset:0;display:block;z-index:4}[data-cart-active=true] :is(.cart-modal,m-backdrop){--translation: none;opacity:1;visibility:visible;z-index:2}.branding>img{border-radius:.5rem;align-self:stretch;max-block-size:var(--img-h, 300px);min-inline-size:var(--img-w, 100%);object-fit:cover;object-position:top 2% left 5%}.no-gap{--r-space: 0}.back-btn{--min-padding: 1.5em 0;font-weight:200;color:var(--link-clr)}:is(.no-padding,.reset-btn){--min-padding: 0;--radius: 0}[data-cart=reduced]{--delta: -.4}[data-cart]{--min-padding: 0;margin-inline-start:var(--cart-margin, auto);position:relative;&:is([data-items]:enabled):before{content:attr(data-items);display:inline-grid;place-items:center;color:var(--system-color-white);background-color:var(--system-color-orange);border-radius:50%;position:absolute;inline-size:1.5em;aspect-ratio:1;inset-inline-start:calc(50% - .4em);inset-block-start:-1.6em;font-size:.75em;padding:.125em}}:where(.categories>li,.branding,.contain){container:section / inline-size}.categories>li{--color-fill: hsl(0, 0%, 94%);--radius: .5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;>:first-child{margin-block-start:-3em}}:is(main,footer,nav,.main-content){max-inline-size:min(95vi,1110px);margin-inline:auto}.pm-grid{--g-template: "area1" "area2" "area3";--min-padding: 1rem;--radius: .5rem;--r-space: 1rem;& label{display:inline-flex;align-items:center;gap:1rem;&:before,&:after{content:""}&:after{position:absolute;inset:0;border:2px solid var(--bdr-fill, var(--bdr-clr, var(--system-color-gray)));border-radius:.5rem}&:before{inline-size:1.5rem;aspect-ratio:1;border-radius:50%;border:2px solid var(--system-color-gray);background-image:radial-gradient(var(--bdr-fill, #0000) 45%,#0000 45%)}}& label:where(:hover,input[type=radio]:focus-visible~*){--bdr-clr: var(--system-color-paleOrange)}& input[type=radio]:checked~label{--bdr-fill: var(--system-color-orange)}}[data-payment=mobile]:not([data-mobile-selected] *),[data-payment=cash]:not([data-cash-selected] *){display:none}.not-found{--alignment: center;container:not-found / inline-size}@media screen and (min-width: 480px){.pm-grid{--g-template: "area1 area1" "area2 area3"}.menu>.categories{padding:4.5rem 1.5rem}.categories{--col-dir: row;--c-space: 10px;>*{flex-grow:2}}}@media screen and (min-width: 768px){.categories{--c-space: 2.5rem}.xl-show{position:static;clip-path:none;visibility:visible}.branding{--col-dir: row-reverse;--col-align: center;--p-width: 28rem;--f-size-diff: .5;--i-alignment: space-between;--img-w: 40cqi;--img-h: 100%;min-block-size:500px}.not-found{--col-dir: row}}}@layer theme{:root{--system-color-dark: hsl(0, 0%, 6%);--system-color-orange: hsl(21, 71%, 44%);--system-color-paleOrange: hsl(21, 94%, 75%);--system-color-pale: hsl(0, 0%, 98%);--system-color-gray: hsl(0, 0%, 75%);--system-color-black: hsl(0, 0%, 0%);--system-color-white: hsl(0, 0%, 100%);--system-color-softRed: hsl(0, 71%, 47%)}[data-icon-theme=neutral]{--icon-fill: var(--system-color-gray)}[data-icon-theme=primary]{--icon-fill: var(--system-color-orange)}[data-outline-color=dark]{--outline-clr: var(--system-color-dark)}.btn-primary:where(:not(:disabled)){--color-fill: var(--system-color-orange);--color-text: var(--system-color-white);--radius: 0;--min-padding: var(--btn-padding, 1em);text-decoration:none;text-align:center;&:is(:focus-visible,:hover){--color-fill: var(--system-color-paleOrange)}}.btn-primary:disabled{--color-fill: hsla(0, 0%, 11%, .05);color:#8e5d29}.img-box{--color-fill: hsl(0, 0%, 94%);--radius: .5rem;--min-padding: var(--box-padding, .5rem);inline-size:var(--box-size, 4rem);aspect-ratio:var(--box-radio, 1);max-block-size:var(--img-box-block-size, auto)}}@layer layout{.stack>*+*{margin-block-start:var(--s-space, 1.5em)}:is(.row,.column,.segragator,.cart-modal){display:flex;align-items:var(--alignment, center);gap:var(--r-space, var(--c-space, 1.5em));justify-content:var(--i-alignment, start)}.segragator{--i-alignment: space-between;flex-flow:var(--direction, row) var(--wrap, nowrap)}.row{--alignment: var(--row-align, center);flex-flow:var(--row-dir, row) var(--wrap, nowrap)}:where(.column,.cart-modal){--alignment: var(--col-align, stretch);flex-flow:var(--col-dir, column) var(--wrap, nowrap)}.self-end{align-self:end;margin-inline-start:auto}:is(.center,.img-box,.banner){display:grid;place-items:center;place-content:center;gap:var(--s-space, var(--c-space, 1.5em))}:is(header,footer,main,.box,.img-box,button,.btn-primary,.cart-modal,.main-content){padding:var(--min-padding, 1.5em);background-color:var(--color-fill, transparent);color:var(--color-text, currentColor);border-radius:var(--radius, 0)}:is([class$=grid],footer){--col-align: center;display:grid;grid-template:var(--g-template);container:var(--container-name, grid) / inline-size;gap:var(--g-gap, 1rem);>:first-child{grid-area:area1}>:nth-child(2){grid-area:area2}>:nth-child(3){grid-area:area3}>:nth-child(4){grid-area:area4}>:nth-child(5){grid-area:area5}}:is(footer,header){--color-text: var(--system-color-white);--color-fill: var(--system-color-dark)}footer{--min-padding: 2em 1.5em 1.5em;--g-template: ". area1 ." ". area2 ." "area3 area3 area3" "area4 area4 area4" "area5 area5 area5";--c-space: .75rem;position:relative;border-image:linear-gradient(var(--system-color-dark),var(--system-color-dark)) 1 fill / 50%/ 0 100vi}footer:before{content:"";position:absolute;inline-size:101px;block-size:4px;background:var(--system-color-orange);inset-inline-start:var(--deco-pos, calc(50% - 50.5px) );inset-block-start:0}:where(nav,.banner){--min-padding: 1.5em 0;--color-text: var(--system-color-pale);border-image:var(--section-bdr-img)}.banner{min-block-size:7rem}nav{position:sticky;inset-block-start:0;z-index:1;isolation:isolate;max-block-size:4.7rem;&:after{content:"";position:absolute;inset:0;border-image:linear-gradient(#fff6,#fff6) 0 0 20% / 2px / 0 var(--deco-outset, 100vi);z-index:-1}}@media screen and (min-width: 480px){nav{--deco-outset: 1px}footer{--deco-pos: 0;--min-padding: 1.5em 0;--col-dir: row;--g-template: "area1 area1 area1" "area2 area2 area2" "area3 area3 area3" "area4 area4 area5" / 1fr 1fr max-content}}@media screen and (min-width: 768px){.xl-remove{display:none}footer{--g-template: "area1 area2 area2" "area3 area3 ." "area3 area3 area5" "area4 area4 ." / 1fr 1fr}footer>ul{justify-self:end}nav{--i-alignment: space-between;--cart-margin: 0}.banner{min-block-size:10rem}}}@media (prefers-reduced-motion: no-preference){button.xl-remove{--h-transition: stroke-dasharray .6s cubic-bezier(.25, .1, .3, 1.5), stroke-dashoffset .6s cubic-bezier(.25, .1, .3, 1.5)}:is([data-cart=added],[data-cart=reduced]):where([data-items]):before{animation:jiggle .35s cubic-bezier(.25,.1,.3,1.5) forwards}:is(a,button),[data-icon-position=start]:before,[data-icon-position=end]:after{transition:all .35s ease-out}:is(.menu,.cart-modal,dialog){transition:opacity .1s ease-out,transform .35s .1s cubic-bezier(.25,.1,.3,1.5)}step-by-step>*{transition:transform .35s ease-out}:is(input,select):invalid:not([data-new]){animation:shake .35s cubic-bezier(.25,.1,.3,.15)}}@keyframes jiggle{20%,60%,80%{transform:scale(calc(1 + var(--delta, .4)))}0%,40%,to{transform:scale(1)}}@keyframes shake{20%,60%,to{transform:translate(20%)}0%,40%,80%{transform:translate(-20%)}}