/* Mobile readiness corrections, v0.3. Preserve the established visual design. */
html{overflow-x:clip}body{overflow-x:clip}.ribbon{transform:none}.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.creation,.creation-info>div{min-width:0}.creation-info h3{overflow-wrap:anywhere}
button,a,input,select,textarea{touch-action:manipulation}.close,.creation-info button{min-width:44px;min-height:44px}.filters button,.recipe-steps button,#motion-toggle,.back-button,#chosen-design button{min-height:44px}.fields input,.fields textarea,.fields select{font-size:16px}.fields.two{align-items:start}.fields input[type=date]{display:block;max-width:100%;min-inline-size:0}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-grid span{min-height:48px;overflow-wrap:anywhere}.planner-buttons{flex-wrap:wrap}.planner-buttons .button{max-width:100%;white-space:normal}.upload-item{width:90px;padding-top:10px}.upload-item img{width:80px;height:80px}.upload-item button{width:44px;height:44px;right:0;top:0;border:3px solid var(--ivory)}.upload-item span{white-space:normal;overflow-wrap:anywhere}.footer-top a{overflow-wrap:anywhere}.cake-dialog,.order-dialog{max-height:92vh;max-height:92dvh;overscroll-behavior:contain;overflow-y:auto}.cake-detail>div{min-width:0}.cake-detail>img{object-fit:contain}.planner-content{padding-bottom:max(28px,env(safe-area-inset-bottom))}.story-stage{height:100vh;height:100svh}.form-step h2{scroll-margin-top:60px}
@media(max-width:760px){
.header{height:auto;min-height:85px;flex-wrap:wrap;gap:12px;padding-top:14px;padding-bottom:10px}.header nav{display:flex;order:3;width:100%;justify-content:center;gap:12px;flex-wrap:wrap}.header nav a{display:flex;align-items:center;min-height:44px;font-size:14px;padding:0 6px}.header .button{min-height:44px}
.cake-story{height:auto;min-height:0}.story-stage{position:relative;height:auto;min-height:0;max-height:none}.story-layout{min-height:0;flex:none}.story-copy{padding-top:12px}.story-copy h1{font-size:clamp(44px,12vw,72px);min-height:0}.story-description{font-size:16px;min-height:0}.story-gallery-link{display:block;margin:24px auto 0;min-height:44px;padding-top:10px}.cake-theatre{flex:none;width:min(84%,360px);height:350px;min-height:0;margin-top:24px}.story-bottom{padding-bottom:24px}.recipe-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:420px;gap:8px}.recipe-steps button{font-size:14px;padding:8px 12px}.scroll-cue{display:none}.story-topline{flex-wrap:wrap;gap:8px}.story-topline>span{max-width:55%;font-size:10px}.story-topline button{font-size:12px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.section-heading{grid-template-columns:1fr}.creation-info h3{font-size:clamp(23px,6vw,29px)}.creation-info button{width:44px;height:44px}.filters button{font-size:14px}.magic-photos{width:85%}.magic-inset{right:0}.magic-script{position:relative;display:block;left:0;bottom:auto;margin-top:16px;font-size:27px}.magic-inset{bottom:24%}.fields.two{grid-template-columns:1fr}.planner-content{padding-top:60px}.planner-buttons .button{font-size:14px}.cake-detail>img{height:280px;min-height:0}.cake-detail>div{padding:24px}.review-row{grid-template-columns:minmax(80px,.8fr) minmax(0,1.2fr)}
}
@media(max-width:360px){.choice-grid{grid-template-columns:1fr}.header .button{padding:10px 12px}.gallery{gap:24px 12px}.story-copy h1{font-size:44px}.cake-theatre{height:320px}.section-heading h2,.magic-copy h2,.order-section h2{font-size:44px}}
@media(prefers-reduced-motion:reduce){.story-stage{height:auto;min-height:0}.story-layout{min-height:0}.cake-theatre{min-height:350px}.story-copy{animation:none}}
.creation .creation-image img{height:auto}.magic-main{height:auto}
