.dining-experience{position:fixed;inset:0;z-index:70;background:#f3f4e9;color:#30472c;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;min-height:100dvh}.dining-experience::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,#fffef7,#e6eddc55 65%,transparent)}.dining-header{height:90px;min-height:90px;width:90%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #536a3e20;position:relative;z-index:2}.dining-header button{font-size:11px;padding:12px 0}.dining-header>span{font-size:8px;letter-spacing:2px;color:#859574}.dining-header .dining-brand{font-size:20px;letter-spacing:2px;color:#536a3e}.dining-intro{position:relative;z-index:2;text-align:center;padding:35px 6% 0}.dining-intro small{font-size:8px;letter-spacing:2px;color:#879574}.dining-intro h1{font:400 clamp(26px,3vw,42px) Georgia,'Songti SC',serif;letter-spacing:2px;margin:18px 0 13px}.dining-intro p{font-size:10px;line-height:1.9;max-width:800px;margin:0 auto;color:#8a957c}.dining-scene{position:relative;flex:1 0 340px;min-height:340px;width:min(100%,900px);perspective:1100px;isolation:isolate}.dining-scene-ring{position:absolute;width:620px;height:140px;left:50%;top:60%;transform:translate(-50%,-50%);border:1px solid #82977022;border-radius:50%}.dining-serving{position:absolute;width:560px;height:300px;left:50%;top:45%;margin-left:-280px;margin-top:-130px;z-index:5;transform:translateY(80px) scale(.78);opacity:0}.dining-tray{position:absolute;left:0;right:0;top:22%;bottom:0;background:linear-gradient(155deg,#f5efdd,#d1c4a6);border:9px solid #eee6d4;border-radius:50%;transform:rotateX(50deg);box-shadow:0 35px 42px #52604020}.dining-foods{position:absolute;inset:0 6% 11%;display:grid;grid-template-columns:repeat(var(--dish-count),minmax(0,1fr));align-content:center;justify-items:center;gap:0;z-index:4}.dining-dish{position:relative;width:100%;max-width:240px;aspect-ratio:1;mix-blend-mode:multiply}.dining-dish-photo{position:absolute;inset:0;overflow:hidden;border-radius:40%}.dining-dish img{width:100%;height:100%;object-fit:contain}.dining-dish>span{position:absolute;right:8%;bottom:9%;background:#f8f9eedb;border:1px solid #71846535;border-radius:20px;padding:4px 8px;font-size:10px;color:#536a3e}.dining-foods[data-count="1"]{inset:-4% 24% 10%}.dining-foods[data-count="2"]{inset:0 12% 10%}.dining-foods[data-count="4"],.dining-foods[data-count="5"],.dining-foods[data-count="6"],.dining-foods[data-count="7"],.dining-foods[data-count="8"]{inset:-15% 8% 4%}.dining-foods[data-count="7"],.dining-foods[data-count="8"]{grid-template-columns:repeat(4,minmax(0,1fr))}.dining-hand{position:absolute;width:130px;height:165px;bottom:-75px;z-index:3;filter:drop-shadow(0 8px 7px #6f624a15)}.dining-hand svg{width:100%;height:100%}.dining-hand-left{left:-20px;transform:rotate(-38deg)}.dining-hand-right{right:-20px;transform:scaleX(-1) rotate(-38deg)}.dining-floor-shadow{position:absolute;left:50%;top:83%;width:320px;height:25px;background:#53683d20;filter:blur(18px);transform:translate(-50%,-50%);border-radius:50%;z-index:0}.dining-tub,.dining-tub-lid,.dining-paperbag{display:none}.dining-experience[data-mode="dine-in"] .dining-playing .dining-serving{animation:serve-with-hands 3.8s cubic-bezier(.22,.65,.28,1) both}.dining-experience[data-mode="dine-in"] .dining-playing .dining-hand{animation:hand-release 3.8s ease both}.dining-finish{position:relative;text-align:center;margin:0 24px 15px;opacity:0}.dining-finish h2{font-family:Georgia,'Songti SC',serif;font-weight:400;font-size:25px;letter-spacing:5px;margin:13px 0}.dining-finish p{font-size:10px;color:#879574;letter-spacing:1px;margin:0}.dining-wait-dot{display:block;width:5px;height:5px;margin:auto;background:#71845e;border-radius:50%;box-shadow:0 0 0 6px #71845e15}.dining-complete .dining-finish{animation:dining-text-in .8s ease 3.6s both}.dining-controls{display:flex;gap:18px;position:relative;padding:15px 0 30px}.dining-controls button{font-size:10px;letter-spacing:1px;padding:11px 23px;border:1px solid #8e9e7b70;border-radius:30px;color:#667a51}.dining-controls button:last-child{background:#586f49;border-color:#586f49;color:#f9faef}
.dining-experience[data-mode="takeaway"] .dining-hand{display:none}.dining-experience[data-mode="takeaway"] .dining-tray{opacity:0}.dining-experience[data-mode="takeaway"] .dining-tub{display:flex;position:absolute;left:5%;right:5%;bottom:7%;height:72px;background:linear-gradient(120deg,#79916b,#536e46);border-radius:8px 8px 18px 18px;box-shadow:0 12px 20px #536a3e20;align-items:center;justify-content:center;color:#edf1df;font-size:9px;letter-spacing:3px;z-index:6}.dining-experience[data-mode="takeaway"] .dining-tub-lid{display:grid;place-items:center;position:absolute;left:5%;right:5%;height:190px;top:0;background:linear-gradient(130deg,#eae7d5,#cfd8bc);border:7px solid #8d9e79;border-radius:12px;color:#758663;font-size:24px;letter-spacing:6px;transform:translateY(-110px) rotateX(35deg);opacity:0;z-index:8}.dining-experience[data-mode="takeaway"] .dining-paperbag{display:block;position:absolute;left:50%;top:45%;width:280px;height:280px;margin-left:-140px;margin-top:-90px;z-index:4;opacity:0;transform:translateY(90px)}.dining-bag-back{position:absolute;inset:18% 0 0;background:#ac9470;clip-path:polygon(4% 0,96% 0,100% 100%,0 100%)}.dining-bag-front{position:absolute;inset:29% -3% -5%;background:linear-gradient(105deg,#d6c5a4,#c4af8b);box-shadow:0 18px 22px #5b633b24;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:0 0 7px 7px}.dining-bag-front::after{content:'';position:absolute;right:8%;top:0;bottom:0;width:1px;background:#a68d6340}.dining-bag-logo{font:italic 67px/.8 Georgia;color:#627453;margin:14px 0}.dining-bag-front b{font-size:16px;letter-spacing:5px;font-weight:400;color:#627453}.dining-bag-front small{font-size:6px;letter-spacing:1.8px;color:#7d876b;margin-top:10px}.dining-bag-handle{position:absolute;width:88px;height:94px;border:8px solid #ab9169;border-bottom:0;border-radius:52px 52px 0 0;left:50%;top:0;transform:translateX(-50%)}.handle-front{top:6%;border-color:#c4ad86}.handle-back{top:-2%;border-color:#9e8764}.dining-experience[data-mode="takeaway"] .dining-playing .dining-serving{animation:pack-serving 5.5s ease both}.dining-experience[data-mode="takeaway"] .dining-playing .dining-tub{animation:tub-appear 5.5s ease both}.dining-experience[data-mode="takeaway"] .dining-playing .dining-tub-lid{animation:close-food-box 5.5s ease both}.dining-experience[data-mode="takeaway"] .dining-playing .dining-paperbag{animation:bag-receive 5.5s ease both}.dining-experience[data-mode="takeaway"] .dining-complete .dining-finish{animation-delay:5.1s}.dining-experience[data-mode="takeaway"].dining-complete .dining-finish{animation-delay:5.1s}
@keyframes serve-with-hands{0%{opacity:0;transform:translateY(120px) scale(.65)}20%{opacity:1;transform:translateY(105px) scale(.72)}72%,100%{opacity:1;transform:translateY(-10px) scale(1)}}@keyframes hand-release{0%,75%{opacity:1;translate:0 0}100%{opacity:0;translate:0 55px}}@keyframes dining-text-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pack-serving{0%{opacity:0;transform:translateY(20px) scale(.88)}15%,50%{opacity:1;transform:translateY(0) scale(.88)}66%{opacity:1;z-index:5;transform:translateY(-65px) scale(.58)}74%{opacity:1;z-index:3;transform:translateY(70px) scale(.53)}83%,100%{opacity:0;z-index:3;transform:translateY(120px) scale(.48)}}@keyframes tub-appear{0%,15%{opacity:0;transform:translateY(30px)}30%,100%{opacity:1;transform:translateY(0)}}@keyframes close-food-box{0%,32%{opacity:0;transform:translateY(-110px) rotateX(35deg)}45%,100%{opacity:1;transform:translateY(60px) rotateX(55deg)}}@keyframes bag-receive{0%,50%{opacity:0;transform:translateY(95px)}64%,83%{opacity:1;transform:translateY(35px)}100%{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.dining-header{height:76px;min-height:76px}.dining-header>span:not(.dining-brand){display:none}.dining-header .dining-brand{font-size:17px}.dining-intro{padding-top:30px}.dining-intro h1{font-size:25px;letter-spacing:1px;line-height:1.5}.dining-intro p{font-size:9px;max-height:73px;overflow-y:auto}.dining-scene{width:100%;flex-basis:300px;min-height:300px}.dining-serving{width:340px;height:230px;margin-left:-170px;margin-top:-110px;top:47%}.dining-hand{width:90px;height:125px;bottom:-50px}.dining-hand-left{left:-1px}.dining-hand-right{right:-1px}.dining-tray{border-width:6px}.dining-scene-ring{width:390px;height:110px}.dining-floor-shadow{width:230px}.dining-finish h2{font-size:23px}.dining-finish p{font-size:9px;letter-spacing:0}.dining-experience[data-mode="takeaway"] .dining-tub{height:58px;font-size:7px;letter-spacing:2px}.dining-experience[data-mode="takeaway"] .dining-tub-lid{height:140px;font-size:19px}.dining-experience[data-mode="takeaway"] .dining-paperbag{width:220px;height:230px;margin-left:-110px;margin-top:-85px}.dining-bag-handle{width:73px;height:77px;border-width:6px}.dining-bag-logo{font-size:55px}.dining-controls{padding-bottom:max(25px,env(safe-area-inset-bottom))}.dining-dish>span{font-size:8px;padding:2px 5px}.product-actions .add-to-bag{min-width:210px}.product-actions .price{font-size:15px}}
@media(prefers-reduced-motion:reduce){.dining-experience[data-mode="dine-in"] .dining-playing .dining-serving{animation:none;opacity:1;transform:translateY(-10px)}.dining-hand{display:none}.dining-experience[data-mode="takeaway"] .dining-playing .dining-serving{animation:none;opacity:0}.dining-experience[data-mode="takeaway"] .dining-playing .dining-paperbag{animation:none;opacity:1;transform:none}.dining-complete .dining-finish{animation:none;opacity:1}}