/* =========================================================
   INSTAGRAM CTA — Salon Sophie
   Carte professionnelle invitant à suivre le compte Instagram,
   placée juste sous la grille de résultats (galerie).
   ========================================================= */

.ig-cta{
  display:flex;
  align-items:center;
  gap:26px;
  flex-wrap:wrap;
  padding:34px 36px;
  border-radius:var(--radius-lg);
  background:linear-gradient(135deg, var(--cream) 0%, var(--white) 100%);
  border:1px solid var(--line);
  box-shadow:var(--shadow-sm);
  position:relative;
  overflow:hidden;
}
.ig-cta::before{
  content:'';
  position:absolute;
  top:-40%; right:-10%;
  width:280px; height:280px;
  background:conic-gradient(from 220deg, #feda75, #fa7e1e, #d62976, #962fbf, #4f5bd5, #feda75);
  filter:blur(60px);
  opacity:.22;
  border-radius:50%;
  pointer-events:none;
}
.ig-cta-icon{
  flex:none;
  width:60px; height:60px;
  border-radius:18px;
  display:flex; align-items:center; justify-content:center;
  color:#fff;
  background:linear-gradient(135deg, #feda75 0%, #fa7e1e 30%, #d62976 60%, #962fbf 85%, #4f5bd5 100%);
  box-shadow:0 10px 24px -10px rgba(214,41,118,.55);
}
.ig-cta-icon svg{ width:28px; height:28px; }
.ig-cta-text{ flex:1 1 260px; min-width:0; position:relative; }
.ig-cta-text .eyebrow{ color:#d62976; font-weight:700; letter-spacing:.1em; font-size:.72rem; text-transform:uppercase; }
.ig-cta-text h3{ font-family:var(--serif); font-size:1.32rem; margin:6px 0 6px; color:var(--ink); line-height:1.25; }
.ig-cta-text p{ color:var(--ink-soft); font-size:.92rem; margin:0; max-width:46ch; }
.ig-cta-btn{
  flex:none;
  position:relative;
  display:inline-flex; align-items:center; gap:10px;
  padding:14px 24px;
  border-radius:100px;
  color:#fff;
  font-size:.92rem; font-weight:600;
  background:linear-gradient(135deg, #feda75 0%, #fa7e1e 30%, #d62976 60%, #962fbf 85%, #4f5bd5 100%);
  box-shadow:0 12px 28px -12px rgba(214,41,118,.55);
  transition:transform .2s ease, box-shadow .2s ease;
  white-space:nowrap;
}
.ig-cta-btn:hover{ transform:translateY(-2px); box-shadow:0 16px 32px -12px rgba(214,41,118,.65); }
.ig-cta-btn svg{ width:16px; height:16px; transition:transform .2s ease; }
.ig-cta-btn:hover svg{ transform:translateX(3px); }

@media (max-width:640px){
  .ig-cta{ flex-direction:column; text-align:center; padding:28px 22px; }
  .ig-cta-btn{ width:100%; justify-content:center; }
}