/* Mobile/tablet sentuh: pakai <select> bawaan; pembungkus tidak memengaruhi layout, tombol kustom disembunyikan */
.kito-browser-select{display:contents}
.kito-browser-trigger{display:none}
/* Desktop only: portal list is positioned against viewport, not clipped by header */
@media (min-width:769px) and (hover:hover) and (pointer:fine){
.kito-browser-select{display:block;position:relative;min-width:0;width:100%}
.kito-browser-select select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.kito-browser-trigger{display:block;width:100%;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid rgba(255,255,255,.4);border-radius:12px;padding:11px 34px 11px 12px;background:#fff;color:#002060;font:inherit;font-size:14px;font-weight:600;cursor:pointer;position:relative}
.kito-browser-trigger:after{content:'⌄';position:absolute;right:12px;top:50%;transform:translateY(-55%);font-size:18px}
.kito-browser-trigger:focus-visible{outline:3px solid rgba(255,255,255,.7)}
.fl .kito-browser-select:nth-child(2){grid-column:1/3;order:3}
}
.kito-browser-popup{position:fixed!important;z-index:2147483647!important;overflow-y:auto;overscroll-behavior:contain;background:#fff;color:#002060;border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 12px 36px rgba(0,0,0,.25);padding:4px;box-sizing:border-box}
.kito-browser-option{display:block;width:100%;text-align:left;border:0;background:transparent;color:#002060;border-radius:6px;padding:9px 11px;font:inherit;font-size:13px;cursor:pointer;white-space:normal}
.kito-browser-option:hover,.kito-browser-option:focus{background:#e8efff;outline:none}
.kito-browser-option[aria-selected=true]{background:#dce8ff;font-weight:700}

/* Browser desktop: kolom konsisten, tanpa overflow dari teks opsi panjang. */
@media (min-width:769px) and (hover:hover) and (pointer:fine){
  header .fl{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;width:100%;min-width:0;}
  header .fl>.kito-browser-select{min-width:0!important;max-width:100%;box-sizing:border-box;}
  header .fl>.kito-browser-select:nth-child(2){grid-column:1 / -1!important;order:3;}
  header .fl>.kito-browser-select:nth-child(1){grid-column:1;order:1;}
  header .fl>.kito-browser-select:nth-child(3){grid-column:2;order:2;}
  header .kito-browser-trigger{box-sizing:border-box;max-width:100%;}
}
.kito-browser-popup{overflow-y:scroll!important;overflow-x:hidden!important;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#94a3b8 #f1f5f9;}
.kito-browser-popup::-webkit-scrollbar{width:9px;}
.kito-browser-popup::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:10px;border:2px solid #f1f5f9;}