/* English 03 language selector — selected design A. */
.ls-root,.ls-panel,.ls-panel *{box-sizing:border-box}
.ls-trigger{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 8px;margin:0;border:0;border-radius:4px;background:transparent;color:#4a4a4a;font:500 12px/1 Inter,Arial,sans-serif;cursor:pointer}
.ls-trigger>svg:first-child{width:17px;height:17px}.ls-trigger>svg:last-child{width:13px;height:13px;transition:transform .18s}
.ls-trigger[aria-expanded=true]{background:#fff;color:#d91c25}
.ls-trigger[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}
.ls-panel{position:fixed;z-index:1000;margin:0;padding:0;background:#fff;border:1px solid #e3e5e7;border-radius:12px;box-shadow:0 16px 50px #24282d24;color:#363b40;font:400 14px/1.45 Inter,Arial,sans-serif;text-align:left;overflow:auto;overscroll-behavior:contain}
.ls-panel[hidden]{display:none}.ls-panel svg{display:block;width:20px;height:20px;flex:none}
.ls-panel-head{display:flex;justify-content:space-between;gap:12px;padding:24px 24px 18px;align-items:flex-start}
.ls-panel-head h2{margin:0;font:650 21px/1.3 Inter,Arial,sans-serif;color:inherit;letter-spacing:-.5px;text-align:left}
.ls-kicker{margin:0 0 9px;color:#af1821;font:700 9px/1.5 Inter,Arial,sans-serif;letter-spacing:1.5px}
.ls-subtitle{margin:7px 0 0;font:400 12px/1.5 Inter,Arial,sans-serif;color:#7b7f84}
.ls-close{display:grid;place-items:center;flex:none;width:28px;height:28px;padding:4px;margin:-4px -6px 0 0;border:0;border-radius:50%;background:transparent;color:#727980;cursor:pointer}
.ls-close:hover{background:#f2f3f4;color:#e31b23}
.ls-options{display:grid;gap:0;padding:0 12px 12px;margin:0}
.ls-panel .ls-option{display:flex;align-items:center;gap:13px;min-width:0;position:relative;margin:0;padding:12px;text-decoration:none;border:1px solid transparent;border-radius:7px;background:#fff;color:#363b40;outline-offset:2px}
.ls-code{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border:1px solid #e4e6e8;border-radius:50%;background:#f7f8f9;color:#7a8085;font-size:10px;font-weight:650;letter-spacing:.25px}
.ls-name{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}
.ls-name strong{display:block;width:fit-content;color:inherit;font:600 14px/1.4 Inter,Arial,sans-serif;letter-spacing:0}
.ls-name strong[lang=ar]{font-family:Arial,sans-serif;font-size:18px;line-height:1.1}
.ls-name small{color:#92969a;font:400 10px/1.45 Inter,Arial,sans-serif}
.ls-mark{margin-left:auto;color:#a2a6aa;opacity:0}.ls-mark svg{width:17px;height:17px}
.ls-panel .ls-option:hover{background:#f5f6f7}.ls-option:hover .ls-mark{opacity:1}
.ls-panel .ls-selected{background:#fff6f6;color:#d91c25}.ls-selected .ls-mark{opacity:1;color:#d91c25}
.ls-selected .ls-code{border-color:#f2d1d3;background:#fff;color:#d91c25}.ls-selected small{color:#b66b70}
.ls-panel-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:12px 24px;border-top:1px solid #eceeef;background:#fafafa;color:#8c9297;font-size:10px}
.ls-panel-foot span{color:#5c6267}
.ls-panel a:focus-visible,.ls-panel button:focus-visible,.ls-trigger:focus-visible{outline:2px solid #e31b23;outline-offset:2px}
/* A / familiar compact list */
.ls-a{width:292px;border-top:3px solid #e31b23}
.ls-a .ls-panel-head{padding:20px 22px 14px}.ls-a .ls-panel-head h2{font-size:18px}.ls-a .ls-kicker,.ls-a .ls-subtitle{display:none}
.ls-a .ls-option{padding:9px 11px;min-height:49px}.ls-a .ls-options{gap:2px}
.ls-a .ls-selected{border-left:3px solid #e31b23;padding-left:9px}.ls-a .ls-panel-foot{padding:12px 22px}

.ls-panel{direction:ltr}.ls-trigger{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 8px;border:0;background:transparent;color:#4a4a4a;font:500 12px/1 Inter,Arial,sans-serif;cursor:pointer}.ls-trigger[aria-expanded=true]{background:#fff;color:#d91c25}
@media(max-width:680px){.ls-panel{max-width:calc(100vw - 30px);border-radius:10px}}