:root{--bg:#f6f0e4;--bg-2:#efe6d4;--card:#fffcf6;--line:#e4d8c2;--ink:#2a2317;--muted:#776b58;--green:#2e6b3a;--green-2:#3d8a4b;--green-soft:#e2edd9;--brown:#8b5a2b;--brown-soft:#f1e3cf;--blue:#2f6e9e;--blue-soft:#e0ebf3;--yolk:#f2b233;--yolk-soft:#fcefc9;--red:#b4442e;--red-soft:#f7e0da;--radius:18px;--shadow:0 1px 0 #3c280a0a, 0 8px 24px -12px #3c280a2e;--font:"Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--nav-h:68px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-size:17px;line-height:1.4}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--green)}.app{max-width:540px;min-height:100dvh;padding:14px 16px calc(var(--nav-h) + 96px + env(safe-area-inset-bottom));margin:0 auto}.top{justify-content:space-between;align-items:center;gap:12px;margin:4px 0 16px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{flex:none;width:40px;height:40px}.brand-name{letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:22px;font-weight:800;overflow:hidden}.brand-sub{color:var(--muted);font-size:13px;font-weight:600}.call{border:1.5px solid var(--green);color:var(--green);white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}h1{letter-spacing:-.02em;margin:6px 0 14px;font-size:28px;font-weight:800}h2{letter-spacing:-.01em;margin:26px 0 6px;font-size:21px;font-weight:800}.lead{color:var(--muted);margin:0 0 12px;font-size:15px}.seg{background:var(--bg-2);border-radius:999px;gap:4px;margin-bottom:12px;padding:4px;display:flex}.seg button{color:var(--muted);background:0 0;border:0;border-radius:999px;flex:1;padding:11px 10px;font-size:16px;font-weight:700}.seg button.on{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}.chips{scrollbar-width:none;gap:8px;margin:0 -16px 14px;padding-bottom:4px;padding-left:16px;padding-right:16px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1.5px solid var(--line);background:var(--card);border-radius:999px;flex:none;align-items:center;gap:6px;padding:10px 16px;font-size:15px;font-weight:700;display:inline-flex}.chip.on{border-color:var(--green);background:var(--green);color:#fff}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card+.card{margin-top:12px}.hero{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid;position:relative;overflow:hidden}.hero-date{background:var(--green-soft);color:var(--green);border-radius:999px;align-items:baseline;gap:6px;padding:6px 12px;font-size:15px;font-weight:800;display:inline-flex}.hero-price{letter-spacing:-.03em;margin-top:10px;font-size:40px;font-weight:800;line-height:1.05}.hero-price small{color:var(--muted);letter-spacing:0;font-size:16px;font-weight:700}.hero-note{color:var(--muted);margin-top:6px;font-size:14px}.hero-art{width:120px;height:120px}.hero-art img{object-fit:cover;border-radius:16px;width:100%;height:100%}.badge{background:var(--yolk-soft);color:#7a5400;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:13px;font-weight:800;display:inline-flex}.badge.blue{background:var(--blue-soft);color:var(--blue)}.badge.green{background:var(--green-soft);color:var(--green)}.badge.red{background:var(--red-soft);color:var(--red)}.badge.gray{background:var(--bg-2);color:var(--muted)}.badge.brown{background:var(--brown-soft);color:var(--brown)}.badge.yellow{background:var(--yolk-soft);color:#7a5400}.dates{scrollbar-width:none;gap:8px;margin:14px -16px 4px;padding:2px 16px 6px;display:flex;overflow-x:auto}.dates::-webkit-scrollbar{display:none}.date{border:1.5px solid var(--line);background:var(--card);border-radius:16px;flex-direction:column;flex:none;align-items:center;gap:1px;width:68px;padding:10px 0 9px;display:flex;position:relative}.date .wd{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.date .d{font-size:24px;font-weight:800;line-height:1.1}.date .m{color:var(--muted);font-size:12px;font-weight:700}.date .bar{background:var(--bg-2);border-radius:4px;width:36px;height:4px;margin-top:6px;overflow:hidden}.date .bar i{background:var(--green-2);border-radius:4px;height:100%;display:block}.date.few .bar i{background:var(--yolk)}.date.on{border-color:var(--green);background:var(--green);color:#fff}.date.on .wd,.date.on .m{color:#ffffffd9}.date.on .bar{background:#ffffff4d}.date.on .bar i{background:#fff}.date.off{opacity:.45}.date .pp{background:var(--brown);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin:2px 0 0;font-size:13px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{background:var(--brown);border-radius:50%;width:8px;height:8px;display:inline-block}.qty-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.qty-head b{font-size:19px}.qty-head span{color:var(--muted);font-size:14px;font-weight:600}.stepper{grid-template-columns:56px 1fr 56px;gap:10px;display:grid}.stepper button{background:var(--green-soft);height:56px;color:var(--green);border:0;border-radius:16px;font-size:28px;font-weight:700}.stepper button.plus{background:var(--green);color:#fff}.stepper input{border:1.5px solid var(--line);text-align:center;background:#fff;border-radius:16px;width:100%;min-width:0;height:56px;font-size:26px;font-weight:800}.stepper input:focus{border-color:var(--green);outline:none}.presets{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.presets button{border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:8px 14px;font-size:15px;font-weight:700}.sum-row{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:14px;display:flex}.sum-row .calc{color:var(--muted);font-size:14px;font-weight:600}.sum-row .total{color:var(--brown);letter-spacing:-.02em;white-space:nowrap;font-size:30px;font-weight:800}.hint{color:var(--muted);margin-top:8px;font-size:14px}.warn{color:var(--red);margin-top:8px;font-size:14px;font-weight:600}.btn{background:var(--green);color:#fff;border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;padding:17px 18px;font-size:18px;font-weight:800;text-decoration:none;display:flex;box-shadow:0 10px 24px -12px #2e6b3ab3}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{color:var(--green);border:1.5px solid var(--green);box-shadow:none;background:0 0}.btn.light{background:var(--green-soft);color:var(--green);box-shadow:none}.btn.brown{background:var(--brown);box-shadow:0 10px 24px -12px #8b5a2bb3}.btn.max{background:#4a5cf0;box-shadow:0 10px 24px -12px #4a5cf0b3}.btn+.btn{margin-top:10px}.btn.small{border-radius:12px;width:auto;padding:11px 14px;font-size:15px;display:inline-flex}.link-btn{color:var(--green);background:0 0;border:0;padding:6px 0;font-size:15px;font-weight:700}.prod{grid-template-columns:64px 1fr auto;align-items:center;gap:12px;display:grid}.prod+.prod{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.prod-img{background:var(--brown-soft);border-radius:14px;place-items:center;width:64px;height:64px;display:grid;overflow:hidden}.prod-img img{object-fit:cover;width:100%;height:100%}.prod-name{font-size:16px;font-weight:800;line-height:1.25}.prod-desc{color:var(--muted);font-size:13px}.prod-price{margin-top:2px;font-weight:800}.mini-step{background:var(--bg-2);border-radius:999px;align-items:center;gap:4px;padding:4px;display:inline-flex}.mini-step button{background:var(--card);width:38px;height:38px;color:var(--green);border:0;border-radius:50%;font-size:22px;font-weight:700}.mini-step span{text-align:center;min-width:30px;font-weight:800}.add-btn{background:var(--green);color:#fff;border:0;border-radius:14px;width:46px;height:46px;font-size:26px;font-weight:700}.cartbar{left:50%;bottom:calc(var(--nav-h) + 10px + env(safe-area-inset-bottom));background:var(--brown);color:#fff;z-index:20;text-align:left;border:0;border-radius:18px;align-items:center;gap:12px;width:min(508px,100% - 32px);padding:12px 14px 12px 12px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 14px 30px -12px #50321499}.cartbar .count{background:var(--yolk);width:38px;height:38px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid}.cartbar .label{flex:1;font-size:16px;font-weight:700}.cartbar .sum{font-size:19px;font-weight:800}.nav{z-index:25;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);background:#fffcf6f5;position:fixed;bottom:0;left:0;right:0}.nav-in{max-width:540px;height:var(--nav-h);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.nav button{color:var(--muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:13px;font-weight:700;display:flex;position:relative}.nav button.on{color:var(--green)}.nav svg{width:26px;height:26px}.nav .dot{background:var(--yolk);min-width:18px;height:18px;color:var(--ink);border-radius:9px;place-items:center;padding:0 4px;font-size:11px;display:grid;position:absolute;top:8px;left:calc(50% + 6px)}.field{margin-top:12px;display:block}.field>span{color:var(--muted);margin-bottom:6px;font-size:14px;font-weight:700;display:block}.input,select.input,textarea.input{border:1.5px solid var(--line);background:#fff;border-radius:14px;width:100%;padding:14px;font-size:17px;font-weight:600}.input:focus{border-color:var(--green);outline:none}textarea.input{resize:vertical;min-height:84px}.step-title{align-items:center;gap:10px;margin:0 0 4px;font-size:19px;font-weight:800;display:flex}.step-title i{background:var(--green-soft);width:30px;height:30px;color:var(--green);border-radius:50%;place-items:center;font-size:15px;font-style:normal;display:grid}.option{text-align:left;border:1.5px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:26px 1fr auto;align-items:center;gap:12px;width:100%;margin-top:10px;padding:14px;display:grid}.option.on{border-color:var(--green);background:var(--green-soft)}.option .radio{border:2px solid var(--line);border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.option.on .radio{border-color:var(--green)}.option.on .radio:after{content:"";background:var(--green);border-radius:50%;width:12px;height:12px}.option b{font-size:17px;display:block}.option small{color:var(--muted);font-size:14px;font-weight:600}.option .side{white-space:nowrap;font-weight:800}.option:disabled{opacity:.5}.lines .line{justify-content:space-between;gap:12px;padding:6px 0;font-size:16px;display:flex}.lines .line span:first-child{color:var(--muted)}.lines .line.big{border-top:1px dashed var(--line);margin-top:6px;padding-top:12px;font-size:20px;font-weight:800}.lines .line.big span:last-child{color:var(--brown);font-size:26px}.cart-item{grid-template-columns:56px 1fr;gap:12px;display:grid}.cart-item+.cart-item{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.cart-item .ttl{font-weight:800}.cart-item .sub{color:var(--muted);font-size:14px}.cart-item .row{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.cart-item .price{font-size:18px;font-weight:800}.order-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.order-head b{font-size:19px}.order-meta{color:var(--muted);font-size:14px}.progress{grid-template-columns:repeat(4,1fr);gap:4px;margin:12px 0 6px;display:grid}.progress i{background:var(--bg-2);border-radius:6px;height:6px}.progress i.on{background:var(--green-2)}.order-items{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:12px 0;padding:8px 0}.order-items div{justify-content:space-between;gap:10px;padding:4px 0;font-size:15px;display:flex}.order-items div span:last-child{color:var(--muted);white-space:nowrap}.order-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.order-foot .sum{color:var(--brown);font-size:24px;font-weight:800}.empty{text-align:center;color:var(--muted);padding:40px 10px}.empty svg{width:96px;height:96px;margin-bottom:10px}.empty b{color:var(--ink);margin-bottom:4px;font-size:19px;display:block}.notice{background:var(--blue-soft);color:#1f4f73;border-radius:16px;margin:12px 0;padding:12px 14px;font-size:15px;font-weight:600}.notice.yolk{background:var(--yolk-soft);color:#6b4a00}.notice.green{background:var(--green-soft);color:var(--green)}.notice.red{background:var(--red-soft);color:var(--red)}.toast{left:50%;top:calc(14px + env(safe-area-inset-top));z-index:50;background:var(--ink);color:#fff;box-shadow:var(--shadow);border-radius:14px;max-width:calc(100% - 32px);padding:12px 18px;font-size:15px;font-weight:700;position:fixed;transform:translate(-50%)}.back{background:var(--card);border:0;border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;margin-bottom:6px;padding:8px 14px;font-size:15px;font-weight:700;display:inline-flex}.success{text-align:center;padding:24px 6px}.success svg{width:110px;height:110px}.success h1{margin-top:8px}.skeleton{background:linear-gradient(90deg, var(--bg-2), #f7efe0, var(--bg-2));border-radius:var(--radius);background-size:200% 100%;animation:1.4s infinite sk}@keyframes sk{to{background-position:-200% 0}}.code-input{letter-spacing:.5em;text-align:center;font-size:26px;font-weight:800}.or{text-align:center;color:var(--muted);margin:12px 0;font-size:14px}.foot-note{text-align:center;color:var(--muted);margin-top:22px;font-size:13px}@media (width>=560px){.app{padding-top:24px}}.hero-art svg{width:100%;height:100%}.prod-img svg{max-width:100%;max-height:100%}