/* offer-override.css — Premium Offer Page Overrides
   Loaded AFTER quiz-mounjalift.css to guarantee overrides */

/* ===== CLINICAL HEADER ===== */
#quiz-container .offer-page {
  padding: 0 4px !important;
  background: transparent !important;
}

#quiz-container .offer-page__clinical-header {
  background: #ffffff !important;
  border: 1px solid #d4edda !important;
  border-radius: 20px !important;
  padding: 24px 20px !important;
  margin-bottom: 16px !important;
  box-shadow: 0 4px 20px rgba(11, 59, 36, 0.08) !important;
}

#quiz-container .offer-page__clinical-badge {
  display: inline-block !important;
  background: linear-gradient(135deg, #0B3B24, #1a6b3c) !important;
  color: #fff !important;
  padding: 6px 18px !important;
  border-radius: 20px !important;
  font-size: 0.72rem !important;
  font-weight: 800 !important;
  letter-spacing: 1.5px !important;
  text-transform: uppercase !important;
  margin-bottom: 16px !important;
}

#quiz-container .offer-page__doctor-rec {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
}

#quiz-container .offer-page__doctor-img {
  width: 52px !important;
  height: 52px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 3px solid #2D8F5C !important;
  flex-shrink: 0 !important;
}

#quiz-container .offer-page__doctor-text {
  font-size: 0.95rem !important;
  line-height: 1.5 !important;
  color: #374151 !important;
}

#quiz-container .offer-page__doctor-text strong {
  color: #0B3B24 !important;
}

#quiz-container .offer-page__doctor-online {
  display: block !important;
  font-size: 0.78rem !important;
  color: #16a34a !important;
  margin-top: 6px !important;
  font-weight: 600 !important;
}

/* ===== SOCIAL PROOF BAR ===== */
#quiz-container .offer-page__social-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: linear-gradient(135deg, #FEF3C7, #FDE68A) !important;
  border: 1px solid #F59E0B !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  margin-bottom: 14px !important;
  font-size: 0.88rem !important;
  color: #92400E !important;
  font-weight: 500 !important;
}

#quiz-container .offer-page__social-bar strong {
  color: #D97706 !important;
  font-size: 1.1rem !important;
}

/* ===== TIMER ===== */
#quiz-container .offer-page__timer {
  text-align: center !important;
  padding: 12px 16px !important;
  background: linear-gradient(135deg, #FEE2E2, #FFF1F2) !important;
  border: 1px solid #FECACA !important;
  border-radius: 12px !important;
  margin-bottom: 20px !important;
  font-size: 0.9rem !important;
  color: #DC2626 !important;
}

#quiz-container .offer-page__timer strong {
  font-size: 1.15rem !important;
  letter-spacing: 1px !important;
  color: #B91C1C !important;
}

/* ===== KITS CONTAINER ===== */
#quiz-container .offer-page__kits {
  display: flex !important;
  flex-direction: column !important;
  gap: 18px !important;
  margin-bottom: 20px !important;
}

/* ===== BASE CARD ===== */
#quiz-container .offer-card {
  background: #ffffff !important;
  border: 2px solid #d4edda !important;
  border-radius: 20px !important;
  padding: 24px 20px !important;
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05) !important;
  text-align: center !important;
}

/* ===== FEATURED CARD ===== */
#quiz-container .offer-card.offer-card--featured {
  border-color: #C5A059 !important;
  background: linear-gradient(180deg, #FFFDF5 0%, #ffffff 100%) !important;
  box-shadow: 0 8px 32px rgba(197, 160, 89, 0.18), 0 0 0 1px rgba(197, 160, 89, 0.3) !important;
  transform: scale(1.02) !important;
  padding-top: 50px !important;
}

/* ===== RIBBON (Featured) ===== */
#quiz-container .offer-card__ribbon {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: linear-gradient(135deg, #C5A059, #D4AF37) !important;
  color: #fff !important;
  text-align: center !important;
  padding: 10px 12px !important;
  font-size: 0.75rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  z-index: 2 !important;
}

/* ===== TAG (non-featured) ===== */
#quiz-container .offer-card__tag {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  background: linear-gradient(135deg, #0B3B24, #1a6b3c) !important;
  color: #fff !important;
  text-align: center !important;
  padding: 8px 12px !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  z-index: 2 !important;
}

