.fcv-social-share {
  --fcv-ink: #17342c;
  --fcv-olive: #6f7f42;
  --fcv-cream: #f7f4ea;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  max-width: 980px;
  margin: 52px auto 24px;
  padding: clamp(28px, 4vw, 46px);
  border: 1px solid rgba(69, 87, 56, .16);
  border-radius: 24px;
  background: linear-gradient(135deg, var(--fcv-cream) 0%, #fff 70%);
  box-shadow: 0 18px 45px rgba(23, 52, 44, .10);
  color: var(--fcv-ink);
  font-family: inherit;
}
.fcv-social-share::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 7px;
  background: linear-gradient(180deg, #748b47, #c9a44b);
}
.fcv-share-heading { margin: 0 0 24px; }
.fcv-share-kicker {
  display: block;
  margin-bottom: 8px;
  color: var(--fcv-olive);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
}
.fcv-share-heading h2 {
  margin: 0 0 6px;
  color: var(--fcv-ink);
  font-size: clamp(27px, 4vw, 40px);
  line-height: 1.08;
}
.fcv-share-heading p,
.fcv-share-note { margin: 0; color: #607068; }
.fcv-share-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.fcv-share-btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  gap: 9px;
  padding: 12px 15px;
  border: 0;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(23, 52, 44, .08);
  color: #26372f;
  cursor: pointer;
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;
  transition: transform .18s ease, box-shadow .18s ease, color .18s ease, background .18s ease;
}
.fcv-share-btn:hover,
.fcv-share-btn:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(23, 52, 44, .16);
  color: #fff;
  outline: none;
}
.fcv-share-icon { display: inline-flex; width: 20px; height: 20px; }
.fcv-share-icon svg { width: 100%; height: 100%; fill: currentColor; }
.fcv-share-facebook:hover, .fcv-share-facebook:focus-visible { background: #1877f2; }
.fcv-share-whatsapp:hover, .fcv-share-whatsapp:focus-visible { background: #1f9f54; }
.fcv-share-x:hover, .fcv-share-x:focus-visible { background: #111; }
.fcv-share-linkedin:hover, .fcv-share-linkedin:focus-visible { background: #0a66c2; }
.fcv-share-email:hover, .fcv-share-email:focus-visible,
.fcv-share-copy:hover, .fcv-share-copy:focus-visible { background: var(--fcv-olive); }
.fcv-share-instagram { color: #ad285e; }
.fcv-share-instagram:hover, .fcv-share-instagram:focus-visible {
  background: linear-gradient(135deg, #833ab4, #fd1d1d 55%, #fcb045);
}
.fcv-share-note { margin-top: 17px; font-size: 12px; line-height: 1.55; }
.fcv-share-toast {
  position: absolute;
  right: 24px;
  bottom: 18px;
  padding: 9px 13px;
  border-radius: 9px;
  background: var(--fcv-ink);
  color: #fff;
  font-size: 12px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px);
  transition: opacity .2s ease, transform .2s ease;
}
.fcv-share-toast.is-visible { opacity: 1; transform: translateY(0); }
@media (max-width: 760px) {
  .fcv-social-share { margin: 38px 14px 20px; padding: 28px 22px; border-radius: 20px; }
  .fcv-share-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fcv-share-toast { right: 16px; bottom: 12px; left: 16px; text-align: center; }
}
@media (max-width: 390px) {
  .fcv-share-actions { grid-template-columns: 1fr; }
}