.cookie-ui{font-family:var(--font-ibm-plex-sans-thai,'IBM Plex Sans Thai'),sans-serif;color:#103e30;font-size:14px;line-height:1.7}.cookie-ui *{box-sizing:border-box}.cookie-ui [hidden]{display:none!important}.cookie-ui button{font:inherit;cursor:pointer}.cookie-ui a{text-decoration:underline;text-underline-offset:3px;color:inherit}.cookie-ui button:focus-visible,.cookie-ui input:focus-visible,.cookie-ui a:focus-visible{outline:3px solid #638c28;outline-offset:4px}.cookie-banner{position:fixed;bottom:16px;left:24px;right:24px;z-index:1000;max-width:1120px;margin:auto;padding:22px 24px;background:#faf9f5;border:1px solid #d6ded7;border-radius:20px;box-shadow:0 12px 48px #103e3029;display:flex;align-items:center;gap:28px}.cookie-banner strong{font-size:16px}.cookie-banner p{margin:6px 0 0;color:#526258;max-width:530px}.cookie-actions{display:flex;gap:10px;flex-wrap:wrap}.cookie-actions button{border:1px solid #103e30;border-radius:10px;background:transparent;color:#103e30;padding:10px 16px;min-height:44px;white-space:nowrap}.cookie-actions button[data-cookie-save],.cookie-actions button[data-consent=granted]{background:#103e30;color:#fff}.cookie-banner .cookie-actions{flex-shrink:0}.cookie-banner [data-cookie-settings]{border-color:transparent;text-decoration:underline;text-underline-offset:4px}/* Match the price/contact dialogs: 420px, 48px top, 36px sides. */
.cookie-dialog{color:#141413;background:#FDFCF9;border:0;border-radius:24px;padding:48px 36px 24px;width:420px;max-width:calc(100% - 24px);max-height:85dvh;overflow-y:auto;margin:auto;box-shadow:0 2px 4px rgba(10,42,32,.15),0 6px 12px rgba(10,42,32,.08)}.cookie-dialog::backdrop{background:rgba(10,42,32,.55)}.cookie-dialog h2{font-size:20px;line-height:28px;margin:0 0 8px;color:#141413;font-weight:700;text-align:center}.cookie-intro{font-size:14px;line-height:22px;color:#30302E;margin:0 0 28px;text-align:center}.cookie-dialog .cookie-close{position:absolute;top:12px;right:12px;width:32px;height:32px;padding:0;display:grid;place-items:center;border:0;border-radius:999px;background:transparent;color:#30302E}.cookie-dialog .cookie-close:hover{background:#F4F2EC}.cookie-dialog .cookie-close:focus-visible{outline:2px solid #0E3C2F;outline-offset:2px}.cookie-dialog h2[tabindex="-1"]:focus{outline:none}
/* Own family name on purpose: this is a SUBSET ttf (only the icons the cookie UI uses). Registering it as 'Material Symbols Sharp' hijacked the app's Google-served variable font on every page and broke icons outside the subset (e.g. chevron_left on /login, 2026-09-22). */@font-face{font-family:'Material Symbols Cookie';src:url('/marketing-static/a0ab3543/marketing-assets/material-symbols-sharp.ttf') format('truetype');font-weight:400;font-style:normal;font-display:block}.cookie-close .msym{font-family:'Material Symbols Cookie';font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;font-feature-settings:'liga';-webkit-font-smoothing:antialiased}
.cookie-choice{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;border-top:1px solid #EBE7DF;padding:16px 0}.cookie-choice h3,.cookie-choice label{font-size:16px;font-weight:700;line-height:1.6;margin:0;display:block}.cookie-choice p{color:#65746b;font-size:13px;margin:8px 0 0}.cookie-required{flex:0 0 46px;width:46px;height:28px;display:grid;place-items:center;white-space:nowrap;font-size:12px;line-height:20px;border-radius:20px;padding:0;background:#e7efeb}.cookie-choice input{appearance:none;flex:0 0 46px;width:46px;height:28px;margin:0;border:1px solid #86968c;background:#d9e0da;border-radius:20px;cursor:pointer;position:relative}.cookie-choice input:before{content:'';display:block;width:20px;height:20px;border-radius:50%;background:white;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.cookie-choice input:checked{background:#103e30;border-color:#103e30}.cookie-choice input:checked:before{left:21px}.cookie-policy{font-size:12px;color:#65746b;margin:0 0 24px}.cookie-dialog .cookie-actions>button{flex:1}.cookie-error{color:#9c3029;font-size:13px}.cookie-status{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#FDFCF9;color:#141413;border:1px solid #9AD3B4;padding:12px 14px 12px 44px;border-radius:8px;font-size:14px;line-height:1.45;z-index:1001;margin:0;white-space:nowrap}.cookie-status:before{content:'';position:absolute;left:14px;top:50%;width:20px;height:20px;transform:translateY(-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%231E8E5A'/%3E%3Cpath d='M8 12.2l2.7 2.7L16 9.6' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}button[data-cookie-settings]{font:inherit;color:inherit;cursor:pointer}.footer-legal button[data-cookie-settings]{border:0;background:none;padding:0;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1050px){.cookie-banner{align-items:flex-start;flex-direction:column;gap:16px}.cookie-banner p{max-width:none}}@media(max-width:540px){.cookie-banner{left:12px;right:12px;bottom:12px;padding:18px;font-size:13px}.cookie-banner .cookie-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.cookie-banner [data-cookie-settings]{grid-column:1/-1;order:3}.cookie-actions button{font-size:13px;padding:10px 12px}}@media print{.cookie-ui{display:none!important}}

.cookie-dialog .cookie-actions button{border-radius:12px;font-size:14px;line-height:20px;padding:12px 10px}.cookie-dialog .cookie-choice h3,.cookie-dialog .cookie-choice label{font-size:14px;font-weight:500}.cookie-dialog .cookie-policy{margin-bottom:20px}

.cookie-dialog .cookie-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.cookie-dialog .cookie-actions>button{width:100%;min-width:0}
@media(max-width:400px){.cookie-dialog .cookie-actions{grid-template-columns:1fr}}