#quiz-container .offer-card__header {
  text-align: center !important;
  margin-bottom: 12px !important;
}

#quiz-container .offer-card__title {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #0B3B24 !important;
}

#quiz-container .offer-card__image {
  text-align: center !important;
  margin-bottom: 14px !important;
}

/* ===== BENEFITS ===== */
#quiz-container .offer-card__benefits {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  margin-bottom: 16px !important;
  padding: 12px 16px !important;
  background: #f0fdf4 !important;
  border-radius: 12px !important;
  border: 1px solid #d4edda !important;
}

#quiz-container .offer-card__benefits span {
  font-size: 0.85rem !important;
  color: #065f46 !important;
  font-weight: 500 !important;
}

/* ===== PRICE AREA ===== */
#quiz-container .offer-card__price {
  text-align: center !important;
  margin-bottom: 18px !important;
}

#quiz-container .offer-card__price-label {
  display: block !important;
  font-size: 0.85rem !important;
  color: #6b7280 !important;
  margin-bottom: 4px !important;
}

#quiz-container .offer-card__price-value {
  display: block !important;
  font-size: 2.2rem !important;
  font-weight: 800 !important;
  color: #0B3B24 !important;
  line-height: 1.1 !important;
}

#quiz-container .offer-card__price-installments {
  display: block !important;
  font-size: 0.85rem !important;
  color: #6b7280 !important;
  margin-top: 4px !important;
}

/* ===== CTA BUTTON ===== */
#quiz-container .offer-card__cta {
  display: block !important;
  width: 100% !important;
  padding: 16px 24px !important;
  background: linear-gradient(135deg, #0B3B24, #2D8F5C) !important;
  color: #fff !important;
  text-align: center !important;
  text-decoration: none !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  border-radius: 14px !important;
  border: none !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 6px 20px rgba(11, 59, 36, 0.25) !important;
  letter-spacing: 0.3px !important;
}

#quiz-container .offer-card__cta:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 30px rgba(11, 59, 36, 0.35) !important;
}

#quiz-container .offer-card__cta.offer-card__cta--featured {
  background: linear-gradient(135deg, #C5A059, #D4AF37) !important;
  box-shadow: 0 6px 20px rgba(197, 160, 89, 0.3) !important;
  animation: offerCtaPulse 2s infinite !important;
}

@keyframes offerCtaPulse {
  0%, 100% { box-shadow: 0 6px 20px rgba(197, 160, 89, 0.3); }
  50% { box-shadow: 0 6px 35px rgba(197, 160, 89, 0.55); }
}

#quiz-container .offer-card__security {
  text-align: center !important;
  margin-top: 12px !important;
  font-size: 0.8rem !important;
  color: #6b7280 !important;
}

/* ===== GUARANTEE ===== */
#quiz-container .offer-page__guarantee {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  padding: 20px !important;
  background: #ffffff !important;
  border: 1px solid #d4edda !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;
}

#quiz-container .offer-page__guarantee-icon {
  font-size: 2rem !important;
  flex-shrink: 0 !important;
}

#quiz-container .offer-page__guarantee strong {
  display: block !important;
  color: #0B3B24 !important;
  font-size: 1rem !important;
  margin-bottom: 4px !important;
}

#quiz-container .offer-page__guarantee p {
  font-size: 0.88rem !important;
  color: #4B7C5F !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

/* ===== PULSE DOT ===== */
#quiz-container .pulse-dot {
  width: 10px !important;
  height: 10px !important;
  background: #22c55e !important;
  border-radius: 50% !important;
  display: inline-block !important;
  animation: pulseDotOffer 1.5s infinite !important;
}

@keyframes pulseDotOffer {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.5; transform: scale(0.8); }
}

/* ===== MOBILE ===== */
@media (max-width: 480px) {
  #quiz-container .offer-page__clinical-header { padding: 18px 16px !important; }
  #quiz-container .offer-page__doctor-img { width: 44px !important; height: 44px !important; }
  #quiz-container .offer-card__price-value { font-size: 1.7rem !important; }
  #quiz-container .offer-card.offer-card--featured { transform: scale(1) !important; }
}