@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{--green:#173f32;--green-light:#edf4ec;--orange:#bd512c;--paper:#fbfaf6;--ink:#22372e;--muted:#647167;--line:#dce3d8;--white:#fff;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans Thai',Tahoma,sans-serif;font-size:16px;line-height:1.7}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}a{color:var(--green)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d88e24;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.8rem,5.5vw,4.7rem);line-height:1.23;letter-spacing:-.04em;margin-bottom:24px}h2{font-size:1.8rem;line-height:1.4}h3{font-size:1.1rem}img{max-width:100%}.demo-strip{background:#f6e8cc;color:#684916;text-align:center;font-size:.875rem;padding:8px 16px}.site-header{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 36px;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;font-size:1.3rem}.brand img{object-fit:contain}.brand small{display:block;font-size:.8rem;font-weight:400}.site-header nav{display:flex;align-items:center;gap:28px}.site-header nav>a{text-decoration:none;font-weight:500}.text-button{border:0;background:none;color:var(--green);padding:10px 8px}.cart-button{border:1px solid var(--green);background:var(--green);color:#fff;border-radius:50px;padding:10px 20px}.cart-button span{display:inline-block;background:#fff;color:var(--green);border-radius:50%;min-width:25px;margin-left:8px}.intro{max-width:1168px;margin:8px auto 68px;padding:52px 58px;background:var(--green);color:white;border-radius:24px;display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center}.intro .eyebrow{color:#bed4b6}.eyebrow{font-size:.8rem;font-weight:600;letter-spacing:.12em;color:var(--orange);margin-bottom:12px}.intro p:not(.eyebrow){color:#d5e4d8}.button{border:0;background:var(--green);color:#fff;border-radius:9px;padding:13px 24px;text-decoration:none;display:inline-block;font-weight:600;min-height:48px;text-align:center}.intro .button{background:#e4c771;color:#173f32}.intro-note{border-left:1px solid #54715d;padding-left:48px}.big-mark{font-size:3rem;color:#e4c771;font-weight:700;display:block;margin-bottom:24px}.intro-note a{color:white}.catalog,.how-to{max-width:1168px;margin:0 auto 72px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.section-heading h2{margin-bottom:16px}.search-label{width:min(330px,100%)}input,textarea,select{border:1px solid #b9c6b8;border-radius:8px;padding:12px;width:100%;background:white;color:var(--ink);min-height:46px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 20px}.filter{background:white;border:1px solid var(--line);color:var(--green);padding:10px 18px;border-radius:28px;min-height:44px}.filter[aria-pressed=true]{background:var(--green);color:white;border-color:var(--green)}.subtle{font-size:.875rem;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.product-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.product-photo{height:200px;background:#e8ede4;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;border-bottom:1px solid var(--line);width:100%;color:var(--green);padding:24px}.product-photo img{width:100%;height:100%;object-fit:cover}.product-photo b{font-size:1.8rem;font-weight:500;line-height:1.4;text-align:center}.product-photo span{font-size:.75rem;color:var(--muted);margin-top:12px}.product-body{padding:20px;display:flex;flex:1;flex-direction:column}.product-body h3{margin:8px 0;font-size:1.05rem}.origin{font-size:.75rem;font-weight:500;color:#546b49}.product-body .size{color:var(--muted);font-size:.875rem;margin-bottom:18px}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.price{font-size:1.3rem;font-weight:700}.add-button{border:1px solid var(--green);background:white;color:var(--green);border-radius:8px;padding:8px 13px;min-height:44px}.add-button:hover{background:var(--green);color:white}.how-to{border-top:1px solid var(--line);padding-top:36px}.how-to>div{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.how-to b,.how-to span{display:block}.how-to span{color:var(--muted);font-size:.9rem;margin-top:8px}footer{background:#eaf0e6;padding:36px max(24px,calc((100vw - 1168px)/2));font-size:.875rem}footer>strong{font-size:1.3rem}footer>div{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:20px}dialog{border:0;border-radius:20px;padding:36px;width:min(540px,calc(100% - 24px));max-height:90dvh;overflow:auto;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#112d24a6}.wide-dialog{width:min(600px,calc(100% - 24px))}.close{position:absolute;right:14px;top:12px;background:none;border:0;font-size:28px;color:var(--green);width:44px;height:44px}.full{width:100%;margin-top:12px}label{display:block;margin-bottom:16px;font-weight:500}label input,label textarea{margin-top:6px}.check{display:flex;align-items:center;gap:9px;font-size:.875rem;flex-wrap:wrap}.check input{width:20px;min-height:20px}.cart-row{padding:16px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:12px}.cart-row h3{margin:0}.quantity{display:flex;align-items:center;gap:10px}.quantity button{border:1px solid var(--line);background:white;border-radius:7px;width:44px;height:44px;color:var(--green)}.remove{color:#953d28;background:none;border:0;font-size:.875rem;padding:8px}.totals{padding:18px 0}.totals>div{display:flex;justify-content:space-between;gap:15px;margin-bottom:6px}.totals .grand{font-size:1.25rem;font-weight:700;padding-top:12px;border-top:1px solid var(--line);margin-top:12px}progress{width:100%;height:8px;accent-color:var(--green)}.alert{background:#f6e8cc;color:#684916;padding:14px;border-radius:8px;font-size:.875rem;margin:16px 0}.error{color:#a13024}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--green);color:#fff;border-radius:12px;padding:14px 22px;z-index:100;max-width:90%;box-shadow:0 4px 25px #0003}.qr-box{text-align:center;padding:20px;background:white;border:1px solid var(--line);border-radius:16px}.qr-box img{width:240px;height:240px;image-rendering:pixelated}.success{background:var(--green-light);padding:20px;border-radius:12px}.success strong{font-size:1.3rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}.status{display:inline-block;background:#f6e8cc;color:#684916;font-size:.8rem;padding:4px 10px;border-radius:20px}.admin-shell{max-width:1200px;margin:24px auto 60px;padding:0 24px}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.admin-panel{background:white;border:1px solid var(--line);border-radius:16px;padding:24px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat{padding:20px;background:var(--green-light);border-radius:12px}.stat b{font-size:1.8rem;display:block}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.toolbar label{margin:0}.toolbar select,.toolbar input{width:auto;max-width:100%}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:14px 10px;vertical-align:middle}th{white-space:nowrap;background:#f3f6f0}td input[type=checkbox]{width:20px;height:20px;min-height:20px}.inline-input{max-width:90px}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-form .span2{grid-column:span 2}.badge-demo{color:#9c451e;font-size:.8rem}.slip-preview{max-height:300px;object-fit:contain;display:block;margin:auto}.detail-list{white-space:pre-wrap;overflow-wrap:anywhere}.empty{text-align:center;color:var(--muted);padding:40px 16px}.label-sheet{background:white}.print-label{background:white;color:#000;padding:8mm;width:105mm;min-height:148mm;margin:20px auto;border:1px dashed #aaa;page-break-after:always}.print-label h2{font-size:1.35rem;margin-bottom:6px}.print-label .recipient{font-size:1.2rem;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.print-label .sender{font-size:.8rem;border-bottom:1px solid #bbb;padding-bottom:10px}.print-label svg{max-width:100%;height:55px}.print-label table{font-size:.85rem}.print-label td{padding:4px}.print-label .label-note{font-size:.75rem;border-top:1px solid #ccc;padding-top:10px}.print-toolbar{padding:20px;max-width:900px;margin:auto}.print-summary{background:white;padding:24px;max-width:800px;margin:auto}.item-placeholder{background:var(--green-light);padding:32px;text-align:center;border-radius:12px;margin-bottom:20px}.detail-image{width:100%;max-height:280px;object-fit:contain;margin-bottom:20px}.policy{max-width:800px;margin:40px auto;padding:0 24px}.policy h2{margin-top:32px;font-size:1.35rem}@media(max-width:1220px){.catalog,.how-to,.intro{margin-left:28px;margin-right:28px}}@media(max-width:850px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.intro{padding:36px;gap:24px}.intro-note{padding-left:25px}.site-header{padding:20px 28px}.site-header nav{gap:12px}.brand small{max-width:170px}}@media(max-width:620px){.site-header{padding:16px;align-items:flex-start;flex-wrap:wrap}.site-header nav{width:100%;justify-content:space-between;gap:8px;font-size:.875rem}.intro{margin:8px 16px 36px;padding:28px;grid-template-columns:1fr}.intro-note{border-left:0;border-top:1px solid #54715d;padding:20px 0 0}.big-mark{font-size:1.8rem;margin-bottom:8px}.intro-note p{margin-bottom:10px}.catalog,.how-to{margin-left:16px;margin-right:16px;margin-bottom:40px}.section-heading{flex-direction:column;align-items:stretch;gap:0}.search-label{width:100%}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-photo{height:145px;padding:16px}.product-photo b{font-size:1.3rem}.product-body{padding:14px}.product-bottom{flex-wrap:wrap}.add-button{width:100%}.how-to>div{grid-template-columns:1fr;gap:12px}dialog{padding:30px 20px}.stats{gap:8px}.stat{padding:12px;font-size:.8rem}.stat b{font-size:1.4rem}.admin-shell{padding:0 16px}.admin-panel{padding:16px}.admin-form{grid-template-columns:1fr}.admin-form .span2{grid-column:1}}
@page{size:105mm 148mm;margin:0}@media print{body{background:white!important}.no-print{display:none!important}.print-label{margin:0;border:0;width:105mm;height:auto;min-height:148mm;overflow:visible;break-after:page}.print-label:last-child{break-after:auto}.print-summary{break-after:page;max-width:105mm;padding:8mm;font-size:.9rem}.print-summary h2{font-size:1.1rem}a{color:black;text-decoration:none}}
.status[data-status="pending_payment"],.stat[data-status="pending_payment"]{background:#fff3c4;color:#704b00;border:1px solid #e5bf46}
.status[data-status="paid"],.stat[data-status="paid"]{background:#def3e4;color:#185c34;border:1px solid #82c799}
.status[data-status="packed"],.stat[data-status="packed"]{background:#e1edff;color:#194e91;border:1px solid #8bb2e8}
.status[data-status="shipped"]{background:#eee5ff;color:#63339a;border:1px solid #b9a0df}
.status[data-status="cancelled"]{background:#ffe3e1;color:#992a28;border:1px solid #e4a09b}
.status[data-status]{font-weight:700}
.status[data-status="pending_payment"][data-receipt="none"]{background:#ffead5;color:#8a3900;border-color:#e59b53}
.status[data-status="pending_payment"][data-receipt="uploaded"]{background:#fff3c4;color:#704b00;border-color:#d3ad26}

.stat[data-status="pending_payment"][data-receipt="none"]{background:#ffead5;color:#8a3900;border-color:#e59b53}
.stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
@media(max-width:620px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-nav{flex-wrap:wrap}.status{white-space:normal}.print-label{max-width:100%}}