:root{color-scheme:light;--ink:#17293c;--muted:#586471;--paper:#f7f3ed;--line:#deded8}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Sukhumvit Set","Thonburi","Noto Sans Thai",Tahoma,sans-serif;font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}
main{max-width:600px;margin:auto;padding:24px 20px 28px}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:#17293c18}
a:focus-visible,button:focus-visible{outline:3px solid #386c96;outline-offset:4px}
.brand{display:flex;justify-content:space-between;align-items:center;gap:12px}
.brand-home{display:flex;align-items:center;gap:10px;min-height:48px;font-size:1.125rem;font-weight:700}
.brand img{display:block;width:48px;height:48px;border-radius:50%}
.instagram{display:flex;align-items:center;min-height:48px;font-size:.9375rem;font-weight:600;white-space:nowrap}
.intro{padding:24px 0 18px}
h1{margin:0;font-size:1.875rem;line-height:1.4;font-weight:700;letter-spacing:-.02em}
.products{display:grid;gap:14px}
.product{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:20px;min-height:152px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:18px}
.product:hover{border-color:#899baa}
.photo{display:block;width:120px;height:120px;object-fit:contain;border-radius:10px;background:#fff}
.detail{min-width:0}
h2{font-size:1.25rem;line-height:1.5;margin:0 0 12px;font-weight:700;overflow-wrap:break-word}
.variant{color:var(--muted);margin:-6px 0 10px;font-size:1rem}
.buy{display:flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:12px 14px;border-radius:11px;background:var(--ink);color:#fff;font-size:1.0625rem;font-weight:600;line-height:1.5}
.product:hover .buy,a.buy:hover{background:#29465f}
footer{padding-top:22px;color:var(--muted);font-size:.875rem;text-align:center}
footer p{margin:0}
.single{padding-top:12px}
.back{display:inline-flex;align-items:center;min-height:48px;margin-bottom:10px;font-size:1rem;color:var(--muted)}
.single h1{font-size:1.75rem}
.single-detail{margin:8px 0 18px;color:var(--muted);font-size:1rem}
.single-photo{display:block;width:100%;height:auto;max-height:320px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:16px}
.big-buy{margin-top:18px;width:100%;min-height:56px;font-size:1.125rem}
.note{color:var(--muted);font-size:1rem;margin:14px 0 16px}
.share{width:100%;min-height:48px;padding:10px;font:inherit;line-height:1.5;border:1px solid #aab3bb;border-radius:11px;background:transparent;color:var(--ink);cursor:pointer}
.share-status{font-size:.875rem;color:var(--muted);text-align:center;margin:8px 0 0}
.share-status:empty{display:none}
@media(max-width:420px){main{padding:18px 16px 24px}.product{grid-template-columns:104px minmax(0,1fr);gap:16px;padding:14px}.photo{width:104px;height:112px}.intro{padding:20px 0 16px}h1{font-size:1.75rem}.brand-home{gap:8px}.brand img{width:44px;height:44px}}
@media(max-width:350px){main{padding-inline:12px}.product{grid-template-columns:88px minmax(0,1fr);gap:12px;padding:12px}.photo{width:88px;height:106px}h2{font-size:1.125rem}.buy{padding-inline:8px;gap:6px}.brand-home{font-size:1rem}.instagram{font-size:.875rem}}