/* The loading state is present before the first paint; ready content replaces it immediately. */
html[data-content-state="loading"] body>main,html[data-content-state="error"] body>main,
html[data-content-state="loading"] body>footer,html[data-content-state="error"] body>footer{display:none}
html[data-content-state="ready"] .page-content-status{display:none}
.page-content-status{min-height:calc(100svh - 92px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;padding:38px 24px 46px;text-align:center;color:#191919;background:radial-gradient(ellipse at 50% 30%,#fff3f0 0,white 60%);font:500 16px/1.45 'DM Sans',Arial,sans-serif;overflow:hidden}
.page-content-status p{margin:0}
.platewise-loader-art{position:relative;width:310px;height:275px;flex-shrink:0;margin-bottom:5px}
.loader-plate{position:absolute;width:240px;height:240px;left:35px;top:14px;border:3px solid #ef1717;border-radius:50%;background:#fff;box-shadow:0 13px 0 #ef17170b,0 20px 35px #7531210b;display:grid;place-items:center}
.loader-plate:before{content:'';position:absolute;inset:18px;border:1px solid #eddfdc;border-radius:50%}
.loader-food{position:absolute;inset:0;display:grid;place-items:center;opacity:0;animation:platewise-serving 6s infinite cubic-bezier(.22,.7,.22,1);will-change:transform,opacity}
.loader-food img{display:block;object-fit:contain;max-width:90%;filter:drop-shadow(0 5px 3px #6d382218)}
.food-pizza{animation-delay:0s}.food-pizza img{width:170px;height:170px}
.food-sandwich{animation-delay:-4s}.food-sandwich img{width:210px;height:175px}
.food-icecream{animation-delay:-2s}.food-icecream img{width:125px;height:195px}
.loader-spark{position:absolute;color:#ef1717;animation:platewise-spark 2s ease-in-out infinite;line-height:1}
.spark-one{left:5px;top:30px;font-size:36px}.spark-two{right:5px;top:175px;font-size:27px;animation-delay:-.8s}.spark-three{right:15px;top:15px;font-size:30px;animation-delay:-1.4s}
.loader-table-mark{position:absolute;width:24px;height:5px;border-radius:4px;background:#ef1717}.mark-one{left:0;top:200px;transform:rotate(-24deg)}.mark-two{right:2px;top:88px;transform:rotate(28deg)}
.page-content-status .loader-eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#776560}
.page-content-status h2{font-family:'Archivo Black',Arial,sans-serif;font-size:clamp(28px,5vw,44px);font-weight:400;line-height:.97;letter-spacing:-.055em;margin:0;max-width:560px}
.page-content-status h2 span{color:#ef1717}
#page-content-message{font-size:14px;color:#76605b;max-width:340px;min-height:21px}
.loader-dots{display:flex;gap:7px;margin:0 0 3px}.loader-dots i{height:6px;width:6px;border-radius:50%;background:#ef1717;animation:platewise-dot 1.1s ease-in-out infinite}.loader-dots i:nth-child(2){animation-delay:.16s}.loader-dots i:nth-child(3){animation-delay:.32s}
.page-content-status button{border:2px solid #191919;border-radius:999px;padding:12px 25px;background:#ef1717;color:white;font:700 14px 'DM Sans',Arial,sans-serif;cursor:pointer;min-height:44px}.page-content-status button:focus-visible{outline:3px solid #ef1717;outline-offset:4px}.page-content-status button[hidden]{display:none}
@keyframes platewise-serving{0%{opacity:0;transform:translateY(-22px) rotate(-12deg) scale(.82)}5%,26%{opacity:1;transform:translateY(0) rotate(0) scale(1)}32%,100%{opacity:0;transform:translateY(13px) rotate(8deg) scale(.9)}}
@keyframes platewise-dot{0%,80%,100%{transform:translateY(0);opacity:.35}40%{transform:translateY(-5px);opacity:1}}
@keyframes platewise-spark{50%{transform:scale(.8) rotate(12deg);opacity:.55}}
html[data-content-state="error"] .loader-dots{display:none}
html[data-content-state="error"] .loader-food,html[data-content-state="error"] .loader-spark{animation:none}
html[data-content-state="error"] .food-pizza{opacity:1;transform:none}
@media(max-width:900px){.page-content-status{min-height:calc(100svh - 76px)}}
@media(max-width:380px),(max-height:650px){.page-content-status{gap:12px;padding:24px 16px}.platewise-loader-art{width:260px;height:225px}.loader-plate{width:200px;height:200px;left:30px;top:10px}.food-pizza img{width:140px;height:140px}.food-sandwich img{width:180px;height:150px}.food-icecream img{width:105px;height:160px}.spark-two{top:160px}.mark-one{top:165px}.page-content-status h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.loader-food,.loader-spark,.loader-dots i{animation:none}.food-pizza{opacity:1;transform:none}.food-sandwich,.food-icecream{display:none}}