/* FarsKids: quick links under the page content (SEO nav) — compact card with soft chips. */
html body nav.fk-seo-links{direction:rtl;max-width:1100px;margin:0 auto;padding:18px 16px 90px;box-sizing:border-box}
html body nav.fk-seo-links *{box-sizing:border-box}
html body nav.fk-seo-links .fk-seo-links-card{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:8px;width:fit-content;max-width:100%;margin:0 auto;padding:12px;border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.07);box-shadow:0 12px 30px -22px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.04)}
html body nav.fk-seo-links a{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 13px;border-radius:999px;font-size:11.5px;line-height:1.6;font-weight:400;color:#b4aec2!important;text-decoration:none!important;text-align:center;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);transition:color .2s,background .2s,border-color .2s,transform .25s cubic-bezier(.22,1.3,.36,1)}
html body nav.fk-seo-links a::before{content:"";flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:linear-gradient(135deg,#a855f7,#c026d3);opacity:.75;transition:opacity .2s,transform .25s}
html body nav.fk-seo-links a:hover,html body nav.fk-seo-links a:focus-visible{color:#fff!important;background:rgba(168,85,247,.14);border-color:rgba(192,132,252,.45);transform:translateY(-1px);outline:0}
html body nav.fk-seo-links a:hover::before{opacity:1;transform:scale(1.35)}
html body nav.fk-seo-links a:active{transform:scale(.97)}

/* Not fixed: the links are a normal block at the end of the page and scroll with it.
   They sit below the player (z-index) and are hidden behind it while the player is active, on every screen size. */
html body nav.fk-seo-links{position:relative;z-index:1}
html body nav.fk-seo-links .fk-seo-links-card{transition:opacity .3s ease,transform .4s cubic-bezier(.22,.8,.22,1),visibility 0s}
html body.fk-player-visible nav.fk-seo-links .fk-seo-links-card,
html body:has(#farskids-fixed-menu .fk-player-shell.is-visible) nav.fk-seo-links .fk-seo-links-card{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px);transition:opacity .3s ease,transform .4s ease,visibility 0s .4s}
/* desktop: slim single row when it fits */
@media(min-width:1024px){
  html body nav.fk-seo-links{padding:22px 16px 28px}
  html body nav.fk-seo-links .fk-seo-links-card{gap:6px;padding:6px;border-radius:16px}
  html body nav.fk-seo-links a{padding:5px 11px;font-size:11px}
}
/* phones: tidy two-column grid */
@media(max-width:640px){
  html body nav.fk-seo-links{padding:14px 12px 96px}
  html body nav.fk-seo-links .fk-seo-links-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:6px;padding:8px;border-radius:18px}
  html body nav.fk-seo-links a{padding:8px 9px;border-radius:13px;font-size:11px;min-height:38px;line-height:1.55}
  html body nav.fk-seo-links a::before{display:none}
}
@media(prefers-reduced-motion:reduce){html body nav.fk-seo-links a{transition:none}}