@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600&family=Noto+Sans:wght@400;500;600&display=swap";:root{--bg:#faf9f7;--surface:#fff;--text:#20222a;--muted:#6f6a63;--hair:#e6e2dc;--gold:#b0853e;--gold-hover:#9c7434;--gold-active:#8a6529;--soft:#f3ede2;--soft-line:#e4d6bc;--soft-ink:#5c4718;--sh:0 2px 8px #0000000f;--ok:#2e7d32;--warn:#8a5a10;--err:#b3261e;--r-card:12px;--r-input:10px;--r-pill:999px}[data-theme=dark]{--bg:#15140f;--surface:#1f1e19;--text:#efece6;--muted:#a9a39a;--hair:#2f2d27;--soft:#26221a;--soft-line:#3b3527;--soft-ink:#d8b978;--sh:0 2px 8px #00000059}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Noto Sans Thai,Noto Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.65}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-hover)}input,textarea,select,button{font-family:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}h1,h2,h3{margin:0;font-weight:600}h1{font-size:24px;line-height:1.3}h2{font-size:20px;line-height:1.35}p{margin:0}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:14px;line-height:1.55}.cap{font-size:12.5px;line-height:1.5}.shell{background:var(--bg);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}@media (width>=900px){.shell{max-width:1180px}}.hd{z-index:20;background:var(--surface);border-bottom:1px solid var(--hair);align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.main{flex:1;padding-bottom:108px}.sec{padding:24px 16px 0}.sec-flush{padding:24px 0 0}.btn{border-radius:var(--r-input);background:var(--gold);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 18px;font-size:16px;font-weight:600;display:inline-flex}.btn:hover{background:var(--gold-hover)}.btn:active{background:var(--gold-active)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-o{border-radius:var(--r-input);border:1px solid var(--gold);background:var(--surface);min-height:48px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.btn-o:hover{border-color:var(--gold-hover)}.btn-g{border-radius:var(--r-input);border:1px solid var(--hair);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.btn-g:hover{border-color:var(--gold)}.btn-line{color:#fff;background:#06c755}.btn-line:hover{background:#05a648}.icon-btn{border:1px solid var(--hair);background:var(--surface);border-radius:var(--r-pill);cursor:pointer;width:44px;height:44px;color:var(--text);flex:none;place-items:center;display:grid}.icon-btn:hover{border-color:var(--gold)}.pill{border-radius:var(--r-pill);border:1px solid var(--hair);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;white-space:nowrap;flex:none;align-items:center;gap:8px;padding:0 16px;font-size:14px;line-height:1.55;display:inline-flex}.pill:hover{border-color:var(--gold)}.pill[aria-pressed=true],.pill.on{border-color:var(--gold);background:var(--soft);color:var(--soft-ink);font-weight:600}.card{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-card)}.card-p{padding:16px}.pcard{text-align:left;color:var(--text);padding:0;display:block;overflow:hidden}.pcard:hover{border-color:var(--gold)}.pcard .ph{aspect-ratio:4/5;background:#fff url(/img/placeholder.svg) 50%/45% no-repeat;place-items:center;display:grid;position:relative;overflow:hidden}.pcard .ph img{object-fit:contain;width:100%;height:100%}.pcard .body{flex-direction:column;gap:4px;padding:10px 12px 12px;display:flex}.badge{border-radius:var(--r-pill);background:var(--soft);color:var(--soft-ink);border:1px solid var(--soft-line);padding:2px 8px;font-size:12.5px;line-height:1.5;position:absolute;top:8px;left:8px}.badge-oos{color:#8c1d18;background:#fdeceb;border-color:#f5c6c2}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.rail{scrollbar-width:none;gap:12px;padding:2px 16px 6px;display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.f{flex-direction:column;gap:6px;font-size:14px;line-height:1.55;display:flex}.f input,.f select,.f textarea{border:1px solid var(--hair);border-radius:var(--r-input);background:var(--surface);min-height:48px;color:var(--text);width:100%;padding:0 12px;font-size:16px;line-height:1.65}.f textarea{resize:none;min-height:72px;padding:10px 12px}.f .err{color:var(--err);font-size:12.5px}.f input[aria-invalid=true],.f textarea[aria-invalid=true]{border-color:var(--err)}.actionbar{z-index:30;background:var(--surface);border-top:1px solid var(--hair);align-items:center;gap:12px;padding:12px 16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 8px #0000000f}.actionbar-in{align-items:center;gap:12px;width:100%;max-width:480px;margin:0 auto;display:flex}@media (width>=900px){.actionbar-in{max-width:1180px}}.nav{z-index:25;background:var(--surface);border-top:1px solid var(--hair);position:fixed;bottom:0;left:0;right:0}.nav-in{max-width:480px;margin:0 auto;display:flex}@media (width>=900px){.nav-in{max-width:1180px}}.nav a{min-height:60px;color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:12.5px;font-weight:600;display:flex}.nav a[aria-current=page]{color:var(--gold)}.fab{z-index:28;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:76px;right:14px}.fab button,.fab a{border-radius:var(--r-pill);border:1px solid var(--hair);background:var(--surface);width:48px;height:48px;box-shadow:var(--sh);cursor:pointer;place-items:center;font-size:12.5px;font-weight:600;display:grid}.scrim{z-index:40;background:#14120e6b;border:0;width:100%;position:fixed;inset:0}.sheet{z-index:41;background:var(--surface);border-top:1px solid var(--hair);border-top-left-radius:16px;border-top-right-radius:16px;flex-direction:column;max-width:480px;max-height:82dvh;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}@media (width>=900px){.sheet{max-width:560px}}.sheet-hd{border-bottom:1px solid var(--hair);align-items:center;gap:12px;padding:12px 16px;display:flex}.sheet-bd{flex:1;overflow-y:auto}.sheet-ft{border-top:1px solid var(--hair);gap:12px;padding:12px 16px;display:flex}.row-btn{border:0;border-bottom:1px solid var(--hair);cursor:pointer;width:100%;min-height:56px;color:var(--text);text-align:left;background:0 0;align-items:center;gap:10px;padding:10px 16px;display:flex}.row-btn:hover{background:var(--soft)}.hero{background:var(--soft);isolation:isolate;flex-direction:column;align-items:flex-start;gap:12px;padding:32px 16px 28px;display:flex;position:relative}.hero:after{content:"";z-index:-1;background:linear-gradient(100deg, var(--soft) 12%, #f3ede28c 46%, #f3ede200 78%);pointer-events:none;position:absolute;inset:0}[data-theme=dark] .hero{background-blend-mode:luminosity}[data-theme=dark] .hero:after{background:linear-gradient(100deg, var(--soft) 20%, #26221ae0 55%, #26221ab8 100%)}.hero>*{z-index:1;position:relative}.logo-mark{border-radius:var(--r-pill);border:2px solid var(--gold);flex:none;place-items:center;width:26px;height:26px;display:grid}.logo-mark>span{border-radius:var(--r-pill);background:var(--gold);width:8px;height:8px}.trust{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.ribbon-plate{border:1px solid var(--soft-line);text-align:center;color:#3b3225;background:#fbf7ef;border-radius:4px;padding:8px 10px}.toast{z-index:50;color:#f6f3ee;border-radius:var(--r-input);background:#20222a;align-items:center;gap:10px;max-width:448px;margin:0 auto;padding:12px 14px;font-size:14px;display:flex;position:fixed;bottom:132px;left:16px;right:16px;box-shadow:0 2px 8px #0000003d}@keyframes sk{0%,to{opacity:.55}50%{opacity:1}}.sk{background:var(--soft);border-radius:4px;animation:1.4s ease-in-out infinite sk}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.adm{max-width:1180px;margin:0 auto;padding:20px 16px 80px}.adm table{border-collapse:collapse;width:100%;font-size:14px}.adm th,.adm td{border-bottom:1px solid var(--hair);text-align:left;vertical-align:middle;padding:8px 10px}.adm th{background:var(--soft);z-index:2;font-weight:600;position:sticky;top:0}.adm td input{border:1px solid var(--hair);background:var(--surface);min-height:38px;color:var(--text);border-radius:8px;width:100px;padding:0 8px}.adm .tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.chip{border-radius:var(--r-pill);border:1px solid var(--hair);padding:4px 10px;font-size:12.5px;font-weight:600}.chip-ok{color:#1b5e20;background:#e8f5e9;border-color:#c8e6c9}.chip-warn{color:#7a5200;background:#fff8e1;border-color:#ffe082}.chip-err{color:#8c1d18;background:#fdeceb;border-color:#f5c6c2}.adm td input[type=checkbox],.adm th input[type=checkbox]{width:18px;height:18px;min-height:0;padding:0}.adm .thumb{object-fit:contain;background:#fff url(/img/placeholder.svg) 50%/70% no-repeat;border-radius:4px;width:40px;height:50px}@media (width<=700px){.adm .hide-sm{display:none}}