.hx{--ink:#23261f;--muted:#6b6f64;--line:#eceae4;--soft:#f6f5f1;--coral:#e0724f;--coral-soft:#fff1ea;--olive:#586746;min-height:100dvh;background:#fff;color:var(--ink);font-family:DM Sans,Noto Sans Thai,sans-serif;padding-bottom:84px}.hx a{color:inherit;text-decoration:none}.hx-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;height:auto;padding:12px 16px;background:#ffffffee;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.hx-links{display:none;gap:22px;color:var(--muted)}.hx-links,.hx-login{margin-left:auto;font-size:14px}.hx-login{padding:9px 14px;border:1px solid #d9d6cc;border-radius:10px;font-weight:500;background:#fff}.hx-shell{max-width:1120px;margin:0 auto;padding:12px 16px 24px}.hx-searchbar{display:flex;gap:8px;margin:4px 0 14px}.hx-where{display:flex;align-items:center;gap:4px;flex:none;padding:0 10px;border-radius:14px;background:var(--soft);color:var(--coral)}.hx-where select{appearance:none;border:0;background:transparent;font:inherit;font-size:14px;font-weight:600;color:var(--ink);padding:12px 2px;max-width:120px}.hx-search{display:flex;align-items:center;gap:8px;flex:1;min-width:0;padding:0 14px;border-radius:14px;background:var(--soft);color:#8a8e82}.hx-search input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:16px;color:var(--ink);padding:13px 0;outline:none}.hx-cats{display:grid;grid-auto-flow:column;grid-auto-columns:76px;gap:8px;overflow-x:auto;margin:0 -16px;padding:4px 16px 12px;scrollbar-width:none}.hx-cats::-webkit-scrollbar{display:none}.hx-cats button{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;border:0;background:none;font:inherit;font-size:12px;color:var(--ink);cursor:pointer;text-align:center;line-height:1.3}.hx-cat-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:var(--coral-soft);color:var(--coral);transition:transform .15s}.hx-cats button:hover .hx-cat-icon{transform:translateY(-2px)}.hx-cats button[aria-pressed=true] .hx-cat-icon{background:var(--coral);color:#fff}.hx-cats button[aria-pressed=true]{font-weight:600}.hx-banners{position:relative;margin:6px 0 16px}.hx-banner-track{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:18px;scrollbar-width:none}.hx-banner-track::-webkit-scrollbar{display:none}.hx-banner{scroll-snap-align:start;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-height:168px;padding:22px 22px 20px;color:#fff}.hx-banner strong{font-size:21px;line-height:1.35;font-weight:700;max-width:520px}.hx-banner p{margin:0;font-size:13.5px;opacity:.92;max-width:520px}.hx-banner-cta{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:13px;font-weight:600}.hx-banner-coral{background:linear-gradient(135deg,#f3a07f,#e0724f 55%,#c9563a)}.hx-banner-olive{background:linear-gradient(135deg,#a6b58a,#6f8052 55%,#4f5d3a)}.hx-banner-sand{background:linear-gradient(135deg,#f1d59b,#d8a95b 55%,#b98536)}.hx-banner-nav{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:4px;padding:2px 4px;border-radius:999px;background:#00000038;color:#fff;font-size:12px}.hx-banner-nav button{width:26px;height:26px;border:0;background:none;color:#fff;font-size:17px;cursor:pointer}.hx-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 8px}.hx-action{display:flex;align-items:center;gap:10px;padding:14px;border-radius:16px;background:var(--soft);min-height:72px}.hx-action strong{display:block;font-size:15px}.hx-action small{display:block;font-size:12px;color:var(--muted)}.hx-action svg{flex:none;color:var(--coral)}.hx-action-main{background:var(--coral-soft)}.hx-filterbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 6px;padding:10px 14px;border-radius:12px;background:var(--soft);font-size:14px}.hx-filterbar button{border:0;background:none;color:var(--coral);font:inherit;font-weight:600;cursor:pointer;min-height:36px}.hx-section{margin:22px 0 6px}.hx-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.hx-head h2{margin:0;font-size:19px;font-weight:700}.hx-head h2 span{font-size:13px;font-weight:500;color:var(--muted)}.hx-head a,.hx-maplink{font-size:13px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.hx-maplink{display:inline-flex;align-items:center;gap:4px;border:0;background:none;font:inherit;font-size:13px;cursor:pointer;min-height:36px}.hx-img{position:relative;display:grid;place-items:center;overflow:hidden;border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--tone,#7d8f5f) 30%,#fff),color-mix(in srgb,var(--tone,#7d8f5f) 70%,#fff));color:#fff}.hx-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hx-img>b{font-size:34px;font-weight:700;text-shadow:0 2px 10px #0002}.hx-badge{position:absolute;left:8px;top:8px;padding:2px 8px;border-radius:999px;background:#fff;color:var(--coral);font-size:11px;font-style:normal;font-weight:700}.hx-row{display:grid;grid-auto-flow:column;grid-auto-columns:150px;gap:12px;overflow-x:auto;margin:0 -16px;padding:0 16px 6px;scrollbar-width:none;scroll-snap-type:x proximity}.hx-row::-webkit-scrollbar{display:none}.hx-shop{display:flex;flex-direction:column;gap:3px;scroll-snap-align:start;min-width:0}.hx-shop .hx-img{aspect-ratio:1/1;margin-bottom:6px}.hx-menu strong,.hx-shop strong{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-menu small,.hx-shop small{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:12px;color:var(--muted);align-items:center}.hx-meta b{color:var(--coral);font-weight:700}.hx-star{display:inline-flex;align-items:center;gap:3px;color:var(--ink);font-weight:600}.hx-star svg{color:#f2b233;fill:#f2b233}.hx-star em{font-style:normal;font-weight:400;color:var(--muted)}.hx-new{color:var(--coral);font-weight:600}.hx-menus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.hx-menu{display:flex;flex-direction:column;gap:2px;min-width:0}.hx-menu .hx-img{aspect-ratio:1/1;margin-bottom:6px;color:#fff}.hx-menu b{font-size:16px;color:var(--ink);font-weight:700}.hx-menu b em{font-style:normal;font-size:12px;font-weight:400;color:var(--muted)}.hx-list{list-style:none;margin:0;padding:0}.hx-list li+li{border-top:1px solid var(--line)}.hx-list a{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:center;padding:12px 0}.hx-list .hx-img{width:88px;height:88px}.hx-list-main{display:flex;flex-direction:column;gap:2px;min-width:0}.hx-list-main strong{font-size:15.5px;font-weight:600}.hx-list-main small{font-size:12.5px;color:var(--muted)}.hx-map{margin:0 0 12px}.hx-empty{padding:26px 16px;border-radius:16px;background:var(--soft);text-align:center}.hx-empty p{margin:0 0 8px}.hx-empty a{color:var(--coral);font-weight:600;display:inline-flex;align-items:center;gap:6px}.hx-state{padding:24px;text-align:center;color:var(--muted)}.hx-state button{border:0;background:var(--coral);color:#fff;border-radius:10px;padding:10px 16px;font:inherit;cursor:pointer}.hx-owner{margin:30px 0 10px;padding:24px 22px;border-radius:20px;background:linear-gradient(135deg,#eef2e6,#dfe7d1)}.hx-owner span{font-size:12px;font-weight:700;color:var(--olive);letter-spacing:.3px}.hx-owner h2{margin:6px 0 8px;font-size:22px}.hx-owner p{margin:0 0 14px;font-size:14px;color:#4f5647;max-width:560px}.hx-owner a{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:12px;background:var(--olive);color:#fff;font-weight:600;font-size:14px}.hx-footer{display:flex;flex-direction:column;align-items:center;gap:4px;padding:24px 0 8px;color:var(--muted);font-size:13px}.hx-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line)}.hx-tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:52px;justify-content:center;font-size:11.5px;color:#8a8e82}.hx-tabbar a[aria-current=page]{color:var(--ink);font-weight:600}@media(min-width:900px){.hx{padding-bottom:0}.hx-top{padding:14px 32px}.hx-links{display:flex}.hx-login{margin-left:0}.hx-shell{padding:18px 32px 40px}.hx-cats{grid-auto-flow:row;grid-template-columns:repeat(11,1fr);margin:0;padding:6px 0 16px;overflow:visible}.hx-banner-track{grid-auto-columns:calc(50% - 6px);gap:12px;border-radius:0}.hx-banner{border-radius:18px;min-height:190px}.hx-actions{display:none}.hx-row{grid-auto-flow:row;grid-template-columns:repeat(5,minmax(0,1fr));overflow:visible;margin:0;padding:0}.hx-menus{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 18px}.hx-list{display:grid;grid-template-columns:1fr 1fr;column-gap:32px}.hx-list li+li{border-top:0}.hx-list li{border-bottom:1px solid var(--line)}.hx-tabbar{display:none}}@media(prefers-reduced-motion:reduce){.hx *{transition:none!important;scroll-behavior:auto!important}}.hx .hx-banner,.hx .hx-banner p,.hx .hx-banner strong{color:#fff}.hx-banner{flex-direction:row;align-items:flex-end;gap:10px}.hx-banner-text{display:flex;flex-direction:column;gap:6px;flex:1;min-width:0}.hx-banner-mascot{flex:none;margin-bottom:-6px;filter:drop-shadow(0 6px 14px #0002)}.hx-owner{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;overflow:hidden}.hx-owner-mascot{flex:none;margin:0 6px -24px 0}@media(max-width:600px){.hx-banner-mascot{width:96px;height:96px}.hx-owner-mascot{width:104px;height:104px;margin-bottom:-18px}}