.icosel{position:relative;width:100%}
.icosel-btn{display:flex !important;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;height:auto !important;min-height:38px;padding-top:7px !important;padding-bottom:7px !important}
.icosel-btn .icosel-txt{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.icosel-btn.is-placeholder .icosel-txt{opacity:.7}
.icosel-caret{flex:0 0 auto;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #6b7280;margin-left:4px}
.icosel-ico{width:24px;height:24px;flex:0 0 24px;object-fit:contain;border-radius:6px;display:inline-block}
.icosel-panel{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:1055;background:#fff;color:#1f2937;border:1px solid #d1d5db;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.18);overflow:hidden}
.icosel-search{width:100%;border:0;border-bottom:1px solid #e5e7eb;padding:10px 12px;outline:none;font-size:14px;background:#fff;color:inherit}
.icosel-list{list-style:none;margin:0;padding:4px;max-height:320px;overflow-y:auto}
.icosel-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:14px;line-height:1.35}
.icosel-item:hover{background:#eef4ff}
.icosel-item.is-selected{background:#1677ff;color:#fff}
.icosel-item.is-disabled{opacity:.5;cursor:not-allowed}
.icosel-label{flex:1 1 auto;min-width:0;word-break:break-word}
.icosel-group{padding:8px 10px 4px;font-size:12px;font-weight:700;text-transform:uppercase;color:#6b7280}
.icosel-empty{padding:12px;text-align:center;color:#6b7280}


/* ================= GLOW + SHINE EFFECT FOR PLATFORM ICONS ================= */
img[src*="/platform-icons/"]{
  --glow:#3b82f6;
  border-radius:24%;
  box-shadow:0 0 6px 0 var(--glow),0 0 12px 1px var(--glow);
  transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;
}
img[src*="/platform-icons/instagram.svg"]{--glow:#e1306c}
img[src*="/platform-icons/tiktok.svg"]{--glow:#25f4ee;box-shadow:-2px -1px 8px 0 #25f4ee,2px 1px 8px 0 #fe2c55}
img[src*="/platform-icons/youtube.svg"]{--glow:#ff0000}
img[src*="/platform-icons/facebook.svg"]{--glow:#1877f2}
img[src*="/platform-icons/twitter.svg"]{--glow:#94a3b8}
img[src*="/platform-icons/telegram.svg"]{--glow:#26a5e4}
img[src*="/platform-icons/whatsapp.svg"]{--glow:#25d366}
img[src*="/platform-icons/discord.svg"]{--glow:#5865f2}
img[src*="/platform-icons/reddit.svg"]{--glow:#ff4500}
img[src*="/platform-icons/snapchat.svg"]{--glow:#f5d800}
img[src*="/platform-icons/vk.svg"]{--glow:#0077ff}
img[src*="/platform-icons/spotify.svg"]{--glow:#1ed760}
img[src*="/platform-icons/linkedin.svg"]{--glow:#0a66c2}
img[src*="/platform-icons/pinterest.svg"]{--glow:#e60023}
img[src*="/platform-icons/netflix.svg"]{--glow:#e50914}
img[src*="/platform-icons/soundcloud.svg"]{--glow:#ff5500}
img[src*="/platform-icons/twitch.svg"]{--glow:#9146ff}
img[src*="/platform-icons/threads.svg"]{--glow:#94a3b8}
img[src*="/platform-icons/kick.svg"]{--glow:#53fc19}
img[src*="/platform-icons/star.svg"]{--glow:#f59e0b}
img[src*="/platform-icons/web.svg"]{--glow:#0ea5e9}
img[src*="/platform-icons/infinity.svg"]{--glow:#8b5cf6}
img[src*="/platform-icons/generic-social.svg"],img[src*="/platform-icons/sitemap.svg"]{--glow:#64748b}
img[src*="/platform-icons/phone.svg"]{--glow:#22c55e}
img[src*="/platform-icons/emojilove.svg"]{--glow:#ec4899}
img[src*="/platform-icons/game.svg"]{--glow:#6366f1}
img[src*="/platform-icons/gift.svg"],img[src*="/platform-icons/video.svg"]{--glow:#ef4444}
img[src*="/platform-icons/location.svg"],img[src*="/platform-icons/fire.svg"]{--glow:#f97316}
img[src*="/platform-icons/music.svg"]{--glow:#a855f7}
img[src*="/platform-icons/ott.svg"]{--glow:#0f766e}

/* pulsing glow only where there are few icons (top platforms + selected box) */
@keyframes icoGlowPulse{
  0%,100%{box-shadow:0 0 5px 0 var(--glow),0 0 10px 1px var(--glow)}
  50%{box-shadow:0 0 10px 2px var(--glow),0 0 20px 4px var(--glow)}
}
.caticimg,.icosel-btn .icosel-ico{animation:icoGlowPulse 2.6s ease-in-out infinite}
img[src*="/platform-icons/tiktok.svg"].caticimg,.icosel-btn img[src*="/platform-icons/tiktok.svg"]{animation:none}

/* hover: icon pops + brighter */
.servcat-card:hover .caticimg,.icosel-item:hover .icosel-ico,.title:hover>img[src*="/platform-icons/"]{
  transform:scale(1.18) rotate(-4deg);filter:brightness(1.12) saturate(1.15);
  box-shadow:0 0 12px 3px var(--glow),0 0 26px 6px var(--glow)
}

/* shine sweep (overlay gradient - does not clip the glow) */
.servcat-card{position:relative}
.servcat-card::after,.icosel-item::after,.icosel-btn::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;
  background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.75) 50%,transparent 65%);
  background-size:250% 100%;background-position:150% 0
}
.icosel-item{position:relative;border-radius:8px}
.servcat-card:hover::after,.icosel-item:hover::after{opacity:1;animation:icoShine .8s ease forwards}
@keyframes icoShine{from{background-position:150% 0}to{background-position:-50% 0}}

/* selected (closed) box: soft shine repeating */
.icosel-btn{position:relative}
.icosel-btn::after{opacity:1;animation:icoShineLoop 4.5s ease-in-out infinite}
@keyframes icoShineLoop{0%,55%{background-position:150% 0}100%{background-position:-50% 0}}

/* dropdown list: a bit of room so the glow is not cut at the edges */
.icosel-list{padding:8px 10px !important}
.icosel-item{padding:9px 12px !important}
.icosel-item .icosel-ico{box-shadow:0 0 5px 0 var(--glow)}
.icosel-item:hover .icosel-ico{box-shadow:0 0 10px 2px var(--glow),0 0 18px 4px var(--glow)}
.icosel-item.is-selected .icosel-ico{box-shadow:0 0 0 2px #fff,0 0 10px 2px var(--glow)}

@media (prefers-reduced-motion:reduce){
  .caticimg,.icosel-btn .icosel-ico,.icosel-btn::after{animation:none !important}
  .servcat-card:hover::after,.icosel-item:hover::after{animation:none !important}
}