.cakes-page{padding-top:24px;padding-bottom:48px}.cake-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:48px;align-items:center;padding:32px 22px 56px}.cake-hero h1{font-size:clamp(40px,4.5vw,64px);line-height:1.12;margin:12px 0 20px;max-width:620px}.cake-lead{font-size:18px;line-height:1.75;max-width:580px}.cake-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.cake-phone{margin-top:18px;font-size:14px}.cake-phone a{font-weight:700}.cake-flavor-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;margin-top:22px;font-size:14px;color:var(--olive-dark);text-decoration:underline;text-underline-offset:4px}.cake-hero-photo,.cake-table-photo{margin:0}.cake-hero-photo img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:18px;background:var(--paper)}.cakes-page figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px}.cake-flavors{padding:48px 32px;background:var(--paper);border:1px solid var(--line);border-radius:18px}.cake-section-heading{text-align:center;max-width:660px;margin:0 auto 30px}.cakes-page h2{font-size:clamp(28px,3vw,40px);line-height:1.25;margin:8px 0 14px}.cake-flavor-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cake-flavor-card{padding:28px 32px;background:var(--cream);border:1px solid var(--line);border-radius:12px}.cake-number{font-size:12px;color:var(--olive-dark);letter-spacing:.15em}.cake-flavor-card h3{font-size:28px;margin:8px 0 18px}.cake-flavor-card ul{padding:0;list-style:none}.cake-flavor-card li{padding:12px 0;border-top:1px solid var(--line);font-size:17px;line-height:1.5}.cake-details{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:64px 22px}.cake-table-photo img{width:100%;height:auto;border-radius:18px}.cake-details-copy>div{margin-top:24px}.cake-details h3{font-size:22px;margin-bottom:8px}.cake-details p{line-height:1.75}.cake-contact{padding:44px 28px;background:var(--burgundy);border-radius:18px;text-align:center;color:var(--cream)}.cake-contact .eyebrow{color:#e5cda7}.cake-contact h2{color:var(--cream)}.cake-contact>p:not(.eyebrow){max-width:640px;margin-inline:auto;line-height:1.7}.cake-contact .cake-actions{justify-content:center}.cake-whatsapp{background:transparent;color:var(--cream);border:1px solid var(--cream)}.cake-whatsapp:hover{background:#6b302a}
@media(max-width:899px){.cake-hero{gap:26px;padding-inline:0}.cake-hero h1{font-size:40px}.cake-lead{font-size:16px}.cake-hero .cake-actions{flex-direction:column;align-items:flex-start}.cake-flavors{padding:32px 22px}.cake-flavor-card{padding:24px}.cake-details{gap:28px;padding-inline:0}.cake-details h2{font-size:30px}}
@media(max-width:639px){.cakes-page{padding-top:10px;padding-bottom:28px}.cake-hero{grid-template-columns:1fr;gap:26px;padding:20px 0 32px;text-align:center}.cake-hero h1{font-size:clamp(34px,9vw,44px);margin-top:12px}.cake-lead{font-size:16px;line-height:1.7}.cake-hero .cake-actions{align-items:stretch}.cake-actions{justify-content:center}.cake-actions .button{white-space:normal;text-align:center;min-height:44px;justify-content:center;max-width:100%}.cake-phone{font-size:14px}.cake-hero-photo{max-width:440px;margin-inline:auto}.cake-flavors{padding:28px 16px}.cake-flavor-grid{grid-template-columns:1fr;gap:16px}.cake-flavor-card{padding:22px;text-align:center}.cake-flavor-card h3{font-size:26px}.cake-flavor-card li{font-size:16px}.cake-details{grid-template-columns:1fr;gap:28px;padding-block:36px;text-align:center}.cake-details-copy{order:-1}.cake-details h3{font-size:22px}.cake-contact{padding:32px 18px}.cake-contact .cake-actions{flex-direction:column;align-items:stretch}.cakes-page figcaption{text-align:center}}

/* Final tablet/mobile alignment; form controls keep their own styles. */
@media (max-width:1024px){
 .cake-hero,.cake-details-copy,.cake-flavor-card{text-align:center}
 .cake-hero h1,.cake-lead{margin-inline:auto}
 .cake-hero .cake-actions{justify-content:center;align-items:center}
 .cakes-page figcaption{text-align:center}
}
@media (min-width:640px) and (max-width:899px){
 .cake-hero,.cake-details{grid-template-columns:1fr}
 .cake-hero>div,.cake-details-copy{max-width:660px;margin-inline:auto}
 .cake-hero-photo{width:100%;max-width:560px;margin-inline:auto}
 .cake-hero .cake-actions{flex-direction:row;flex-wrap:wrap}
 .cake-table-photo{width:100%;max-width:660px;margin-inline:auto}
}
