/* Regional selector stays isolated from page and product-design styles. */
.dialect-trigger{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d6e0e6;border-radius:999px;background:#fff;color:#27334c;padding:8px 13px;min-height:42px;font:500 13px/1.4 var(--khelang-font-ui);white-space:nowrap;cursor:pointer}.dialect-trigger:hover{border-color:#2384a2;background:#f1fafc}.dialect-trigger svg{width:21px;height:21px;flex-shrink:0}.dialect-trigger[hidden]{display:none}.dialect-dialog{padding:0;border:0;border-radius:24px;width:min(940px,calc(100% - 32px));max-width:940px;max-height:calc(100dvh - 32px);overflow:auto;color:#172239;background:#f7fbfe;box-shadow:0 28px 100px #07162755}.dialect-dialog::backdrop{background:#101726a6;backdrop-filter:blur(4px)}.dialect-shell{position:relative;padding:28px 24px 20px;isolation:isolate;background:radial-gradient(ellipse at 50% 52%,#d2f0ff88,transparent 68%),linear-gradient(#fff,#edf8fd 65%,#fff)}.dialect-close{position:absolute;right:15px;top:15px;z-index:3;display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:#e9edf1;color:#263144;font-size:28px!important;line-height:1!important;cursor:pointer}.dialect-heading{text-align:center;position:relative;z-index:1;padding:0 30px}.dialect-heading .dialect-eyebrow{font-size:10px;letter-spacing:.18em;color:#7a8c9a;margin:0 0 8px}.dialect-heading #dialect-title{font-size:clamp(24px,3vw,36px);font-weight:600;line-height:1.45;margin:0}.dialect-spectrum{display:block;width:78px;height:4px;border-radius:5px;margin:12px auto;background:linear-gradient(90deg,#419852 25%,#ec7591 25% 50%,#f5b92b 50% 75%,#2286c5 75%)}.dialect-heading #dialect-description{font-size:14px;line-height:1.7;color:#687383;margin:0}.dialect-scene{position:relative;height:555px;margin-top:5px}.dialect-map{position:absolute;width:370px;left:50%;top:0;transform:translateX(-50%);height:100%}.dialect-map>img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;pointer-events:none}.dialect-map-point{position:absolute;display:flex;align-items:center;gap:6px;flex-direction:column;border:0;background:transparent;cursor:pointer;color:#fff;font:600 17px/1.5 var(--khelang-font-ui);text-shadow:0 1px 5px #16372bbb;z-index:2;padding:8px;border-radius:14px}.dialect-map-point:hover,.dialect-map-point[aria-pressed=true]{background:#ffffff38;box-shadow:0 0 0 2px #fff9}.dialect-point-north{left:18%;top:18%}.dialect-point-isan{left:57%;top:32%}.dialect-point-central{left:27%;top:44%;color:#5d3d0d;text-shadow:0 1px 3px #fff}.dialect-point-south{left:37%;top:77%}.dialect-map-dot{width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #fff3}.dialect-card{--region:#388a4b;--tint:#edf7ec;position:absolute;z-index:2;width:220px;padding:20px 17px 15px;text-align:center;border:1px solid color-mix(in srgb,var(--region) 45%,white);border-radius:21px;background:linear-gradient(140deg,#fff,var(--tint));box-shadow:0 9px 24px #264a6220;color:var(--region)}.dialect-card-north{left:0;top:40px}.dialect-card-isan{--region:#ce4160;--tint:#ffe9ee;right:0;top:66px}.dialect-card-central{--region:#a56a0c;--tint:#fff5d8;left:14px;bottom:45px}.dialect-card-south{--region:#1265a8;--tint:#e4f7ff;right:8px;bottom:14px}.dialect-card .dialect-card-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--tint);margin:0 auto 5px;font-size:27px;line-height:1}.dialect-card h3{font-size:25px!important;line-height:1.4!important;font-weight:600;margin:0}.dialect-card small{font-size:13px!important}.dialect-card p{font-size:15px;line-height:1.6;color:#36414a;margin:10px 0 13px}.dialect-card button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:0;border-radius:999px;padding:10px 8px;background:var(--region);color:white;font:500 14px/1.5 var(--khelang-font-ui);cursor:pointer}.dialect-card button:hover{filter:brightness(1.08)}.dialect-card button[aria-pressed=true]{outline:3px solid color-mix(in srgb,var(--region) 25%,transparent);outline-offset:3px}.dialect-check{display:none}.dialect-card button[aria-pressed=true] .dialect-check{display:inline}.dialect-note{text-align:center;font-size:12px;color:#6c7c8a;margin:13px auto 0;line-height:1.7}.dialect-note>span{margin-right:5px}.dialect-note small{display:block;font-size:11px!important;color:#8794a0}.dialect-dialog :focus-visible,.dialect-trigger:focus-visible{outline:3px solid #1369a8;outline-offset:4px}html.dialect-modal-open{overflow:hidden}
@media(max-width:767px){.front-body .front-header .header-account{flex-wrap:wrap}.dialect-trigger{padding:6px 9px;min-height:36px;font-size:12px}.dialect-trigger-label{max-width:98px;overflow:hidden;text-overflow:ellipsis}.dialect-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:20px}.dialect-shell{padding:25px 14px 18px}.dialect-heading{padding:12px 17px 0}.dialect-heading #dialect-title{font-size:25px}.dialect-heading .dialect-eyebrow{font-size:8px;letter-spacing:.12em}.dialect-heading #dialect-description{font-size:13px}.dialect-close{width:32px;height:32px;right:10px;top:10px}.dialect-scene{display:grid;grid-template-columns:1fr 1fr;gap:10px;height:auto;margin-top:12px}.dialect-map{position:relative;grid-column:1/-1;left:auto;top:auto;transform:none;width:min(280px,100%);height:365px;margin:0 auto -5px}.dialect-card{position:relative;inset:auto;width:auto;padding:13px 8px 12px;border-radius:16px}.dialect-card .dialect-card-symbol{display:none}.dialect-card h3{font-size:21px!important}.dialect-card p{font-size:13px;margin:8px 0 10px}.dialect-card button{font-size:12px;padding:10px 4px}.dialect-card-central{grid-row:3;grid-column:1}.dialect-card-south{grid-row:3;grid-column:2}.dialect-note{font-size:11px}.dialect-map-point{font-size:15px!important}.dialect-trigger-caret{display:none}}
@media(prefers-reduced-motion:no-preference){.dialect-dialog[open]{animation:dialect-enter .2s ease-out}@keyframes dialect-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
.dialect-card-label-short{display:none}
@media(max-width:767px){.dialect-map{height:290px;width:220px}.dialect-card-label{display:none}.dialect-card-label-short{display:inline}.dialect-card button{min-height:39px;font-size:11px!important;white-space:nowrap;gap:4px}.dialect-card p{font-size:12px;min-height:39px}.dialect-card h3{font-size:20px!important}.dialect-card small{font-size:12px!important}.dialect-heading #dialect-title{font-size:23px}.dialect-card{padding:11px 7px}.dialect-scene{gap:9px}}
@media(min-width:768px){.dialect-scene{height:clamp(390px,60vh,520px)}.dialect-map{width:350px}.dialect-card{width:218px;padding:14px 15px}.dialect-card .dialect-card-symbol{display:none}.dialect-card h3{font-size:24px!important}.dialect-card p{font-size:14px;margin:8px 0 12px}.dialect-card-north{top:25px}.dialect-card-isan{top:45px}.dialect-card-central{bottom:20px}.dialect-card-south{bottom:0}.dialect-shell{padding-top:23px}.dialect-map>img{mask-image:linear-gradient(to right,transparent,#000 7% 93%,transparent)}}
@media(min-width:768px){.dialect-card-north,.dialect-card-isan{top:0}.dialect-card-central,.dialect-card-south{bottom:0}}
/* Longer regional navigation and signed-in account actions need independent rows. */
@media(min-width:1200px) and (max-width:1599px){
 .front-body .front-header.front-header-audit{grid-template-columns:minmax(180px,1fr) auto;row-gap:0}
 .front-body .front-header .header-account{grid-column:2;grid-row:1;min-width:0;flex-wrap:wrap}
 .front-body .front-header .header-secondary{grid-column:1/-1;grid-row:2;min-width:0;justify-self:stretch}
 .front-body .front-header-audit .audit-nav{min-height:52px!important;flex-wrap:wrap;justify-content:center!important}
}
@media(max-width:767px){
 .front-body .front-header.front-header-audit .front-nav-wrap{grid-template-columns:minmax(0,1fr) auto;gap:10px!important}
 .front-body .front-header.front-header-audit .front-brand{grid-column:1/-1;grid-row:1;justify-self:start}
 .front-body .front-header.front-header-audit .header-account{grid-column:1/-1;grid-row:2;width:100%;justify-content:flex-end;flex-wrap:wrap;gap:9px!important}
 .front-body .front-header.front-header-audit .front-menu-button{grid-column:1/-1!important;grid-row:3!important}
}