@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:300;font-display:swap;src:url(../media/57c9eb05141b6b7c-s.09dd5y52jc5rt.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:300;font-display:swap;src:url(../media/c73fb3e54683eaf8-s.p.10-ku.r4hcrjo.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:300;font-display:swap;src:url(../media/caaacb6502e94400-s.0678ct_lfye5g.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:300;font-display:swap;src:url(../media/d9fa5058ff337146-s.p.0.uojefwi-6od.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/08f3d05b771d66cc-s.02.3m.z9py4_p.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/413670c8b897121b-s.p.14ap8~zrl6szq.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/72b93e0389b54497-s.0.u5885n6nh5m.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ab8c2f9dfe50fb3c-s.p.02z9z4k9hf4m9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/57f2d0e8dd065b18-s.0weekw4rtjj~..woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/966a1ae9b0187c65-s.p.16f3t..oolz7~.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/25d906941e607a44-s.0lxz35w72rj-1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(../media/666deae7c569669f-s.p.0wbhs3.w672uy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/cce0da533fe89a78-s.0nlsrqwh8q3p8.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/411573def610439a-s.p.0xiiz24wsq24s.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0f35197ba25d2b5b-s.0btkb4ac4ikdr.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e4b5e1d5de235207-s.p.0agc93klb0f7e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/cdf71b3840042aba-s.0u7tcimkd~9n1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/86fee4a10e2832ea-s.p.0yseaop5hit0-.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b1ef0ab36ab59f4e-s.0j0xf~qrmsfka.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9fdf3a539c009271-s.p.07ns-dtj7gzka.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Thai Fallback;src:local(Arial);ascent-override:110.31%;descent-override:52.78%;line-gap-override:0.0%;size-adjust:101.17%}.ibm_plex_sans_thai_53fa5236-module__DFlxsG__className{font-family:IBM Plex Sans Thai,IBM Plex Sans Thai Fallback;font-style:normal}.ibm_plex_sans_thai_53fa5236-module__DFlxsG__variable{--font-ibm-plex-sans-thai:"IBM Plex Sans Thai", "IBM Plex Sans Thai Fallback"}
:root{--background:#fff8f8;--foreground:#333;--primary:#9b1c1c;--secondary:#fce4e4;--accent:#ca3e3e;--card-bg:#fff;--border:#ffdada;--text-muted:#666}body{background-color:var(--background);color:var(--foreground);min-height:100vh;margin:0;padding:0;font-family:IBM Plex Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.container{max-width:800px;min-height:100vh;margin:0 auto}header{text-align:center;background-color:#fff1f1;background-image:radial-gradient(circle at 10% 10%,#9b1c1c08 0%,#0000 10%),radial-gradient(circle at 90% 90%,#9b1c1c08 0%,#0000 10%);padding:60px 0 40px;position:relative;overflow:hidden}header:before{content:"";color:#9b1c1c05;pointer-events:none;flex-wrap:wrap;place-content:center;font-size:120px;font-weight:900;line-height:1;display:flex;position:absolute;inset:0}.logo-container{z-index:2;background:#fff;border:5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;margin:0 auto 16px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000001a}.logo-container img{object-fit:cover;width:100%;height:100%}h1{color:#1a1a1a;z-index:2;margin:0 0 4px;font-size:28px;font-weight:700;position:relative}.subtitle{color:#666;z-index:2;margin-bottom:24px;font-size:14px;position:relative}.action-buttons{z-index:2;justify-content:center;gap:20px;margin:0;display:flex;position:relative}.btn{cursor:pointer;border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-shop{color:#9b1c1c;background:0 0}.btn-contact{color:#666;background:0 0}.main-content{z-index:3;background:#fff;border-radius:24px 24px 0 0;margin-top:-20px;padding:30px 20px;position:relative}.search-section{text-align:center;max-width:600px;margin:0 auto 30px}.search-label{color:#999;margin-bottom:12px;font-size:12px;display:block}.search-container{margin-bottom:16px;position:relative}.search-input{background-color:#f9f9f9;border:1px solid #f0f0f0;border-radius:12px;outline:none;width:100%;padding:16px 20px 16px 45px;font-size:16px;transition:border-color .2s}.search-input:focus{border-color:var(--accent);background-color:#fff}.search-icon{color:#999;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.notice-text{color:#e53e3e;margin-top:16px;font-size:12px;font-weight:500;line-height:1.5}.filter-group{flex-direction:column;align-items:center;gap:8px;margin-top:20px;display:flex}.filter-label{color:#999;font-size:12px}.filters{justify-content:center;gap:8px;display:flex}.filter-btn{cursor:pointer;color:#4a4a4a;background:#f5f5f5;border:none;border-radius:12px;padding:8px 16px;font-size:13px}.filter-btn.active{color:#fff;background:#9b1c1c}.modal-username{text-align:center;margin:10px 0 20px;font-size:24px;font-weight:800}.modal-upper-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;gap:16px;margin-bottom:20px;padding:16px;display:flex}.modal-img-grid{grid-template-columns:repeat(2,1fr);gap:4px;width:120px;height:120px;display:grid}.modal-img-small{object-fit:cover;border-radius:4px;width:100%;height:100%}.modal-release-bar{color:#fff;background:#4a0404;padding:16px 20px}.release-label{text-transform:uppercase;opacity:.8;margin-bottom:4px;font-size:12px}.release-value{font-size:28px;font-weight:700}.status-section{margin-bottom:24px}.status-header{justify-content:space-between;margin-bottom:12px;font-weight:600;display:flex}.progress-container{background:#f0f0f0;border-radius:4px;height:8px;margin-bottom:20px;overflow:hidden}.progress-bar{background:#9b1c1c;height:100%;transition:width .6s ease-out}.tracking-group{gap:12px;margin-bottom:20px;display:flex}.tracking-pill{background:#fff;border:1px solid #f0f0f0;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:flex}.track-link-btn{color:#e53e3e;background:#fff5f5;border-radius:20px;align-items:center;margin-bottom:24px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.summary-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;display:grid}.summary-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:16px}.summary-label{color:#999;margin-bottom:4px;font-size:12px}.summary-value{font-size:18px;font-weight:700}.footer-note{background:#f5f5f5;border-radius:12px;align-items:center;gap:12px;padding:16px;font-size:14px;display:flex}.order-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-top:30px;display:grid}.order-card{cursor:pointer;background:#fff;border:1px solid #f0f0f0;border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.order-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000000d}.card-img{background:#fff;width:100%;position:relative}.card-img img{object-fit:cover;width:100%;height:100%}.card-content{flex-grow:1;padding:16px}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:24px;width:100%;max-width:500px;max-height:90vh;position:relative;overflow-y:auto}.modal-close{cursor:pointer;color:#999;background:0 0;border:none;font-size:24px;position:absolute;top:20px;right:20px}