:root{--page: #e8e6e1;--bg: #f5f2ec;--ink: #1a1916;--muted: #938c80;--nav-idle: #6b665d;--soft: #4a463f;--card: #fffdf9;--hair: rgba(26, 25, 22, .1);--accent: #9c6a4d;--accent: oklch(.6 .1 48);--mono: ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0}html{background:var(--bg)}body{min-height:100dvh;background:var(--bg);color:var(--ink);font-family:Schibsted Grotesk,system-ui,sans-serif;-webkit-font-smoothing:antialiased;display:flex;justify-content:center}@media(min-width:520px){body{background:var(--page)}}#root{width:100%;display:flex;justify-content:center}.noscroll{scrollbar-width:none;-ms-overflow-style:none}.noscroll::-webkit-scrollbar{display:none}.menu{width:100%;max-width:480px;height:100dvh;background:var(--bg);color:var(--ink);display:flex;flex-direction:column;position:relative;overflow:hidden}@media(min-width:520px){.menu{box-shadow:0 30px 80px #1a191629,0 0 0 1px #1a19160d}}.header{flex:0 0 auto;background:var(--bg);border-bottom:1px solid var(--hair);padding-top:max(env(safe-area-inset-top),16px);position:relative;z-index:5}.brand-row{position:relative;display:flex;align-items:center;justify-content:center;padding:10px 60px 14px}.brand{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.brand__logo{height:30px;width:auto;display:block}.brand__tagline{font-size:11.5px;color:var(--muted);letter-spacing:.5px;white-space:nowrap}.lang-btn{position:absolute;right:18px;top:50%;transform:translateY(-50%);border:1px solid var(--hair);background:transparent;cursor:pointer;border-radius:999px;padding:5px 11px;color:var(--ink);font-size:12px;font-weight:600;letter-spacing:.5px;font-family:inherit}.filters{display:flex;gap:7px;overflow-x:auto;padding:0 20px 12px}.filters__label{flex-shrink:0;align-self:center;margin-right:1px;font-size:12px;color:var(--muted)}.chip{flex-shrink:0;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:500;padding:5px 12px;border-radius:999px;white-space:nowrap;transition:all .2s;border:1px solid var(--hair);color:var(--ink);background:transparent}.chip--on{border-color:var(--accent);color:#fff;background:var(--accent)}.content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.cards{display:flex;flex-direction:column;gap:16px;padding:16px 16px 40px}.card{cursor:pointer;background:var(--card);border-radius:18px;overflow:hidden;border:1px solid var(--hair);box-shadow:0 1px 2px #1a19160a,0 8px 24px #1a19160a}.card__body{padding:13px 15px 15px}.card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card__name{font-size:16px;font-weight:600;color:var(--ink);line-height:1.25}.card__meta{margin-top:3px;font-size:12.5px;color:var(--muted)}.card__price{font-size:16px;font-weight:700;color:var(--ink);white-space:nowrap}.cur{font-size:.7em;margin-left:2px;opacity:.65}.detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.detail--open{grid-template-rows:1fr}.detail__inner{overflow:hidden;min-height:0}.desc{padding-top:11px;font-size:13.5px;color:var(--soft);line-height:1.5}.more{display:flex;align-items:center;gap:5px;margin-top:11px;color:var(--muted);font-size:12px;font-weight:500}.chevron{flex-shrink:0;transition:transform .25s ease}.chevron--open{transform:rotate(180deg)}.photo{position:relative;width:100%;overflow:hidden;background:#ece8e0;background-image:repeating-linear-gradient(45deg,rgba(26,25,22,.045) 0 1px,transparent 1px 9px);display:flex;align-items:center;justify-content:center}.photo__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.photo__label{font-family:var(--mono);font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#1a191652}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag{font-size:10.5px;line-height:14px;padding:3px 8px;border-radius:999px;letter-spacing:.3px;text-transform:uppercase;font-weight:600;color:#1a19169e;background:transparent;border:1px solid rgba(26,25,22,.16)}.tag--accent{color:#fff;background:var(--accent);border:none}.empty{padding:64px 28px;text-align:center;color:var(--muted);font-size:14px}.bottomnav{position:relative;flex:0 0 auto}.bottomnav__inner{background:#f5f2ecdb;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border-top:1px solid var(--hair);padding-top:9px;padding-bottom:max(env(safe-area-inset-bottom),14px);box-shadow:0 -6px 22px #1a19160d}.bottomnav__track{position:relative}.bottomnav__scroll{display:flex;gap:6px;overflow-x:auto;padding:0 16px}.nav-pill{flex-shrink:0;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;letter-spacing:.2px;padding:9px 15px;border-radius:999px;border:none;white-space:nowrap;transition:background .22s ease,color .22s ease;color:var(--nav-idle);background:transparent}.nav-pill--active{font-weight:600;color:var(--bg);background:var(--ink)}.fade{position:absolute;top:0;bottom:0;width:24px;pointer-events:none}.fade--left{left:0;background:linear-gradient(90deg,#f5f2ecf2,#f5f2ec00)}.fade--right{right:0;background:linear-gradient(270deg,#f5f2ecf2,#f5f2ec00)}@media(prefers-reduced-motion:reduce){.detail,.chevron,.chip,.nav-pill{transition:none}}