/* "Follow us on Instagram" card for search / AI visitors (assets/js/parts/igfollow.js · 2026-11-07) */
.igf{position:fixed;z-index:1180;right:20px;bottom:20px;width:min(360px,calc(100vw - 24px));display:flex;gap:12px;align-items:flex-start;padding:14px 14px 14px 14px;background:#fff;color:var(--ink);
  border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 50px -16px rgba(20,40,25,.42),0 2px 8px rgba(20,40,25,.08);opacity:0;transform:translateY(16px);transition:opacity .25s,transform .25s cubic-bezier(.2,.8,.2,1)}
.igf.igf-in{opacity:1;transform:none}
.igf-ico{flex:0 0 44px;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#fff;font-size:23px;background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%)}
.igf-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;padding-right:18px}
.igf-txt b{font:700 15.5px/1.25 var(--ui)}
.igf-txt span{font-size:13.5px;line-height:1.4;color:var(--ink-2)}
.igf-act{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}
.igf-go{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 15px;border-radius:999px;color:#fff!important;font-weight:700;font-size:14px;text-decoration:none;background:linear-gradient(90deg,#d6249f,#fd5949 60%,#f9a33a)}
.igf-go:hover{filter:brightness(1.07)}
.igf-later{border:0;background:none;color:var(--muted);font:600 13.5px var(--ui);cursor:pointer;padding:6px 4px}
.igf-x{position:absolute;top:6px;right:8px;width:30px;height:30px;border:0;border-radius:50%;background:none;color:var(--muted);font-size:20px;line-height:1;cursor:pointer}
.igf-x:hover{background:var(--paper-2);color:var(--ink)}
.igf-short{display:none}
/* Phones: one slim line (~60 px) — clearly a "small banner", never a pop-up */
@media (max-width:1020px){
  .igf{left:10px;right:10px;width:auto;bottom:calc(var(--tbh,62px) + 10px);align-items:center;gap:10px;padding:8px 6px 8px 8px;border-radius:16px}
  .igf-ico{flex-basis:38px;width:38px;height:38px;border-radius:11px;font-size:20px}
  .igf-txt{flex-direction:row;align-items:center;gap:8px;padding-right:0}
  .igf-txt b{flex:1;min-width:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .igf-txt>span,.igf-later{display:none}
  .igf-act{margin:0;flex:none}
  .igf-go{min-height:34px;padding:0 13px;font-size:13.5px}
  .igf-long{display:none}.igf-short{display:inline}
  .igf-x{position:static;flex:none;width:32px;height:32px;order:3}
}
@media (prefers-reduced-motion:reduce){ .igf{transition:none} }
