/* KHONCHAIHERB v1.38.0 — contextual after-sales care */
.kch-v137-care{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:2147482500;font-family:'Noto Sans Thai',system-ui,sans-serif;color:#173f31}
.kch-v137-care-trigger{display:flex;align-items:center;gap:8px;min-height:50px;padding:0 17px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:#173f31;color:#fff;box-shadow:0 16px 36px rgba(20,51,40,.22);font:800 14px/1 'Noto Sans Thai',system-ui,sans-serif;cursor:pointer}
.kch-v137-care-trigger span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#fff;color:#173f31;font:900 15px/1 system-ui,sans-serif}
.kch-v137-care :where(button,a,input):focus-visible,.kch-v138-success-care :where(button,a):focus-visible{outline:3px solid rgba(23,63,49,.25);outline-offset:3px}
.kch-v137-care-panel{position:absolute;right:0;bottom:62px;width:min(430px,calc(100vw - 28px));max-height:min(720px,calc(100vh - 105px));overflow:auto;border:1px solid #dfe7e1;border-radius:22px;background:#fff;box-shadow:0 24px 60px rgba(18,48,37,.24)}
.kch-v137-care-panel[hidden],.kch-v138-tracker[hidden]{display:none!important}
.kch-v137-care-head{display:flex;gap:12px;align-items:flex-start;padding:20px 20px 14px;background:linear-gradient(145deg,#f1f7f2,#fff);border-bottom:1px solid #edf1ee}
.kch-v137-care-head>div{min-width:0;flex:1}
.kch-v137-care-head span{display:block;margin-bottom:5px;color:#6b796f;font-size:10px;font-weight:900;letter-spacing:.11em}
.kch-v137-care-head h2{margin:0;color:#173f31;font-size:20px;line-height:1.25}
.kch-v137-care-head p{margin:7px 0 0;color:#68766e;font-size:12.5px;line-height:1.55}
.kch-v137-care-close{flex:0 0 38px;width:38px;height:38px;border:1px solid #dce5df;border-radius:50%;background:#fff;color:#355346;font:500 24px/1 system-ui,sans-serif;cursor:pointer}
.kch-v137-care-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:14px 16px}
.kch-v137-care-action{display:block;min-width:0;min-height:62px;padding:12px 14px;border:1px solid #dfe7e1;border-radius:14px;background:#fff;color:#173f31;text-align:left;text-decoration:none;font-family:inherit;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.kch-v137-care-action:hover{transform:translateY(-1px);border-color:#b8c9bf;box-shadow:0 9px 20px rgba(23,63,49,.07)}
.kch-v137-care-action b{display:block;font-size:13px;line-height:1.35}
.kch-v137-care-action small{display:block;margin-top:3px;color:#718078;font-size:11px;line-height:1.45}
.kch-v137-care-action.primary{grid-column:1/-1;border-color:#173f31;background:#173f31;color:#fff}
.kch-v137-care-action.primary small{color:#dce8e2}
.kch-v137-care-trust{margin:0;padding:12px 18px 17px;border-top:1px solid #edf1ee;color:#66746c;font-size:10.5px;line-height:1.55;text-align:center}

.kch-v138-tracker{margin:0 16px 14px;padding:14px;border:1px solid #dce7df;border-radius:17px;background:#f8fbf8}
.kch-v138-tracker-head{display:grid;gap:2px;margin-bottom:11px}.kch-v138-tracker-head b{font-size:13px;color:#173f31}.kch-v138-tracker-head small{font-size:10.5px;color:#6d7b72}
.kch-v138-tracker-form{display:grid;gap:9px}.kch-v138-tracker-form label{display:grid;gap:5px;color:#476052;font-size:10.5px;font-weight:800}.kch-v138-tracker-form input{box-sizing:border-box;width:100%;min-height:46px;padding:0 12px;border:1px solid #d5e0d9;border-radius:11px;background:#fff;color:#173f31;font:700 13px/1 'Noto Sans Thai',system-ui,sans-serif;outline:0}.kch-v138-tracker-form input:focus{border-color:#5d8a71;box-shadow:0 0 0 3px rgba(23,96,61,.08)}.kch-v138-tracker-form button{min-height:48px;border:0;border-radius:12px;background:#12613f;color:#fff;font:900 12px/1 'Noto Sans Thai',system-ui,sans-serif;cursor:pointer}.kch-v138-tracker-form button:disabled{opacity:.65;cursor:progress}
.kch-v138-privacy{margin:9px 1px 0;color:#78847d;font-size:9.5px;line-height:1.5}
.kch-v138-order-result{margin-top:10px}.kch-v138-result-message{margin:0;padding:10px 11px;border-radius:11px;background:#edf5ef;color:#315a43;font-size:10.5px;line-height:1.5}.kch-v138-result-message.error{background:#fff4f2;color:#8d453a}
.kch-v138-order-card{display:grid;gap:11px;padding:12px;border:1px solid #dce5df;border-radius:14px;background:#fff}.kch-v138-order-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.kch-v138-order-top>span{display:grid;gap:2px}.kch-v138-order-top small{color:#77837b;font-size:9.5px}.kch-v138-order-top b{color:#173f31;font-size:14px}.kch-v138-order-top strong{white-space:nowrap;color:#12613f;font-size:15px}.kch-v138-order-facts{display:flex;flex-wrap:wrap;gap:6px}.kch-v138-order-facts span{padding:6px 8px;border-radius:999px;background:#f0f5f1;color:#53685b;font-size:9.5px;font-weight:700}
.kch-v138-timeline{display:grid;gap:8px;padding-top:2px}.kch-v138-timeline>b{font-size:10.5px;color:#365745}.kch-v138-timeline>div{display:grid;grid-template-columns:14px 1fr;gap:7px;align-items:start}.kch-v138-timeline i{display:block;width:8px;height:8px;margin-top:5px;border-radius:50%;background:#2d8056;box-shadow:0 0 0 3px #e8f2eb}.kch-v138-timeline span{display:grid;gap:1px}.kch-v138-timeline span b{font-size:10px;color:#405b4c}.kch-v138-timeline span small{font-size:9px;color:#7d8881}
.kch-v138-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.kch-v138-result-action{display:grid;place-items:center;min-height:44px;padding:7px 9px;border:1px solid #d8e3dc;border-radius:10px;background:#fff;color:#23523a;text-align:center;text-decoration:none;font:850 10px/1.3 'Noto Sans Thai',system-ui,sans-serif;cursor:pointer}.kch-v138-result-action.primary{grid-column:1/-1;border-color:#12613f;background:#12613f;color:#fff}.kch-v138-result-action:disabled{opacity:.7}.kch-v138-receipt-note{display:block;color:#7b817d;font-size:9.5px;line-height:1.5}.kch-v138-receipt-output{min-height:0}.kch-v138-receipt-output:not(:empty){padding-top:2px}.kch-v138-receipt-box{display:grid;gap:2px;padding:9px 10px;border:1px solid #cae1d1;border-radius:10px;background:#f2faf4}.kch-v138-receipt-box b{font-size:10.5px;color:#1d5d3c}.kch-v138-receipt-box small{font-size:9.5px;color:#63766a}

.kch-v138-success-care{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0;padding:14px 15px;border:1px solid #d8e6dc;border-radius:16px;background:linear-gradient(145deg,#f4faf5,#fff);text-align:left}.kch-v138-success-care>div:first-child{display:grid;gap:3px;min-width:0}.kch-v138-success-care>div:first-child b{font-size:12px;color:#1c5036}.kch-v138-success-care>div:first-child small{font-size:10px;line-height:1.5;color:#6c7a71}.kch-v138-success-care>div:last-child{display:flex;gap:7px;flex:0 0 auto}.kch-v138-success-care button,.kch-v138-success-care a{display:grid;place-items:center;min-height:44px;padding:0 11px;border:1px solid #d3dfd7;border-radius:10px;background:#fff;color:#24513a;text-decoration:none;font:850 10px/1.2 'Noto Sans Thai',system-ui,sans-serif;cursor:pointer}.kch-v138-success-care button{border-color:#12613f;background:#12613f;color:#fff}

@media(max-width:720px){.kch-v137-care{right:12px;bottom:calc(76px + env(safe-area-inset-bottom))}.kch-v137-care-trigger{min-height:48px;padding:0 14px}.kch-v137-care-panel{position:fixed;right:10px;left:10px;bottom:calc(136px + env(safe-area-inset-bottom));width:auto;max-height:calc(100vh - 170px)}.kch-v137-care-actions{grid-template-columns:1fr}.kch-v137-care-action,.kch-v137-care-action.primary{grid-column:1;min-height:58px}.kch-v137-care-head h2{font-size:19px}.kch-v138-success-care{display:grid;grid-template-columns:1fr;gap:10px}.kch-v138-success-care>div:last-child{display:grid;grid-template-columns:1fr 1fr;width:100%}.kch-v138-success-care button,.kch-v138-success-care a{min-height:48px}}
@media(max-width:420px){.kch-v137-care-trigger b{font-size:13px}.kch-v137-care-panel{right:8px;left:8px}.kch-v137-care-head{padding:17px 16px 12px}.kch-v137-care-actions{padding:12px}.kch-v138-tracker{margin:0 12px 12px}.kch-v138-result-actions{grid-template-columns:1fr}.kch-v138-result-action.primary{grid-column:1}.kch-v138-success-care>div:last-child{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.kch-v137-care-action{transition:none}}