:root{--color-bg-cream: #262A2C;--color-bg-elevated: #2F3537;--color-text-dark: #F2F4F3;--color-text-muted: rgba(242, 244, 243, .75);--color-text-light: #262A2C;--color-text-on-accent: #262A2C;--color-burgundy: #20a6fd;--color-burgundy-light: #4db8ff;--color-accent-blue: #20a6fd;--color-accent-blue-light: #4db8ff;--color-accent-blue-subtle: rgba(32, 166, 253, .2);--color-accent-red: #20a6fd;--color-accent-red-light: #4db8ff;--color-accent-red-subtle: rgba(32, 166, 253, .15);--color-pastel-pink: #20a6fd;--color-pastel-pink-light: #4db8ff;--color-gold: #20a6fd;--color-gold-light: #4db8ff;--color-accent-pink: #20a6fd;--color-accent-purple: #20a6fd;--color-accent-green: #51cf66;--color-white: #F2F4F3;--color-light-gray: #2F3537;--color-medium-gray: rgba(242, 244, 243, .5);--color-dark-gray: #F2F4F3;--color-overlay-light: rgba(242, 244, 243, .05);--color-overlay-dark: rgba(0, 0, 0, .5);--color-border-light: rgba(242, 244, 243, .12);--color-border-medium: rgba(242, 244, 243, .2);--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 rgba(0, 0, 0, .3);--shadow-base: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-header: 0 2px 8px rgba(0, 0, 0, .3);--shadow-menu-hover: 0 8px 16px rgba(0, 0, 0, .4);--shadow-panel: -4px 0 24px rgba(0, 0, 0, .5);--shadow-modal: 0 8px 32px rgba(0, 0, 0, .5);--shadow-button: 0 4px 12px rgba(32, 166, 253, .3);--shadow-button-lg: 0 6px 20px rgba(32, 166, 253, .35);--shadow-card: 0 2px 8px rgba(0, 0, 0, .25);--shadow-card-hover: 0 4px 16px rgba(0, 0, 0, .35);--shadow-gradient-button: 0 4px 15px rgba(32, 166, 253, .4);--shadow-gradient-button-hover: 0 6px 20px rgba(32, 166, 253, .5)}*{margin:0;padding:0;box-sizing:border-box}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)}}*{scrollbar-width:thin;scrollbar-color:var(--color-border-medium) var(--color-bg-cream)}@view-transition{navigation:none}::view-transition-group(root){animation:none!important;display:none}::view-transition-old(root),::view-transition-new(root){animation:none!important;display:none}::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:center center}::view-transition-new(*){animation:spring-entrance var(--transition-slow) var(--easing-spring) both;transform-origin:center center}@keyframes dramatic-exit{0%{opacity:1;transform:scale(1) rotate(0);filter:blur(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(0)}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;transform:scale(1) rotate(0) translate(0);filter:blur(0)}}.header{container-type:inline-size;container-name:header;position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-bg-cream);border-bottom:1px solid var(--color-border-light);box-shadow:var(--shadow-header)}.header__container{max-width:var(--container-max-width);margin:0 auto;padding:var(--spacing-base) var(--spacing-lg);display:grid;grid-template-columns:1fr auto;align-items:center;@container header (max-width: 768px){grid-template-columns:auto 1fr auto;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-base)}}.header__menu-btn{display:none;background:transparent;border:none;cursor:pointer;padding:var(--spacing-sm);margin-left:calc(var(--spacing-sm) * -1);@container header (max-width: 768px){display:flex;align-items:center;justify-content:center}}.header__menu-icon{display:flex;flex-direction:column;gap:4px;width:20px}.header__menu-line{display:block;width:100%;height:2px;background:var(--color-text-dark);border-radius:1px;transition:all var(--transition-fast)}.header__menu-btn[aria-expanded=true] .header__menu-line:nth-child(1){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{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap;@container header (max-width: 768px){display:none}}.header__nav-link{color:var(--color-text-dark);text-decoration:none;font-size:var(--font-size-base);font-weight:500;transition:color var(--transition-fast);&:hover{color:var(--color-burgundy)}}.header__brand{display:flex;align-items:center;justify-content:center;text-decoration:none;@container header (max-width: 768px){display:none}}.header__brand-mobile{display:none;text-decoration:none;justify-self:center;@container header (max-width: 768px){display:flex;align-items:center;justify-content:center}}.header__title{font-family:var(--font-family-serif);font-size:var(--font-size-xl);color:var(--color-burgundy);font-weight:700;margin:0;line-height:1.2;text-align:center;@container header (max-width: 768px){font-size:var(--font-size-base)}}.header__actions{display:flex;gap:var(--spacing-base);align-items:center;flex-shrink:0}.header__cart-btn{background:transparent;border:none;color:var(--color-text-dark);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);padding:var(--spacing-sm);position:relative;transition:opacity var(--transition-fast);&:hover{opacity:var(--opacity-primary)}}.header__cart-icon{font-size:var(--size-icon-base)}.header__cart-badge{position:absolute;top:0;right:0;background:var(--color-burgundy);color:var(--color-text-on-accent);border-radius:var(--radius-full);width:var(--size-icon-base);height:var(--size-icon-base);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:700;transform:translate(25%,-25%);transition:transform var(--transition-fast),scale var(--transition-fast);&[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{position:fixed;inset:0;background:#00000080;z-index:calc(var(--z-overlay) - 1);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base);&[aria-hidden=false]{opacity:1;visibility:visible}}.mobile-menu{position:fixed;top:0;left:0;bottom:0;width:min(300px,85vw);background:var(--color-bg-cream);z-index:var(--z-overlay);display:flex;flex-direction:column;transform:translate(-100%);transition:transform var(--transition-base) var(--easing-smooth);box-shadow:var(--shadow-panel);&[aria-hidden=false]{transform:translate(0)}}.mobile-menu__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-base);border-bottom:1px solid var(--color-border-light)}.mobile-menu__title{font-family:var(--font-family-serif);font-size:var(--font-size-lg);font-weight:700;color:var(--color-burgundy)}.mobile-menu__close{background:transparent;border:none;font-size:var(--font-size-xl);color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs);line-height:1;transition:color var(--transition-fast);&:hover{color:var(--color-burgundy)}}.mobile-menu__links{flex:1;display:flex;flex-direction:column;padding:var(--spacing-base) 0;overflow-y:auto}.mobile-menu__link{display:block;padding:var(--spacing-base) var(--spacing-lg);font-size:var(--font-size-lg);font-weight:500;color:var(--color-text-dark);text-decoration:none;transition:all var(--transition-fast);&:hover{background:var(--color-overlay-light);color:var(--color-burgundy)}}.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{container-type:inline-size;container-name:hero;padding:var(--spacing-xl) var(--spacing-lg);padding-bottom:calc(var(--spacing-xl) + 60px);position:relative;overflow:hidden;background:radial-gradient(ellipse at 20% 0%,rgba(32,166,253,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(32,166,253,.1) 0%,transparent 40%),var(--color-bg-cream);min-height:650px;display:flex;align-items:center;@container hero (max-width: 768px){min-height:auto;padding:var(--spacing-lg) var(--spacing-base);padding-bottom:calc(var(--spacing-lg) + 50px)}}.hero__background{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.hero__background-shape{position:absolute;border-radius:50%;filter:blur(60px)}.hero__background-shape--1{width:500px;height:500px;background:linear-gradient(135deg,var(--color-accent-red),var(--color-accent-blue));opacity:.15;top:-150px;right:-100px}.hero__background-shape--2{width:350px;height:350px;background:linear-gradient(45deg,var(--color-accent-blue),var(--color-accent-blue-light));opacity:.2;bottom:-100px;left:-80px}.hero__background-shape--3{width:200px;height:200px;background:var(--color-accent-blue);opacity:.12;top:40%;left:30%}.hero__dots{position:absolute;inset:0;z-index:0;pointer-events:none}.hero__dot{position:absolute;border-radius:50%}.hero__dot--1{width:8px;height:8px;background:var(--color-accent-red);opacity:.4;top:15%;left:10%}.hero__dot--2{width:6px;height:6px;background:var(--color-accent-blue);opacity:.5;top:25%;right:15%}.hero__dot--3{width:10px;height:10px;background:var(--color-accent-blue);opacity:.45;bottom:30%;left:5%}.hero__dot--4{width:5px;height:5px;background:var(--color-accent-red);opacity:.35;top:60%;right:8%}.hero__dot--5{width:7px;height:7px;background:var(--color-accent-blue);opacity:.4;bottom:20%;right:25%}.hero__container{max-width:var(--container-max-width);margin:0 auto;position:relative;z-index:1;width:100%}.hero__content{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--spacing-xl);align-items:center;@container hero (max-width: 968px){grid-template-columns:1fr;gap:var(--spacing-lg)}}.hero__text{text-align:center;animation:content-enter .8s var(--easing-smooth) both;@container hero (min-width: 969px){text-align:left}}@keyframes content-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero__logo-wrapper{position:relative;margin-bottom:var(--spacing-lg);display:flex;justify-content:center;@container hero (min-width: 969px){justify-content:flex-start}@container hero (max-width: 768px){margin-bottom:var(--spacing-base)}}.hero__logo-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;background:radial-gradient(circle,var(--color-accent-blue) 0%,transparent 70%);opacity:.4;border-radius:50%;@container hero (min-width: 969px){left:60px;transform:translate(-50%,-50%)}@container hero (max-width: 768px){width:120px;height:120px}}.hero__logo{position:relative;width:120px;height:120px;border-radius:var(--radius-full);object-fit:cover;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);&:hover{transform:scale(1.08) rotate(5deg)}@container hero (max-width: 768px){width:100px;height:100px}}.hero__title{font-family:var(--font-family-serif);font-size:var(--font-size-5xl);color:var(--color-burgundy);font-weight:700;margin-bottom:var(--spacing-sm);line-height:1.1;animation:title-enter .8s var(--easing-smooth) .1s both;@container hero (max-width: 768px){font-size:var(--font-size-3xl)}@container hero (max-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{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-lg);color:var(--color-text-muted);margin-bottom:var(--spacing-lg);font-weight:500;animation:content-enter .8s var(--easing-smooth) .2s both;@container hero (max-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);line-height:1.7;animation:content-enter .8s var(--easing-smooth) .3s both;@container hero (min-width: 969px){margin-left:0;margin-right:0}@container hero (max-width: 768px){font-size:var(--font-size-base);margin-bottom:var(--spacing-base)}}.hero__badges{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;margin-bottom:var(--spacing-lg);animation:content-enter .8s var(--easing-smooth) .4s both;@container hero (min-width: 969px){justify-content:flex-start}@container hero (max-width: 768px){margin-bottom:var(--spacing-base)}}.hero__badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:500;color:var(--color-accent-blue-light);background:linear-gradient(135deg,#20a6fd40,#20a6fd26);padding:var(--spacing-xs) var(--spacing-base);border-radius:50px;border:1px solid rgba(32,166,253,.4);white-space:nowrap;transition:all var(--transition-fast) var(--easing-smooth);&:hover{background:linear-gradient(135deg,#20a6fd59,#20a6fd33);transform:translateY(-2px)}@container hero (max-width: 768px){font-size:var(--font-size-xs);padding:var(--spacing-2xs) var(--spacing-sm)}}.hero__badge-icon{font-size:.9em}.hero__cta{display:inline-flex;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);font-weight:600;padding:var(--spacing-base) var(--spacing-lg);border-radius:50px;text-decoration:none;box-shadow:0 4px 15px #20a6fd66,0 2px 4px #20a6fd4d;transition:all var(--transition-base) var(--easing-smooth);animation:content-enter .8s var(--easing-smooth) .5s both;position:relative;overflow:hidden;&:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s ease}&:hover{transform:translateY(-3px);box-shadow:0 8px 25px #20a6fd80,0 4px 8px #20a6fd59;&:before{left:100%}}&:active{transform:translateY(-1px)}@container hero (max-width: 768px){font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-base)}}.hero__cta-text{position:relative;z-index:1}.hero__cta-icon{position:relative;z-index:1;transition:transform var(--transition-fast);.hero__cta:hover &{transform:translate(4px)}}.hero__images{position:relative;animation:images-enter 1s var(--easing-smooth) .3s both}@keyframes images-enter{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.hero__images-accent{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;height:90%;background:linear-gradient(135deg,rgba(32,166,253,.15),transparent);border-radius:var(--radius-lg);opacity:.4;z-index:-1}.hero__image-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:auto auto;gap:var(--spacing-base);position:relative}.hero__image-item{position:relative}.hero__image-frame{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-elevated);padding:6px;box-shadow:0 4px 20px #0000004d,0 2px 8px #0003;transition:all var(--transition-base) var(--easing-smooth);&:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#20a6fd80,#20a6fd4d);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}}.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{grid-row:1 / 3}.hero__image-item--featured .hero__image-frame{height:100%}.hero__image-item--featured .hero__image{height:100%;min-height:340px;@container hero (max-width: 768px){min-height:220px}}.hero__image-label{position:absolute;top:var(--spacing-base);left:var(--spacing-base);background:linear-gradient(135deg,var(--color-accent-red),var(--color-accent-red-light));color:var(--color-text-on-accent);font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-2xs) var(--spacing-sm);border-radius:50px;box-shadow:0 2px 8px #20a6fd66;text-transform:uppercase;letter-spacing:.5px;animation:label-pop .5s var(--easing-spring) 1s both;z-index:2}@keyframes label-pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.hero__image-item--secondary .hero__image,.hero__image-item--tertiary .hero__image{height:180px;@container hero (max-width: 768px){height:140px}}.hero__image{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--radius-lg) - 4px);display:block;transition:transform var(--transition-slow)}.hero__image-item:hover .hero__image{transform:scale(1.03)}.hero__scroll-hint{position:absolute;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);animation:scroll-hint-enter .8s var(--easing-smooth) 1.2s both}@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{width:1px;height:30px;background:linear-gradient(to bottom,var(--color-burgundy),transparent)}@container hero (max-width: 968px){.hero__image-grid{max-width:500px;margin:0 auto}}@container hero (max-width: 600px){.hero__image-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.hero__image-item--featured{grid-column:1 / -1;grid-row:auto}.hero__image-item--featured .hero__image{min-height:180px}.hero__dots,.hero__scroll-hint{display:none}}.about{container-type:inline-size;container-name:about;padding:var(--spacing-xl) var(--spacing-lg);background:var(--color-bg-elevated);position:relative;@container about (max-width: 768px){padding:var(--spacing-lg) var(--spacing-base)}}.about__container{max-width:var(--container-max-width);margin:0 auto}.about__content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:start;@container about (max-width: 868px){grid-template-columns:1fr;gap:var(--spacing-lg)}}.about__text{@container about (max-width: 868px){text-align:center}}.about__title{font-family:var(--font-family-serif);font-size:var(--font-size-3xl);color:var(--color-burgundy);margin-bottom:var(--spacing-lg);@container about (max-width: 768px){font-size:var(--font-size-2xl)}}.about__description{font-size:var(--font-size-base);color:var(--color-text-dark);line-height:1.8;margin-bottom:var(--spacing-base);&: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 (max-width: 768px){padding:var(--spacing-base)}}.about__delivery-title{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-family-serif);font-size:var(--font-size-xl);color:var(--color-burgundy);margin-bottom:var(--spacing-base);@container about (max-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 (max-width: 868px){text-align:center}}.about__delivery-zones{display:flex;flex-direction:column;gap:var(--spacing-base);margin-bottom:var(--spacing-base)}.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{display:inline-block;font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-on-accent);background:var(--color-burgundy);padding:var(--spacing-2xs) var(--spacing-sm);border-radius:var(--radius-sm);margin-bottom:var(--spacing-base);@container about (max-width: 868px){display:block;text-align:center;width:fit-content;margin-inline:auto;margin-bottom:var(--spacing-base)}}.about__zone-areas{display:flex;flex-direction:column;gap:var(--spacing-sm)}.about__zone-area{display:flex;align-items:baseline;gap:var(--spacing-sm);flex-wrap:wrap;@container about (max-width: 868px){flex-direction:column;align-items:center;gap:var(--spacing-2xs)}}.about__area-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);white-space:nowrap}.about__zip-codes{display:flex;flex-wrap:wrap;gap:var(--spacing-2xs);@container about (max-width: 868px){justify-content:center}}.about__zip-code{display:inline-block;font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-dark);opacity:var(--opacity-secondary);font-family:var(--font-family-sans)}.about__delivery-note{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic;margin-bottom:var(--spacing-base);@container about (max-width: 868px){text-align:center}}.about__contact-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-base);font-weight:500;color:var(--color-burgundy);text-decoration:none;transition:color var(--transition-fast);&:hover{color:var(--color-burgundy-light);text-decoration:underline}@container about (max-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{container-type:inline-size;container-name:menu;max-width:var(--container-max-width);margin:0 auto}.menu__title{font-family:var(--font-family-serif);font-size:var(--font-size-4xl);color:var(--color-burgundy);font-weight:700;text-align:center;margin-bottom:var(--spacing-sm);line-height:1.2;@container menu (max-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 (max-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{display:flex;justify-content:center;gap:var(--spacing-base);margin-bottom:var(--spacing-xl);flex-wrap:wrap}.menu__tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);padding:var(--spacing-sm) var(--spacing-base);cursor:pointer;font-size:var(--font-size-base);font-weight:500;transition:all var(--transition-fast);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{container-type:inline-size;container-name:menu-grid;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-xl);@container menu (max-width: 768px){grid-template-columns:1fr;gap:var(--spacing-lg)}}.menu__item{display:flex;flex-direction:column;background:var(--color-bg-elevated);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base);contain:layout;transform-origin:center center;box-shadow:var(--shadow-card);&:has(.menu__item-button:hover){transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}&:has(.menu__item-button:focus-visible){transform:translateY(-4px);box-shadow:var(--shadow-card-hover);outline:3px solid var(--color-accent-blue);outline-offset:2px}&[hidden]{display:none}}.menu__item-button{flex:1;width:100%;background:none;border:none;padding:0;text-align:left;cursor:pointer;display:flex;flex-direction:column;font:inherit;color:inherit;&:focus{outline:none}}.menu__item-image-wrapper{width:100%;height:var(--size-image-2xl);background:var(--product-bg-color, var(--color-pastel-pink));display:flex;align-items:center;justify-content:center;overflow:hidden}.menu__item-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-base);.menu__item:hover &{transform:scale(1.05)}}.menu__item-content{flex:1;display:flex;flex-direction:column;padding:var(--spacing-lg);background:var(--color-bg-elevated)}.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 (max-width: 400px){font-size:var(--font-size-lg)}}.menu__item-description{flex:1;color:var(--color-text-dark);opacity:var(--opacity-secondary);margin-bottom:var(--spacing-base);font-size:var(--font-size-sm);line-height:1.6}.menu__item-price{margin-top:auto;font-size:var(--font-size-lg);color:var(--color-burgundy);font-weight:700}@supports not (view-transition-name: none){.menu__item{transition:transform var(--transition-base),opacity var(--transition-base);&[hidden]{display:none;opacity:0;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);padding:0;max-width:600px;width:90vw;max-height:90vh;overflow:hidden;margin:auto;animation:modal-fade-in var(--transition-base) var(--easing-smooth)}.product-modal[open]{animation:modal-fade-in var(--transition-base) var(--easing-smooth)}.product-modal::backdrop{background:#00000080;backdrop-filter:blur(4px);animation:backdrop-fade-in var(--transition-base) var(--easing-smooth)}.product-modal.closing{animation:modal-fade-out var(--transition-fast) var(--easing-exit)}.product-modal.closing::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{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-base) var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}.product-modal__title{font-size:var(--font-size-2xl);font-weight:700;text-transform:uppercase;margin:0;color:var(--color-text-dark)}.product-modal__close{background:transparent;border:none;color:var(--color-text-dark);line-height:1;cursor:pointer;padding:0;width:var(--size-button-sm);height:var(--size-button-sm);display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.product-modal__close:hover{color:var(--color-accent-red)}.product-modal__body{container-type:inline-size;container-name:modal-body;padding:var(--spacing-lg);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-base);max-height:calc(90vh - 80px)}@container modal-body (max-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__section{flex-shrink:0}.product-modal__section-label{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-dark);margin-bottom:var(--spacing-base);display:block}.product-modal__quantity-options{display:flex;flex-wrap:wrap;gap:var(--spacing-base)}.product-modal__quantity-option{background:var(--color-overlay-light);border:2px solid transparent;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);font-weight:600;transition:all var(--transition-fast);flex:1;min-width:100px;text-align:center}.product-modal__quantity-option:hover{border-color:var(--color-accent-blue)}.product-modal__quantity-option--selected{background:transparent;border-color:var(--color-accent-blue);color:var(--color-accent-blue-light)}.product-modal__instructions{width:100%;background:var(--color-overlay-light);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--spacing-base);color:var(--color-text-dark);font-family:var(--font-family-base);font-size:var(--font-size-sm);resize:none;height:80px;flex-shrink:0}.product-modal__instructions::placeholder{color:var(--color-text-dark);opacity:var(--opacity-muted)}.product-modal__instructions:focus{outline:2px solid var(--color-accent-blue);outline-offset:2px}.product-modal__char-count{display:flex;justify-content:flex-end;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)}.product-modal__char-count--warning{color:var(--color-accent-pink);opacity:1}.product-modal__char-count-value{font-weight:600}.product-modal__add-btn{width:100%;background:var(--color-accent-red);color:var(--color-text-on-accent);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:all var(--transition-fast);flex-shrink:0}.product-modal__add-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-button);background:var(--color-accent-red-light)}.product-modal__add-btn: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);font-weight:600;color:var(--color-accent-blue-light);padding:0 var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.topping-option__checkbox{accent-color:var(--color-accent-blue)}.toppings-group__counter{font-size:var(--font-size-xs);font-weight:500;color:var(--color-burgundy);white-space:nowrap}.toppings-group__counter-current{font-weight:700;color:var(--color-burgundy)}.toppings-group__options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.topping-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-base);cursor:pointer;transition:background-color var(--transition-fast)}.topping-option:hover{background:var(--color-overlay-light)}.topping-option--disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.topping-option--disabled:hover{background:transparent}.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;flex-shrink:0;accent-color:var(--color-accent-blue)}.topping-option__checkbox:disabled{cursor:not-allowed;opacity:var(--opacity-muted)}.topping-option__label{font-size:var(--font-size-sm);color:var(--color-text-dark);cursor:pointer;flex:1;user-select:none}.topping-option__price{font-size:var(--font-size-sm);font-weight:600;color:var(--color-accent-red)}.product-modal__toppings-total{display:flex;justify-content:space-between;align-items:center;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)}.product-modal__toppings-total-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-dark)}.product-modal__toppings-total-value{font-size:var(--font-size-base);font-weight:700;color:var(--color-accent-red)}.product-modal__toppings-total-value.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{position:fixed;inset:0;z-index:var(--z-overlay);pointer-events:none;opacity:0;transition:opacity var(--transition-base) var(--easing-smooth)}.cart--open{pointer-events:auto;opacity:1}.cart--open .cart__backdrop{opacity:1}.cart--open .cart__panel{transform:translate(0)}.cart__backdrop{position:absolute;inset:0;background:var(--color-overlay-dark);backdrop-filter:blur(4px);opacity:0;transition:opacity var(--transition-base) var(--easing-smooth)}.cart__panel{container-type:inline-size;container-name:cart-panel;position:absolute;top:0;right:0;bottom:0;width:100%;max-width:480px;background:var(--color-bg-elevated);border-left:1px solid var(--color-border-light);box-shadow:var(--shadow-panel);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--transition-base) var(--easing-smooth);overflow:hidden;@container cart-panel (max-width: 768px){max-width:100%}}.cart__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-base);border-bottom:1px solid var(--color-border-light);flex-shrink:0;@container cart-panel (max-width: 768px){padding:var(--spacing-sm) var(--spacing-base)}}.cart__title-wrapper{display:flex;align-items:center;gap:var(--spacing-sm)}.cart__icon{font-size:var(--font-size-2xl);color:var(--color-burgundy)}.cart__title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-dark);margin:0;text-transform:uppercase;@container cart-panel (max-width: 768px){font-size:var(--font-size-lg)}}.cart__close{background:transparent;border:none;color:var(--color-text-dark);cursor:pointer;width:var(--size-button-sm);height:var(--size-button-sm);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:background var(--transition-fast);&:hover{background:var(--color-overlay-light)}}.cart__close-icon{font-size:var(--font-size-2xl);line-height:1}.cart__body{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-base);@container cart-panel (max-width: 768px){padding:var(--spacing-sm) var(--spacing-base)}}.cart__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl);min-height:300px;&[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{display:flex;flex-direction:column;gap:var(--spacing-base);&[hidden]{display:none!important}}.cart__items{display:flex;flex-direction:column;gap:var(--spacing-base)}.cart__item{display:flex;flex-direction:column;gap:var(--spacing-base);padding:var(--spacing-base);border-bottom:1px solid var(--color-border-light);@container cart-panel (max-width: 768px){padding:var(--spacing-sm);gap:var(--spacing-sm)}}.cart__item-main{display:flex;gap:var(--spacing-base);align-items:flex-start;@container cart-panel (max-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 (max-width: 768px){width:var(--size-image-sm);height:var(--size-image-sm)}}.cart__item-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0}.cart__item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm)}.cart__item-name{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-dark);margin:0;flex:1;word-wrap:break-word;overflow-wrap:break-word;@container cart-panel (max-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 (max-width: 768px){font-size:var(--font-size-xs)}}.cart__item-toppings{font-size:var(--font-size-xs);color:var(--color-accent-pink);margin:0;font-weight:500;line-height:1.4}.cart__item-instructions{font-size:var(--font-size-xs);color:var(--color-text-dark);opacity:var(--opacity-secondary);font-style:italic;margin:0;padding:var(--spacing-sm);background:var(--color-overlay-dark);border-radius:var(--radius-sm);line-height:1.4}.cart__item-edit{background:transparent;border:none;color:var(--color-text-dark);cursor:pointer;width:var(--size-button-sm);height:var(--size-button-sm);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:var(--font-size-sm);transition:background var(--transition-fast),transform var(--transition-fast);flex-shrink:0;opacity:var(--opacity-secondary);padding:0;&:hover{background:var(--color-overlay-light);opacity:1;transform:scale(1.1)}}.cart__item-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-base);@container cart-panel (max-width: 768px){margin-left:0;gap:var(--spacing-sm);justify-content:space-between}}.cart__item-quantity{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.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);background:transparent;color:var(--color-text-dark);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);line-height:1;transition:background var(--transition-fast),border-color var(--transition-fast);&:hover{background:var(--color-overlay-light);border-color:var(--color-accent-blue)}@container cart-panel (max-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);font-weight:600;color:var(--color-text-dark);@container cart-panel (max-width: 768px){min-width:var(--size-button-sm)}}.cart__item-price{font-size:var(--font-size-lg);font-weight:700;color:var(--color-burgundy);min-width:70px;text-align:right;flex-shrink:0;@container cart-panel (max-width: 768px){font-size:var(--font-size-base);min-width:60px}}.cart__item-remove{background:transparent;border:none;color:var(--color-text-dark);cursor:pointer;width:var(--size-button-base);height:var(--size-button-base);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:var(--font-size-lg);transition:background var(--transition-fast),transform var(--transition-fast);flex-shrink:0;&:hover{background:var(--color-overlay-light);transform:scale(1.1)}@container cart-panel (max-width: 768px){width:var(--size-button-sm);height:var(--size-button-sm);font-size:var(--font-size-base)}}.cart__footer{display:flex;flex-direction:column;gap:var(--spacing-base);padding:var(--spacing-base);border-top:1px solid var(--color-border-light);flex-shrink:0;background:var(--color-bg-elevated);&[hidden]{display:none!important}@container cart-panel (max-width: 768px){padding:var(--spacing-sm) var(--spacing-base)}}.cart__totals{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-bottom:var(--spacing-base);border-bottom:1px solid var(--color-border-light)}.cart__subtotal-row,.cart__total-row{display:flex;justify-content:space-between;align-items:center}.cart__subtotal-label,.cart__total-label{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-dark)}.cart__subtotal-value{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-dark);opacity:var(--opacity-primary)}.cart__total-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-burgundy)}.cart__actions{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-base);flex-direction:row-reverse}.cart__checkout-btn{flex:1;padding:var(--spacing-sm);border:none;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);&: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);background:transparent;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;&:hover{background:var(--color-overlay-light);opacity:var(--opacity-hover)}&:active{transform:translateY(0)}}.checkout-modal{position:fixed;inset:0;z-index:var(--z-overlay);pointer-events:none;opacity:0;transition:opacity var(--transition-base) var(--easing-smooth);display:flex;align-items:center;justify-content:center;padding:var(--spacing-base);@media(max-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{transform:scale(1);opacity:1}.checkout-modal__backdrop{position:absolute;inset:0;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}.checkout-modal__container{container-type:inline-size;container-name:checkout-modal;position:relative;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);display:flex;flex-direction:column;opacity:0;transform:scale(.95);transition:transform var(--transition-base) var(--easing-smooth),opacity var(--transition-base) var(--easing-smooth);overflow:hidden;@media(max-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{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;animation:stepFadeIn var(--transition-base) ease-out}.checkout-modal__step[hidden]{display:none}@keyframes stepFadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.checkout-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-base) var(--spacing-lg);border-bottom:1px solid var(--color-border-light);flex-shrink:0;@container checkout-modal (max-width: 480px){padding:var(--spacing-sm) var(--spacing-base)}}.checkout-modal__title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-dark);margin:0;text-transform:uppercase;letter-spacing:.05em}.checkout-modal__cancel,.checkout-modal__back{background:transparent;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);font-weight:600;transition:background var(--transition-fast),border-color var(--transition-fast);&: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{flex:1;min-height:0;overflow-y:auto;padding:var(--spacing-lg);-webkit-overflow-scrolling:touch;@container checkout-modal (max-width: 480px){padding:var(--spacing-base)}}.checkout-modal__body--centered{display:flex;align-items:center;justify-content:center}.checkout-modal__section-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-burgundy);margin:0 0 var(--spacing-base) 0;letter-spacing:.025em;text-transform:uppercase}.checkout-modal__summary-items{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-base)}.checkout-modal__summary-item{display:flex;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)}.checkout-modal__summary-item-details{display:flex;flex-direction:column;gap:var(--spacing-2xs);flex:1}.checkout-modal__summary-item-name{font-weight:600;color:var(--color-text-dark);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-pink);font-weight:500;margin-top:var(--spacing-3xs)}.checkout-modal__summary-item-price{font-weight:700;color:var(--color-burgundy);font-size:var(--font-size-base);white-space:nowrap}.checkout-modal__summary-totals{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-base);border-top:1px solid var(--color-border-light)}.checkout-modal__summary-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.checkout-modal__summary-row--total{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-dark);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-light)}.checkout-modal__summary-subtotal,.checkout-modal__summary-delivery,.checkout-modal__summary-total{font-weight:700;color:var(--color-burgundy)}.checkout-modal__form{display:flex;flex-direction:column;gap:var(--spacing-base)}.checkout-modal__form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.checkout-modal__label{font-weight:600;color:var(--color-text-dark);font-size:var(--font-size-sm)}.checkout-modal__required{color:var(--color-accent-pink);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);font-family:inherit;background:var(--color-bg-cream);color:var(--color-text-dark);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);&:focus{outline:none;border-color:var(--color-accent-blue);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{display:flex;justify-content:flex-end;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)}.checkout-modal__char-count--warning{color:var(--color-accent-pink);opacity:1}.checkout-modal__char-count-value{font-weight:600}.checkout-modal__form-group--alt{position:absolute;clip-path:inset(100%);overflow:hidden;white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;border:0}.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{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-base) var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:700;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);text-transform:uppercase;letter-spacing:.025em;&: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{width:100%;background:linear-gradient(135deg,var(--color-accent-blue),var(--color-accent-blue-light));color:var(--color-text-dark);border:none;box-shadow:var(--shadow-gradient-button);&:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-gradient-button-hover)}&:active:not(:disabled){transform:translateY(0)}&:disabled{background:#20a6fd4d;box-shadow:none}}.checkout-modal__btn--secondary{width:100%;background:var(--color-bg-cream);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{width:100%;background:var(--color-burgundy);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{background:transparent;color:var(--color-text-dark);border:1px solid var(--color-border-light);padding:var(--spacing-sm) var(--spacing-lg);text-transform:none;font-weight:600;&:hover{background:var(--color-overlay-light)}}.checkout-modal__btn-icon{font-size:1.2em}.checkout-modal__btn-loader{display:none;width:20px;height:20px;border:3px solid var(--color-border-medium);border-top-color:var(--color-text-on-accent);border-radius:var(--radius-full);animation:spin .8s linear infinite}.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{font-size:3rem;margin-bottom:var(--spacing-base)}.checkout-modal__instructions-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-dark);margin:0 0 var(--spacing-base) 0}.checkout-modal__instructions-text{font-size:var(--font-size-base);color:var(--color-text-dark);opacity:var(--opacity-secondary);line-height:1.6;margin:0 0 var(--spacing-base) 0}.checkout-modal__email-address{display:inline-block;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);font-weight:600;color:var(--color-burgundy);margin-bottom:var(--spacing-lg)}.checkout-modal__actions{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.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{background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);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);line-height:1.5;text-align:left;strong{color:var(--color-error)}}.checkout-modal__success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-xl) var(--spacing-lg)}.checkout-modal__success-icon{width:80px;height:80px;background:var(--color-accent-blue);color:var(--color-text-dark);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--size-icon-2xl);margin-bottom:var(--spacing-lg);animation:successPop var(--transition-slow) ease;box-shadow:0 4px 20px #20a6fd80}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.checkout-modal__success-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text-dark);margin:0 0 var(--spacing-base) 0}.checkout-modal__success-message{font-size:var(--font-size-base);color:var(--color-text-dark);opacity:var(--opacity-secondary);line-height:1.6;max-width:400px;margin:0 0 var(--spacing-base) 0}.checkout-modal__success-disclaimer{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5;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)}.checkout-modal__countdown{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-base)}.checkout-modal__countdown-value{font-weight:700;color:var(--color-burgundy)}@container checkout-modal (max-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{container-type:inline-size;container-name: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)}.footer__container{max-width:var(--container-max-width);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-lg);@container footer (max-width: 768px){grid-template-columns:1fr;gap:var(--spacing-lg)}}.footer__title{font-family:var(--font-family-serif);font-size:var(--font-size-xl);color:var(--color-burgundy);font-weight:700;margin-bottom:var(--spacing-base);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{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer__contact-link{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-dark);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast);&: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);position:relative;line-height:1.6;&:before{content:"•";position:absolute;left:0;color:var(--color-burgundy)}}.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{display:none;color:var(--color-error-muted);font-size:var(--font-size-xs);margin-top:var(--spacing-2xs);line-height:1.4;font-weight:500;&.checkout-modal__error--visible{display:block;animation:slideDown var(--transition-fast) ease}}@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}}