.signs-only-header{position:sticky;top:0;z-index:60;background:linear-gradient(145deg,#fffffff5,#d9edfff0);backdrop-filter:blur(16px);border-bottom:1px solid #9cc5e5}.signs-top{display:flex;align-items:center;gap:24px;min-height:92px;position:relative}.signs-brand{margin-inline-end:auto}.signs-brand img{display:block;width:235px;height:auto;max-height:68px;object-fit:contain}.signs-controls{display:flex;align-items:center;gap:16px}.signs-quote{display:flex;align-items:center;justify-content:center;background:#08ad5b;color:white;font-weight:800;font-size:1.3rem;line-height:1.4;padding:10px 20px;min-height:50px;border-radius:9px;text-align:center}.signs-quote:hover{background:#078c49}.signs-menu{position:relative;flex-shrink:0}.signs-menu summary{display:flex;align-items:center;gap:16px;padding:10px 16px;min-height:50px;border:1px solid #8db9dc;border-radius:10px;color:#143b70;font-weight:800;font-size:1rem;cursor:pointer;list-style:none}.signs-menu summary::-webkit-details-marker{display:none}.signs-menu summary span{font-size:1.8rem}.signs-menu:not([open]) nav{display:none}.signs-menu nav{display:grid;position:absolute;inset-inline-end:0;top:calc(100% + 10px);width:min(360px,calc(100vw - 40px));max-height:65dvh;overflow:auto;background:linear-gradient(145deg,#ecf8fff5,#aed6f6f5);border:1px solid #8db9dc;border-radius:12px;padding:8px;box-shadow:0 18px 36px #0c356b33}.signs-menu nav a{display:block;padding:12px 16px;font-size:1rem;line-height:1.6;color:#102f5b;border-radius:7px}.signs-menu nav a:hover,.signs-menu nav a[aria-current=page]{background:#ffffffaa}.signs-menu nav a+a{border-top:1px solid #ffffff70}.signs-only-header a:focus-visible,.signs-menu summary:focus-visible{outline:3px solid #1458d6;outline-offset:3px}@media(max-width:760px){.signs-top{display:grid;grid-template-columns:1fr 80px;gap:10px;padding-block:10px}.signs-brand{grid-column:1;grid-row:1;margin:0}.signs-brand img{width:min(100%,300px);max-height:65px;margin:auto}.signs-menu{grid-column:2;grid-row:1;justify-self:end}.signs-menu summary{font-size:0;gap:0;padding:7px 14px}.signs-menu summary span{font-size:2.6rem}.signs-controls{grid-column:1/-1;grid-row:2;gap:16px}.signs-controls .signs-quote{flex:1;font-size:clamp(1.05rem,4.9vw,1.5rem);padding:8px 10px}.signs-controls .language-switch{min-height:48px}.signs-menu nav{top:calc(100% + 72px)}html[lang=en] .signs-quote{font-size:1.1rem}}
/* Large, high-contrast signage menu. */
.signs-menu summary{background:#1256b0;color:#fff;border-color:#3179ce;min-width:170px;justify-content:space-between;font-size:1.25rem;font-weight:800;padding:12px 20px}.signs-menu summary span{font-size:2.2rem}.signs-menu nav{width:min(520px,calc(100vw - 40px));background:#104a9b;border:2px solid #438be1;padding:10px 16px 10px 10px;max-height:min(65dvh,650px);scrollbar-width:auto;scrollbar-color:#d4eaff #07316d;scrollbar-gutter:stable;overscroll-behavior:contain}.signs-menu nav a{color:#fff;font-size:1.4rem;font-weight:800;line-height:1.65;min-height:72px;padding:15px 18px;border-radius:8px;display:flex;align-items:center;white-space:normal}.signs-menu nav a+a{border-top:1px solid #ffffff45}.signs-menu nav a:hover,.signs-menu nav a[aria-current=page]{background:#2877d3;color:#fff}.signs-menu nav::-webkit-scrollbar{width:16px}.signs-menu nav::-webkit-scrollbar-track{background:#07316d;border-radius:12px}.signs-menu nav::-webkit-scrollbar-thumb{background:#d4eaff;border:3px solid #07316d;border-radius:12px}.signs-menu nav:before{content:'مرّر لعرض جميع الأقسام';display:block;color:#d9eeff;font-size:1rem;font-weight:700;padding:8px 18px 14px;border-bottom:1px solid #ffffff45}html[lang=en] .signs-menu nav:before{content:'Scroll to view all categories'}@media(max-width:760px){.signs-top{grid-template-columns:1fr 88px}.signs-menu summary{min-width:80px;min-height:66px;font-size:0;padding:8px 16px;justify-content:center}.signs-menu summary span{font-size:2.8rem}.signs-menu nav{width:calc(100vw - 40px);max-height:56dvh}.signs-menu nav a{font-size:1.35rem;min-height:76px;padding:16px 14px}}

.signs-menu-panel{display:contents}.signs-scroll-rail{display:none}
@media(max-width:760px){
.signs-menu:not([open]) .signs-menu-panel{display:none}
.signs-menu-panel{display:block;position:absolute;inset-inline-end:0;top:calc(100% + 72px);width:calc(100vw - 40px);border:2px solid #5da9fa;border-radius:15px;background:#164e9f;box-shadow:0 12px 26px #062a6540}
.signs-menu .signs-menu-panel nav{position:relative;inset:auto;top:auto;width:100%;max-height:56dvh;border:0;border-radius:13px;padding-left:42px;scrollbar-width:none;scrollbar-gutter:auto;box-shadow:none;background:#164e9f}
.signs-menu-panel nav::-webkit-scrollbar{display:none}
.signs-scroll-rail{display:block;position:absolute;left:-2px;top:-2px;bottom:-2px;width:34px;border-radius:18px;border:1px solid #49a6ff;background:linear-gradient(90deg,#00143c 0%,#003679 25%,#0864b6 52%,#00377e 80%,#001944 100%);box-shadow:inset 0 0 9px #000a,0 0 0 1px #66baff55;touch-action:none;z-index:2}
.signs-scroll-thumb{position:absolute;left:7px;width:20px;min-height:60px;border-radius:15px;background:linear-gradient(90deg,#b9c4cd,#fff 42%,#f9fcff 64%,#a9b7c4);border:1px solid #ffffffb0;box-shadow:inset 0 0 5px #607b9190,0 0 9px #dbf2ffaa;touch-action:none;cursor:grab}
.signs-scroll-thumb:active{cursor:grabbing}
}