.pz{--cream:#ece2cd;--cream2:#e7ddc6;--panel:#f8f2e6bd;--panel-solid:#f4eede;--gold:#c7a86a;--gold2:#d8b46a;--gold-deep:#b08f4f;--emerald:#1f3d2b;--emerald2:#2c5440;--ink:#2c2418;--ink-soft:#6a5f4a;--olive:#6f7d52;--serif:"Cormorant Garamond",Georgia,serif;--sans:"Jost",system-ui,sans-serif;z-index:90;color:var(--ink);font-family:var(--sans);-webkit-user-select:none;user-select:none;background:radial-gradient(120% 90% at 50% 0,#f2e9d8 0%,#ece2cd 46%,#e3d8c0 100%);position:fixed;inset:0;overflow:hidden}.pz *{box-sizing:border-box}.pz__tex{background-image:var(--tex);opacity:.1;mix-blend-mode:multiply;pointer-events:none;background-size:680px;position:absolute;inset:0}.pz .brand{z-index:6;text-align:center;position:absolute;top:34px;left:46px}.pz .brand b{font-family:var(--serif);letter-spacing:.14em;color:var(--ink);font-size:40px;font-weight:600;line-height:1;display:block}.pz .brand span{font-family:var(--sans);letter-spacing:.42em;color:var(--olive);margin-top:7px;font-size:11px;font-weight:500;display:block}.pz .brand .em{color:var(--gold-deep);letter-spacing:0;margin-bottom:4px;font-size:18px}.pz .head{z-index:5;text-align:center;pointer-events:none;position:absolute;top:30px;left:50%;transform:translate(-50%)}.pz .head h1{font-family:var(--serif);color:var(--emerald);letter-spacing:.01em;margin:0;font-size:clamp(38px,4.6vw,68px);font-weight:500;line-height:1}.pz .head p{font-family:var(--sans);letter-spacing:.34em;color:var(--gold-deep);text-transform:uppercase;margin:14px 0 0;font-size:13px;font-weight:500}.pz .tools{z-index:6;gap:14px;display:flex;position:absolute;top:34px;right:40px}.pz .tools button{background:var(--panel);width:46px;height:46px;color:var(--ink-soft);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #b08f4f80;border-radius:50%;place-items:center;font-size:17px;transition:all .2s;display:grid}.pz .tools button:hover{border-color:var(--gold);color:var(--emerald)}.pz .tools button.on{background:var(--emerald);color:#f3e7cf;border-color:var(--emerald)}.pz .tools .tbl{background:var(--emerald);color:#f3e7cf;width:auto;height:46px;font-family:var(--sans);letter-spacing:.05em;border:1px solid var(--emerald);border-radius:24px;gap:8px;padding:0 18px;font-size:13px;font-weight:600}.pz .tools .tbl:hover{background:var(--emerald2);color:#f3e7cf;border-color:var(--emerald2)}.pz .sauces{z-index:5;scrollbar-width:thin;width:300px;max-height:calc(100% - 350px);padding-right:6px;position:absolute;top:148px;left:42px;overflow:hidden auto}.pz .sauces::-webkit-scrollbar{width:5px}.pz .sauces::-webkit-scrollbar-thumb{background:#b08f4f80;border-radius:3px}.pz .sauces>h2{font-family:var(--sans);letter-spacing:.28em;color:var(--ink-soft);text-transform:uppercase;margin:0 0 10px 80px;font-size:11px;font-weight:600}.pz .srow{cursor:pointer;align-items:center;gap:8px;height:40px;display:flex;position:relative}.pz .pot{object-fit:contain;filter:drop-shadow(0 5px 7px #50371442);flex:none;width:70px;height:42px;transition:all .2s}.pz .srow.sel .pot{filter:drop-shadow(0 0 0 2px var(--gold)) drop-shadow(0 6px 9px #50371447);transform:scale(1.06)}.pz .sname{font-family:var(--serif);color:var(--ink);border:1px solid #0000;border-radius:12px;flex:1;padding:7px 16px;font-size:19px;font-weight:500;line-height:1.02;transition:all .22s}.pz .srow.sel .sname{background:var(--panel);border-color:#c7a86a8c;box-shadow:0 8px 20px #785a281a}.pz .srow:hover .sname{color:var(--emerald)}.pz .sauce-prem{cursor:pointer;width:100%;max-width:300px;font-family:var(--sans);letter-spacing:.03em;color:var(--ink-soft);background:#f7f1e573;border:1px solid #c7a86a80;border-radius:13px;justify-content:space-between;align-items:center;gap:10px;margin:8px 0 2px;padding:10px 15px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.pz .sauce-prem:hover{border-color:var(--gold);color:var(--emerald);background:var(--panel)}.pz .sauce-prem.open{border-color:var(--gold);background:var(--panel)}.pz .sauce-prem i{color:var(--gold-deep);font-style:normal;font-weight:700}.pz .sauce-prem u{color:var(--gold-deep);font-size:19px;line-height:1;text-decoration:none}.pz .sname .sprem{font-family:var(--sans);color:var(--gold-deep);margin-left:8px;font-size:11px;font-style:normal;font-weight:600}.pz .stage{z-index:3;aspect-ratio:1;perspective:1400px;width:min(52vh,580px);position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.pz .diam{z-index:4;text-align:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#f7f1e580;border:1px solid #b08f4f99;border-radius:50%;place-content:center;width:92px;height:92px;display:grid;position:absolute;top:2%;left:-17%}.pz .diam i{font-family:var(--sans);letter-spacing:.26em;color:var(--gold-deep);font-size:9.5px;font-style:normal}.pz .diam b{font-family:var(--serif);color:var(--emerald);font-size:25px;font-weight:600}.pz .diam u{border-bottom:1px solid var(--gold);border-left:1px solid var(--gold);border-right:1px solid var(--gold);width:54px;height:6px;margin:5px auto 0;display:block}.pz .pizza{transform-style:preserve-3d;position:absolute;inset:0;transform:rotateX(18deg)}.pz .pshadow{filter:blur(7px);z-index:-1;background:radial-gradient(50% 50%,#32200c66,#0000 70%);width:86%;height:20%;position:absolute;bottom:-3%;left:50%;transform:translate(-50%)}.pz .disc{animation:90s linear infinite pzspin;position:absolute;inset:0}.pz .dough{object-fit:contain;filter:drop-shadow(0 18px 26px #3c280f57);width:100%;height:100%;position:absolute;inset:0}.pz .sauce-layer{aspect-ratio:1;clip-path:circle(0%);border-radius:50%;width:60%;transition:clip-path 1.05s cubic-bezier(.5,0,.2,1);position:absolute;top:49.5%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 6px 16px #00000047}.pz .sauce-layer.on{clip-path:circle(50%)}.pz .cheese{aspect-ratio:1;object-fit:cover;opacity:0;pointer-events:none;border-radius:50%;width:66%;transition:opacity 1s,transform 1s;position:absolute;top:49.5%;left:50%;transform:translate(-50%,-50%)scale(.96)}.pz .cheese.on{opacity:.86;transform:translate(-50%,-50%)scale(1)}.pz .cheese--top.on{opacity:.4}.pz .piece{filter:drop-shadow(0 5px 5px #28190866);pointer-events:none;width:16%;animation:.5s cubic-bezier(.34,1.56,.5,1) forwards pzdrop;position:absolute;transform:translate(-50%,-50%)scale(0)}@keyframes pzdrop{0%{transform:translate(-50%,-160%) scale(.5) rotate(var(--r));opacity:0}60%{opacity:1}to{transform:translate(-50%,-50%) scale(1) rotate(var(--r));opacity:1}}@keyframes pzspin{to{transform:rotate(360deg)}}.pz .flyer{z-index:40;pointer-events:none;filter:drop-shadow(0 8px 10px #28190866);will-change:transform;width:120px;transition:transform 1.05s cubic-bezier(.45,.05,.25,1),opacity .3s;position:fixed}.pz .rcol{z-index:5;flex-direction:column;justify-content:space-between;gap:14px;width:328px;display:flex;position:absolute;top:138px;bottom:188px;right:40px}.pz .recipe{background:var(--panel);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);border:1px solid #c7a86a80;border-radius:20px;flex:0 auto;width:100%;min-height:0;padding:18px 24px;position:relative;overflow-y:auto;box-shadow:0 22px 50px #6e502824}.pz .recipe::-webkit-scrollbar{width:0}.pz .recipe .top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.pz .recipe .top h3{font-family:var(--sans);letter-spacing:.26em;color:var(--ink-soft);text-transform:uppercase;margin:0;font-size:13px;font-weight:600}.pz .tag{font-family:var(--sans);letter-spacing:.12em;color:var(--gold-deep);border:1px solid var(--gold);border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:500;display:flex}.pz .lbl{font-family:var(--sans);letter-spacing:.18em;color:var(--ink-soft);text-transform:uppercase;margin:0 0 4px;font-size:11px}.pz .chosen{font-family:var(--serif);color:var(--emerald);margin:0 0 12px;font-size:23px;font-weight:600}.pz .chosen.empty{color:#b9ad95;font-style:italic;font-weight:500}.pz .ings{min-height:74px;margin:6px 0 0;padding:0;list-style:none}.pz .ings li{font-family:var(--serif);color:var(--ink);border-bottom:1px solid #b08f4f24;align-items:center;gap:11px;padding:3px 0;font-size:18px;display:flex}.pz .ings li img{object-fit:contain;filter:drop-shadow(0 2px 2px #00000026);width:26px;height:26px}.pz .ings li.ph{color:#c2b69d;border-bottom:1px dashed #b08f4f2e;font-size:18px;font-style:italic}.pz .ings li.ph span{border:1px dashed #b08f4f66;border-radius:50%;flex:none;width:34px;height:34px}.pz .count{align-items:baseline;gap:10px;margin-top:16px;display:flex}.pz .count b{font-family:var(--serif);color:var(--emerald);font-size:26px;line-height:1}.pz .count-lbl{font-family:var(--sans);letter-spacing:.18em;color:var(--ink-soft);text-transform:uppercase;font-size:11px}.pz .price{background:var(--panel);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);text-align:center;border:1px solid #c7a86a80;border-radius:20px;flex:none;width:100%;padding:18px 24px 20px;position:relative;box-shadow:0 22px 50px #6e502824}.pz .price .row{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.pz .price .row span{font-family:var(--sans);letter-spacing:.26em;color:var(--ink-soft);text-transform:uppercase;font-size:13px;font-weight:600}.pz .price .row b{font-family:var(--serif);color:var(--gold-deep);font-size:40px;font-weight:600;line-height:.9}.pz .addbtn{cursor:pointer;background:var(--emerald);color:#f3e7cf;width:100%;font-family:var(--sans);letter-spacing:.22em;text-transform:uppercase;border:none;border-radius:13px;justify-content:center;align-items:center;gap:12px;padding:15px;font-size:14px;font-weight:600;transition:all .22s;display:flex;box-shadow:0 12px 26px #1f3d2b47}.pz .addbtn:hover{background:var(--emerald2);transform:translateY(-2px)}.pz .addbtn:disabled{opacity:.45;cursor:not-allowed;transform:none}.pz .price small{font-family:var(--serif);color:var(--ink-soft);margin-top:13px;font-size:15px;font-style:italic;display:block}.pz .shelf{z-index:7;background:linear-gradient(#0000,#f3ecde99 30%,#f3ecdef7);border-top:1px solid #b08f4f40;align-items:center;height:172px;padding:0 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.pz .shelf__h{flex:none;width:160px}.pz .shelf__h h4{font-family:var(--serif);color:var(--emerald);margin:0;font-size:24px;font-weight:600;line-height:1.05}.pz .shelf__h p{font-family:var(--serif);color:var(--ink-soft);margin:8px 0 0;font-size:14.5px;font-style:italic}.pz .track{overscroll-behavior-x:contain;scrollbar-width:none;flex:1;gap:14px;min-width:0;padding:16px 62px;display:flex;overflow:auto hidden}.pz .track::-webkit-scrollbar{display:none}.pz .tile{background:var(--panel-solid);cursor:pointer;border:1px solid #b08f4f47;border-radius:15px;flex-direction:column;flex:none;justify-content:flex-end;align-items:center;width:118px;height:140px;padding:8px;transition:all .18s;display:flex;position:relative;box-shadow:0 8px 18px #785a281a}.pz .tile:hover{border-color:var(--gold);transform:translateY(-4px)}.pz .tile img{object-fit:contain;filter:drop-shadow(0 4px 4px #28190833);width:88px;height:80px;position:absolute;top:6px;left:50%;transform:translate(-50%)}.pz .tile b{font-family:var(--serif);color:var(--ink);text-align:center;align-items:center;height:34px;font-size:15.5px;font-weight:500;line-height:1.05;display:flex}.pz .tile.sel{border-color:var(--gold);background:#fbf6e9;box-shadow:0 0 0 2px #c7a86a80,0 8px 18px #785a2824}.pz .tile.capped{opacity:.38;filter:saturate(.35);cursor:not-allowed}.pz .tile.capped:hover{border-color:#b08f4f47;transform:none}.pz .tile .chk{background:var(--emerald);color:#f3e7cf;border:1px solid #f3e7cf;border-radius:50%;place-items:center;width:22px;height:22px;font-size:12px;display:grid;position:absolute;top:7px;right:7px}.pz .scrollbtn{z-index:8;border:1px solid var(--gold);width:46px;height:46px;color:var(--gold-deep);cursor:pointer;pointer-events:auto;background:#f8f2e6f5;border-radius:50%;place-items:center;font-size:19px;transition:all .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 14px #785a283d}.pz .scrollbtn.left{left:14px}.pz .scrollbtn.right{right:14px}.pz .scrollbtn:hover{background:var(--emerald);color:#f3e7cf;border-color:var(--emerald)}.pz .toast{z-index:30;background:var(--emerald);color:#f3e7cf;font-family:var(--sans);letter-spacing:.08em;opacity:0;pointer-events:none;border-radius:30px;padding:14px 26px;font-size:14px;transition:all .4s;position:absolute;bottom:200px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 14px 30px #1f3d2b4d}.pz .toast.show{opacity:1;transform:translate(-50%)translateY(0)}.pz__scale{display:contents}@media (width<=760px),(width>=761px) and (width<=1024px) and (orientation:portrait){.pz{-webkit-overflow-scrolling:touch;padding-bottom:92px;display:block;overflow:hidden auto}.pz__tex{position:fixed}.pz .brand{display:none}.pz .head{width:100%;margin:54px auto 4px;padding:0 16px;position:static;transform:none}.pz .head h1{font-size:31px}.pz .head p{letter-spacing:.2em;margin-top:7px;font-size:10px}.pz .tools{z-index:14;gap:8px;position:fixed;top:12px;left:auto;right:12px}.pz .tools button{width:40px;height:40px;font-size:15px}.pz .tools .tbl{height:40px;padding:0 13px;font-size:11.5px}.pz .stage{width:min(70vw,288px);margin:2px auto 10px;position:static;transform:none}.pz .pizza{transform:rotateX(12deg)}.pz .diam{width:56px;height:56px;top:-2%;left:auto;right:2%}.pz .diam i{letter-spacing:.16em;font-size:7px}.pz .diam b{font-size:16px}.pz .diam u{width:30px}.pz .sauces{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;max-height:none;margin:0 auto 12px;padding:0 12px;display:flex;position:static;overflow:visible}.pz .sauces>h2{text-align:center;letter-spacing:.24em;flex:0 0 100%;margin:0 0 6px}.pz .srow{border:1px solid #0000;border-radius:12px;flex-direction:column;gap:5px;width:82px;height:auto;padding:8px 4px}.pz .srow.sel{border-color:var(--gold);background:var(--panel);box-shadow:0 6px 16px #785a281f}.pz .pot{width:48px;height:30px}.pz .srow.sel .pot{transform:scale(1.04)}.pz .sname{text-align:center;flex:none;padding:0;font-size:12px;line-height:1.1;box-shadow:none!important;background:0 0!important;border:none!important}.pz .rcol{width:auto;height:auto;margin:0;display:block;position:static}.pz .recipe{width:auto;max-height:none;margin:0 12px 10px;padding:14px 16px;position:static;overflow:visible}.pz .recipe .top{margin-bottom:12px}.pz .recipe .ings{min-height:0}.pz .recipe .ings li{font-size:15px}.pz .recipe .count{margin-top:12px}.pz .shelf{background:0 0;border-top:1px solid #b08f4f38;height:auto;padding:2px 12px 0;display:block;position:static}.pz .track{overscroll-behavior:contain;grid-template-columns:repeat(4,1fr);grid-auto-rows:92px;gap:8px;max-height:204px;padding:8px 2px 12px;display:grid;position:static;overflow:hidden auto;-webkit-mask-image:linear-gradient(#000 85%,#0000);mask-image:linear-gradient(#000 85%,#0000)}.pz .tile{flex:none;width:auto;height:92px;padding:6px 4px}.pz .tile img{width:52px;height:46px;top:7px}.pz .tile b{height:auto;padding-top:2px;font-size:10.5px;line-height:1.12}.pz .tile .chk{width:18px;height:18px;font-size:10px;top:5px;right:5px}.pz .scrollbtn{display:none}.pz .price{z-index:13;text-align:left;width:auto;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #6e50282e}.pz .price .row{flex-direction:column;flex:none;align-items:flex-start;gap:0;margin:0}.pz .price .row span{letter-spacing:.14em;font-size:10px}.pz .price .row b{font-size:25px}.pz .addbtn{letter-spacing:.16em;flex:1;padding:14px;font-size:12px}.pz .price small{display:none}.pz .flyer{position:fixed}.pz .toast{bottom:96px}}@media (width>=761px) and (width<=1024px) and (orientation:landscape){.pz{zoom:calc(100vw / 1180px)}}@media (width>=700px) and (width<=1024px) and (orientation:portrait){.pz .head{margin-top:64px}.pz .head h1{font-size:clamp(48px,7vw,64px)}.pz .head p{letter-spacing:.3em;margin-top:10px;font-size:12px}.pz .stage{width:min(66vw,520px);margin:16px auto 24px}.pz .pizza{transform:rotateX(14deg)}.pz .diam{width:74px;height:74px;top:0;right:6%}.pz .diam i{letter-spacing:.2em;font-size:9px}.pz .diam b{font-size:21px}.pz .diam u{width:42px}.pz .sauces{gap:12px;margin-bottom:22px}.pz .srow{width:112px;padding:12px 6px}.pz .pot{width:66px;height:44px}.pz .sname{font-size:15px}.pz .recipe{max-width:700px;margin:0 auto 16px;padding:22px 28px}.pz .recipe .ings li{font-size:18px}.pz .recipe .ings li img{width:30px;height:30px}.pz .shelf{max-width:760px;margin:0 auto;padding:6px 0 8px}.pz .track{grid-template-columns:repeat(5,1fr);grid-auto-rows:120px;gap:13px;max-height:none;padding:12px 8px 20px;-webkit-mask-image:none;mask-image:none}.pz .tile{height:120px;padding:9px 5px}.pz .tile img{width:74px;height:64px;top:10px}.pz .tile b{font-size:13px}.pz .tile .chk{width:20px;height:20px;font-size:11px}.pz .price{padding:14px max(20px,calc((100% - 700px)/2)) calc(14px + env(safe-area-inset-bottom,0px));gap:20px}.pz .price .row span{letter-spacing:.14em;font-size:11px}.pz .price .row b{font-size:32px}.pz .price .addbtn{letter-spacing:.2em;flex:none;width:auto;min-width:320px;max-width:380px;padding:17px 36px;font-size:13px}.pz .toast{bottom:104px}}
