:root{--bg:#fff;--surface:#ecfaf9;--surface-strong:#d2f3f0;--ink:#002529;--muted:#385659;--primary:#13808f;--primary-strong:#006574;--accent:#3f8c5e;--border:#c6dddc;--focus:#4ab074}@supports (color:lab(0% 0 0)){:root{--bg:lab(100% 0 0);--surface:lab(97.2716% -4.99681 -1.0361);--surface-strong:lab(93.4401% -11.6822 -2.40684);--ink:lab(12.226% -13.2456 -7.0606);--muted:lab(34.1915% -10.535 -5.61265);--primary:lab(48.4845% -25.1229 -16.8582);--primary-strong:lab(38.1207% -28.2304 -19.233);--accent:lab(52.6516% -33.3241 17.1617);--border:lab(86.3376% -7.82758 -2.42451);--focus:lab(64.5743% -41.3394 21.3001)}}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);color:var(--ink);font-family:IBM Plex Sans Thai,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;font-size:16px;line-height:1.6}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important}}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{min-height:44px}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.site-header{z-index:10;border-bottom:1px solid var(--border);background:color-mix(in oklch, var(--bg) 94%, transparent);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.brand-mark,.main-nav a,.section-action,.search-box button,.store-link,.back-link,.social-link,.category-strip a,.category-link{border-radius:8px;align-items:center;font-weight:700;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.brand-mark{color:var(--ink);gap:8px}.brand-logo{background:var(--primary);color:#fff;border-radius:8px;place-items:center;block-size:38px;inline-size:38px;display:grid}.main-nav{gap:8px;padding-block:2px;display:flex;overflow-x:auto}.main-nav a{border:1px solid var(--border);background:var(--surface);color:var(--ink);flex:none;padding:8px 11px}.main-nav a:hover,.section-action:hover,.social-link:hover,.category-strip a:hover,.category-link:hover,.back-link:hover{border-color:var(--primary);background:var(--surface-strong);color:var(--primary-strong)}.page-shell{inline-size:min(100%,1040px);margin-inline:auto;padding:20px}.home-header,.featured-section,.search-section,.storefront-header,.store-panel{gap:16px;display:grid}.home-header{padding-block:18px 14px}.home-header.compact h1{max-inline-size:14ch}.kicker,.store-category,.item-section{color:var(--primary-strong);margin:0;font-size:.95rem;font-weight:700}h1,h2,h3,p{margin-block:0}h1{text-wrap:balance;font-size:2rem;line-height:1.18}h2{font-size:1.35rem;line-height:1.25}h3{font-size:1.08rem;line-height:1.35}.lead{max-inline-size:62ch;color:var(--muted);font-size:1.05rem}.section-heading{gap:6px;display:grid}.section-heading.roomy{flex-wrap:wrap;justify-content:space-between;align-items:end;display:flex}.section-heading p,.menu-item p,.store-card p{color:var(--muted)}.section-action{border:1px solid var(--primary);color:var(--primary-strong);padding:9px 12px}.section-action:after,.store-link:after,.social-link:after,.category-link:after{content:"›";margin-inline-start:6px;font-size:1.15rem;line-height:1}.featured-section{margin-block:12px 26px}.featured-grid,.store-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;gap:14px;display:grid}.search-section{border-top:1px solid var(--border);padding-block-start:22px;scroll-margin-top:82px}.prominent-search{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:8px;padding:14px;display:grid}.prominent-search label{font-weight:700}.search-controls{flex-wrap:wrap;gap:10px;display:flex}.search-controls input{border:1px solid var(--border);background:var(--bg);min-inline-size:0;color:var(--ink);border-radius:8px;flex:220px;padding:12px 14px}.search-box button,.store-link{background:var(--primary);color:#fff;border:0;justify-content:center;padding:12px 18px}.filter-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:12px;padding:14px;display:grid}.filter-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 14px;display:flex}.filter-panel-header h3{font-size:1.12rem}.filter-panel-header p{border:1px solid var(--border);background:var(--bg);color:var(--primary-strong);border-radius:999px;padding:5px 10px;font-weight:700}.category-strip,.store-card-categories,.tag-row,.social-row,.social-grid{flex-wrap:wrap;gap:10px;display:flex}.category-strip{border:1px solid var(--border);background:var(--surface-strong);border-radius:8px;align-items:stretch;gap:6px;padding:6px}.category-strip a,.tag-row span,.category-link{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:999px;padding:8px 12px}.category-strip a{flex:118px;justify-content:center;gap:8px;min-inline-size:fit-content}.category-strip a.active{border-color:var(--primary-strong);background:var(--primary-strong);color:#fff}.category-strip a.active:after{content:"กำลังดู";color:var(--primary-strong);background:#fff;border-radius:999px;padding:2px 7px;font-size:.78rem}.category-strip a:not(.active):hover{background:var(--bg)}.category-strip a.active:hover{border-color:var(--primary-strong);background:var(--primary-strong);color:#fff}.category-link{text-underline-offset:3px;inline-size:fit-content;text-decoration:underline}.store-card,.store-panel,.menu-item{border:1px solid var(--border);background:var(--bg);border-radius:8px}.store-card{flex-direction:column;gap:14px;min-block-size:100%;padding:14px;display:flex}.store-card.featured{background:linear-gradient(180deg, var(--surface) 0%, var(--bg) 58%)}.store-card-logo{background:var(--surface-strong);block-size:56px;inline-size:56px;color:var(--primary-strong);border-radius:8px;place-items:center;font-weight:800;display:grid;overflow:hidden}.store-card-logo.large{block-size:72px;inline-size:72px;font-size:1.25rem}.store-card-logo img{object-fit:cover;block-size:100%;inline-size:100%}.store-card-head{grid-template-columns:56px minmax(0,1fr);align-items:start;gap:12px;display:grid}.store-card-categories{align-content:start;gap:8px;min-inline-size:0}.store-card-categories .category-link{min-block-size:44px;min-inline-size:0;max-inline-size:100%;text-decoration:none}.store-card-categories .category-link.primary{border-color:var(--border);background:var(--surface-strong);color:var(--primary-strong)}.store-card-body,.menu-list{gap:12px;display:grid}.store-card-body{flex:auto;align-content:start;gap:10px;min-inline-size:0}.store-card-actions{gap:12px;margin-block-start:auto;display:grid}.store-card-actions .social-row{grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px;display:grid}.social-link{border:1px solid var(--border);background:var(--surface);color:var(--ink);gap:8px;padding:10px 12px}.social-link.prominent{flex:140px;justify-content:flex-start;padding:14px}.social-link img{object-fit:contain;flex:none;block-size:auto}.store-card-actions .social-link{justify-content:center;min-block-size:52px;min-inline-size:0}.store-card-actions .social-link span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.store-card-cta{min-block-size:52px;inline-size:100%}.back-link{inline-size:fit-content;color:var(--primary-strong);text-underline-offset:4px;margin-block:4px 18px;text-decoration:underline}.back-link:before{content:"‹";margin-inline-end:6px;font-size:1.15rem;line-height:1}.storefront-header{grid-template-columns:auto 1fr;align-items:center;padding-block:18px 24px}.store-panel{margin-block-start:16px;padding:16px}.menu-item{justify-content:space-between;gap:12px;padding:14px;display:flex}.menu-item strong{color:var(--primary-strong);white-space:nowrap}.loading-note{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:8px;padding:14px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.store-link:hover{background:var(--primary-strong)}.category-strip a:active,.category-link:active,.store-link:active,.social-link:active,.main-nav a:active{transform:translateY(1px)}@media (min-width:768px){.site-header{padding-inline:28px}.page-shell{padding:32px}h1{font-size:2.7rem}.home-header{padding-block:30px 22px}}.main-nav a.active{border-color:var(--primary);background:var(--surface-strong);color:var(--primary-strong)}.secondary-category,.inline-note,.inline-warning,.item-tags,.audit-list small{color:var(--muted);font-size:.95rem}.primary-contact{inline-size:fit-content}.dashboard-shell{gap:18px;display:grid}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.dashboard-panel{border:1px solid var(--border);background:var(--bg);border-radius:8px;gap:14px;padding:16px;display:grid}.form-stack,.form-field{gap:10px;display:grid}.form-field{font-weight:700}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border);background:var(--surface);min-block-size:44px;color:var(--ink);font:inherit;border-radius:8px;padding:11px 12px}.form-field textarea{resize:vertical}.layout-options,.preview-summary,.action-row{flex-wrap:wrap;gap:8px;display:flex}.layout-options span,.preview-summary span,.action-row button{border:1px solid var(--border);background:var(--surface);min-block-size:44px;color:var(--ink);font:inherit;border-radius:8px;justify-content:center;align-items:center;padding:9px 12px;font-weight:700;display:inline-flex}.layout-options .selected,.preview-summary span:first-child{border-color:var(--primary-strong);background:var(--primary-strong);color:#fff}.inline-warning{color:#4e3100;color:lab(23.3221% 11.3862 36.7101);background:#fbf1dc;background:lab(95.4698% 1.04171 11.5708);border:1px solid #e6c58f;border:1px solid lab(81.5627% 6.5307 31.9662);border-radius:8px;padding:10px 12px}.mini-table,.admin-list,.category-admin-list,.audit-list,.menu-image-list{gap:10px;display:grid}.mini-table [role=row],.admin-row,.category-admin-list div,.audit-list div,.menu-image{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:6px;padding:12px;display:grid}.mini-table [role=row]{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-row{align-items:start}.action-row button{cursor:pointer}.action-row button:hover{border-color:var(--primary);background:var(--surface-strong);color:var(--primary-strong)}.menu-image{inline-size:fit-content;margin:0}.menu-image img{background:var(--surface-strong);object-fit:contain;border-radius:8px}@media (min-width:768px){.layout-two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-three-column{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-row{grid-template-columns:1fr auto}}.search-directory-layout{gap:16px;display:grid}.directory-filter-panel,.directory-results-header{border:1px solid var(--border);background:var(--surface);border-radius:8px}.directory-filter-panel{gap:16px;padding:14px;display:grid}.filter-panel-header.compact{align-items:start}.sidebar-search{background:0 0;border:0;gap:10px;padding:0;display:grid}.sidebar-search label,.filter-group h4{color:var(--ink);font-weight:800}.sidebar-search input{border:1px solid var(--border);background:var(--bg);inline-size:100%;min-inline-size:0;color:var(--ink);border-radius:8px;padding:12px 14px}.sidebar-search button{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:8px;min-block-size:48px;font-weight:800}.sidebar-search button:hover{background:var(--primary-strong)}.filter-group{border-top:1px solid var(--border);gap:10px;padding-block-start:14px;display:grid}.category-list{gap:4px;display:grid}.category-list a{min-block-size:44px;color:var(--muted);border-radius:8px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;padding:8px 6px;font-weight:700;display:grid}.category-list a span{border:2px solid var(--muted);background:var(--bg);border-radius:999px;block-size:16px;inline-size:16px;display:block}.category-list a:hover,.category-list a.active{background:var(--surface-strong);color:var(--primary-strong)}.category-list a.active span{border:5px solid var(--primary)}.directory-results-panel{gap:12px;min-inline-size:0;display:grid}.directory-results-header{flex-wrap:wrap;justify-content:space-between;gap:6px 12px;padding:12px 14px;display:flex}.directory-results-header strong{color:var(--ink)}.directory-results-header span{color:var(--muted)}.store-list{gap:14px;display:grid}.store-card.list{gap:14px;padding:16px;display:grid}.store-card-menu-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.menu-thumb{border:1px solid var(--border);background:var(--surface-strong);border-radius:8px;min-block-size:86px;display:grid;position:relative;overflow:hidden}.menu-thumb.image img{object-fit:cover;block-size:100%;inline-size:100%}.menu-thumb.text{align-content:end;gap:4px;padding:10px}.menu-thumb.text span{color:var(--primary-strong);font-size:.82rem;font-weight:800}.menu-thumb.text strong{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.94rem;line-height:1.25;display:-webkit-box;overflow:hidden}.menu-thumb.more{background:color-mix(in oklch, var(--ink) 22%, var(--surface-strong));color:#fff;place-items:center;font-size:1.1rem;font-weight:900}.store-menu-preview{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.store-menu-preview div{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:2px;min-inline-size:0;padding:10px;display:grid}.store-menu-preview span{color:var(--muted);font-size:.82rem;font-style:normal;font-weight:700}.store-menu-preview strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.store-menu-preview em{color:var(--primary-strong);font-style:normal;font-weight:800}.store-card.list .store-card-actions{gap:10px}.store-card.list .store-card-cta,.store-card.list .social-link{min-block-size:52px}@media (min-width:700px){.store-card.list .store-card-actions{grid-template-columns:minmax(0,1fr) minmax(150px,190px);align-items:stretch}}@media (min-width:900px){.search-directory-layout{grid-template-columns:minmax(220px,240px) minmax(0,1fr);align-items:start}.directory-filter-panel{position:sticky;top:84px}}@media (max-width:520px){.store-card-menu-strip{block-size:92px;padding-block-end:2px;display:flex;overflow-x:auto}.menu-thumb{flex:0 0 144px;block-size:88px;min-block-size:0}}.brand-logo img{object-fit:cover;block-size:100%;inline-size:100%}.status-pill{border:1px solid var(--border);background:var(--surface);min-block-size:32px;inline-size:fit-content;color:var(--ink);border-radius:999px;align-items:center;padding:4px 10px;font-size:.95rem;font-weight:700;display:inline-flex}.status-pill.active{border-color:color-mix(in oklch, var(--accent) 55%, var(--border));background:color-mix(in oklch, var(--accent) 14%, white);color:#003f1f;color:lab(22.2702% -29.1822 15.122)}.status-pill.inactive{color:#512e13;color:lab(23.1225% 14.8095 23.7631);background:#fdefe0;background:lab(95.3674% 2.98482 9.08796);border-color:#dbbdaf;border-color:lab(78.8984% 9.78377 11.0927)}.slug-preview,.field-help{color:var(--muted);font-size:.95rem;font-weight:500}.form-grid-two,.menu-row-manager{gap:12px;display:grid}.sortable-menu-list{gap:8px;display:grid}.sortable-menu-row{border:1px solid var(--border);background:var(--surface);border-radius:8px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.sortable-menu-row.dragging{border-color:var(--primary);background:var(--surface-strong)}.drag-handle{border:1px solid var(--border);background:var(--bg);block-size:44px;inline-size:44px;color:var(--primary-strong);cursor:grab;border-radius:8px;place-items:center;font-weight:800;display:grid}.drag-handle:active{cursor:grabbing}.menu-row-meta{gap:2px;min-inline-size:0;display:grid}.menu-row-meta strong,.menu-row-meta span{overflow-wrap:anywhere}.menu-row-price{color:var(--primary-strong);white-space:nowrap;font-weight:800}.community-logo-preview{align-items:center;gap:12px;display:flex}.community-logo-preview img{background:var(--surface-strong);object-fit:cover;border-radius:8px;block-size:56px;inline-size:56px}@media (min-width:720px){.form-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}}