
:root{--ink:#4e3141;--pink:#ef5c91;--lilac:#e9d7ff;--butter:#fff1bf;--mint:#ddf7e9;--peach:#ffe2cc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Trebuchet MS',system-ui,sans-serif;background:#fffaf6}h1,h2,h3{font-family:'Trebuchet MS','Arial Rounded MT Bold',system-ui,sans-serif;line-height:1.13;margin:.15em 0 .45em}h1{font-size:clamp(2.9rem,6vw,5.8rem)}h2{font-size:clamp(2rem,4vw,3.4rem)}h3{font-size:1.35rem}p{line-height:1.65}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}img{display:block;width:100%;object-fit:cover}.wrap{max-width:1120px;margin:auto;padding:0 22px}.top{position:sticky;top:0;background:#fffaf7f2;backdrop-filter:blur(12px);border-bottom:2px solid #f6dbe6;z-index:20}.nav{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:18px}.brand{font-family:'Trebuchet MS','Arial Rounded MT Bold',system-ui,sans-serif;font-size:1.45rem;font-weight:900}.brand span{color:var(--pink)}.links{display:flex;gap:18px;align-items:center;font-size:.88rem;font-weight:750}.links a:hover{color:var(--pink)}.menu{display:none;border:0;border-radius:16px;padding:10px 14px;background:#ffe3ef}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:13px 21px;border-radius:50px;background:var(--pink);color:white;font-weight:800;border:2px solid var(--pink);box-shadow:0 5px 0 #f9c8d8;transition:transform .2s}.btn:hover{transform:translateY(-3px)}.btn.white{background:white;color:var(--ink);border-color:#f0c6d8;box-shadow:none}.btn.small{padding:9px 13px;font-size:.83rem;box-shadow:none}.hero{overflow:hidden;background:radial-gradient(circle at 10% 15%,#fff1b4 0,transparent 34%),radial-gradient(circle at 90% 15%,#e9d8ff 0,transparent 34%),#fff5ef}.hero-inner{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:24px;min-height:590px;padding-top:50px;padding-bottom:55px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;color:#c45682;font-weight:900}.hero h1 em{font-style:normal;color:var(--pink)}.hero p{max-width:570px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.hero-visual{min-height:460px;position:relative}.hero-photo{position:absolute;right:0;top:40px;width:77%;height:370px;border:8px solid white;border-radius:190px 190px 42px 42px;transform:rotate(5deg);box-shadow:0 20px 40px #50304730}.mascot{position:absolute;z-index:2;bottom:10px;left:-5%;width:250px;animation:bob 3.3s ease-in-out infinite;filter:drop-shadow(0 12px 10px #65394d2a)}@keyframes bob{50%{transform:translateY(-13px) rotate(-3deg)}}.floaty{position:absolute;font-size:2.4rem;z-index:3;animation:bob 3s infinite}.f1{left:0;top:15px}.f2{right:0;bottom:10px}.f3{right:10px;top:0}.sticker{background:#fff3a6;padding:12px 17px;border-radius:40px;position:absolute;z-index:3;right:0;top:65px;transform:rotate(10deg);font-weight:850}.page{display:none;min-height:60vh}.page.active{display:block}.section{padding:65px 0}.center{text-align:center}.lead{max-width:680px;margin:0 auto 28px;color:#785e6b}.heading{position:relative;text-align:center;padding:62px 0 48px;overflow:hidden}.heading.pink{background:#ffe3ee}.heading.lilac{background:#eae0ff}.heading.yellow{background:#fff1c3}.heading.mint{background:#dff7eb}.heading.peach{background:#ffe3d2}.heading h1{font-size:clamp(2.5rem,5.5vw,4.7rem)}.crumb{display:inline-block;margin:18px 0 28px;font-weight:800;color:#b74b78}.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tile{border:2px solid #f4dbe5;border-radius:26px;overflow:hidden;background:white;box-shadow:0 12px 24px #50304715;transition:transform .2s}.tile:hover{transform:translateY(-6px)}.tile img{aspect-ratio:1.4}.tile-body{padding:18px}.tile-body p{font-size:.88rem;margin:0 0 12px;color:#806977}.chip{display:inline-block;border-radius:30px;padding:6px 12px;background:#ffe6ef;color:#b74b78;font-size:.76rem;font-weight:900}.subsection{padding:36px 0 55px}.subsection:nth-child(even){background:#fff2f7}.subhead{display:flex;align-items:center;gap:15px;margin-bottom:20px}.subhead .doodle{font-size:3rem;animation:bob 4s infinite}.subhead p{margin:0;color:#816978}.photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.photo-card{background:white;border-radius:22px;overflow:hidden;border:2px solid #f3dce4;box-shadow:0 7px 20px #4e314113}.photo-card img{aspect-ratio:1.08}.photo-card .caption{padding:13px 15px}.photo-card strong{display:block;margin-bottom:8px}.ribbon{background:#fff3c9;border-radius:23px;padding:24px;margin:25px 0}.ribbon.lilac{background:#f0e8ff}.ribbon.mint{background:#e7f8ef}.ribbon h3{margin-top:0}.pills{display:flex;flex-wrap:wrap;gap:9px}.pill{background:white;border:1px solid #efccda;border-radius:30px;padding:8px 13px;font-size:.9rem;font-weight:750}.callout{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#4e3141;color:white;border-radius:30px;padding:28px;margin:34px 0}.callout p{color:#f6dbe7}.callout .big{font-size:4rem}.bread-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.bread-card{background:white;border:2px solid #f4dbe5;border-radius:24px;padding:20px;text-align:center}.bread-card img{width:min(180px,100%);aspect-ratio:1;border-radius:50%;border:6px solid #ffe2ec;margin:0 auto 12px}.fills{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.fill{background:white;border:1px solid #f0d8e2;border-radius:18px;text-align:center;padding:12px 7px;min-height:145px;font-weight:700;font-size:.83rem}.fill img,.fill .emoji{width:78px;height:78px;border-radius:50%;margin:0 auto 10px;background:#fff2f7;object-fit:cover}.fill .emoji{display:grid;place-items:center;font-size:2.6rem}.footer{background:#4e3141;color:white;padding:35px 0}.footer p{color:#f5dae4}.foot{display:flex;justify-content:space-between;gap:20px}.wa{position:fixed;right:16px;bottom:16px;z-index:15;border-radius:50px;padding:13px 17px;background:#25b96b;color:white;font-weight:850;box-shadow:0 8px 25px #0003}.note{font-size:.84rem;color:#836d79}.notice{padding:18px;border:2px dashed #efb9ce;border-radius:18px;background:#fff7f8;margin:22px 0}.mini-hero{background:#fff0c5;border-radius:28px;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:15px}.mini-hero .character{font-size:5rem;animation:bob 3s infinite}.logo-placeholder{display:inline-block;background:white;border:2px dashed #dca7bb;border-radius:18px;padding:10px 15px;font-size:.84rem;color:#956777;margin-bottom:16px}@media(max-width:850px){.hero-inner{grid-template-columns:1fr}.hero-visual{max-width:500px;width:100%;margin:auto}.links{display:none;position:absolute;top:76px;left:0;right:0;background:#fffaf7;padding:20px;flex-direction:column;align-items:flex-start}.links.open{display:flex}.menu{display:block}.catalog,.photos{grid-template-columns:repeat(2,minmax(0,1fr))}.fills{grid-template-columns:repeat(3,1fr)}}@media(max-width:570px){.wrap{padding:0 16px}.brand{font-size:1.2rem}.hero-inner{padding-top:35px}.hero-visual{min-height:300px}.hero-photo{height:265px}.mascot{width:170px}.section{padding:43px 0}.catalog,.photos{gap:11px}.tile-body{padding:12px}.tile h3{font-size:1.05rem}.tile p{font-size:.76rem}.photos{grid-template-columns:1fr 1fr}.photo-card .caption{padding:10px;font-size:.84rem}.fills{grid-template-columns:repeat(2,1fr)}.bread-grid{gap:8px}.bread-card{padding:9px}.bread-card h3{font-size:1rem}.callout .big{display:none}.foot{flex-direction:column}.subhead .doodle{font-size:2.3rem}.mini-hero .character{font-size:3.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}

.catalog .tile{border-radius:44% 44% 28px 28px;border:4px solid #ffc5dd;position:relative;background:linear-gradient(160deg,#fff,#fff1f8)}
.catalog .tile:nth-child(3n+2){border-color:#dcc3ff}.catalog .tile:nth-child(3n){border-color:#ffe3a3}
.catalog .tile:before{content:'♡ ✦';position:absolute;right:10px;top:8px;color:#ee679d;font-size:23px;z-index:2;text-shadow:0 1px white}
.catalog .tile h3,.heading h1,.subhead h2{font-weight:1000;letter-spacing:-.035em;text-shadow:1px 2px #ffe0ed}
.heading p,.lead,.tile p{font-weight:700;color:#624052}
.pill{border:2px solid #ffbcd3;box-shadow:0 3px #ffe3ed}
img[src^="assets/"]{background:linear-gradient(135deg,#ffe4ef,#fff4cb)}
.catalog-mascot{display:flex;align-items:center;justify-content:center;flex-direction:column;margin:10px auto 18px}.mascot-label{font-family:"Trebuchet MS",sans-serif;font-weight:900;color:#b34075;background:#fff;border:2px solid #f9b7d3;border-radius:30px;padding:8px 19px;transform:rotate(-3deg)}


@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap');
body,h1,h2,h3,.pill,.chip,.btn,.cute-choice{font-family:'Fredoka','Trebuchet MS',sans-serif!important}
.catalog-mascot svg{animation:cake-dance 2.5s ease-in-out infinite;transform-origin:50% 80%}
@keyframes cake-dance{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-13px) rotate(5deg)}}
.catalog .tile{border-radius:38% 24% 34% 22% / 18% 35% 20% 33%!important;overflow:hidden;transform:rotate(-1deg);border:3px solid #f9b8d2;box-shadow:7px 9px 0 #ffe2ee!important}
.catalog .tile:nth-child(2n){border-radius:23% 38% 21% 34% / 30% 20% 37% 22%!important;transform:rotate(1deg)}
.catalog .tile:hover{transform:rotate(0deg) translateY(-7px)}
.pill{border-radius:28px 12px 26px 13px!important;font-size:1rem;font-weight:700!important;background:#fff6fc}
.cute-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:15px;margin:20px 0 25px}
.cute-choice{min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;padding:16px 10px;background:linear-gradient(150deg,#fff3fa,#fffbe8);border:3px solid #ffbfd9;border-radius:42% 25% 38% 20% / 25% 40% 20% 35%;box-shadow:5px 6px 0 #f9e1ef;transform:rotate(-2deg);color:#854763}
.cute-choice:nth-child(even){background:#f4efff;transform:rotate(2deg);border-radius:22% 40% 24% 38% / 38% 22% 35% 25%}
.cute-choice span{font-size:2.7rem;filter:drop-shadow(1px 3px 1px #e5b2ca)}
.cute-choice b{font-size:.99rem;line-height:1.2}
.cute-choice.cookie span{background:#e7b57f;border-radius:50%;padding:8px;border:3px dashed #b67c5c}
.cute-choice.loaf span{background:#ffdb9e;border-radius:44% 44% 20% 20%;padding:9px 15px}
.cute-choice.donut span{animation:cake-dance 3s ease-in-out infinite}
.chef-cat{font-size:3.4rem;display:block;animation:cake-dance 3s infinite}
.footer .foot>div:last-child{background:#fff4fc;border:3px dashed #f4b6d5;padding:20px;border-radius:35px;color:#76465c}
@media(prefers-reduced-motion:reduce){.catalog-mascot svg,.chef-cat,.cute-choice.donut span{animation:none}}


.subhead .featured-photo{position:relative;width:150px;height:120px;flex-shrink:0;border-radius:25px;overflow:hidden;background:#fff2f7;border:3px solid white}
.featured-photo img{width:100%;height:100%;object-fit:cover}
.featured-photo .corner-doodle{position:absolute;right:4px;bottom:4px;background:#fff;border-radius:50%;font-size:26px;padding:3px 7px}
.featured-photo .missing-photo{padding:40px 10px;text-align:center;font-size:13px}
.footer .chef-cat{font-size:76px;display:block;line-height:1.3}
.footer .fb-big{font-size:clamp(23px,3vw,32px);line-height:1.2;display:block}
.footer .fb-name{font-size:clamp(24px,3vw,34px);display:inline-block}
@media(max-width:550px){.subhead .featured-photo{width:110px;height:105px}}


/* Page navigation and sweet little order desk */
:root{--focus:#85408e}body{overflow-wrap:break-word}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--focus);outline-offset:4px}.skip-link{position:fixed;left:16px;top:-100px;z-index:100;background:white;padding:12px;border-radius:12px}.skip-link:focus{top:10px}.links a:not(.btn){padding:9px 11px;border-radius:18px}.links a[aria-current]{background:#ffe3ef;color:#923355}.links .btn[aria-current]{background:#aa3b69;border-color:#aa3b69;color:white}.page.active{animation:page-in .28s ease-out}@keyframes page-in{from{opacity:.55;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page h1:focus,.order-card:focus{outline:none}.catalog-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.catalog-intro h2{font-size:1.65rem}.catalog-intro p{margin:7px 0 0}.catalog-intro .btn{flex-shrink:0}.order-section{padding-top:12px;background:linear-gradient(#fffaf6,#fff0f7);padding-bottom:70px}.order-card{scroll-margin-top:100px;border:3px solid #f5bfd7;border-radius:36px;background:#fff;box-shadow:9px 10px 0 #f0e3fb;padding:clamp(22px,4vw,44px)}.order-heading{display:flex;gap:20px;align-items:center;margin-bottom:24px}.order-heading .order-doodle{font-size:3.6rem;background:#fff0c9;border-radius:45% 35% 40% 30%;padding:12px}.order-heading h2{font-size:clamp(2rem,4vw,3rem)}.order-heading p{margin:0;max-width:650px}.order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field.full{grid-column:1/-1}.field label{font-weight:600}.field small{color:#78546a;font-size:.85rem}.optional{font-size:.85em;font-weight:400;color:#78546a}.field input,.field select,.field textarea{width:100%;min-width:0;min-height:49px;border:2px solid #e4c5dc;border-radius:15px;background:#fffafd;color:var(--ink);padding:12px}.field textarea{resize:vertical;min-height:120px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#aa5687;background:#fff}.field input::placeholder,.field textarea::placeholder{color:#8c7482;opacity:1}.order-bottom{margin-top:25px;padding-top:22px;border-top:2px dashed #f3d4e5}.order-bottom p{margin:13px 0 0;max-width:740px;font-size:.9rem;color:#78546a}.order-status{color:#923355!important}.image-fallback{display:grid;place-items:center;min-height:130px;aspect-ratio:1.4;background:linear-gradient(130deg,#ffe3f0,#fff2c6);font-size:64px}.hero-visual>.image-fallback{position:absolute;right:0;top:40px;width:77%;height:370px;border:8px solid white;border-radius:190px 190px 42px 42px;transform:rotate(5deg)}.bread-card>.image-fallback{width:min(180px,100%);aspect-ratio:1;border-radius:50%;margin:0 auto 12px}.fill>.image-fallback{min-height:0;width:78px;height:78px;font-size:2.6rem;border-radius:50%;margin:0 auto 10px}.featured-photo>.image-fallback{height:100%;min-height:0;font-size:3rem}.footer{padding-bottom:95px}.foot>div{min-width:0}.foot>div:last-child{max-width:440px}.subhead h2{font-size:clamp(1.65rem,3.5vw,3rem)}
@media(max-width:850px){.links{gap:7px;box-shadow:0 12px 20px #50304715;max-height:calc(100dvh - 76px);overflow-y:auto}.links a{width:100%}.foot{flex-wrap:wrap}.catalog-intro{align-items:flex-start}.order-card{box-shadow:5px 6px 0 #f0e3fb}}
@media(max-width:570px){.order-grid{grid-template-columns:1fr;gap:18px}.order-heading{align-items:flex-start;gap:12px}.order-heading .order-doodle{font-size:2rem;padding:8px}.order-card{border-radius:25px;padding:20px 16px}.order-bottom .btn{width:100%;padding:13px 10px}.catalog-intro{flex-direction:column}.catalog{grid-template-columns:1fr 1fr}.catalog .tile{border-radius:25px!important;transform:none}.tile-body .chip{font-size:.67rem;padding:5px 8px}.callout,.mini-hero{flex-wrap:wrap}.hero-visual>.image-fallback{height:265px}.footer .foot>div:last-child{max-width:none}.subhead{gap:10px}.subhead .featured-photo{width:85px;height:90px}.wa{font-size:.85rem}.field input,.field select,.field textarea{font-size:16px}.order-section{padding-bottom:50px}}
@media(max-width:360px){.catalog{grid-template-columns:1fr}.order-heading .order-doodle{display:none}.photos{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* multipage: each file shows only its own page */
.page{display:block!important}

/* Center catalog + product copy */
.catalog-intro{flex-direction:column;align-items:center;text-align:center}
.catalog-intro .btn{align-self:center}
.tile-body{text-align:center}
.tile-body .chip{margin-bottom:6px}
.subhead{flex-direction:column;align-items:center;text-align:center}
.subhead > div{text-align:center}
.photo-card .caption{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.ribbon{text-align:center}
.ribbon .subhead{justify-content:center}
.pills{justify-content:center}
.mini-hero{flex-direction:column;text-align:center}
.crumb{display:block;text-align:center}


/* Footer Facebook box contrast */
.footer .foot > div:last-child{background:#fff7fb;border:3px solid #f4b6d5;color:#4e3141}
.footer .foot > div:last-child p,
.footer .foot > div:last-child strong,
.footer .fb-big,
.footer .fb-name{color:#4e3141!important}
.footer .foot > div:last-child p{opacity:1;font-weight:650}

