@import url("https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&family=Modak&display=swap");:root{--cream-50:#fdfaf2;--cream-100:#f8f1e4;--cream-200:#f2e7d2;--cream-300:#e9d9b9;--tan-400:#d8c093;--tan-500:#c2a26b;--brown-600:#8a6a45;--brown-700:#6b4e30;--brown-900:#3b2a1a;--blue-100:#e4e7f8;--blue-200:#c2c9ef;--blue-400:#4c5bc4;--blue-600:#10177e;--blue-700:#0a0f63;--blue-900:#060a42;--white:#ffffff;--success-100:#e4eedb;--success-600:#4c7a3c;--warning-100:#f6e7cf;--warning-600:#b5762a;--error-100:#f5dfd8;--error-600:#b0432f;--surface-page:var(--cream-100);--surface-card:var(--cream-50);--surface-raised:var(--white);--surface-sunken:var(--cream-200);--surface-brand:var(--blue-600);--surface-brand-tint:var(--blue-100);--border-subtle:var(--cream-300);--border-default:var(--tan-400);--border-strong:var(--brown-600);--border-brand:var(--blue-600);--text-primary:var(--brown-900);--text-secondary:var(--brown-700);--text-muted:var(--brown-600);--text-on-brand:var(--cream-50);--text-brand:var(--blue-600);--text-inverse:var(--cream-50);--accent:var(--blue-600);--accent-hover:var(--blue-700);--accent-active:var(--blue-900);--font-primary:"Fredoka",ui-rounded,"Segoe UI",sans-serif;--font-display:"Modak","Fredoka",cursive;--text-display-xl:400 104px/0.96 var(--font-display);--text-display-lg:400 76px/1.02 var(--font-display);--text-display-md:400 54px/1.05 var(--font-display);--text-h1:600 52px/1.05 var(--font-primary);--text-h2:600 38px/1.14 var(--font-primary);--text-h3:600 24px/1.25 var(--font-primary);--text-h4:500 20px/1.3 var(--font-primary);--text-body-lg:400 19px/1.55 var(--font-primary);--text-body:400 16px/1.55 var(--font-primary);--text-body-sm:400 14px/1.5 var(--font-primary);--text-caption:500 12px/1.4 var(--font-primary);--text-label:600 13px/1.2 var(--font-primary);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(59,42,26,0.08);--shadow-md:0 4px 12px rgba(59,42,26,0.1);--shadow-lg:0 12px 32px rgba(59,42,26,0.14);--shadow-brand:0 6px 20px rgba(16,23,126,0.22);--ease-standard:cubic-bezier(0.25,0.8,0.4,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:120ms;--duration-base:200ms}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface-page);color:var(--text-primary);font:var(--text-body)}body,button,input,textarea{font-family:var(--font-primary)}h1,h2,h3,h4,p{margin:0}a{color:inherit}img{display:block;max-width:100%}button,input,textarea{font:inherit}.container{width:min(1120px,calc(100% - 32px));margin:0 auto}.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;border:2px solid transparent;border-radius:var(--radius-pill);padding:13px 24px;background:var(--blue-600);color:var(--text-on-brand);box-shadow:var(--shadow-brand);cursor:pointer;font-weight:650;text-decoration:none;transition:transform var(--duration-fast) var(--ease-standard),background var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}.button:hover{background:var(--blue-700);box-shadow:0 10px 26px rgba(16,23,126,.28);transform:translateY(-2px)}.button:active{transform:translateY(0) scale(.97)}.button svg{transition:transform var(--duration-base) var(--ease-bounce)}.button:hover svg{transform:translateX(3px)}.button.secondary{background:var(--surface-raised);border-color:var(--blue-600);color:var(--text-brand);box-shadow:none}.button.secondary:hover{background:var(--blue-100);box-shadow:0 8px 20px rgba(59,42,26,.1)}.button.ghost{min-height:42px;background:transparent;border-color:var(--border-default);color:var(--text-primary);box-shadow:none}.button[disabled],.icon-button[disabled]{cursor:not-allowed;opacity:.48}.icon-button{display:inline-flex;width:42px;height:42px;align-items:center;justify-content:center;border:2px solid var(--border-default);border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--blue-600);cursor:pointer;transition:transform var(--duration-fast) var(--ease-standard),background var(--duration-base) var(--ease-standard)}.icon-button:hover{background:var(--blue-100);transform:translateY(-1px)}.icon-button:active{transform:translateY(0) scale(.96)}.badge{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:center;border:1px solid var(--border-default);border-radius:var(--radius-pill);padding:6px 12px;background:var(--cream-50);color:var(--brown-700);font:var(--text-caption)}.badge.brand{border-color:var(--blue-200);background:var(--blue-100);color:var(--blue-600)}.card{overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-md)}.field{display:grid;grid-gap:7px;gap:7px}.field span{color:var(--text-secondary);font:var(--text-label)}.field input,.field textarea{width:100%;border:2px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-raised);color:var(--text-primary);outline:none;padding:13px 15px;transition:border-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard)}.field textarea{min-height:104px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--blue-600);box-shadow:0 0 0 3px var(--blue-100)}.field .error{color:var(--error-600);font:var(--text-caption)}.page-band{padding:var(--space-20) 0}.section-heading{display:grid;grid-gap:var(--space-3);gap:var(--space-3);max-width:680px}.section-heading h2{color:var(--blue-600);font:var(--text-display-md)}.section-heading p{color:var(--text-secondary);font:var(--text-body-lg)}.site-header{position:-webkit-sticky;position:sticky;z-index:20;top:0;border-bottom:1px solid rgba(216,192,147,.7);background:rgba(248,241,228,.94)}.site-header-inner{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:var(--space-6)}.brand-link{display:inline-flex;align-items:center;gap:12px;color:var(--blue-600);font-weight:700;text-decoration:none}.brand-link img{width:58px;height:40px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:var(--space-2)}.nav-links a{border-radius:var(--radius-pill);padding:9px 12px;color:var(--text-secondary);font-weight:600;text-decoration:none}.nav-links a:hover{background:var(--cream-200);color:var(--blue-600)}.cart-link{position:relative}.cart-pill{position:absolute;top:-8px;right:-8px;display:grid;min-width:22px;height:22px;place-items:center;border:2px solid var(--cream-100);border-radius:var(--radius-pill);background:var(--blue-600);color:var(--cream-50);font-size:12px;font-weight:700}.hero{position:relative;display:grid;min-height:min(720px,calc(100vh - 76px));align-items:center;overflow:hidden;background:var(--cream-100)}.hero:after{z-index:1;background:radial-gradient(circle at center,rgba(59,42,26,.14),transparent 48%),linear-gradient(rgba(59,42,26,.1),rgba(59,42,26,.24));content:""}.hero-bread-stage,.hero:after{position:absolute;inset:0;pointer-events:none}.hero-bread-stage{z-index:0;overflow:hidden}.hero-bread{width:100%;height:100%;object-fit:cover;object-position:50% 58%;opacity:.98;transform:scale(1.76);transform-origin:center;will-change:transform,opacity}.hero-content{position:relative;z-index:2;display:grid;justify-items:center;grid-gap:var(--space-5);gap:var(--space-5);width:min(820px,calc(100% - 32px));margin:0 auto;padding:var(--space-20) 0;color:var(--text-inverse);text-align:center}.hero h1{color:var(--cream-50);font:var(--text-display-xl);letter-spacing:0;text-shadow:0 3px 18px rgba(59,42,26,.32)}.marquee-ribbon{position:relative;overflow:hidden;border-top:2px solid var(--blue-600);border-bottom:2px solid var(--blue-600);background:var(--blue-600);color:var(--cream-50)}.marquee-track{display:flex;width:max-content;min-width:100%;animation:marquee-scroll 28s linear infinite}.marquee-item{display:inline-flex;align-items:center;gap:10px;padding:15px 24px;font-weight:700;white-space:nowrap}.marquee-icon-chip{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;border:2px solid rgba(248,241,228,.88);border-radius:var(--radius-pill);background:var(--cream-50);color:var(--blue-600);box-shadow:0 4px 0 rgba(10,22,141,.22)}.marquee-icon{width:19px;height:19px}.hero p{max-width:540px;color:var(--cream-50);font:var(--text-body-lg)}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.hero-delivery-notice{border:2px solid rgba(253,250,242,.74);border-radius:var(--radius-pill);padding:10px 18px;background:rgba(248,241,228,.92);color:var(--blue-600);font-weight:700;box-shadow:0 8px 24px rgba(59,42,26,.16)}.home-menu-grid,.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--space-6);gap:var(--space-6)}.product-card{--product-card-height:720px;--product-image-height:260px;display:grid;grid-template-rows:auto 1fr;height:100%}.home-menu-grid .product-card,.menu-grid .product-card{height:var(--product-card-height)}.home-menu-grid .product-card{--product-card-height:600px}.product-image{display:grid;min-height:252px;place-items:center;border-bottom:1px solid var(--border-subtle);background:var(--cream-200)}.product-image img{width:100%;height:238px;object-fit:contain}.product-image-cutout{aspect-ratio:auto;height:var(--product-image-height);min-height:unset;padding:var(--space-5);place-items:center;background:linear-gradient(145deg,var(--cream-50),var(--cream-200))}.product-image-cutout>img{width:min(82%,292px);height:calc(var(--product-image-height) - 54px);object-fit:contain;object-position:center;filter:drop-shadow(0 18px 22px rgba(59,42,26,.16));transform-origin:center}.product-image-the-og>img{width:min(70%,232px);transform:none}.product-image-later-tater>img{width:min(88%,316px);transform:none}.product-image-soda-licious>img{width:min(78%,270px);transform:none}.bundle-image-group{display:grid;width:min(92%,330px);min-height:calc(var(--product-image-height) - 54px);grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;justify-items:center;grid-gap:var(--space-2);gap:var(--space-2)}.product-image-bread-bundle .bundle-image{width:auto;height:calc(var(--product-image-height) - 112px);max-width:none;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(59,42,26,.16))}.product-image-bread-bundle .bundle-image-1{width:72%;transform:rotate(-4deg)}.product-image-bread-bundle .bundle-image-2{width:100%;transform:rotate(3deg)}.product-image-bread-bundle .bundle-image-3{width:86%;transform:rotate(5deg)}.product-image-placeholder{display:grid;width:100%;min-height:238px;place-items:center;padding:var(--space-6);background:radial-gradient(circle at 36% 35%,var(--tan-400) 0 9%,transparent 10%),radial-gradient(circle at 62% 52%,var(--cream-300) 0 11%,transparent 12%),var(--cream-200);color:var(--brown-700);text-align:center}.product-body{display:grid;grid-template-rows:auto minmax(76px,1fr) auto;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-5)}.product-card-compact .product-body{grid-template-rows:auto 1fr}.product-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.product-title-row>div{min-width:0}.product-title-row h3{font:var(--text-h3)}.product-title-row strong{color:var(--blue-600)}.product-body p{color:var(--text-secondary);min-height:76px}.quantity-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.variant-list{display:grid;align-self:end;align-content:end;grid-gap:var(--space-3);gap:var(--space-3);min-height:143px}.variant-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:var(--space-2);gap:var(--space-2);min-height:58px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 12px;background:rgba(253,250,242,.72)}.variant-row>div:first-child{display:grid;grid-gap:3px;gap:3px;min-width:0}.variant-label{color:var(--text-muted);font:var(--text-label)}.stepper{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px}.quantity-value{display:grid;min-width:24px;place-items:center;font-weight:700}.product-card .icon-button{width:36px;height:36px}.notice{border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--warning-100);color:var(--brown-700)}.cart-notice{border-color:var(--blue-200);background:var(--blue-100);color:var(--blue-600);font-weight:650}.about-grid,.checkout-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-gap:var(--space-10);gap:var(--space-10);align-items:flex-start}.about-mark{display:grid;aspect-ratio:1/1;min-height:320px;overflow:hidden;place-items:center;border:2px solid var(--blue-600);border-radius:var(--radius-xl);background:var(--cream-50);box-shadow:var(--shadow-brand)}.about-mark img{width:100%;height:100%;object-fit:cover}.story-copy{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.story-copy p{color:var(--text-secondary);font:var(--text-body-lg)}.checkout-panel{display:grid;grid-gap:var(--space-5);gap:var(--space-5)}.basket-line{display:grid;grid-template-columns:1fr auto;grid-gap:var(--space-4);gap:var(--space-4);align-items:center;border-bottom:1px solid var(--border-subtle);padding:var(--space-4) 0}.basket-line:first-child{padding-top:0}.basket-line:last-child{border-bottom:0;padding-bottom:0}.basket-total{display:flex;justify-content:space-between;border-top:2px solid var(--border-default);margin-top:var(--space-3);padding-top:var(--space-4);color:var(--blue-600);font:var(--text-h3)}.checkout-form{grid-gap:var(--space-4)}.checkout-form,.form-grid{display:grid;gap:var(--space-4)}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--space-4)}.full-span{grid-column:1/-1}.status-message{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--blue-100);color:var(--blue-600);font-weight:600}.status-message.error{background:var(--error-100);color:var(--error-600)}@keyframes marquee-scroll{0%{transform:translateX(0)}to{transform:translateX(-33.333%)}}@supports (animation-timeline:scroll()){.hero-bread{animation:hero-bread-shrink linear both;animation-range:0 560px;animation-timeline:scroll(root block)}}@keyframes hero-bread-shrink{0%{opacity:.98;transform:scale(1.8)}to{opacity:.86;transform:scale(1.22)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.button svg,.hero-bread,.icon-button,.marquee-track{animation:none;transition:none}}.site-footer{border-top:1px solid var(--border-subtle);background:var(--cream-200);padding:var(--space-12) 0}.footer-grid{display:grid;grid-template-columns:1fr auto;grid-gap:var(--space-10);gap:var(--space-10);align-items:flex-start}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-3)}.footer-links a{color:var(--blue-600);font-weight:650;text-decoration:none}.contact-form{display:grid;width:min(420px,100%);grid-gap:var(--space-3);gap:var(--space-3)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media (max-width:880px){:root{--text-display-xl:400 82px/0.96 var(--font-display);--text-display-lg:400 62px/1.02 var(--font-display);--text-display-md:400 46px/1.05 var(--font-display);--text-h1:600 42px/1.08 var(--font-primary);--text-h2:600 34px/1.16 var(--font-primary)}.site-header-inner{align-items:flex-start;flex-direction:column;padding:var(--space-3) 0}.nav-links{width:100%;overflow-x:auto;padding-bottom:2px}.hero{min-height:620px}.hero-bread{transform:scale(1.5)}.about-grid,.checkout-grid,.footer-grid,.form-grid,.home-menu-grid,.menu-grid{grid-template-columns:1fr}.hero-content{padding:var(--space-20) 0 var(--space-16)}}@media (max-width:560px){:root{--text-display-xl:400 58px/0.98 var(--font-display);--text-display-lg:400 50px/1.03 var(--font-display);--text-display-md:400 40px/1.08 var(--font-display);--text-h1:600 36px/1.1 var(--font-primary);--text-h2:600 30px/1.18 var(--font-primary)}.container{width:min(100% - 24px,1120px)}.brand-link img{width:52px;height:36px}.nav-links a{padding:8px 10px}.hero{min-height:560px}.page-band{padding:var(--space-16) 0}.product-image,.product-image-placeholder{min-height:210px}.product-image img{height:210px}.product-image-cutout{height:240px;min-height:unset}.product-image-cutout>img{height:190px}.home-menu-grid .product-card,.menu-grid .product-card{height:auto}.product-body p,.variant-list{min-height:unset}.product-title-row,.quantity-row,.variant-row{align-items:flex-start;flex-direction:column}.button{width:100%}}