:root{--qr-bg: #121416;--qr-surface: #1c1f23;--qr-surface-2: #252a30;--qr-text: #f4f1ea;--qr-muted: #9aa3ad;--qr-line: rgba(255, 255, 255, .08);--qr-accent: #84b2c9;--qr-accent-text: #ffffff;--qr-radius: 18px;--qr-pad: 16px;--qr-safe-bottom: env(safe-area-inset-bottom, 0px);--qr-font: "Segoe UI", "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--qr-bg);color:var(--qr-text);font-family:var(--qr-font);-webkit-font-smoothing:antialiased}body{padding-bottom:calc(28px + var(--qr-safe-bottom))}body.has-qr-cart{padding-bottom:calc(88px + var(--qr-safe-bottom))}img{max-width:100%;display:block}button{font:inherit;color:inherit}a{color:inherit}.qr-shell{--qr-accent: #84b2c9;--qr-accent-text: #ffffff;max-width:480px;margin:0 auto;min-height:100dvh;position:relative;background:var(--qr-bg)}.qr-hero{position:relative;min-height:220px;padding:28px var(--qr-pad) 24px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;isolation:isolate}.qr-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#12141640,#121416eb),var(--qr-hero-image, linear-gradient(145deg, #2a4554, #121416));background-size:cover;background-position:center;z-index:-1}.qr-hero-top{position:absolute;top:14px;right:var(--qr-pad);left:var(--qr-pad);display:flex;justify-content:space-between;align-items:center;gap:10px}.qr-badge{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;background:#00000059;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 10px;backdrop-filter:blur(8px)}.qr-langs{display:flex;gap:4px;background:#00000059;border-radius:999px;padding:3px;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px)}.qr-lang{border:0;background:transparent;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600;opacity:.7;cursor:pointer}.qr-lang.is-active{background:var(--qr-accent);color:var(--qr-accent-text);opacity:1}.qr-logo{width:64px;height:64px;object-fit:contain;margin-bottom:12px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}.qr-title{margin:0;font-size:clamp(28px,8vw,36px);font-weight:700;letter-spacing:-.03em;line-height:1.05}.qr-sub{margin:8px 0 0;color:#ffffffb8;font-size:14px;line-height:1.4}.qr-offers{display:flex;gap:10px;overflow-x:auto;padding:14px var(--qr-pad) 4px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.qr-offers::-webkit-scrollbar{display:none}.qr-offer{flex:0 0 78%;scroll-snap-align:start;border-radius:16px;overflow:hidden;aspect-ratio:16 / 9;background:var(--qr-surface)}.qr-offer img{width:100%;height:100%;object-fit:cover}.qr-cats{position:sticky;top:0;z-index:20;display:flex;gap:8px;overflow-x:auto;padding:12px var(--qr-pad);background:color-mix(in srgb,var(--qr-bg) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--qr-line);-webkit-overflow-scrolling:touch}.qr-cats::-webkit-scrollbar{display:none}.qr-cat{flex:0 0 auto;border:1px solid var(--qr-line);background:var(--qr-surface);border-radius:999px;padding:10px 14px;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.qr-cat.is-active{background:var(--qr-accent);border-color:transparent;color:var(--qr-accent-text)}.qr-search-wrap{padding:4px var(--qr-pad) 8px}.qr-search{width:100%;border:1px solid var(--qr-line);background:var(--qr-surface);color:var(--qr-text);border-radius:14px;padding:12px 14px;outline:none}.qr-search::placeholder{color:var(--qr-muted)}.qr-search:focus{border-color:color-mix(in srgb,var(--qr-accent) 70%,white)}.qr-main{padding:8px var(--qr-pad) 0}.qr-section{margin:0 0 22px}.qr-section-head{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;margin:0 0 12px}.qr-section-photo{width:72px;height:72px;border-radius:16px;object-fit:cover;background:var(--qr-surface-2)}.qr-section-title{margin:0;font-size:20px;font-weight:700;letter-spacing:-.02em}.qr-section-count{margin:4px 0 0;color:var(--qr-muted);font-size:13px}.qr-list{display:flex;flex-direction:column;gap:8px}.qr-item-wrap{position:relative}.qr-item{width:100%;text-align:left;border:1px solid var(--qr-line);background:var(--qr-surface);border-radius:var(--qr-radius);padding:12px 12px 48px;cursor:pointer;display:grid;gap:8px 12px;align-items:start;transition:transform .15s ease,border-color .15s ease,background .15s ease}.qr-item-add{position:absolute;right:10px;bottom:10px;width:36px;height:36px;border:0;border-radius:999px;background:var(--qr-accent);color:var(--qr-accent-text);font-size:22px;font-weight:600;line-height:1;cursor:pointer;box-shadow:0 8px 20px #00000047;z-index:2}.qr-item-add.is-on{background:color-mix(in srgb,var(--qr-accent) 70%,#fff)}.qr-item.has-photo{grid-template-columns:88px 1fr auto}.qr-item:not(.has-photo){grid-template-columns:1fr auto}.qr-item:active{transform:scale(.985)}.qr-item:hover{border-color:color-mix(in srgb,var(--qr-accent) 45%,transparent)}.qr-item-photo{grid-row:1 / span 3;width:88px;height:88px;border-radius:14px;object-fit:cover;background:var(--qr-surface-2)}.qr-item-name{margin:0;font-size:16px;font-weight:650;line-height:1.25}.qr-item-desc{margin:4px 0 0;color:var(--qr-muted);font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.qr-item.has-photo .qr-item-desc{grid-column:2 / 3}.qr-item:not(.has-photo) .qr-item-desc{grid-column:1 / 2}.qr-item-price{margin:0;font-size:15px;font-weight:700;color:var(--qr-accent);white-space:nowrap}.qr-item-meta{display:flex;flex-wrap:wrap;gap:6px}.qr-item.has-photo .qr-item-meta{grid-column:2 / -1}.qr-item:not(.has-photo) .qr-item-meta{grid-column:1 / -1}.qr-chip{font-size:11px;color:var(--qr-muted);border:1px solid var(--qr-line);border-radius:999px;padding:3px 8px}.qr-chip.is-hot{color:var(--qr-accent-text);background:color-mix(in srgb,var(--qr-accent) 35%,transparent);border-color:transparent}.qr-chip.is-note{color:var(--qr-accent-text);background:var(--qr-accent);border-color:transparent}.qr-empty{margin:40px 0;text-align:center;color:var(--qr-muted);font-size:15px}.qr-sheet-backdrop{position:fixed;inset:0;background:#0000008c;opacity:0;pointer-events:none;transition:opacity .22s ease;z-index:40}.qr-sheet-backdrop.is-open{opacity:1;pointer-events:auto}.qr-sheet{position:fixed;left:50%;bottom:0;transform:translate(-50%,110%);width:min(480px,100%);max-height:min(82dvh,720px);overflow:auto;background:var(--qr-surface);border-radius:24px 24px 0 0;padding:10px var(--qr-pad) calc(22px + var(--qr-safe-bottom));z-index:50;transition:transform .28s cubic-bezier(.22,1,.36,1);box-shadow:0 -20px 60px #00000073}.qr-sheet.is-open{transform:translate(-50%)}.qr-sheet-handle{width:42px;height:4px;border-radius:999px;background:#ffffff38;margin:4px auto 14px}.qr-sheet-close{position:absolute;top:14px;right:14px;width:36px;height:36px;border:0;border-radius:999px;background:var(--qr-surface-2);cursor:pointer}.qr-sheet-photo{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:18px;margin:0 0 14px;background:var(--qr-surface-2)}.qr-sheet-photo[hidden]{display:none}.qr-sheet-title{margin:0 36px 8px 0;font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.15}.qr-sheet-price{margin:0 0 14px;font-size:20px;font-weight:700;color:var(--qr-accent)}.qr-sheet-desc{margin:0;color:#ffffffc7;font-size:15px;line-height:1.5}.qr-sheet-note{margin:18px 0 0;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--qr-accent) 16%,var(--qr-surface-2));color:#ffffffdb;font-size:13px;line-height:1.4}.qr-sheet-add{display:block;width:100%;margin-top:16px;border:0;border-radius:999px;padding:14px 18px;background:var(--qr-accent);color:var(--qr-accent-text);font-size:16px;font-weight:700;cursor:pointer}.qr-sheet-add.is-added{background:var(--qr-surface-2);color:var(--qr-text);box-shadow:inset 0 0 0 1px var(--qr-line)}.qr-cart-fab{position:fixed;left:50%;bottom:calc(16px + var(--qr-safe-bottom));transform:translate(-50%);z-index:35;display:inline-flex;align-items:center;gap:10px;max-width:calc(100% - 32px);border:0;border-radius:999px;padding:12px 16px 12px 14px;background:var(--qr-accent);color:var(--qr-accent-text);font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 14px 36px #0006}.qr-cart-fab[hidden]{display:none}.qr-cart-fab-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:#0000002e;font-size:14px}.qr-cart-fab-count{min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#00000038;display:inline-grid;place-items:center;font-size:13px}.qr-cart{position:fixed;left:50%;bottom:0;transform:translate(-50%,110%);width:min(480px,100%);max-height:min(86dvh,760px);overflow:auto;background:var(--qr-surface);border-radius:24px 24px 0 0;padding:10px var(--qr-pad) calc(22px + var(--qr-safe-bottom));z-index:50;transition:transform .28s cubic-bezier(.22,1,.36,1);box-shadow:0 -20px 60px #00000073}.qr-cart.is-open{transform:translate(-50%)}.qr-cart-title{margin:0 40px 8px 0;font-size:24px;font-weight:700;letter-spacing:-.02em}.qr-cart-lead{margin:0 0 16px;color:var(--qr-muted);font-size:14px;line-height:1.45}.qr-cart-list{display:grid;gap:10px}.qr-cart-empty{margin:8px 0 4px;padding:18px 14px;border-radius:14px;background:var(--qr-surface-2);color:var(--qr-muted);text-align:center;font-size:14px;line-height:1.4}.qr-cart-row{display:grid;grid-template-columns:56px 1fr auto;gap:10px;align-items:center;padding:10px;border-radius:16px;background:var(--qr-surface-2)}.qr-cart-thumb{width:56px;height:56px;border-radius:12px;object-fit:cover;background:#ffffff0f}.qr-cart-name{margin:0 0 4px;font-size:15px;font-weight:650;line-height:1.25}.qr-cart-price{margin:0;color:var(--qr-muted);font-size:13px}.qr-cart-qty{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--qr-line);border-radius:999px;overflow:hidden;background:#0000002e}.qr-cart-qty button{width:32px;height:32px;border:0;background:transparent;cursor:pointer;font-size:18px;line-height:1}.qr-cart-qty span{min-width:22px;text-align:center;font-size:14px;font-weight:700}.qr-cart-sum{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:16px 0 12px;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--qr-accent) 16%,var(--qr-surface-2));font-size:14px}.qr-cart-sum strong{font-size:18px;color:var(--qr-accent)}.qr-cart-comment{display:grid;gap:8px;margin:0 0 14px;font-size:13px;color:var(--qr-muted)}.qr-cart-comment textarea{width:100%;resize:vertical;min-height:64px;border:1px solid var(--qr-line);border-radius:14px;padding:12px;background:var(--qr-surface-2);color:var(--qr-text);font:inherit}.qr-cart-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.qr-cart-secondary,.qr-cart-primary{border:0;border-radius:999px;padding:13px 14px;font-size:15px;font-weight:700;cursor:pointer}.qr-cart-secondary{background:var(--qr-surface-2);color:var(--qr-text);box-shadow:inset 0 0 0 1px var(--qr-line)}.qr-cart-primary{background:var(--qr-accent);color:var(--qr-accent-text)}.qr-cart-hint{margin:14px 0 0;color:var(--qr-muted);font-size:12px;text-align:center;line-height:1.4}.qr-foot{margin:28px var(--qr-pad) 0;padding-top:16px;border-top:1px solid var(--qr-line);color:var(--qr-muted);font-size:12px;text-align:center;line-height:1.5}@media(min-width:720px){body{background:radial-gradient(circle at top,#243039,#0d0f11 55%)}.qr-shell{margin-top:24px;margin-bottom:24px;border:1px solid var(--qr-line);border-radius:28px;overflow:hidden;box-shadow:0 30px 80px #00000059}}