/* ==================== BOLD TEXT — COLLAPSE EXTRA WHITESPACE ==================== */
/* Removed: negative margins were collapsing spaces around bold text */

/* ==================== DIFF ARROW — PREVENT CLIPPING ==================== */
.diff-col-center,
.diff-col-results {
  overflow: visible !important;
}

/* ==================== FLOAT CARDS — FORCE ANIMATIONS ==================== */
.hero-float-1 {
  animation: floatUp 6s ease-in-out infinite !important;
}
.hero-float-2 {
  animation: floatDown 7s ease-in-out infinite !important;
}
.hero-float-3 {
  animation: floatLeft 8s ease-in-out infinite !important;
}
#heroVideoWrapper.video-playing .float-card {
  animation: none !important;
}

/* ==================== FLOAT CARD VALUES — GREEN ==================== */
.float-card-value {
  color: #059669 !important;
}

/* ==================== PRICING DAILY — GREEN ANIMATED ==================== */
.pricing-daily {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #059669 !important;
  margin-bottom: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  animation: dailyGreenPulse 2.5s ease-in-out infinite !important;
}
@keyframes dailyGreenPulse {
  0%, 100% { color: #059669; text-shadow: none; }
  50% { color: #10b981; text-shadow: 0 0 12px rgba(16,185,129,0.35); }
}
/* ==================== BILLING PERIOD TEXT ==================== */
.billing-period {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-muted);
  display: block;
  margin-top: -20px;
  margin-bottom: 20px;
  letter-spacing: 0.3px;
}
/* ==================== PRICING BRAND — BLACK TEXT ==================== */
.pricing-brand {
  color: #0f172a !important;
  background: none !important;
  -webkit-background-clip: unset !important;
  -webkit-text-fill-color: #0f172a !important;
  background-clip: unset !important;
  text-shadow: none !important;
  opacity: 1 !important;
  filter: none !important;
}

/* ==================== NAV LOGO — LARGER ==================== */
nav .logo img {
  height: 72px !important;
}

/* ==================== PRICING ENHANCEMENTS ==================== */
.pricing-guarantee {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  font-size: 13px;
  color: #059669;
  font-weight: 700;
}
.pricing-guarantee-icon {
  font-size: 16px;
  flex-shrink: 0;
}
.pricing-social-proof {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  font-size: 12px;
  color: var(--text-muted);
  font-weight: 500;
}
.pricing-avatars { display: flex; }
.pricing-avatar {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--primary-light), var(--primary));
  border: 2px solid #fff;
  margin-right: -6px;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 800;
  flex-shrink: 0;
}
.pricing-avatar:nth-child(2) { background: linear-gradient(135deg, #f59e0b, #ef4444); }
.pricing-avatar:nth-child(3) { background: linear-gradient(135deg, #10b981, #059669); }
/* Right side ribbon */
.pricing-right { position: relative; }
.pricing-right-badge {
  position: absolute;
  top: -1px;
  right: 24px;
  background: linear-gradient(135deg, #f59e0b, #ef4444);
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  padding: 5px 14px;
  border-radius: 0 0 10px 10px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 12px rgba(245,158,11,0.4);
}
.pricing-divider {
  height: 1px;
  background: var(--border);
  margin: 18px 0;
}
/* ==================== TRUST BAR — MOBILE 2x2 GRID ==================== */
@media (max-width: 768px) {
  .trust-bar-inner {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    padding: 16px !important;
    gap: 10px !important;
    flex-direction: unset !important;
    align-items: unset !important;
    flex-wrap: unset !important;
  }
  .trust-item {
    padding: 0 !important;
    width: 100% !important;
    justify-content: flex-start !important;
    font-size: 12px !important;
  }
  .trust-divider { display: none !important; }
}
/* ==================== BENEFITS LAST CARD CENTERED (odd count) ==================== */
@media (max-width: 768px) {
  .benefits-left .benefit-item:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    max-width: calc(50% - 5px);
    margin-left: auto;
    margin-right: auto;
  }
}
/* ==================== MOBILE PRICING ENHANCEMENTS ==================== */
@media (max-width: 768px) {
  .pricing-guarantee { font-size: 12px; }
  .billing-period { font-size: 11px; margin-top: -16px; margin-bottom: 20px; }
  .pricing-right-badge { font-size: 9px; right: 16px; }
}
/* ==================== URGENCY NOTE — LIGHT GREEN ==================== */
.urgency-note {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #f0fdf4 !important;
  border: 1px solid rgba(5,150,105,0.35) !important;
  color: #065f46 !important;
  padding: 8px 16px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  margin-top: 16px !important;
  animation: urgencyPulse 2s ease-in-out infinite !important;
}

/* ==================== FAQ MOBILE FIX — TEXT OVERFLOW ==================== */
@media (max-width: 768px) {
  .faq-q {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    padding-right: 28px !important;
    position: relative !important;
  }
  .faq-arrow {
    position: absolute !important;
    right: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin-left: 0 !important;
    flex-shrink: 0 !important;
  }
  .faq-item.open .faq-arrow {
    transform: translateY(-50%) rotate(180deg) !important;
  }
}

/* ==================== MOBILE NAV CLOSE BUTTON ==================== */
.mobile-nav-close {
  position: absolute !important;
  top: 24px !important;
  right: 28px !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  font-size: 28px !important;
  color: var(--text-primary) !important;
  cursor: pointer !important;
  padding: 8px !important;
  line-height: 1 !important;
  z-index: 202 !important;
}

/* ==================== LOGIN BUTTON — DESKTOP NAV ==================== */
.nav-actions {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}
.nav-login {
  color: var(--text-primary) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  padding: 10px 22px !important;
  border-radius: 24px !important;
  border: 1.5px solid var(--text-primary) !important;
  transition: all 0.2s !important;
  background: transparent !important;
  display: inline-flex !important;
  align-items: center !important;
}
.nav-login:hover {
  color: var(--primary) !important;
  border-color: var(--primary) !important;
  background: var(--primary-soft) !important;
}

/* ==================== AFFILIATE LINK — DESKTOP NAV ==================== */
.nav-affiliate {
  color: var(--text-secondary) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  padding: 8px 16px !important;
  border-radius: 20px !important;
  transition: all 0.2s !important;
  background: transparent !important;
  display: inline-flex !important;
  align-items: center !important;
}
.nav-affiliate:hover {
  color: var(--primary) !important;
  background: var(--primary-soft) !important;
}

/* ==================== AFFILIATE LINK — MOBILE NAV ==================== */
.mobile-nav-affiliate {
  font-family: 'Outfit', sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: var(--text-secondary) !important;
  text-decoration: none !important;
  padding: 10px 0 !important;
  margin-top: 4px !important;
  transition: all 0.2s !important;
}
.mobile-nav-affiliate:hover {
  color: var(--primary) !important;
}

/* ==================== LOGIN LINK — MOBILE NAV ==================== */
.mobile-nav-login {
  font-family: 'Outfit', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--text-secondary) !important;
  text-decoration: none !important;
  padding: 14px 0 !important;
  border: 1.5px solid var(--border) !important;
  border-radius: 50px !important;
  width: 200px !important;
  text-align: center !important;
  margin-top: 8px !important;
  transition: all 0.2s !important;
  background: transparent !important;
}
.mobile-nav-login:hover {
  color: var(--primary) !important;
  border-color: var(--primary) !important;
  background: var(--primary-soft) !important;
}

/* Hide login on mobile in desktop nav, hide hamburger on desktop */
@media (max-width: 768px) {
  .nav-login { display: none !important; }
  .nav-affiliate { display: none !important; }
  .nav-actions .nav-cta { display: none !important; }
}

/* ==================== GALLERY BEFORE/AFTER LABELS ==================== */
.gallery-labels {
  display: flex !important;
  gap: 16px !important;
  margin-bottom: 12px !important;
}
.gallery-label {
  flex: 1 !important;
  font-family: 'Outfit', sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  padding: 6px 20px !important;
  border-radius: 10px !important;
  text-align: center !important;
}
@media (max-width: 768px) {
  .gallery-labels {
    gap: 0 !important;
  }
  .gallery-label {
    font-size: 14px !important;
    padding: 5px 12px !important;
  }
}

/* ==================== DIFFERENTIATION FIXES ==================== */
/* All three column headers — same height and aligned */
.diff-col-bad {
  display: flex !important;
  flex-direction: column !important;
  padding-top: 0 !important;
}
.diff-col-header {
  margin: 0 -28px 24px -28px !important;
  padding: 18px 28px !important;
  border-bottom: none !important;
  background: #f1f5f9 !important;
  border-radius: 22px 0 0 0 !important;
}

/* What You Get header — centralized */
.diff-col-results-header {
  justify-content: center !important;
  text-align: center !important;
}

/* 800-1,500 row — single line */
.diff-result-row {
  white-space: nowrap !important;
}
.diff-result-row span:last-child {
  white-space: nowrap !important;
}

/* Other Growth Services — space rows evenly to fill column */
.diff-col-bad .diff-col-header {
  flex-shrink: 0 !important;
}
.diff-col-bad .diff-row {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  margin-bottom: 0 !important;
}

/* FollowFuse center column — even spacing */
.diff-col-center {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 0 !important;
}
.diff-col-center .diff-col-center-header {
  flex-shrink: 0 !important;
}
.diff-col-center .diff-row.diff-row-good {
  flex: none !important;
  display: flex !important;
  align-items: flex-start !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  gap: 10px !important;
}
.diff-col-center .diff-row.diff-row-good > div {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  flex-grow: 1 !important;
}
.diff-col-center .diff-row-title {
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}
.diff-col-center .diff-row-sub {
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

/* Bottom bar — fix spacing */
.diff-bottom-bar {
  margin-top: 28px !important;
  gap: 14px !important;
}
.diff-bottom-inner {
  word-spacing: normal !important;
  letter-spacing: normal !important;
}
.diff-bottom-inner strong {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ==================== PRICING — LARGER CONTENT ON DESKTOP ==================== */
@media (min-width: 769px) {
  .pricing-left {
    padding: 44px 44px 24px !important;
  }
  .pricing-brand {
    font-size: 28px !important;
  }
  .pricing-trial {
    font-size: 16px !important;
    margin-bottom: 6px !important;
  }
  .pricing-daily {
    font-size: 18px !important;
    margin-bottom: 20px !important;
  }
  .strikethrough {
    font-size: 36px !important;
  }
  .big-price {
    font-size: 52px !important;
  }
  .pricing-reassurance {
    font-size: 14px !important;
    margin-top: 18px !important;
  }
  .urgency-note {
    font-size: 14px !important;
    margin-top: 20px !important;
  }
  .pricing-trial {
    margin-bottom: 10px !important;
  }
  .pricing-old-price {
    margin-bottom: 12px !important;
  }
  .pricing-main-price {
    margin-bottom: 12px !important;
  }
  .billing-period {
    margin-bottom: 24px !important;
  }
  .pricing-right {
    padding: 44px 40px !important;
  }
  .pricing-included-title {
    font-size: 24px !important;
  }
  .pricing-included-list li {
    font-size: 16px !important;
    padding: 15px 0 !important;
  }
}