:root{--color-bg-cream:#262a2c;--color-bg-elevated:#2f3537;--color-text-dark:#f2f4f3;--color-text-muted:#f2f4f3bf;--color-text-light:#262a2c;--color-text-on-accent:#262a2c;--color-accent-blue:#20a6fd;--color-accent-blue-light:#4db8ff;--color-accent-blue-subtle:#20a6fd33;--color-accent-green:#51cf66;--color-white:#f2f4f3;--color-light-gray:#2f3537;--color-medium-gray:#f2f4f380;--color-dark-gray:#f2f4f3;--color-overlay-light:#f2f4f30d;--color-overlay-dark:#00000080;--color-border-light:#f2f4f31f;--color-border-medium:#f2f4f333;--color-success:#51cf66;--color-success-muted:#3cb371;--color-error:#ff6b6b;--color-error-muted:#ff8585;--spacing-3xs:.125rem;--spacing-2xs:.25rem;--spacing-xs:.375rem;--spacing-sm:.5rem;--spacing-base:1rem;--spacing-lg:2rem;--spacing-xl:3rem;--font-family-serif:"Playfair Display", serif;--font-family-sans:"Montserrat", "Open Sans", system-ui, -apple-system, sans-serif;--font-family-base:var(--font-family-sans);--line-height-base:1.6;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3rem;--container-max-width:1200px;--hero-max-width:800px;--radius-sm:.25rem;--radius-base:.375rem;--radius-lg:.5rem;--radius-full:50%;--opacity-disabled:.4;--opacity-muted:.55;--opacity-medium:.7;--opacity-secondary:.8;--opacity-primary:.9;--opacity-hover:.95;--size-icon-sm:1.125rem;--size-icon-base:1.25rem;--size-icon-lg:1.5rem;--size-icon-xl:2rem;--size-icon-2xl:3rem;--size-button-sm:2rem;--size-button-base:2.5rem;--size-logo-sm:32px;--size-logo-base:40px;--size-logo-lg:200px;--size-image-sm:80px;--size-image-base:100px;--size-image-lg:150px;--size-image-xl:200px;--size-image-2xl:250px;--z-sticky:100;--z-overlay:200;--transition-fast:.2s;--transition-base:.3s;--transition-slow:.6s;--easing-spring:cubic-bezier(.34, 1.56, .64, 1);--easing-smooth:cubic-bezier(.25, .46, .45, .94);--easing-exit:cubic-bezier(.55, .06, .68, .19);--shadow-sm:0 2px 4px #0000004d;--shadow-base:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-header:0 2px 8px #0000004d;--shadow-menu-hover:0 8px 16px #0006;--shadow-panel:-4px 0 24px #00000080;--shadow-modal:0 8px 32px #00000080;--shadow-button:0 4px 12px #20a6fd4d;--shadow-button-lg:0 6px 20px #20a6fd59;--shadow-card:0 2px 8px #00000040;--shadow-card-hover:0 4px 16px #00000059;--shadow-gradient-button:0 4px 15px #20a6fd66;--shadow-gradient-button-hover:0 6px 20px #20a6fd80}*{box-sizing:border-box;margin:0;padding:0}html{view-transition-name:none;scroll-behavior:smooth}body{font-family:var(--font-family-base);background-color:var(--color-bg-cream);color:var(--color-text-dark);line-height:var(--line-height-base);view-transition-name:none;scrollbar-gutter:stable}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-cream)}::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:var(--radius-sm);transition:background var(--transition-fast);&:hover{background:var(--color-accent-blue)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:var(--color-border-medium) var(--color-bg-cream)}@view-transition{navigation:none}::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){display:none;animation:none!important}::view-transition-group(*){animation-duration:var(--transition-slow);animation-timing-function:var(--easing-smooth);perspective:1000px}::view-transition-old(*){animation:dramatic-exit .4s var(--easing-exit) both;transform-origin:50%}::view-transition-new(*){animation:spring-entrance var(--transition-slow) var(--easing-spring) both;transform-origin:50%}@keyframes dramatic-exit{0%{opacity:1;filter:blur();transform:scale(1)rotate(0)}50%{transform:scale(.9) rotate(calc(var(--exit-rotate-mid,-8deg)));filter:blur(2px)}to{opacity:0;transform:scale(.6) rotate(calc(var(--exit-rotate,-15deg)));filter:blur(4px)}}@keyframes spring-entrance{0%{opacity:0;transform:scale(.5) rotate(calc(var(--entrance-rotate-start,12deg))) translate(calc(var(--entrance-translate-x-start,0px)), calc(var(--entrance-translate-y-start,20px)));filter:blur(4px)}40%{opacity:var(--opacity-primary);transform:scale(1.08) rotate(calc(var(--entrance-rotate-mid,-3deg))) translate(calc(var(--entrance-translate-x-mid,0px)), calc(var(--entrance-translate-y-mid,-5px)));filter:blur(1px)}60%{transform:scale(.96) rotate(calc(var(--entrance-rotate-wiggle,1deg))) translate(calc(var(--entrance-translate-x-wiggle,0px)), calc(var(--entrance-translate-y-wiggle,2px)));filter:blur()}80%{transform:scale(1.02) rotate(calc(var(--entrance-rotate-settle,-.5deg))) translate(calc(var(--entrance-translate-x-settle,0px)), calc(var(--entrance-translate-y-settle,-1px)))}to{opacity:1;filter:blur();transform:scale(1)rotate(0)translate(0)}}.header{z-index:var(--z-sticky);background:var(--color-bg-cream);border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-header);position:sticky;top:0;container:header/inline-size}.header__container{max-width:var(--container-max-width);padding:var(--spacing-base) var(--spacing-lg);grid-template-columns:1fr auto;align-items:center;margin:0 auto;display:grid;@container header (width<=768px){gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-base);grid-template-columns:auto 1fr auto}}.header__menu-btn{cursor:pointer;padding:var(--spacing-sm);margin-left:calc(var(--spacing-sm) * -1);background:0 0;border:none;display:none;@container header (width<=768px){justify-content:center;align-items:center;display:flex}}.header__menu-icon{flex-direction:column;gap:4px;width:20px;display:flex}.header__menu-line{background:var(--color-text-dark);width:100%;height:2px;transition:all var(--transition-fast);border-radius:1px;display:block}.header__menu-btn[aria-expanded=true] .header__menu-line:first-child{transform:translateY(6px)rotate(45deg)}.header__menu-btn[aria-expanded=true] .header__menu-line:nth-child(2){opacity:0}.header__menu-btn[aria-expanded=true] .header__menu-line:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.header__nav{justify-content:center;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap;display:flex;@container header (width<=768px){display:none}}.header__nav-link{color:var(--color-text-dark);font-size:var(--font-size-base);transition:color var(--transition-fast);font-weight:500;text-decoration:none;&:hover{color:var(--color-accent-blue)}}.header__brand{justify-content:center;align-items:center;text-decoration:none;display:flex;@container header (width<=768px){display:none}}.header__brand-mobile{justify-self:center;text-decoration:none;display:none;@container header (width<=768px){justify-content:center;align-items:center;display:flex}}.header__title{font-family:var(--font-family-serif);font-size:var(--font-size-xl);color:var(--color-accent-blue);text-align:center;margin:0;font-weight:700;line-height:1.2;@container header (width<=768px){font-size:var(--font-size-base)}}.header__actions{gap:var(--spacing-base);flex-shrink:0;align-items:center;display:flex}.header__cart-btn{color:var(--color-text-dark);cursor:pointer;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);padding:var(--spacing-sm);transition:opacity var(--transition-fast);background:0 0;border:none;display:flex;position:relative;&:hover{opacity:var(--opacity-primary)}}.header__cart-icon{font-size:var(--size-icon-base)}.header__cart-badge{background:var(--color-accent-blue);color:var(--color-text-on-accent);border-radius:var(--radius-full);width:var(--size-icon-base);height:var(--size-icon-base);font-size:var(--font-size-xs);transition:transform var(--transition-fast), scale var(--transition-fast);justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;top:0;right:0;transform:translate(25%,-25%);&[aria-hidden=true]{display:none}}.header__cart-badge--animate{animation:cart-badge-pulse .4s var(--easing-spring)}@keyframes cart-badge-pulse{0%{transform:translate(25%,-25%)scale(1)}50%{transform:translate(25%,-25%)scale(1.3)}to{transform:translate(25%,-25%)scale(1)}}.mobile-menu__overlay{z-index:calc(var(--z-overlay) - 1);opacity:0;visibility:hidden;transition:opacity var(--transition-base), visibility var(--transition-base);background:#00000080;position:fixed;inset:0;&[aria-hidden=false]{opacity:1;visibility:visible}}.mobile-menu{background:var(--color-bg-cream);width:min(300px,85vw);z-index:var(--z-overlay);transition:transform var(--transition-base) var(--easing-smooth);box-shadow:var(--shadow-panel);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);&[aria-hidden=false]{transform:translate(0)}}.mobile-menu__header{padding:var(--spacing-base);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.mobile-menu__title{font-family:var(--font-family-serif);font-size:var(--font-size-lg);color:var(--color-accent-blue);font-weight:700}.mobile-menu__close{font-size:var(--font-size-xl);color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs);transition:color var(--transition-fast);background:0 0;border:none;line-height:1;&:hover{color:var(--color-accent-blue)}}.mobile-menu__links{padding:var(--spacing-base) 0;flex-direction:column;flex:1;display:flex;overflow-y:auto}.mobile-menu__link{padding:var(--spacing-base) var(--spacing-lg);font-size:var(--font-size-lg);color:var(--color-text-dark);transition:all var(--transition-fast);font-weight:500;text-decoration:none;display:block;&:hover{background:var(--color-overlay-light);color:var(--color-accent-blue)}}.mobile-menu__footer{padding:var(--spacing-base);border-top:1px solid var(--color-border-light)}.mobile-menu__location{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.hero{padding:var(--spacing-xl) var(--spacing-lg);padding-bottom:calc(var(--spacing-xl) + 60px);background:radial-gradient(ellipse at 20% 0%, #20a6fd0f 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, #20a6fd1a 0%, transparent 40%), var(--color-bg-cream);align-items:center;min-height:650px;display:flex;position:relative;overflow:hidden;container:hero/inline-size;@container hero (width<=768px){min-height:auto;padding:var(--spacing-lg) var(--spacing-base);padding-bottom:calc(var(--spacing-lg) + 50px)}}.hero__background{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero__background-shape{filter:blur(60px);border-radius:50%;position:absolute}.hero__background-shape--1{background:linear-gradient(135deg, var(--color-accent-blue), var(--color-accent-blue));opacity:.15;width:500px;height:500px;top:-150px;right:-100px}.hero__background-shape--2{background:linear-gradient(45deg, var(--color-accent-blue), var(--color-accent-blue-light));opacity:.2;width:350px;height:350px;bottom:-100px;left:-80px}.hero__background-shape--3{background:var(--color-accent-blue);opacity:.12;width:200px;height:200px;top:40%;left:30%}.hero__dots{z-index:0;pointer-events:none;position:absolute;inset:0}.hero__dot{border-radius:50%;position:absolute}.hero__dot--1{background:var(--color-accent-blue);opacity:.4;width:8px;height:8px;top:15%;left:10%}.hero__dot--2{background:var(--color-accent-blue);opacity:.5;width:6px;height:6px;top:25%;right:15%}.hero__dot--3{background:var(--color-accent-blue);opacity:.45;width:10px;height:10px;bottom:30%;left:5%}.hero__dot--4{background:var(--color-accent-blue);opacity:.35;width:5px;height:5px;top:60%;right:8%}.hero__dot--5{background:var(--color-accent-blue);opacity:.4;width:7px;height:7px;bottom:20%;right:25%}.hero__container{max-width:var(--container-max-width);z-index:1;width:100%;margin:0 auto;position:relative}.hero__content{gap:var(--spacing-xl);grid-template-columns:1fr 1.1fr;align-items:center;display:grid;@container hero (width<=968px){gap:var(--spacing-lg);grid-template-columns:1fr}}.hero__text{text-align:center;animation:content-enter .8s var(--easing-smooth) both;@container hero (width>=969px){text-align:left}}@keyframes content-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero__logo-wrapper{margin-bottom:var(--spacing-lg);justify-content:center;display:flex;position:relative;@container hero (width>=969px){justify-content:flex-start}@container hero (width<=768px){margin-bottom:var(--spacing-base)}}.hero__logo-glow{background:radial-gradient(circle, var(--color-accent-blue) 0%, transparent 70%);opacity:.4;border-radius:50%;width:140px;height:140px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);@container hero (width>=969px){left:60px;transform:translate(-50%,-50%)}@container hero (width<=768px){width:120px;height:120px}}.hero__logo{border-radius:var(--radius-full);object-fit:cover;width:120px;height:120px;box-shadow:0 4px 20px #20a6fd4d, 0 0 0 4px var(--color-bg-elevated), 0 0 0 6px var(--color-accent-blue);transition:transform var(--transition-base) var(--easing-spring);position:relative;&:hover{transform:scale(1.08)rotate(5deg)}@container hero (width<=768px){width:100px;height:100px}}.hero__title{font-family:var(--font-family-serif);font-size:var(--font-size-5xl);color:var(--color-accent-blue);margin-bottom:var(--spacing-sm);animation:title-enter .8s var(--easing-smooth) .1s both;font-weight:700;line-height:1.1;@container hero (width<=768px){font-size:var(--font-size-3xl)}@container hero (width<=480px){font-size:var(--font-size-2xl)}}@keyframes title-enter{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.hero__title-line{display:inline-block}.hero__location{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-lg);color:var(--color-text-muted);margin-bottom:var(--spacing-lg);animation:content-enter .8s var(--easing-smooth) .2s both;font-weight:500;display:inline-flex;@container hero (width<=768px){font-size:var(--font-size-base);margin-bottom:var(--spacing-base)}}.hero__location-icon{font-size:1em}.hero__tagline{font-size:var(--font-size-lg);color:var(--color-text-dark);max-width:480px;margin:0 auto var(--spacing-lg);animation:content-enter .8s var(--easing-smooth) .3s both;line-height:1.7;@container hero (width>=969px){margin-left:0;margin-right:0}@container hero (width<=768px){font-size:var(--font-size-base);margin-bottom:var(--spacing-base)}}.hero__badges{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);animation:content-enter .8s var(--easing-smooth) .4s both;flex-wrap:wrap;justify-content:center;display:flex;@container hero (width>=969px){justify-content:flex-start}@container hero (width<=768px){margin-bottom:var(--spacing-base)}}.hero__badge{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-accent-blue-light);padding:var(--spacing-xs) var(--spacing-base);white-space:nowrap;transition:all var(--transition-fast) var(--easing-smooth);background:linear-gradient(135deg,#20a6fd40,#20a6fd26);border:1px solid #20a6fd66;border-radius:50px;font-weight:500;display:inline-flex;&:hover{background:linear-gradient(135deg,#20a6fd59,#20a6fd33);transform:translateY(-2px)}@container hero (width<=768px){font-size:var(--font-size-xs);padding:var(--spacing-2xs) var(--spacing-sm)}}.hero__badge-icon{font-size:.9em}.hero__cta{align-items:center;gap:var(--spacing-sm);background:linear-gradient(135deg, var(--color-accent-blue), var(--color-accent-blue-light));color:var(--color-text-dark);font-size:var(--font-size-base);padding:var(--spacing-base) var(--spacing-lg);transition:all var(--transition-base) var(--easing-smooth);animation:content-enter .8s var(--easing-smooth) .5s both;border-radius:50px;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #20a6fd66,0 2px 4px #20a6fd4d;&:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}&:hover{transform:translateY(-3px);box-shadow:0 8px 25px #20a6fd80,0 4px 8px #20a6fd59;&:before{left:100%}}&:active{transform:translateY(-1px)}@container hero (width<=768px){font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-base)}}.hero__cta-text{z-index:1;position:relative}.hero__cta-icon{z-index:1;transition:transform var(--transition-fast);position:relative}.hero__cta:hover .hero__cta-icon{transform:translate(4px)}.hero__images{animation:images-enter 1s var(--easing-smooth) .3s both;position:relative}@keyframes images-enter{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.hero__images-accent{border-radius:var(--radius-lg);opacity:.4;z-index:-1;background:linear-gradient(135deg,#20a6fd26,#0000);width:90%;height:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero__image-grid{gap:var(--spacing-base);grid-template-rows:auto auto;grid-template-columns:1.2fr 1fr;display:grid;position:relative}.hero__image-item{position:relative}.hero__image-item--featured{grid-row:1/3}.hero__image-frame{border-radius:var(--radius-lg);background:var(--color-bg-elevated);transition:all var(--transition-base) var(--easing-smooth);padding:6px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d,0 2px 8px #0003;&:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#20a6fd80,#20a6fd4d);padding:1px;position:absolute;inset:0;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}}.hero__image-item:hover .hero__image-frame{transform:translateY(-6px)rotate(1deg);box-shadow:0 12px 35px #0006,0 4px 12px #00000040}.hero__image-item--featured .hero__image-frame{height:100%}.hero__image-item--featured .hero__image{height:100%;min-height:340px;@container hero (width<=768px){min-height:220px}}.hero__image-label{top:var(--spacing-base);left:var(--spacing-base);background:linear-gradient(135deg, var(--color-accent-blue), var(--color-accent-blue-light));color:var(--color-text-on-accent);font-size:var(--font-size-xs);padding:var(--spacing-2xs) var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px;animation:label-pop .5s var(--easing-spring) 1s both;z-index:2;border-radius:50px;font-weight:600;position:absolute;box-shadow:0 2px 8px #20a6fd66}@keyframes label-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.hero__image-item--secondary .hero__image{height:180px;@container hero (width<=768px){height:140px}}.hero__image-item--tertiary .hero__image{height:180px;@container hero (width<=768px){height:140px}}.hero__image{object-fit:cover;border-radius:calc(var(--radius-lg) - 4px);width:100%;height:100%;transition:transform var(--transition-slow);display:block}.hero__image-item:hover .hero__image{transform:scale(1.03)}.hero__scroll-hint{bottom:var(--spacing-lg);align-items:center;gap:var(--spacing-xs);animation:scroll-hint-enter .8s var(--easing-smooth) 1.2s both;flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}@keyframes scroll-hint-enter{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.hero__scroll-text{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:500}.hero__scroll-line{background:linear-gradient(to bottom, var(--color-accent-blue), transparent);width:1px;height:30px}@container hero (width<=968px){.hero__image-grid{max-width:500px;margin:0 auto}}@container hero (width<=600px){.hero__image-grid{grid-template-rows:auto auto;grid-template-columns:1fr 1fr}.hero__image-item--featured{grid-area:auto/1/auto/-1}.hero__image-item--featured .hero__image{min-height:180px}.hero__dots,.hero__scroll-hint{display:none}}.about{padding:var(--spacing-xl) var(--spacing-lg);background:var(--color-bg-elevated);position:relative;container:about/inline-size;@container about (width<=768px){padding:var(--spacing-lg) var(--spacing-base)}}.about__container{max-width:var(--container-max-width);margin:0 auto}.about__content{gap:var(--spacing-xl);grid-template-columns:1fr 1fr;align-items:start;display:grid;@container about (width<=868px){gap:var(--spacing-lg);grid-template-columns:1fr}}.about__text{@container about (width<=868px){text-align:center}}.about__title{font-family:var(--font-family-serif);font-size:var(--font-size-3xl);color:var(--color-accent-blue);margin-bottom:var(--spacing-lg);@container about (width<=768px){font-size:var(--font-size-2xl)}}.about__description{font-size:var(--font-size-base);color:var(--color-text-dark);margin-bottom:var(--spacing-base);line-height:1.8;&:last-of-type{margin-bottom:0}}.about__delivery{background:var(--color-bg-cream);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);@container about (width<=768px){padding:var(--spacing-base)}}.about__delivery-title{align-items:center;gap:var(--spacing-sm);font-family:var(--font-family-serif);font-size:var(--font-size-xl);color:var(--color-accent-blue);margin-bottom:var(--spacing-base);display:flex;@container about (width<=868px){justify-content:center}}.about__delivery-icon{font-size:1.2em}.about__delivery-description{font-size:var(--font-size-base);color:var(--color-text-dark);margin-bottom:var(--spacing-base);@container about (width<=868px){text-align:center}}.about__delivery-zones{gap:var(--spacing-base);margin-bottom:var(--spacing-base);flex-direction:column;display:flex}.about__delivery-zone{background:var(--color-bg-elevated);padding:var(--spacing-base);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.about__zone-fee{font-family:var(--font-family-sans);font-size:var(--font-size-sm);color:var(--color-text-on-accent);background:var(--color-accent-blue);padding:var(--spacing-2xs) var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-base);font-weight:600;display:inline-block;@container about (width<=868px){text-align:center;width:fit-content;margin-inline:auto;margin-bottom:var(--spacing-base);display:block}}.about__zone-areas{gap:var(--spacing-sm);flex-direction:column;display:flex}.about__zone-area{align-items:baseline;gap:var(--spacing-sm);flex-wrap:wrap;display:flex;@container about (width<=868px){align-items:center;gap:var(--spacing-2xs);flex-direction:column}}.about__area-name{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;font-weight:500}.about__zip-codes{gap:var(--spacing-2xs);flex-wrap:wrap;display:flex;@container about (width<=868px){justify-content:center}}.about__zip-code{font-size:var(--font-size-xs);color:var(--color-text-dark);opacity:var(--opacity-secondary);font-weight:500;font-family:var(--font-family-sans);display:inline-block}.about__delivery-note{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-base);font-style:italic;@container about (width<=868px){text-align:center}}.about__contact-link{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-base);color:var(--color-accent-blue);transition:color var(--transition-fast);font-weight:500;text-decoration:none;display:inline-flex;&:hover{color:var(--color-accent-blue-light);text-decoration:underline}@container about (width<=868px){justify-content:center;width:100%}}.about__contact-icon{font-size:1em}.menu{padding:var(--spacing-xl) var(--spacing-lg);background:var(--color-bg-cream)}.menu__container{max-width:var(--container-max-width);margin:0 auto;container:menu/inline-size}.menu__title{font-family:var(--font-family-serif);font-size:var(--font-size-4xl);color:var(--color-accent-blue);text-align:center;margin-bottom:var(--spacing-sm);font-weight:700;line-height:1.2;@container menu (width<=768px){font-size:var(--font-size-3xl)}}.menu__subtitle{text-align:center;color:var(--color-text-dark);opacity:var(--opacity-secondary);margin-bottom:var(--spacing-lg);font-size:var(--font-size-base);line-height:1.6;@container menu (width<=768px){font-size:var(--font-size-sm)}}.menu__disclaimer{text-align:center;color:var(--color-text-dark);opacity:var(--opacity-medium);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.menu__tabs{justify-content:center;gap:var(--spacing-base);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.menu__tab{color:var(--color-text-muted);padding:var(--spacing-sm) var(--spacing-base);cursor:pointer;font-size:var(--font-size-base);transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;font-weight:500;position:relative;&:hover:not(.menu__tab--active){color:var(--color-accent-blue-light);border-bottom-color:var(--color-border-medium)}&:focus{outline:none}&:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:4px;border-radius:var(--radius-sm)}}.menu__tab--active{color:var(--color-accent-blue-light);border-bottom-color:var(--color-accent-blue);font-weight:600}.menu__grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid;container:menu-grid/inline-size;@container menu (width<=768px){gap:var(--spacing-lg);grid-template-columns:1fr}}.menu__item{background:var(--color-bg-elevated);border-radius:var(--radius-lg);transition:transform var(--transition-base), box-shadow var(--transition-base);contain:layout;transform-origin:50%;box-shadow:var(--shadow-card);flex-direction:column;display:flex;overflow:hidden;&:has(.menu__item-button:hover){box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}&:has(.menu__item-button:focus-visible){box-shadow:var(--shadow-card-hover);outline:3px solid var(--color-accent-blue);outline-offset:2px;transform:translateY(-4px)}&[hidden]{display:none}}.menu__item-button{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:none;flex-direction:column;flex:1;padding:0;display:flex;&:focus{outline:none}}.menu__item-image-wrapper{width:100%;height:var(--size-image-2xl);background:var(--product-bg-color,var(--color-accent-blue));justify-content:center;align-items:center;display:flex;overflow:hidden}.menu__item-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-base);display:block}.menu__item:hover .menu__item-image{transform:scale(1.05)}.menu__item-content{padding:var(--spacing-lg);background:var(--color-bg-elevated);flex-direction:column;flex:1;display:flex}.menu__item-title{font-family:var(--font-family-serif);font-size:var(--font-size-xl);color:var(--color-text-dark);margin-bottom:var(--spacing-sm);font-weight:700;line-height:1.3;@container menu-grid (width<=400px){font-size:var(--font-size-lg)}}.menu__item-description{color:var(--color-text-dark);opacity:var(--opacity-secondary);margin-bottom:var(--spacing-base);font-size:var(--font-size-sm);flex:1;line-height:1.6}.menu__item-price{font-size:var(--font-size-lg);color:var(--color-accent-blue);margin-top:auto;font-weight:700}@supports not (view-transition-name:none){.menu__item{transition:transform var(--transition-base), opacity var(--transition-base);&[hidden]{opacity:0;display:none;transform:scale(.95)}}}.product-modal{background:var(--color-bg-elevated);color:var(--color-text-dark);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);width:90vw;max-width:600px;max-height:90vh;animation:modal-fade-in var(--transition-base) var(--easing-smooth);margin:auto;padding:0;overflow:hidden;&[open]{animation:modal-fade-in var(--transition-base) var(--easing-smooth)}&::backdrop{backdrop-filter:blur(4px);animation:backdrop-fade-in var(--transition-base) var(--easing-smooth);background:#00000080}&.closing{animation:modal-fade-out var(--transition-fast) var(--easing-exit);&::backdrop{animation:backdrop-fade-out var(--transition-fast) var(--easing-exit)}}}body:has(.product-modal[open]){overflow:hidden}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes backdrop-fade-out{0%{opacity:1}to{opacity:0}}.product-modal__header{padding:var(--spacing-base) var(--spacing-lg);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.product-modal__title{font-size:var(--font-size-2xl);text-transform:uppercase;color:var(--color-text-dark);margin:0;font-weight:700}.product-modal__close{color:var(--color-text-dark);cursor:pointer;width:var(--size-button-sm);height:var(--size-button-sm);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;line-height:1;display:flex;&:hover{color:var(--color-accent-blue)}}.product-modal__body{padding:var(--spacing-lg);gap:var(--spacing-base);flex-direction:column;max-height:calc(90vh - 80px);display:flex;overflow-y:auto;container:modal-body/inline-size}@container modal-body (width<=500px){.product-modal__body{padding:var(--spacing-base);max-height:calc(95vh - 80px)}.product-modal__image{height:var(--size-image-lg)}.product-modal__quantity-options{flex-direction:column}.product-modal__quantity-option{width:100%;padding:var(--spacing-sm) var(--spacing-base);font-size:var(--font-size-sm)}.product-modal__instructions{height:60px}.topping-option{padding:var(--spacing-sm) var(--spacing-sm)}.topping-option__checkbox{width:var(--size-icon-lg);height:var(--size-icon-lg)}}.product-modal__image{width:100%;height:var(--size-image-xl);object-fit:cover;border-radius:var(--radius-lg);flex-shrink:0}.product-modal__description{color:var(--color-text-dark);opacity:var(--opacity-primary);line-height:var(--line-height-base);font-size:var(--font-size-sm);flex-shrink:0}.product-modal__includes{color:var(--color-text-dark);opacity:var(--opacity-secondary);line-height:var(--line-height-base);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-base);background:var(--color-overlay-light);border-radius:var(--radius-base);margin:0}.product-modal__package-price{font-size:var(--font-size-xl);color:var(--color-accent-blue);margin:0;font-weight:700}.product-modal__optional,.product-modal__required-hint{font-weight:400;font-size:var(--font-size-sm);opacity:var(--opacity-secondary)}.product-modal__theme-options{gap:var(--spacing-sm);max-height:220px;padding:var(--spacing-sm);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-overlay-light);flex-direction:column;display:flex;overflow-y:auto}.theme-option{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-base);cursor:pointer;transition:background-color var(--transition-fast);display:flex;&:hover{background:var(--color-bg-elevated)}}.theme-option__radio{width:var(--size-icon-base);height:var(--size-icon-base);accent-color:var(--color-accent-blue);cursor:pointer;flex-shrink:0}.theme-option__label{font-size:var(--font-size-sm);color:var(--color-text-dark);user-select:none;flex:1}.theme-option__price{font-size:var(--font-size-sm);color:var(--color-accent-blue);font-weight:600}.flavors-group{border:1px solid var(--color-accent-blue);border-radius:var(--radius-lg);padding:var(--spacing-base);margin-bottom:var(--spacing-base);background:#20a6fd1a}.flavors-group__legend{font-size:var(--font-size-sm);color:var(--color-accent-blue-light);padding:0 var(--spacing-sm);margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;gap:var(--spacing-sm);font-weight:600;display:flex}.flavors-group__counter{font-size:var(--font-size-xs);color:var(--color-accent-blue);white-space:nowrap;font-weight:500}.flavors-group__counter-current{color:var(--color-accent-blue);font-weight:700}.flavors-group__options{gap:var(--spacing-sm);flex-direction:column;display:flex}.flavor-option{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-base);cursor:pointer;transition:background-color var(--transition-fast);display:flex;&:hover{background:var(--color-overlay-light)}}.flavor-option--disabled{opacity:var(--opacity-disabled);cursor:not-allowed;&:hover{background:0 0}}.flavor-option__checkbox{width:var(--size-icon-base);height:var(--size-icon-base);border:2px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg-cream);cursor:pointer;accent-color:var(--color-accent-blue);flex-shrink:0;&:disabled{cursor:not-allowed;opacity:var(--opacity-muted)}}.flavor-option__label{font-size:var(--font-size-sm);color:var(--color-text-dark);cursor:pointer;user-select:none;flex:1}.product-modal__flavors-total{padding:var(--spacing-base);background:var(--color-overlay-light);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);margin-top:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.product-modal__flavors-total-label{font-size:var(--font-size-sm);color:var(--color-text-dark);font-weight:600}.product-modal__flavors-total-value{font-size:var(--font-size-base);color:var(--color-accent-blue);font-weight:700;&.has-extra{animation:price-pulse var(--transition-base) ease-in-out}}.product-modal__flavors-total-value--error{color:#b45309}.product-modal__section{flex-shrink:0}.product-modal__section-label{font-size:var(--font-size-base);color:var(--color-text-dark);margin-bottom:var(--spacing-base);font-weight:600;display:block}.product-modal__quantity-options{gap:var(--spacing-base);flex-wrap:wrap;display:flex}.product-modal__quantity-option{background:var(--color-overlay-light);color:var(--color-text-dark);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-base);transition:all var(--transition-fast);text-align:center;border:2px solid #0000;flex:1;min-width:100px;font-weight:600;&:hover{border-color:var(--color-accent-blue)}}.product-modal__quantity-option--selected{border-color:var(--color-accent-blue);color:var(--color-accent-blue-light);background:0 0}.product-modal__instructions{background:var(--color-overlay-light);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);width:100%;padding:var(--spacing-base);color:var(--color-text-dark);font-family:var(--font-family-base);font-size:var(--font-size-sm);resize:none;flex-shrink:0;height:80px;&::placeholder{color:var(--color-text-dark);opacity:var(--opacity-muted)}&:focus{outline:2px solid var(--color-accent-blue);outline-offset:2px}}.product-modal__char-count{margin-top:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-dark);opacity:var(--opacity-secondary);transition:color var(--transition-fast);justify-content:flex-end;display:flex}.product-modal__char-count--warning{color:var(--color-accent-blue);opacity:1}.product-modal__char-count-value{font-weight:600}.product-modal__add-btn{background:var(--color-accent-blue);width:100%;color:var(--color-text-on-accent);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--font-size-base);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-fast);border:none;flex-shrink:0;font-weight:700;display:flex;&:hover:not(:disabled){box-shadow:var(--shadow-button);background:var(--color-accent-blue-light);transform:translateY(-2px)}&:disabled{opacity:var(--opacity-muted);cursor:not-allowed;background:var(--color-overlay-light);color:var(--color-text-dark)}}.product-modal__checkmark{font-size:var(--size-icon-base)}.toppings-group{border:1px solid var(--color-accent-blue);border-radius:var(--radius-lg);padding:var(--spacing-base);margin-bottom:var(--spacing-base);background:#20a6fd1a}.toppings-group__legend{font-size:var(--font-size-sm);color:var(--color-accent-blue-light);padding:0 var(--spacing-sm);margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;gap:var(--spacing-sm);font-weight:600;display:flex}.toppings-group__counter{font-size:var(--font-size-xs);color:var(--color-accent-blue);white-space:nowrap;font-weight:500}.toppings-group__counter-current{color:var(--color-accent-blue);font-weight:700}.toppings-group__options{gap:var(--spacing-sm);flex-direction:column;display:flex}.topping-option{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-base);cursor:pointer;transition:background-color var(--transition-fast);display:flex;&:hover{background:var(--color-overlay-light)}}.topping-option--disabled{opacity:var(--opacity-disabled);cursor:not-allowed;&:hover{background:0 0}}.topping-option__checkbox{width:var(--size-icon-base);height:var(--size-icon-base);border:2px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-bg-cream);cursor:pointer;accent-color:var(--color-accent-blue);flex-shrink:0;&:disabled{cursor:not-allowed;opacity:var(--opacity-muted)}}.topping-option__label{font-size:var(--font-size-sm);color:var(--color-text-dark);cursor:pointer;user-select:none;flex:1}.topping-option__price{font-size:var(--font-size-sm);color:var(--color-accent-blue);font-weight:600}.product-modal__toppings-total{padding:var(--spacing-base);background:var(--color-overlay-light);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);margin-top:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.product-modal__toppings-total-label{font-size:var(--font-size-sm);color:var(--color-text-dark);font-weight:600}.product-modal__toppings-total-value{font-size:var(--font-size-base);color:var(--color-accent-blue);font-weight:700;&.has-premium{animation:price-pulse var(--transition-base) ease-in-out}}@keyframes price-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.cart{z-index:var(--z-overlay);pointer-events:none;opacity:0;transition:opacity var(--transition-base) var(--easing-smooth);position:fixed;inset:0}.cart--open{pointer-events:auto;opacity:1}.cart--open .cart__backdrop{opacity:1}.cart--open .cart__panel{transform:translate(0)}.cart__backdrop{background:var(--color-overlay-dark);backdrop-filter:blur(4px);opacity:0;transition:opacity var(--transition-base) var(--easing-smooth);position:absolute;inset:0}.cart__panel{background:var(--color-bg-elevated);border-left:1px solid var(--color-border-light);width:100%;max-width:480px;box-shadow:var(--shadow-panel);transition:transform var(--transition-base) var(--easing-smooth);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%);container:cart-panel/inline-size;@container cart-panel (width<=768px){max-width:100%}}.cart__header{padding:var(--spacing-base);border-bottom:1px solid var(--color-border-light);flex-shrink:0;justify-content:space-between;align-items:center;display:flex;@container cart-panel (width<=768px){padding:var(--spacing-sm) var(--spacing-base)}}.cart__title-wrapper{align-items:center;gap:var(--spacing-sm);display:flex}.cart__icon{font-size:var(--font-size-2xl);color:var(--color-accent-blue)}.cart__title{font-size:var(--font-size-xl);color:var(--color-text-dark);text-transform:uppercase;margin:0;font-weight:700;@container cart-panel (width<=768px){font-size:var(--font-size-lg)}}.cart__close{color:var(--color-text-dark);cursor:pointer;width:var(--size-button-sm);height:var(--size-button-sm);border-radius:var(--radius-sm);transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;&:hover{background:var(--color-overlay-light)}}.cart__close-icon{font-size:var(--font-size-2xl);line-height:1}.cart__body{padding:var(--spacing-base);flex:1;overflow:hidden auto;@container cart-panel (width<=768px){padding:var(--spacing-sm) var(--spacing-base)}}.cart__empty{text-align:center;padding:var(--spacing-xl);flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex;&[hidden]{display:none!important}}.cart__empty-message{font-size:var(--font-size-lg);color:var(--color-text-dark);margin:0 0 var(--spacing-sm);font-weight:600}.cart__empty-subtext{font-size:var(--font-size-sm);color:var(--color-text-dark);opacity:var(--opacity-secondary);margin:0}.cart__content{gap:var(--spacing-base);flex-direction:column;display:flex;&[hidden]{display:none!important}}.cart__items{gap:var(--spacing-base);flex-direction:column;display:flex}.cart__item{gap:var(--spacing-base);padding:var(--spacing-base);border-bottom:1px solid var(--color-border-light);flex-direction:column;display:flex;@container cart-panel (width<=768px){padding:var(--spacing-sm);gap:var(--spacing-sm)}}.cart__item-main{gap:var(--spacing-base);align-items:flex-start;display:flex;@container cart-panel (width<=768px){gap:var(--spacing-sm)}}.cart__item-image{width:var(--size-image-base);height:var(--size-image-base);object-fit:cover;border-radius:var(--radius-lg);flex-shrink:0;@container cart-panel (width<=768px){width:var(--size-image-sm);height:var(--size-image-sm)}}.cart__item-content{gap:var(--spacing-sm);flex-direction:column;flex:1;min-width:0;display:flex}.cart__item-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);display:flex}.cart__item-name{font-size:var(--font-size-base);color:var(--color-text-dark);word-wrap:break-word;overflow-wrap:break-word;flex:1;margin:0;font-weight:600;@container cart-panel (width<=768px){font-size:var(--font-size-sm)}}.cart__item-option{font-size:var(--font-size-sm);color:var(--color-text-dark);opacity:var(--opacity-primary);margin:0;@container cart-panel (width<=768px){font-size:var(--font-size-xs)}}.cart__item-toppings{font-size:var(--font-size-xs);color:var(--color-accent-blue);margin:0;font-weight:500;line-height:1.4}.cart__item-package-option{font-size:var(--font-size-xs);color:var(--color-text-dark);opacity:var(--opacity-secondary);margin:0;line-height:1.4}.cart__item-instructions{font-size:var(--font-size-xs);color:var(--color-text-dark);opacity:var(--opacity-secondary);padding:var(--spacing-sm);background:var(--color-overlay-dark);border-radius:var(--radius-sm);margin:0;font-style:italic;line-height:1.4}.cart__item-edit{color:var(--color-text-dark);cursor:pointer;width:var(--size-button-sm);height:var(--size-button-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);transition:background var(--transition-fast), transform var(--transition-fast);opacity:var(--opacity-secondary);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex;&:hover{background:var(--color-overlay-light);opacity:1;transform:scale(1.1)}}.cart__item-actions{justify-content:space-between;align-items:center;gap:var(--spacing-base);display:flex;@container cart-panel (width<=768px){gap:var(--spacing-sm);justify-content:space-between;margin-left:0}}.cart__item-quantity{align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:flex}.cart__quantity-btn{width:var(--size-button-base);height:var(--size-button-base);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-dark);cursor:pointer;font-size:var(--font-size-xl);transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;justify-content:center;align-items:center;line-height:1;display:flex;&:hover{background:var(--color-overlay-light);border-color:var(--color-accent-blue)}@container cart-panel (width<=768px){width:var(--size-button-sm);height:var(--size-button-sm)}}.cart__quantity-value{min-width:var(--size-button-base);text-align:center;font-size:var(--font-size-base);color:var(--color-text-dark);font-weight:600;@container cart-panel (width<=768px){min-width:var(--size-button-sm)}}.cart__item-price{font-size:var(--font-size-lg);color:var(--color-accent-blue);text-align:right;flex-shrink:0;min-width:70px;font-weight:700;@container cart-panel (width<=768px){font-size:var(--font-size-base);min-width:60px}}.cart__item-remove{color:var(--color-text-dark);cursor:pointer;width:var(--size-button-base);height:var(--size-button-base);border-radius:var(--radius-sm);font-size:var(--font-size-lg);transition:background var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;&:hover{background:var(--color-overlay-light);transform:scale(1.1)}@container cart-panel (width<=768px){width:var(--size-button-sm);height:var(--size-button-sm);font-size:var(--font-size-base)}}.cart__footer{gap:var(--spacing-base);padding:var(--spacing-base);border-top:1px solid var(--color-border-light);background:var(--color-bg-elevated);flex-direction:column;flex-shrink:0;display:flex;&[hidden]{display:none!important}@container cart-panel (width<=768px){padding:var(--spacing-sm) var(--spacing-base)}}.cart__totals{gap:var(--spacing-sm);padding-bottom:var(--spacing-base);border-bottom:1px solid var(--color-border-light);flex-direction:column;display:flex}.cart__subtotal-row,.cart__total-row{justify-content:space-between;align-items:center;display:flex}.cart__subtotal-label,.cart__total-label{font-size:var(--font-size-base);color:var(--color-text-dark);font-weight:600}.cart__subtotal-value{font-size:var(--font-size-base);color:var(--color-text-dark);opacity:var(--opacity-primary);font-weight:600}.cart__total-value{font-size:var(--font-size-xl);color:var(--color-accent-blue);font-weight:700}.cart__actions{justify-content:space-between;align-items:center;gap:var(--spacing-base);flex-direction:row-reverse;display:flex}.cart__checkout-btn{padding:var(--spacing-sm);border-radius:var(--radius-sm);background:var(--color-accent-blue);color:var(--color-text-dark);font-size:var(--font-size-base);cursor:pointer;transition:opacity var(--transition-fast), transform var(--transition-fast);border:none;flex:1;&:hover{opacity:var(--opacity-hover);transform:translateY(-1px)}&:active{transform:translateY(0)}}.cart__clear-btn{padding:var(--spacing-sm) var(--spacing-base);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);color:var(--color-text-dark);font-size:var(--font-size-base);cursor:pointer;transition:background var(--transition-fast), opacity var(--transition-fast);white-space:nowrap;background:0 0;&:hover{background:var(--color-overlay-light);opacity:var(--opacity-hover)}&:active{transform:translateY(0)}}.checkout-modal{z-index:var(--z-overlay);pointer-events:none;opacity:0;transition:opacity var(--transition-base) var(--easing-smooth);padding:var(--spacing-base);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;@media (width<=480px){padding:var(--spacing-sm)}}.checkout-modal--open{pointer-events:auto;opacity:1}.checkout-modal--open .checkout-modal__backdrop{opacity:1}.checkout-modal--open .checkout-modal__container{opacity:1;transform:scale(1)}.checkout-modal__backdrop{z-index:0;background:var(--color-overlay-dark);backdrop-filter:blur(4px);opacity:0;transition:opacity var(--transition-base) var(--easing-smooth);pointer-events:none;position:absolute;inset:0}.checkout-modal__container{z-index:1;width:100%;max-width:600px;max-height:calc(100vh - var(--spacing-base) * 2);max-height:calc(100dvh - var(--spacing-base) * 2);background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-panel);opacity:0;transition:transform var(--transition-base) var(--easing-smooth), opacity var(--transition-base) var(--easing-smooth);flex-direction:column;display:flex;position:relative;overflow:hidden;transform:scale(.95);container:checkout-modal/inline-size;@media (width<=480px){max-height:calc(100vh - var(--spacing-sm) * 2);max-height:calc(100dvh - var(--spacing-sm) * 2);border-radius:var(--radius-lg)}}.checkout-modal__step{min-height:0;animation:stepFadeIn var(--transition-base) ease-out;flex-direction:column;flex:1;display:flex;overflow:hidden;&[hidden]{display:none}}@keyframes stepFadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.checkout-modal__header{padding:var(--spacing-base) var(--spacing-lg);border-bottom:1px solid var(--color-border-light);flex-shrink:0;justify-content:space-between;align-items:center;display:flex;@container checkout-modal (width<=480px){padding:var(--spacing-sm) var(--spacing-base)}}.checkout-modal__title{font-size:var(--font-size-xl);color:var(--color-text-dark);text-transform:uppercase;letter-spacing:.05em;margin:0;font-weight:700}.checkout-modal__cancel,.checkout-modal__back{border:1px solid var(--color-border-light);color:var(--color-text-dark);cursor:pointer;padding:var(--spacing-xs) var(--spacing-base);border-radius:var(--radius-base);font-size:var(--font-size-sm);transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;font-weight:600;&:hover{background:var(--color-overlay-light);border-color:var(--color-text-muted)}&:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}}.checkout-modal__body{min-height:0;padding:var(--spacing-lg);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto;@container checkout-modal (width<=480px){padding:var(--spacing-base)}}.checkout-modal__body--centered{justify-content:center;align-items:center;display:flex}.checkout-modal__section-title{font-size:var(--font-size-lg);color:var(--color-accent-blue);margin:0 0 var(--spacing-base) 0;letter-spacing:.025em;text-transform:uppercase;font-weight:700}.checkout-modal__summary-items{gap:var(--spacing-sm);margin-bottom:var(--spacing-base);flex-direction:column;display:flex}.checkout-modal__summary-item{justify-content:space-between;align-items:flex-start;gap:var(--spacing-base);padding:var(--spacing-sm);background:var(--color-overlay-light);border-radius:var(--radius-base);border:1px solid var(--color-border-light);display:flex}.checkout-modal__summary-item-details{gap:var(--spacing-2xs);flex-direction:column;flex:1;display:flex}.checkout-modal__summary-item-name{color:var(--color-text-dark);font-weight:600;font-size:var(--font-size-sm)}.checkout-modal__summary-item-meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.checkout-modal__summary-item-toppings{font-size:var(--font-size-xs);color:var(--color-accent-blue);margin-top:var(--spacing-3xs);font-weight:500}.checkout-modal__summary-item-price{color:var(--color-accent-blue);font-weight:700;font-size:var(--font-size-base);white-space:nowrap}.checkout-modal__summary-totals{gap:var(--spacing-sm);padding-top:var(--spacing-base);border-top:1px solid var(--color-border-light);flex-direction:column;display:flex}.checkout-modal__summary-row{font-size:var(--font-size-sm);color:var(--color-text-muted);justify-content:space-between;align-items:center;display:flex}.checkout-modal__summary-row--total{font-size:var(--font-size-xl);color:var(--color-text-dark);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light);font-weight:700}.checkout-modal__summary-subtotal,.checkout-modal__summary-delivery,.checkout-modal__summary-rush,.checkout-modal__summary-total{color:var(--color-accent-blue);font-weight:700}.checkout-modal__lead-note{margin:var(--spacing-base) 0 0;font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}.checkout-modal__checkbox-label{align-items:flex-start;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-dark);cursor:pointer;line-height:1.4;display:flex}.checkout-modal__checkbox{width:var(--size-icon-base);height:var(--size-icon-base);accent-color:var(--color-accent-blue);cursor:pointer;flex-shrink:0;margin-top:2px}.checkout-modal__form{gap:var(--spacing-base);flex-direction:column;display:flex}.checkout-modal__form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.checkout-modal__form-group--alt{clip-path:inset(100%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.checkout-modal__form-group--delivery{display:flex}.checkout-modal__form-group--delivery[hidden]{display:none}.checkout-modal__fieldset{gap:var(--spacing-sm);border:none;flex-direction:column;margin:0;padding:0;display:flex}.checkout-modal__legend{color:var(--color-text-dark);font-weight:600;font-size:var(--font-size-sm);margin-bottom:0}.checkout-modal__radio-group{gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.checkout-modal__radio-label{align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-dark);user-select:none;display:flex}.checkout-modal__radio{cursor:pointer;width:20px;height:20px;accent-color:var(--color-accent-blue);flex-shrink:0}.checkout-modal__label{color:var(--color-text-dark);font-weight:600;font-size:var(--font-size-sm)}.checkout-modal__required{color:var(--color-accent-blue);font-weight:700}.checkout-modal__input{padding:var(--spacing-sm) var(--spacing-base);border:1px solid var(--color-border-light);border-radius:var(--radius-base);font-size:var(--font-size-base);background:var(--color-bg-cream);color:var(--color-text-dark);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);font-family:inherit;&:focus{border-color:var(--color-accent-blue);outline:none;box-shadow:0 0 0 3px #20a6fd33}&::placeholder{color:var(--color-text-muted)}}.checkout-modal__textarea{resize:vertical;min-height:80px}.checkout-modal__select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-base) center;padding-right:var(--spacing-2xl);cursor:pointer;&:invalid{color:var(--color-text-muted)}}.checkout-modal__char-count{margin-top:var(--spacing-2xs);font-size:var(--font-size-xs);color:var(--color-text-dark);opacity:var(--opacity-secondary);transition:color var(--transition-fast);justify-content:flex-end;display:flex}.checkout-modal__char-count--warning{color:var(--color-accent-blue);opacity:1}.checkout-modal__char-count-value{font-weight:600}.checkout-modal__error{font-size:var(--font-size-xs);color:var(--color-error);min-height:1.2em}.checkout-modal__form-actions{margin-top:var(--spacing-base)}.checkout-modal__btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-base) var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--font-size-base);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);text-transform:uppercase;letter-spacing:.025em;font-weight:700;display:flex;&:focus-visible{outline:2px solid var(--color-accent-blue);outline-offset:2px}&:disabled{opacity:var(--opacity-muted);cursor:not-allowed;transform:none}}.checkout-modal__btn--primary{background:linear-gradient(135deg, var(--color-accent-blue), var(--color-accent-blue-light));width:100%;color:var(--color-text-dark);box-shadow:var(--shadow-gradient-button);border:none;&:hover:not(:disabled){box-shadow:var(--shadow-gradient-button-hover);transform:translateY(-2px)}&:active:not(:disabled){transform:translateY(0)}&:disabled{box-shadow:none;background:#20a6fd4d}}.checkout-modal__btn--secondary{background:var(--color-bg-cream);width:100%;color:var(--color-text-dark);border:1px solid var(--color-border-light);&:hover:not(:disabled){background:var(--color-overlay-light);border-color:var(--color-accent-blue)}}.checkout-modal__btn--confirm{background:var(--color-accent-blue);width:100%;color:var(--color-text-light);border:none;box-shadow:0 4px 12px #8000204d;&:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #80002066}&:active:not(:disabled){transform:translateY(0)}}.checkout-modal__btn--close{color:var(--color-text-dark);border:1px solid var(--color-border-light);padding:var(--spacing-sm) var(--spacing-lg);text-transform:none;background:0 0;font-weight:600;&:hover{background:var(--color-overlay-light)}}.checkout-modal__btn-icon{font-size:1.2em}.checkout-modal__btn-loader{border:3px solid var(--color-border-medium);border-top-color:var(--color-text-on-accent);border-radius:var(--radius-full);width:20px;height:20px;animation:.8s linear infinite spin;display:none}.checkout-modal__btn--loading .checkout-modal__btn-text{opacity:var(--opacity-medium)}.checkout-modal__btn--loading .checkout-modal__btn-loader{display:block}.checkout-modal__btn-copied{color:var(--color-accent-green);font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}.checkout-modal__instructions{text-align:center;max-width:450px;margin:0 auto}.checkout-modal__instructions-icon{margin-bottom:var(--spacing-base);font-size:3rem}.checkout-modal__instructions-title{font-size:var(--font-size-2xl);color:var(--color-text-dark);margin:0 0 var(--spacing-base) 0;font-weight:700}.checkout-modal__instructions-text{font-size:var(--font-size-base);color:var(--color-text-dark);opacity:var(--opacity-secondary);margin:0 0 var(--spacing-base) 0;line-height:1.6}.checkout-modal__email-address{background:var(--color-overlay-light);border:1px solid var(--color-border-light);border-radius:var(--radius-base);padding:var(--spacing-sm) var(--spacing-base);font-family:Courier New,monospace;font-size:var(--font-size-lg);color:var(--color-accent-blue);margin-bottom:var(--spacing-lg);font-weight:600;display:inline-block}.checkout-modal__actions{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.checkout-modal__confirm-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-light)}.checkout-modal__warning{border-radius:var(--radius-base);padding:var(--spacing-base);margin-bottom:var(--spacing-base);font-size:var(--font-size-sm);color:var(--color-text-dark);text-align:left;background:#e74c3c1a;border:1px solid #e74c3c4d;line-height:1.5;& strong{color:var(--color-error)}}.checkout-modal__success{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);flex-direction:column;align-items:center;display:flex}.checkout-modal__success-icon{background:var(--color-accent-blue);width:80px;height:80px;color:var(--color-text-dark);border-radius:var(--radius-full);font-size:var(--size-icon-2xl);margin-bottom:var(--spacing-lg);animation:successPop var(--transition-slow) ease;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 20px #20a6fd80}@keyframes successPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.checkout-modal__success-title{font-size:var(--font-size-3xl);color:var(--color-text-dark);margin:0 0 var(--spacing-base) 0;font-weight:700}.checkout-modal__success-message{font-size:var(--font-size-base);color:var(--color-text-dark);opacity:var(--opacity-secondary);max-width:400px;margin:0 0 var(--spacing-base) 0;line-height:1.6}.checkout-modal__success-disclaimer{font-size:var(--font-size-sm);color:var(--color-text-muted);max-width:400px;margin:0 0 var(--spacing-lg) 0;padding:var(--spacing-sm) var(--spacing-base);background:var(--color-overlay-light);border-radius:var(--radius-base);line-height:1.5}.checkout-modal__countdown{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-base)}.checkout-modal__countdown-value{color:var(--color-accent-blue);font-weight:700}@container checkout-modal (width<=480px){.checkout-modal__title{font-size:var(--font-size-lg)}.checkout-modal__section-title{font-size:var(--font-size-base)}.checkout-modal__btn{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-base)}.checkout-modal__instructions-title{font-size:var(--font-size-xl)}.checkout-modal__email-address{font-size:var(--font-size-base)}.checkout-modal__success-title{font-size:var(--font-size-2xl)}}.footer{padding:var(--spacing-xl) var(--spacing-lg);background:var(--color-bg-cream);margin-top:var(--spacing-xl);border-top:1px solid var(--color-border-light);container:footer/inline-size}.footer__container{max-width:var(--container-max-width);gap:var(--spacing-xl);margin:0 auto;margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid;@container footer (width<=768px){gap:var(--spacing-lg);grid-template-columns:1fr}}.footer__title{font-family:var(--font-family-serif);font-size:var(--font-size-xl);color:var(--color-accent-blue);margin-bottom:var(--spacing-base);font-weight:700;line-height:1.3}.footer__description{color:var(--color-text-dark);opacity:var(--opacity-secondary);font-size:var(--font-size-sm);line-height:1.6}.footer__contact{gap:var(--spacing-sm);flex-direction:column;display:flex}.footer__contact-link{align-items:center;gap:var(--spacing-sm);color:var(--color-text-dark);font-size:var(--font-size-sm);transition:color var(--transition-fast);text-decoration:none;display:flex;&:hover{color:var(--color-accent-blue-light)}}.footer__contact-icon{font-size:var(--size-icon-base)}.footer__list{list-style:none}.footer__list-item{color:var(--color-text-dark);opacity:var(--opacity-secondary);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);padding-left:var(--spacing-base);line-height:1.6;position:relative;&:before{content:"•";color:var(--color-accent-blue);position:absolute;left:0}}.footer__copyright{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-light);color:var(--color-text-muted);font-size:var(--font-size-sm)}.checkout-modal__input:user-invalid{border-color:var(--color-error);background-color:#ff6b6b1a;&:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ff6b6b33}}.checkout-modal__input:user-valid{border-color:var(--color-success);&:focus{border-color:var(--color-success);box-shadow:0 0 0 3px #51cf6633}}.checkout-modal__error{color:var(--color-error-muted);font-size:var(--font-size-xs);margin-top:var(--spacing-2xs);font-weight:500;line-height:1.4;display:none}.checkout-modal__error--visible{animation:slideDown var(--transition-fast) ease;display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.checkout-modal__form-group:has(.checkout-modal__input:user-invalid) .checkout-modal__label{color:var(--color-error-muted)}.checkout-modal__form-group:has(.checkout-modal__input:user-valid) .checkout-modal__label{color:var(--color-success)}@media (prefers-reduced-motion:reduce){.checkout-modal__error{animation:none}}