@font-face{font-family:Noto;src:url('/assets/NotoSansThai.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#eae7e1;color:#242320;font:20px/1.65 Noto,sans-serif}header{height:65px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 720px)/2));border-bottom:1px solid #eee}.brand{font-size:25px;letter-spacing:-1px;font-weight:850;text-decoration:none;color:#252525}.brand span{color:#a47d39}.mini{color:#252525;font-size:17px}main{max-width:760px;margin:auto;background:#fff}.panel{display:block;width:100%;height:auto}.sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}h1,h2,h3,p{margin:0 0 16px}h2{font-size:clamp(28px,5vw,43px);line-height:1.35;letter-spacing:-.5px}h3{font-size:23px;margin-top:32px}button,input,textarea,select{font:inherit}a{color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b4873e;outline-offset:3px}.cta{display:block;background:#22211f;color:white;border:0;border-radius:12px;padding:17px 20px;text-align:center;text-decoration:none;font-size:23px;font-weight:750;box-shadow:0 5px 0 #b38e51}.between{text-align:center;padding:28px 25px 16px}.between p{font-size:18px;margin-top:15px;color:#555}.offer{background:#f6f0e5;text-align:center;padding:48px 26px}.eyebrow{display:block;color:#88662e;font-size:18px;font-weight:700;margin-bottom:12px}.offer>img{display:block;width:85%;max-width:420px;height:auto;margin:8px auto;mix-blend-mode:multiply}.offer-numbers{display:grid;grid-template-columns:1fr 1fr;gap:16px}.offer-numbers>div{padding:20px 8px;background:#fff;border-radius:16px}.offer-numbers b,.offer-numbers strong,.offer-numbers span{display:block}.offer-numbers strong{font-size:31px}.offer-numbers>div:last-child{background:#242320;color:#f3d596}.checkout{padding:44px 28px}.section-title{text-align:center}fieldset{padding:0;margin:0;border:0;min-width:0}.pack,.payment{display:flex;align-items:center;gap:12px;border:2px solid #dedbd4;border-radius:12px;padding:16px;margin:12px 0;cursor:pointer}.pack:has(input:checked),.payment:has(input:checked){border-color:#a17a37;background:#faf5e9;box-shadow:0 0 0 1px #a17a37}.pack>span{flex:1}.pack b{font-size:21px}.pack strong{font-size:32px;line-height:1.35;text-align:right;white-space:nowrap}.pack small{display:block;font-size:16px;font-weight:400;color:#56524c}input[type=radio],input[type=checkbox]{width:23px;height:23px;margin:0;accent-color:#987334;flex:none}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:block;font-size:19px;font-weight:600;margin-bottom:16px}input:not([type=radio]):not([type=checkbox]),textarea,select{width:100%;min-height:54px;border:1px solid #bbb8b0;border-radius:9px;padding:10px 12px;margin-top:7px;background:#fff;color:#242320}select{font-size:18px}textarea{resize:vertical}.small,small{font-size:16px;line-height:1.65;font-weight:400;color:#57534d}.center{text-align:center}.bank{background:#faf8f3;text-align:center;padding:22px 15px;border-radius:12px}.bank>.qr{display:block;width:250px;max-width:100%;height:auto;margin:18px auto 5px}.bank>b{font-size:24px}.bank p{margin-top:18px}.account{font-size:27px;white-space:nowrap}.secondary{border:1px solid #aaa;border-radius:8px;background:#fff;color:#222;padding:11px 18px}.upload{text-align:left;margin:25px 0 8px}.upload small{display:block}.slip-preview{max-width:100%;max-height:300px}.payment img{object-fit:contain}.total-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:28px;padding:18px 0 8px}.total-row strong{font-size:30px;white-space:nowrap}.submit{width:100%;margin:22px 0}.error{padding:12px;background:#fff0ed;border:1px solid #b64838;color:#922f20;border-radius:8px}.success{background:#f6f0e5;border-radius:16px;padding:25px;text-align:center}.success h2{font-size:30px}.address-results{max-height:300px;overflow-y:auto;border:1px solid #aaa;border-radius:8px}.address-results button{display:block;width:100%;background:white;border:0;border-bottom:1px solid #ddd;padding:12px;text-align:left;font-size:18px}.address-results button:hover{background:#faf1db}.trap{position:absolute;left:-10000px}.faq{padding:20px 28px 45px;text-align:center}details{border-top:1px solid #ddd;padding:17px 0;text-align:left}summary{cursor:pointer;font-weight:650}details p{margin-top:16px;font-size:18px}footer{padding:28px 28px 105px;background:#f4f2ed;font-size:16px}footer details p{font-size:16px}.sticky{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(760px,100%);padding:13px 18px max(13px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;gap:10px;background:#252422;color:#fff;text-decoration:none;z-index:10;box-shadow:0 -4px 18px #0002;font-size:18px}.sticky b{color:#ebcb91}[hidden]{display:none!important}.admin{max-width:1250px;margin:auto;padding:26px;background:#fff;min-height:100vh}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0}.toolbar select,.toolbar input{width:auto}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:16px}td,th{text-align:left;padding:12px;border-bottom:1px solid #ddd;vertical-align:top;min-width:100px}td button{font-size:15px;padding:7px;margin:3px}.metrics{display:flex;gap:18px;flex-wrap:wrap}.metrics p{background:#f6f0e5;padding:15px;border-radius:10px}.badge{font-size:14px;padding:3px 7px;background:#eee;border-radius:4px;display:inline-block}.admin dialog{max-width:650px;width:95%;border:1px solid #bbb;border-radius:12px;padding:25px}.admin dialog::backdrop{background:#0008}.admin dialog img{max-width:100%;max-height:65vh}.admin .notice{font-size:16px;color:#655742} @media(max-width:420px){.checkout,.offer,.faq{padding-left:17px;padding-right:17px}.pack{padding:13px 10px;gap:8px}.pack b{font-size:18px}.pack strong{font-size:28px}.pack small{font-size:15px}.total-row{font-size:18px}.total-row strong{font-size:26px}.two{gap:10px}body{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}