/* ═══════════════════════════════════════
    EXTERNAL LINKS SLIDER (shared)
═══════════════════════════════════════ */
.ext-slider{display:none}
/* Mobile-only pages: always visible */
.ext-slider.always-visible{display:block}
/* Other pages: visible only on mobile */
@media(max-width:768px){
  .ext-slider{display:block}
}

/* ── Slider styles (all screens) ── */
.ext-slider{
  position:fixed;bottom:0;left:0;right:0;z-index:100;
  padding:6px 0 calc(10px + env(safe-area-inset-bottom,0px));
  background:linear-gradient(to top,rgba(6,8,15,.98) 55%,rgba(6,8,15,.3) 100%);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-top:1px solid var(--border, rgba(255,255,255,.1));
  transform:translateY(110%);transition:transform .55s cubic-bezier(.32,0,.15,1.1);
}
.ext-slider.show{transform:translateY(0)}
.ext-slider .slider-viewport{overflow:hidden;padding:2px 0 3px;cursor:grab;user-select:none}
.ext-slider .slider-viewport:active{cursor:grabbing}
.ext-slider .slider-track{display:flex;gap:8px;padding:0 20px;will-change:transform}
.ext-slider .ext-card{flex-shrink:0;display:flex;align-items:center;gap:9px;background:var(--background-third-color, rgba(255,255,255,.08));border:1px solid var(--border, rgba(255,255,255,.12));border-radius:12px;padding:9px 14px;text-decoration:none;min-width:145px;transition:border-color .2s,transform .15s,box-shadow .2s;position:relative;overflow:hidden}
.ext-slider .ext-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--ec-bg,rgba(255,255,255,.03)),transparent)}
.ext-slider .ext-card:hover{border-color:var(--ec,rgba(255,255,255,.2));box-shadow:0 4px 20px rgba(0,0,0,.4)}
.ext-slider .ext-card:active{transform:scale(.95)}
.ext-slider .ext-card-icon{width:32px;height:32px;border-radius:8px;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--ec-bg,rgba(255,255,255,.08))}
.ext-slider .ext-card-icon img{width:100%;height:100%;object-fit:cover;border-radius:8px}
.ext-slider .ext-card-icon svg{width:16px;height:16px;fill:none;stroke:var(--ec,#fff);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ext-slider .ext-info{min-width:0}
.ext-slider .ext-name{font-family:var(--font-family);/*font-size:var(--secondary-font-size, 13px);*/color:var(--primary-color, #fff);font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.ext-slider .ext-sub{font-size:var(--secondary-font-size, 10px);color:var(--fifth-color, rgba(255,255,255,.5));white-space:nowrap;margin-top:1px}