/* Son Dilim: a quiet storefront, one clear next order, and a paper service book. */
.pizza-experience{--pizza-ink:#4c2b20;--pizza-red:#b33b2b;--pizza-paper:#fff9e9;--pizza-green:#4d6a36;color:var(--pizza-ink);display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,1fr);gap:48px;padding:42px 0 64px;align-items:start}
.pizza-shop-intro{position:sticky;top:26px;min-width:0}.pizza-shop-heading{text-align:center;margin-bottom:20px}.pizza-open-sign{display:inline-block;padding:7px 18px;background:var(--pizza-green);color:#fff6df;border-radius:5px;transform:rotate(-3deg);font-size:11px;font-weight:800;box-shadow:0 3px 0 #293a20}.pizza-shop-heading h1{font-size:clamp(42px,6vw,76px);line-height:1.05;letter-spacing:-.065em;margin:18px 0 9px;color:var(--pizza-red)}.pizza-shop-heading>p{font-size:15px;color:#835943}
.pizza-storefront{height:370px;position:relative;isolation:isolate;overflow:hidden;border-radius:130px 130px 20px 20px;background:linear-gradient(#eebc85,#f1d6ab 68%,#cc9b6c 69%);border:7px solid #fff2d4;box-shadow:0 15px 35px #73452224;perspective:850px}
.pizza-shop-window{position:absolute;width:46%;height:145px;left:14%;top:77px;border:10px solid #a85c3d;border-radius:70px 70px 4px 4px;background:linear-gradient(#e3edc4,#f7d98b);overflow:hidden}.pizza-window-frame{position:absolute;inset:0;background:linear-gradient(90deg,transparent 47%,#a85c3d 47% 53%,transparent 53%);z-index:1}.pizza-sunset{position:absolute;width:75px;height:75px;border-radius:50%;background:#fff3ae;right:12px;top:28px}
.pizza-shop-awning{position:absolute;left:0;right:0;top:34px;height:51px;background:repeating-linear-gradient(90deg,#bf4b37 0 34px,#fff4db 34px 68px);border-radius:0 0 15px 15px;border-bottom:7px solid #8d3d29;box-shadow:0 7px 0 #70381c17;transform:rotateX(-13deg)}
.pizza-shop-lamp,.pizza-second-lamp{position:absolute;right:12%;top:101px;width:35px;height:27px;border-radius:20px 20px 3px 3px;background:#5b6b42;border-bottom:6px solid #fff0a5;box-shadow:0 15px 20px #ffe2a8}.pizza-shop-lamp:before,.pizza-second-lamp:before{content:"";position:absolute;width:3px;height:28px;background:#584b32;left:16px;top:-28px}.pizza-second-lamp{right:auto;left:7%;top:139px;transform:scale(.75)}
.pizza-oven{position:absolute;right:8%;bottom:115px;width:92px;height:92px;border:14px solid #bc7050;border-bottom-width:10px;border-radius:48px 48px 7px 7px;background:#50291c;box-shadow:0 0 0 5px #e1a777}.pizza-oven-fire{position:absolute;left:21px;bottom:0;width:30px;height:38px;border-radius:80% 15% 55% 30%;background:#ffb43d;transform:rotate(-12deg);box-shadow:0 0 20px #ffc554}
.pizza-counter{position:absolute;bottom:-9px;left:-7%;width:114%;height:130px;background:repeating-linear-gradient(90deg,#a66339 0 54px,#8c4e2f 54px 58px);border-top:14px solid #d29b66;transform:rotateX(11deg);box-shadow:0 -7px 0 #9c633a}.pizza-peel{position:absolute;width:208px;height:144px;background:#dfb27a;left:17%;top:-64px;border-radius:50%;transform:rotateX(38deg) rotateZ(-16deg);box-shadow:0 7px 0 #a77546}.pizza-peel:after{content:"";position:absolute;left:82px;top:109px;width:28px;height:117px;background:linear-gradient(90deg,#c58c52,#e1ae70);border-radius:9px;z-index:-1}.pizza-menu-plate{position:absolute;inset:7px;border-radius:50%;border:11px solid #fffaf0;background:#eadbba;box-shadow:0 5px 0 #c9b48f}.pizza-menu-pie{position:absolute;inset:1px;border:9px solid #d99a40;border-radius:50%;background:conic-gradient(from 3deg,#f4cb59 0 53deg,#c28334 54deg 56deg,#f7d977 57deg 112deg,#c28334 113deg 115deg,#f6d36d 116deg 178deg,#c28334 179deg 181deg,#f2c851 182deg 238deg,#c28334 239deg 241deg,#f6d66d 242deg 299deg,#c28334 300deg 302deg,#f5cf62 303deg);box-shadow:inset 0 0 0 3px #d56835}.pizza-menu-pie i{position:absolute;width:22px;height:18px;border:4px solid #a63824;border-radius:50%;background:#e9743e;left:25%;top:21%}.pizza-menu-pie i:nth-child(2){left:66%;top:28%}.pizza-menu-pie i:nth-child(3){left:44%;top:60%}.pizza-menu-pie i:nth-child(4){left:12%;top:58%;border-color:#4b673b;background:#688349;width:18px;height:10px;transform:rotate(25deg)}.pizza-menu-pie i:nth-child(5){left:58%;top:8%;border-color:#4b673b;background:#688349;width:18px;height:10px;transform:rotate(-28deg)}
.pizza-herb{position:absolute;left:8%;bottom:102px;width:33px;height:32px;background:#b45738;border-radius:3px 3px 10px 10px}.pizza-herb i{position:absolute;left:13px;top:-28px;width:15px;height:35px;background:#5e7d3d;border-radius:80% 5%;transform:rotate(25deg)}.pizza-herb i:nth-child(2){left:0;top:-22px;transform:rotate(-45deg);background:#718d47}.pizza-herb i:nth-child(3){left:24px;top:-15px;transform:rotate(46deg)}.pizza-tablecloth{position:absolute;right:3%;bottom:0;width:88px;height:111px;background:repeating-linear-gradient(0deg,#ffffff66 0 14px,transparent 14px 28px),repeating-linear-gradient(90deg,#e9ddba 0 14px,#b94e3b 14px 28px);transform:skewY(-3deg)}.pizza-picnic-box{position:absolute;right:13%;bottom:108px;width:65px;height:35px;background:#e3b56d;border:3px solid #ac7641;transform:rotate(-7deg);box-shadow:0 5px 0 #9a6536}.pizza-picnic-box:after{content:"";position:absolute;width:28px;height:17px;left:14px;top:-20px;border:4px solid #946039;border-bottom:0;border-radius:16px 16px 0 0}
.pizza-roof-flowers{position:absolute;left:22%;top:91px;width:70px;height:12px;background:#84603c;transform:rotate(-4deg)}.pizza-roof-flowers i{position:absolute;top:-17px;left:8px;width:16px;height:16px;border-radius:50%;background:#fff0a8;border:4px solid #d96b62}.pizza-roof-flowers i:nth-child(2){left:30px;top:-25px}.pizza-roof-flowers i:nth-child(3){left:51px;background:#efc648}.pizza-bunting{position:absolute;left:18%;right:18%;top:28px;display:flex;justify-content:space-between;border-top:2px solid #6b5845;transform:rotate(4deg)}.pizza-bunting i{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:24px solid #4d7352}.pizza-bunting i:nth-child(even){border-top-color:#b64935}.pizza-neighbors{position:absolute;right:2%;bottom:111px;display:flex;gap:4px}.pizza-neighbors i{width:19px;height:25px;background:#677b8e;border-radius:9px 9px 0 0}.pizza-neighbors i:before{content:"";display:block;position:relative;width:15px;height:15px;top:-11px;left:2px;border-radius:50%;background:#d69a66}.pizza-neighbors i:nth-child(2){background:#a44b34;transform:translateY(5px)}
.pizza-shop-reaction{display:flex;align-items:center;gap:12px;background:#f3e8cf;border:1px solid #dec9a8;border-radius:12px;padding:13px 16px;margin:18px 10px 0}.pizza-shop-reaction>span{color:#a2612a;font-size:24px}.pizza-shop-reaction p{font-size:12px;line-height:1.5}.pizza-service-desk{min-width:0}.pizza-current-order{position:relative;background:var(--pizza-paper);padding:25px;border:1px solid #e2ceb0;box-shadow:0 7px 0 #e8dcc7;border-radius:5px 5px 15px 15px}.pizza-current-order:before{content:"";position:absolute;left:34px;right:34px;top:-8px;height:15px;background:#d1b17b66;transform:rotate(-1deg)}.pizza-receipt-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed #cbb99b;padding-bottom:13px;margin-bottom:18px;gap:12px}.pizza-receipt-top>span{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.pizza-receipt-top>b{font:800 21px ui-monospace,monospace;color:#a36c3a}.pizza-current-order h2{font-size:27px;line-height:1.15;margin-bottom:12px;overflow-wrap:anywhere}.pizza-current-order>p{font-size:14px;color:#795b46}.pizza-start{margin-top:21px;background:var(--pizza-red);width:100%;justify-content:space-between;min-height:61px;box-shadow:0 5px 0 #843024;border-radius:10px}.pizza-start>span:last-child{font-size:22px}.pizza-first-service{display:flex;align-items:center;gap:10px;margin-top:19px}.pizza-first-service>span{border:1px solid #bfa782;border-radius:50%;width:24px;height:24px;flex:none;text-align:center;line-height:22px;font-size:11px}.pizza-first-service p{font-size:12px;line-height:1.5;color:#806247}.pizza-till{display:flex;justify-content:space-between;gap:10px;margin-top:21px;padding-top:15px;border-top:1px dashed #cbb99b;font-size:10px;color:#8e6d50;flex-wrap:wrap}.pizza-till b{font-size:13px;color:var(--pizza-ink)}
.pizza-small-actions{display:flex;gap:8px;margin:21px 0 32px;flex-wrap:wrap}.pizza-small-actions .quiet{color:#795a40;border-color:#dfceb1;background:#f7efdf;font-size:11px;flex:1;padding:11px 9px}.pizza-notebook-heading{margin-bottom:16px}.pizza-notebook-heading h2{font-size:24px}.pizza-notebook-heading p{font-size:12px;color:#8c6c51;margin-top:5px}.pizza-neighborhood{border:1px solid #dfceb4;background:#fcf7ec;border-radius:10px;margin-bottom:11px;overflow:hidden}.pizza-neighborhood>summary{display:flex;align-items:center;gap:12px;cursor:pointer;min-height:69px;padding:13px 16px;list-style:none}.pizza-neighborhood>summary::-webkit-details-marker{display:none}.pizza-neighborhood>summary:focus-visible,.pizza-secondary>summary:focus-visible{outline:3px solid #a0582c;outline-offset:-4px}.pizza-district-number{font:700 14px ui-monospace,monospace;color:#a07b53}.pizza-neighborhood>summary>span:nth-child(2){min-width:0;flex:1}.pizza-neighborhood summary b{display:block;font-size:14px;line-height:1.3}.pizza-neighborhood summary small{display:block;font-size:10px;color:#997958;margin-top:3px}.pizza-district-mark{font-size:24px;color:#b58a59}.pizza-neighborhood.is-served .pizza-district-mark{color:#557140}.pizza-order-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 13px 16px}.pizza-experience .pizza-ticket{min-width:0;min-height:110px;height:auto;border:1px solid #e1d0b3;background:#fffaf0;border-radius:4px;padding:9px 5px;box-shadow:0 2px 0 #e8ddc8;color:#71513a;text-align:center;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:flex-start}.pizza-ticket b{font:800 15px ui-monospace,monospace}.pizza-experience .pizza-ticket.current{outline:2px solid #b84a34;outline-offset:0;background:#ffefd2;box-shadow:0 3px 0 #c78e5d}.pizza-ticket-name{font-size:9px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;max-width:100%}.pizza-ticket small{font-size:10px;color:#9a752c;margin-top:auto}.pizza-ticket:disabled{opacity:.48}.pizza-ticket.completed{background:#f2f1de}.pizza-secondary{border-top:1px solid #e5d8c2;padding-top:12px;margin-top:15px}.pizza-secondary>summary{cursor:pointer;min-height:44px;font-size:12px;color:#806046;padding:10px 0}.pizza-secondary>div{padding:10px 0;min-width:0}
[dir=rtl] .pizza-shop-heading h1{letter-spacing:0}[dir=rtl] .pizza-start>span:last-child{transform:scaleX(-1)}[dir=rtl] .pizza-storefront{direction:ltr}[dir=rtl] .pizza-receipt-top>span{letter-spacing:0}[dir=rtl] .pizza-ticket-name{line-height:1.5}
@media(max-width:850px){.pizza-experience{grid-template-columns:minmax(0,1fr);max-width:550px;margin:auto;gap:18px;padding-top:14px}.pizza-shop-intro,.pizza-service-desk{display:contents}.pizza-shop-heading{grid-row:1}.pizza-current-order{grid-row:2}.pizza-storefront{grid-row:3}.pizza-shop-reaction{grid-row:4}.pizza-small-actions{grid-row:5;margin:0 0 8px}.pizza-neighborhoods{grid-row:6}.pizza-shop-heading h1{font-size:40px;margin:12px 0 7px}.pizza-open-sign{padding:5px 15px}.pizza-receipt-top{padding-bottom:9px;margin-bottom:12px}.pizza-current-order h2{font-size:24px;margin-bottom:9px}.pizza-current-order>p{font-size:13px;line-height:1.45}.pizza-start{margin-top:14px;min-height:56px}.pizza-first-service{margin-top:14px}.pizza-till{margin-top:14px;padding-top:11px}.pizza-storefront{height:292px;border-radius:100px 100px 18px 18px}.pizza-shop-heading{margin-bottom:0}.pizza-shop-heading>p{font-size:13px}.pizza-shop-window{top:66px;height:105px}.pizza-shop-awning{top:20px;height:43px}.pizza-shop-lamp{top:82px}.pizza-oven{bottom:101px;width:77px;height:77px}.pizza-counter{height:109px}.pizza-peel{width:181px;height:130px;top:-60px;left:21%}.pizza-menu-plate{border-width:9px}.pizza-menu-pie{border-width:8px}.pizza-herb{bottom:92px;left:9%}.pizza-picnic-box{bottom:97px;right:9%;width:52px}.pizza-tablecloth{height:87px}.pizza-second-lamp{top:104px}.pizza-shop-reaction{margin:0;padding:11px 13px}.pizza-current-order{padding:18px}.pizza-neighbors{bottom:97px}.pizza-bunting{top:19px}.pizza-roof-flowers{top:66px}}
@media(max-width:390px){.pizza-experience{padding-top:10px;gap:15px}.pizza-storefront{height:266px}.pizza-shop-heading h1{font-size:36px;margin-top:10px}.pizza-shop-heading>p{font-size:12px}.pizza-current-order h2{font-size:22px}.pizza-shop-window{left:10%;width:45%}.pizza-peel{left:14%;width:172px}.pizza-oven{right:7%;bottom:100px}.pizza-shop-reaction{margin-inline:0}.pizza-order-board{gap:6px;padding-inline:9px}.pizza-current-order{padding:16px}.pizza-experience .pizza-ticket{min-height:110px}.pizza-small-actions .quiet{font-size:10px}.pizza-neighborhood>summary{padding-inline:13px}}
@media(prefers-reduced-motion:reduce){.pizza-experience *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}