:root{font-family:'Noto Sans Thai','DM Sans',sans-serif;color:#123d36;background:#f6f4ed}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input{font:inherit}button{cursor:pointer}.topbar{min-height:76px;padding:15px clamp(20px,4vw,72px);display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #e3e7df}.brand{text-decoration:none;font:900 1.65rem 'DM Sans',sans-serif;letter-spacing:-.06em;color:#f26225}.brand span{font-size:.65rem;letter-spacing:.2em;color:#145746}.top-actions{display:flex;gap:25px;align-items:center}.top-actions>a{text-decoration:none;font-size:.9rem}.top-actions nav{border:1px solid #d6ddd4;border-radius:100px;padding:3px;display:flex}.top-actions button{border:0;background:none;border-radius:100px;padding:4px 11px;color:#426359}.top-actions button.active{background:#135342;color:#fff}main{max-width:1190px;margin:auto;padding:60px 24px 70px}.intro{max-width:850px;margin-bottom:36px}.eyebrow{font:800 .72rem 'DM Sans',sans-serif;letter-spacing:.15em;color:#bd612b}.intro h1{font-size:clamp(2.2rem,5vw,4.65rem);line-height:1.18;letter-spacing:-.045em;margin:12px 0 18px}.intro h1 em{font-style:normal;color:#e66b2f}.intro p{font-size:1.05rem;line-height:1.8;color:#52625b}.layout{display:grid;grid-template-columns:minmax(310px,.83fr) minmax(410px,1.17fr);gap:24px;align-items:start}.card{background:#fff;border:1px solid #e2e7dc;border-radius:24px;padding:30px;box-shadow:0 18px 50px #092a1c0c}.product{display:flex;align-items:center;gap:18px;padding-bottom:20px;border-bottom:1px solid #e4e8df}.product img{width:43%;height:auto;max-height:210px;object-fit:contain}.product h2{margin:10px 0 2px;font:800 1.7rem 'DM Sans',sans-serif}.product p{margin:0 0 6px;color:#64716a}.product strong{font:900 1.8rem 'DM Sans',sans-serif}.product strong small{font:.7rem 'Noto Sans Thai',sans-serif}.tag{display:inline-block;background:#e4f1d9;color:#235b40;border-radius:100px;padding:5px 11px;font-size:.78rem;font-weight:700}.quantity{display:flex;align-items:center;justify-content:space-between;margin:22px 0}.stepper{display:flex;align-items:center;border:1px solid #dce4d8;border-radius:14px;overflow:hidden}.stepper button{width:42px;height:42px;border:0;background:#f5f8f2;font-size:1.4rem;color:#134b3c}.stepper input{width:48px;border:0;text-align:center;appearance:textfield}.stepper input::-webkit-inner-spin-button,.stepper input::-webkit-outer-spin-button{appearance:none}.totals{border-top:1px solid #e4e8df;margin:0}.totals>div{display:flex;justify-content:space-between;gap:20px;padding:15px 0}.totals dt{color:#5f6d63}.totals dd{margin:0;font-weight:700;text-align:right}.totals .grand{border-top:1px solid #e4e8df;align-items:center}.grand dt{font-weight:800;color:#103e34}.grand dd{font:900 2rem 'DM Sans',sans-serif;color:#d95723}.product-note{font-size:.83rem;line-height:1.65;color:#66776c}.payment h2{font-size:2rem;margin:10px 0}.payment>p{color:#597067;line-height:1.7}.bank-details{margin:24px 0;background:#f3f8ef;border:1px solid #dce8d5;border-radius:20px;padding:8px 20px}.bank-details>div{display:grid;grid-template-columns:130px 1fr;gap:15px;padding:16px 0;border-bottom:1px solid #dce8d5}.bank-details>div:last-child{border:0}.bank-details dt{font-size:.85rem;color:#5f7266}.bank-details dd{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.bank-details dd strong{font-weight:800}.bank-details dd small{display:block;width:100%;font-size:.75rem;color:#60756a}.account-number{font:800 1.28rem 'DM Sans',sans-serif;letter-spacing:.03em}.copy{border:1px solid #bed2c3;border-radius:8px;background:#fff;padding:5px 10px;font-size:.75rem}.status{min-height:1.3em;font-size:.78rem!important;margin:-13px 0 16px!important}.instructions{border-top:1px solid #e4e8df;padding-top:10px}.instructions h3{font-size:1.15rem;margin:12px 0}.instructions ol{margin:0 0 18px;padding-left:24px;line-height:1.7}.instructions li{padding:0 0 9px 5px}.primary,.secondary{display:block;text-align:center;text-decoration:none;width:100%;border-radius:13px;padding:14px 18px;font-weight:800;margin-top:10px}.primary{background:#166a4a;color:#fff;border:1px solid #166a4a}.primary:hover{background:#0e5037}.secondary{background:#fff;color:#155742;border:1px solid #a7c3b1}.caution{font-size:.78rem!important;color:#667169!important;margin:15px 0 0}.line-option{display:flex;justify-content:space-between;align-items:center;gap:28px;border-radius:26px;background:#123f35;color:#fff;margin:28px 0 22px;padding:32px 36px}.line-option h2{font-size:clamp(1.3rem,2.5vw,2rem);margin:8px 0}.line-option p{max-width:600px;line-height:1.7;color:#d1e2d7;margin:0}.line-option .primary{max-width:270px;flex-shrink:0;background:#d8ec86;border-color:#d8ec86;color:#174832}.trust{display:flex;gap:25px;flex-wrap:wrap;font-size:.82rem;color:#5a6d61}.trust a{text-decoration:underline;text-underline-offset:3px}footer{text-align:center;background:#0e332d;color:#e8f4e7;padding:25px;font-size:.8rem}html[lang=en]{font-family:'DM Sans','Noto Sans Thai',sans-serif}html[lang=en] .intro h1{line-height:1.08}@media(max-width:860px){.layout{grid-template-columns:1fr}.line-option{display:block}.line-option .primary{max-width:100%}}@media(max-width:580px){.topbar{padding:13px 16px}.top-actions{gap:10px}.top-actions>a{font-size:.7rem}main{padding:38px 14px 50px}.card{padding:22px}.product img{width:40%}.bank-details>div{grid-template-columns:1fr;gap:3px}.line-option{padding:25px}.intro p{font-size:.94rem}}
