/* Compact agency identity and readable navigation at each existing breakpoint. */

.cm-header .cm-header__row{gap:24px}

.cm-header .cm-brand{flex:0 0 auto;min-width:0;max-width:340px;gap:14px}

.cm-header .cm-brand__logo{flex-shrink:0}

.cm-header .cm-brand__text{min-width:0}

html .cm-header .cm-brand__text strong{font-size:26px;font-weight:800;line-height:1.3;letter-spacing:0;white-space:normal;overflow-wrap:break-word}

html .cm-header .cm-brand__text small{font-size:12px;line-height:1.5;letter-spacing:0;margin-top:3px;white-space:normal}

html .cm-header .cm-nav__link{font-size:16px;font-weight:700;line-height:1.5;padding:12px 10px;gap:8px}

.cm-header .cm-nav__link>i{font-size:11px;flex-shrink:0}

.cm-header .cm-mega__section>h3{font-size:15px;font-weight:600;line-height:1.5}

.cm-header .cm-mega__sub{font-size:14px;font-weight:500;line-height:1.65;min-height:44px;box-sizing:border-box}

.cm-header .cm-catalog__title{font-size:15px;font-weight:600;line-height:1.5}

.cm-header .cm-catalog__title small{font-size:12px}

.cm-header .cm-catalog__links .cm-mega__sub{font-size:14px;font-weight:500;line-height:1.65;min-height:44px;box-sizing:border-box}

@media(min-width:1341px){

 .cm-header .cm-nav{gap:4px;justify-content:flex-end;min-width:0}

 html[lang="th"] .cm-header .cm-nav__link{white-space:nowrap}

 html:not([lang="th"]) .cm-header .cm-brand{max-width:260px}

 html:not([lang="th"]) .cm-header .cm-brand__text strong{font-size:22px}

 html:not([lang="th"]) .cm-header .cm-nav__link{font-size:16px;white-space:normal}

}

@media(max-width:1340px){

 .cm-header .cm-header__row{gap:16px}

 .cm-header .cm-brand{max-width:calc(100% - 62px)}

 html .cm-header .cm-nav__link{font-size:16px;padding:14px 10px;white-space:normal}

}

@media(max-width:767px){

 .cm-header .cm-header__row{min-height:78px;gap:12px;padding-block:10px}

 .cm-header .cm-brand{gap:10px;max-width:calc(100% - 58px)}

 html .cm-header .cm-brand__text strong{font-size:22px}

 html .cm-header .cm-brand__text small{font-size:11px;line-height:1.4}

 html:not([lang="th"]) .cm-header .cm-brand__text strong{font-size:18px}

 .cm-header .cm-catalog__title{font-size:15px}

}

@media(max-width:359px){html .cm-header .cm-brand__text strong{font-size:20px}html .cm-header .cm-brand__text small{font-size:10px}}



/* Short news/contact menus read left to right on desktop. */

@media(min-width:1341px){

 .cm-header .cm-mega--horizontal .cm-mega__grid--dynamic{grid-template-columns:repeat(var(--cm-menu-columns),minmax(0,1fr));gap:12px;padding:20px 24px;align-items:stretch}

 .cm-header .cm-mega--horizontal .cm-mega__sub{align-self:stretch;align-items:center;padding:12px 14px!important;border-radius:10px;min-height:48px;transition:background .18s,color .18s}

 .cm-header .cm-mega--horizontal .cm-mega__sub:is(:hover,:focus-visible){background:#edf4ff;outline:2px solid #0061fe;outline-offset:1px;transform:none}

}


/* The full Thai agency name stays readable beside the navigation. */
html[lang="th"] .cm-header .cm-brand__text strong{font-size:22px;line-height:1.35;text-wrap:balance}
@media(max-width:767px){html[lang="th"] .cm-header .cm-brand__text strong{font-size:18px;line-height:1.4}}
@media(max-width:359px){html[lang="th"] .cm-header .cm-brand__text strong{font-size:16px}}