/* ===== Shell Yeah CTA Button ===== */

.sy-availability-btn {
  display: inline-block;
  background: linear-gradient(135deg, #66D0CF, #3BB7B4);
  color: #ffffff !important;
  padding: 14px 28px;
  border-radius: 30px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: none !important;
  transition: all 0.3s ease;
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
}

/* Hover effect */
.sy-availability-btn:hover {
  background: linear-gradient(135deg, #FF7F6B, #FF5A45);
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(0,0,0,0.25);
}

/* Click effect */
.sy-availability-btn:active {
  transform: translateY(0px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
/* Shell Yeah popup button fix (not full-width) */
.sy-popup-btn,
.sy-popup-btn a,
.sy-popup-btn button {
  display: inline-block !important;
  width: auto !important;
  max-width: 320px !important;
  padding: 12px 18px !important;
  border-radius: 30px !important;
  white-space: nowrap !important;
}

.sy-popup-btn { background: transparent !important; }

/* Fix Gender Reveal button alignment */
.sy-gr-btn.vc_btn3-container {
  margin-left: 0 !important;
  text-align: left !important;
}
/* Remove column padding causing indent */
.sy-gr-col {
  padding-left: 0 !important;
}
/* --- Trust badge --- */.sy-trust-badge { display: inline-block; background: rgba(102,208,207,0.12); padding: 8px 18px; border-radius: 50px; border: 1px solid rgba(102,208,207,0.35); font-size: 14px; font-weight: 600; letter-spacing: .3px; color: #4aa9a8; margin-bottom: 14px;}
/* --- Lockline --- */.sy-lockline { text-align: center; margin: 10px 0 8px; font-size: 18px;}
.sy-lockline strong { display: block; font-size: 20px; color: #1e1e1e; margin: 0 0 4px;}
.sy-lockline span { font-size: 14px; color: #666;}
}