:root{--espresso:#241611;--crema:#efe3d0;--kavruk:#c4622d;--sut:#f7efe2;--ink-70:color-mix(in srgb, var(--espresso) 70%, transparent);--ink-40:color-mix(in srgb, var(--espresso) 40%, transparent);--ink-12:color-mix(in srgb, var(--espresso) 12%, transparent);--serif:"Fraunces", Georgia, serif;--sans:"Instrument Sans", system-ui, sans-serif;--mono:"Space Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--espresso);color:var(--espresso);-webkit-font-smoothing:antialiased}.demobar{background:var(--espresso);color:var(--crema);font-family:var(--mono);letter-spacing:.08em;z-index:30;justify-content:space-between;align-items:center;padding:10px 16px;font-size:11px;display:flex;position:sticky;top:0}.demobar a{color:var(--crema);text-underline-offset:3px;text-decoration:underline}.demobar a:hover{color:#fff}.scene{background:repeating-linear-gradient(45deg,#1d110d 0 14px,#241611 14px 28px);justify-content:center;min-height:100vh;display:flex}.phone{background:var(--sut);flex-direction:column;width:min(100%,460px);min-width:0;min-height:100vh;display:flex;position:relative;box-shadow:0 0 60px #00000073}.masthead{background:var(--crema);border-bottom:2px solid var(--espresso);padding:28px 20px 18px}.masthead .est{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--kavruk);font-size:10px}.masthead h1{font-family:var(--serif);letter-spacing:-.01em;margin-top:6px;font-size:42px;font-weight:900;line-height:.95}.masthead .sub{color:var(--ink-70);margin-top:8px;font-size:13px}.masthead .table{font-family:var(--mono);letter-spacing:.14em;border:1px solid var(--espresso);margin-top:12px;padding:3px 8px;font-size:10px;display:inline-block}.cats{z-index:20;background:var(--sut);border-bottom:1px solid var(--ink-12);scrollbar-width:none;gap:8px;padding:12px 16px;display:flex;position:sticky;top:37px;overflow-x:auto}.cats::-webkit-scrollbar{display:none}.cats a{font-family:var(--mono);letter-spacing:.06em;white-space:nowrap;color:var(--espresso);border:1px solid var(--espresso);border-radius:999px;padding:6px 14px;font-size:11px;text-decoration:none;transition:background .16s,color .16s}.cats a:hover,.cats a:focus-visible{background:var(--espresso);color:var(--crema)}main{flex:1;padding-bottom:120px}section{padding:22px 20px 8px}section h2{font-family:var(--serif);align-items:baseline;gap:10px;font-size:24px;font-weight:700;display:flex}section h2:after{content:"";border-bottom:1px dashed var(--ink-40);flex:1;transform:translateY(-4px)}.item{border-bottom:1px solid var(--ink-12);grid-template-columns:1fr auto auto;align-items:center;gap:4px 12px;padding:14px 0;display:grid}.item:last-child{border-bottom:none}.item .name{grid-area:1/1;font-size:15px;font-weight:600}.item .tag{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--kavruk);border:1px solid var(--kavruk);vertical-align:2px;border-radius:999px;margin-left:8px;padding:1px 7px;font-size:9px}.item .desc{color:var(--ink-70);grid-area:2/1;font-size:12.5px}.item .price{font-family:var(--mono);grid-area:1/2/span 2;font-size:14px}.item button{font-family:var(--mono);border:1.5px solid var(--espresso);width:34px;height:34px;color:var(--espresso);cursor:pointer;background:0 0;border-radius:50%;grid-area:1/3/span 2;font-size:18px;line-height:1;transition:background .14s,color .14s,transform .14s}.item button:hover{background:var(--espresso);color:var(--crema)}.item button:active{transform:scale(.9)}.fis{width:min(100vw,460px);font-family:var(--mono);z-index:40;clip-path:polygon(0 8px,3% 0,6% 8px,9% 0,12% 8px,15% 0,18% 8px,21% 0,24% 8px,27% 0,30% 8px,33% 0,36% 8px,39% 0,42% 8px,45% 0,48% 8px,51% 0,54% 8px,57% 0,60% 8px,63% 0,66% 8px,69% 0,72% 8px,75% 0,78% 8px,81% 0,84% 8px,87% 0,90% 8px,93% 0,96% 8px,100% 0,100% 100%,0 100%);background:#fffdf6;transition:transform .32s cubic-bezier(.22,1,.36,1);position:fixed;bottom:0;left:50%;transform:translate(-50%,calc(100% - 52px));box-shadow:0 -8px 30px #00000040}.fis.acik{transform:translate(-50%)}.fis__bar{cursor:pointer;user-select:none;width:100%;font:inherit;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:18px 18px 10px;display:flex}.fis__bar .t{letter-spacing:.16em;font-size:12px;font-weight:700}.fis__bar .n{background:var(--kavruk);color:#fffdf6;border-radius:999px;padding:2px 10px;font-size:11px}.fis__body{padding:0 18px 16px;font-size:12px}.fis__body .row{justify-content:space-between;gap:8px;padding:4px 0;display:flex}.fis__body .row .adet{color:var(--kavruk)}.fis__body .row button{font-family:var(--mono);color:var(--ink-40);cursor:pointer;background:0 0;border:none;font-size:12px}.fis__body .row button:hover{color:var(--kavruk)}.fis__total{border-top:1px dashed var(--ink-40);justify-content:space-between;margin-top:8px;padding-top:10px;font-size:13px;font-weight:700;display:flex}.fis__cta{width:100%;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;background:var(--espresso);color:var(--crema);cursor:pointer;border:none;margin-top:12px;padding:14px;font-size:12px;font-weight:700;transition:background .16s;display:block}.fis__cta:hover{background:var(--kavruk)}.fis__empty{color:var(--ink-40);padding:4px 0 8px;font-size:12px}.fis__done{text-align:center;color:var(--kavruk);padding:10px 0 6px;font-size:12px;font-weight:700}.demofoot{background:var(--crema);border-top:2px solid var(--espresso);color:var(--ink-70);padding:20px;font-size:12.5px}.demofoot b{color:var(--espresso)}.demofoot a{color:var(--kavruk);font-weight:600}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fis,.item button{transition:none}}