#services,.twinkle-tabs{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:8px;max-width:1164px;margin:0 auto;padding:10px 16px;background:#fffaf1;box-shadow:0 4px 16px #321f4910}
#services a,.twinkle-tabs a{flex:1;min-width:0;min-height:44px;border-radius:12px;padding:9px 10px;display:grid;place-content:center;text-align:center;text-decoration:none;font:800 16px Tajawal,Arial,sans-serif;line-height:1.3;outline:none;transition:flex .2s,box-shadow .2s}
#services a.play,.twinkle-tabs a.play{background:#592b91;color:white}#services a.food,.twinkle-tabs a.food{background:#ffd15a;color:#321f49}#services a.parties,.twinkle-tabs a.parties{background:#f4a9c5;color:#321f49}#services a.schools,.twinkle-tabs a.schools{background:#a8ddf3;color:#173d59}#services a.offers,.twinkle-tabs a.offers{background:#8ee0d0;color:#173e3a}
#services a[aria-current="page"],.twinkle-tabs a[aria-current="page"]{flex:1;min-height:44px;font-size:16px;outline:2px solid #592b91;outline-offset:2px;box-shadow:0 3px 10px #321f4915}
#services a:focus-visible,.twinkle-tabs a:focus-visible{outline:3px solid #19749e;outline-offset:3px}
.categories{top:var(--service-nav-height,76px)!important}
@media(max-width:650px){#services,.twinkle-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:9px 12px}#services a,.twinkle-tabs a{min-height:44px;padding:9px 8px;font-size:15px}#services a[aria-current="page"],.twinkle-tabs a[aria-current="page"]{min-height:44px;font-size:15px}}
@media(prefers-reduced-motion:reduce){#services a,.twinkle-tabs a{transition:none}}
#services a.gifts,.twinkle-tabs a.gifts{background:#ffd9a8;color:#613b16}#services a.gifts::before,.twinkle-tabs a.gifts::before{content:"🎁";font-size:17px;margin-bottom:2px}
#services a.food,.twinkle-tabs a.food{height:44px;min-height:44px;padding:4px 8px;font-size:15px;line-height:1.15}
#services a.food[aria-current="page"],.twinkle-tabs a.food[aria-current="page"]{height:44px;min-height:44px;padding:4px 8px;font-size:15px;line-height:1.15}
#services a.gifts,.twinkle-tabs a.gifts{display:flex;align-items:center;justify-content:center;gap:6px}
#services a.gifts::before,.twinkle-tabs a.gifts::before{margin:0}
@media(max-width:650px){#services a.food[aria-current="page"],.twinkle-tabs a.food[aria-current="page"]{height:44px;min-height:44px;font-size:15px;padding:4px 8px}}

/* Only the current section uses its section color. */
#services a:not([aria-current="page"]),.twinkle-tabs a:not([aria-current="page"]){background:#f4f2f5;color:#514b59;box-shadow:inset 0 0 0 1px #ded9e4}
#services a:not([aria-current="page"]):hover,.twinkle-tabs a:not([aria-current="page"]):hover{background:#eae6ee;color:#321f49}
#services a.gifts:not([aria-current="page"])::before,.twinkle-tabs a.gifts:not([aria-current="page"])::before{filter:grayscale(1)}

#services a,.twinkle-tabs a,#services a:not([aria-current="page"]),.twinkle-tabs a:not([aria-current="page"]){color:#592b91}#services a.play[aria-current="page"],.twinkle-tabs a.play[aria-current="page"]{color:#fff}

#services a[aria-current="page"],.twinkle-tabs a[aria-current="page"]{background:#592b91;color:#fff}
