/* ==========================================
   RenderBox CMS Scoped CSS: #PregWeight_root__pW3x
   ========================================== */

#PregWeight_root__pW3x,
#PregWeight_root__pW3x *,
#PregWeight_root__pW3x *::before,
#PregWeight_root__pW3x *::after {
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  font-family: "Vazirmatn", system-ui, -apple-system, "Segoe UI", Roboto, Tahoma, sans-serif !important;
}

#PregWeight_root__pW3x {
  position: relative !important;
  width: 100% !important;
  background-color: transparent !important;
  color: #0f172a !important;
  line-height: 1.6 !important;
  padding: 1.5rem 1rem !important;
}

#PregWeight_root__pW3x .dir-ltr { direction: ltr !important; }

#PregWeight_root__pW3x .PregWeight_wrapper__pW3x {
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 1.5rem !important;
}

/* Header */
#PregWeight_root__pW3x .PregWeight_header__pW3x {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
}

@media (min-width: 768px) {
  #PregWeight_root__pW3x .PregWeight_header__pW3x {
    flex-direction: row !important;
    align-items: center !important;
  }
}

#PregWeight_root__pW3x .PregWeight_headerTitleBox__pW3x {
  display: flex !important;
  align-items: center !important;
  gap: 0.75rem !important;
}

#PregWeight_root__pW3x .PregWeight_iconBadge__pW3x {
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: #be185d !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

#PregWeight_root__pW3x .PregWeight_icon__pW3x { width: 24px !important; height: 24px !important; }
#PregWeight_root__pW3x .PregWeight_iconSm__pW3x { width: 16px !important; height: 16px !important; }

#PregWeight_root__pW3x .PregWeight_mainTitle__pW3x {
  font-size: 1.25rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  letter-spacing: -0.02em !important;
}

#PregWeight_root__pW3x .PregWeight_subTitle__pW3x {
  font-size: 0.8rem !important;
  color: #64748b !important;
}

/* Card Containers */
#PregWeight_root__pW3x .PregWeight_card__pW3x {
  background: #ffffff !important;
  border: 1px solid #fce7f3 !important;
  border-radius: 16px !important;
  padding: 1.5rem !important;
  box-shadow: 0 1px 3px rgba(190, 24, 93, 0.04) !important;
}

#PregWeight_root__pW3x .PregWeight_mainGrid__pW3x {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1.5rem !important;
}

@media (min-width: 1024px) {
  #PregWeight_root__pW3x .PregWeight_mainGrid__pW3x {
    grid-template-columns: 1fr 1fr !important;
  }
}

#PregWeight_root__pW3x .PregWeight_cardHeader__pW3x {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 1.25rem !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 1px solid #fce7f3 !important;
}

#PregWeight_root__pW3x .PregWeight_cardTitle__pW3x {
  font-size: 1.05rem !important;
  font-weight: 700 !important;
  color: #1e293b !important;
}

#PregWeight_root__pW3x .PregWeight_btnReset__pW3x {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  padding: 0.35rem 0.65rem !important;
  background: #fdf2f8 !important;
  border: 1px solid #fce7f3 !important;
  border-radius: 8px !important;
  color: #9d174d !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

#PregWeight_root__pW3x .PregWeight_btnReset__pW3x:hover {
  background: #fce7f3 !important;
  color: #831843 !important;
}

/* Inputs */
#PregWeight_root__pW3x .PregWeight_inputGroupRow__pW3x {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.5rem !important;
  margin-bottom: 0.75rem !important;
}

@media (min-width: 540px) {
  #PregWeight_root__pW3x .PregWeight_inputGroupRow__pW3x {
    grid-template-columns: 1fr 1fr !important;
    align-items: start !important;
    gap: 1rem !important;
  }
}

#PregWeight_root__pW3x .PregWeight_fieldBlock__pW3x {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.4rem !important;
  margin-bottom: 0.75rem !important;
}

#PregWeight_root__pW3x .PregWeight_labelRow__pW3x {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  min-height: 24px !important;
}

#PregWeight_root__pW3x .PregWeight_label__pW3x {
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  color: #334155 !important;
  display: block !important;
  min-height: 24px !important;
  line-height: 24px !important;
}

#PregWeight_root__pW3x .PregWeight_badgeSm__pW3x {
  font-size: 0.68rem !important;
  background: #fdf2f8 !important;
  color: #be185d !important;
  padding: 0.15rem 0.55rem !important;
  border-radius: 6px !important;
  border: 1px solid #fce7f3 !important;
  font-weight: 600 !important;
}

#PregWeight_root__pW3x .PregWeight_inputUnitBox__pW3x {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}

#PregWeight_root__pW3x .PregWeight_flex1__pW3x { flex: 1 !important; }

#PregWeight_root__pW3x .PregWeight_input__pW3x {
  width: 100% !important;
  padding: 0.55rem 2rem 0.55rem 0.75rem !important;
  background: #fdf2f8 !important;
  border: 1px solid #fce7f3 !important;
  border-radius: 10px !important;
  font-size: 0.95rem !important;
  color: #0f172a !important;
  outline: none !important;
  text-align: right !important;
  height: 42px !important;
  direction: rtl !important;
}

#PregWeight_root__pW3x .PregWeight_boldText__pW3x {
  font-weight: 700 !important;
  font-size: 1.1rem !important;
}

#PregWeight_root__pW3x .PregWeight_input__pW3x:focus {
  border-color: #be185d !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(190, 24, 93, 0.15) !important;
}

#PregWeight_root__pW3x .PregWeight_unitText__pW3x {
  position: absolute !important;
  left: 0.75rem !important;
  font-size: 0.72rem !important;
  color: #9d174d !important;
  pointer-events: none !important;
  font-weight: 600 !important;
}

#PregWeight_root__pW3x .PregWeight_counterBox__pW3x {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

#PregWeight_root__pW3x .PregWeight_stepBtn__pW3x {
  width: 42px !important;
  height: 42px !important;
  border-radius: 10px !important;
  border: 1px solid #fce7f3 !important;
  background: #fdf2f8 !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: #9d174d !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

#PregWeight_root__pW3x .PregWeight_stepBtn__pW3x:hover {
  background: #fce7f3 !important;
}

/* Sliders */
#PregWeight_root__pW3x .PregWeight_slider__pW3x {
  width: 100% !important;
  height: 6px !important;
  background: #fce7f3 !important;
  border-radius: 4px !important;
  outline: none !important;
  margin-top: 0.35rem !important;
  accent-color: #be185d !important;
  cursor: pointer !important;
}

#PregWeight_root__pW3x .PregWeight_sliderTicks__pW3x {
  display: flex !important;
  justify-content: space-between !important;
  font-size: 0.65rem !important;
  color: #9d174d !important;
  margin-top: 2px !important;
  direction: ltr !important;
}

/* BMI Info Box */
#PregWeight_root__pW3x .PregWeight_bmiInfoBox__pW3x {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 1rem !important;
  background: #fdf2f8 !important;
  border: 1px solid #fce7f3 !important;
  border-radius: 12px !important;
  padding: 1rem !important;
  margin-bottom: 1rem !important;
}

#PregWeight_root__pW3x .PregWeight_bmiInfoItem__pW3x {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.25rem !important;
}

#PregWeight_root__pW3x .PregWeight_bmiInfoLabel__pW3x {
  font-size: 0.72rem !important;
  color: #9d174d !important;
  font-weight: 700 !important;
}

#PregWeight_root__pW3x .PregWeight_bmiInfoValRow__pW3x {
  display: flex !important;
  align-items: baseline !important;
  gap: 0.35rem !important;
}

#PregWeight_root__pW3x .PregWeight_bmiBigNumber__pW3x {
  font-size: 1.75rem !important;
  font-weight: 900 !important;
  color: #831843 !important;
  line-height: 1 !important;
  transition: color 0.3s ease !important;
}

#PregWeight_root__pW3x .PregWeight_bmiUnit__pW3x {
  font-size: 0.85rem !important;
  color: #be185d !important;
  font-weight: 600 !important;
}

#PregWeight_root__pW3x .PregWeight_bmiCategoryVal__pW3x {
  font-size: 1rem !important;
  font-weight: 800 !important;
  color: #831843 !important;
  margin-top: 0.25rem !important;
  transition: color 0.3s ease !important;
}

/* Hero Result Box */
#PregWeight_root__pW3x .PregWeight_statusBadge__pW3x {
  padding: 0.25rem 0.75rem !important;
  border-radius: 9999px !important;
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  background: #ecfdf5 !important;
  color: #047857 !important;
  border: 1px solid #a7f3d0 !important;
}

#PregWeight_root__pW3x .PregWeight_heroBox__pW3x {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
  background: #fdf2f8 !important;
  border: 1px solid #fce7f3 !important;
  border-radius: 14px !important;
  padding: 1.25rem !important;
  margin-bottom: 1.25rem !important;
  transition: all 0.3s ease !important;
}

@media (min-width: 540px) {
  #PregWeight_root__pW3x .PregWeight_heroBox__pW3x {
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
  }
}

#PregWeight_root__pW3x .PregWeight_heroLabel__pW3x {
  font-size: 0.75rem !important;
  color: #be185d !important;
  font-weight: 700 !important;
  display: block !important;
  transition: color 0.3s ease !important;
}

#PregWeight_root__pW3x .PregWeight_bmiValRow__pW3x {
  display: flex !important;
  align-items: baseline !important;
  gap: 0.35rem !important;
}

#PregWeight_root__pW3x .PregWeight_idealGainBox__pW3x {
  text-align: right !important;
}

#PregWeight_root__pW3x .PregWeight_idealGainVal__pW3x {
  font-size: 1rem !important;
  font-weight: 800 !important;
  color: #831843 !important;
  margin-top: 0.25rem !important;
  transition: color 0.3s ease !important;
}

/* Gauge Bar */
#PregWeight_root__pW3x .PregWeight_gaugeContainer__pW3x {
  margin-bottom: 1.25rem !important;
}

#PregWeight_root__pW3x .PregWeight_gaugeLabels__pW3x {
  display: flex !important;
  justify-content: space-between !important;
  font-size: 0.72rem !important;
  color: #64748b !important;
  font-weight: 600 !important;
  margin-bottom: 0.4rem !important;
}

#PregWeight_root__pW3x .PregWeight_gaugeSubLabel__pW3x {
  color: #9d174d !important;
}

#PregWeight_root__pW3x .PregWeight_gaugeBarWrap__pW3x {
  position: relative !important;
  display: flex !important;
  height: 14px !important;
  border-radius: 9999px !important;
  overflow: visible !important;
  background: #fce7f3 !important;
  direction: ltr !important;
}

#PregWeight_root__pW3x .PregWeight_gaugeZone__pW3x { height: 100% !important; }

#PregWeight_root__pW3x .PregWeight_bgBlue__pW3x { background: #38bdf8 !important; }
#PregWeight_root__pW3x .PregWeight_bgEmerald__pW3x { background: #10b981 !important; }
#PregWeight_root__pW3x .PregWeight_bgAmber__pW3x { background: #f59e0b !important; }
#PregWeight_root__pW3x .PregWeight_bgRose__pW3x { background: #f43f5e !important; }

#PregWeight_root__pW3x .PregWeight_gaugePointer__pW3x {
  position: absolute !important;
  top: -6px !important;
  transform: translateX(-50%) !important;
  transition: left 0.3s ease !important;
}

#PregWeight_root__pW3x .PregWeight_pointerPin__pW3x {
  width: 14px !important;
  height: 26px !important;
  background: #831843 !important;
  border: 2px solid #ffffff !important;
  border-radius: 6px !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.3) !important;
}

#PregWeight_root__pW3x .PregWeight_gaugeTicksWrap__pW3x {
  position: relative !important;
  height: 18px !important;
  margin-top: 4px !important;
  direction: ltr !important;
}

#PregWeight_root__pW3x .PregWeight_gTick__pW3x {
  position: absolute !important;
  top: 0 !important;
  font-size: 0.65rem !important;
  color: #9d174d !important;
  white-space: nowrap !important;
}

/* Weekly Rate Box */
#PregWeight_root__pW3x .PregWeight_weeklyRateBox__pW3x {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 0.75rem !important;
  background: #fdf2f8 !important;
  border: 1px solid #fce7f3 !important;
  border-radius: 12px !important;
  padding: 0.85rem !important;
  margin-bottom: 1.25rem !important;
}

#PregWeight_root__pW3x .PregWeight_weeklyRateItem__pW3x {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.25rem !important;
}

#PregWeight_root__pW3x .PregWeight_weeklyRateLabel__pW3x {
  font-size: 0.68rem !important;
  color: #9d174d !important;
  font-weight: 700 !important;
}

#PregWeight_root__pW3x .PregWeight_weeklyRateVal__pW3x,
#PregWeight_root__pW3x .PregWeight_currentRateVal__pW3x {
  font-size: 1rem !important;
  font-weight: 800 !important;
  color: #831843 !important;
}

/* Advice */
#PregWeight_root__pW3x .PregWeight_summaryText__pW3x {
  font-size: 0.85rem !important;
  color: #334155 !important;
  line-height: 1.5 !important;
  margin-bottom: 1rem !important;
}

#PregWeight_root__pW3x .PregWeight_adviceColumns__pW3x {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 1rem !important;
}

#PregWeight_root__pW3x .PregWeight_adviceHeading__pW3x {
  font-size: 0.75rem !important;
  font-weight: 700 !important;
  margin-bottom: 0.4rem !important;
}

#PregWeight_root__pW3x .PregWeight_textWarning__pW3x { color: #b45309 !important; }
#PregWeight_root__pW3x .PregWeight_textSuccess__pW3x { color: #047857 !important; }

#PregWeight_root__pW3x .PregWeight_list__pW3x {
  list-style-type: disc !important;
  padding-right: 1.25rem !important;
  font-size: 0.75rem !important;
  color: #64748b !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.35rem !important;
}

/* CHART SECTION */
#PregWeight_root__pW3x .PregWeight_chartTopHeader__pW3x {
  display: flex !important;
  flex-direction: column !important;
  gap: 1rem !important;
  justify-content: space-between !important;
  margin-bottom: 1rem !important;
  padding-bottom: 0.75rem !important;
  border-bottom: 1px solid #fce7f3 !important;
}

@media (min-width: 768px) {
  #PregWeight_root__pW3x .PregWeight_chartTopHeader__pW3x {
    flex-direction: row !important;
    align-items: center !important;
  }
}

#PregWeight_root__pW3x .PregWeight_chartSub__pW3x {
  font-size: 0.75rem !important;
  color: #64748b !important;
  margin-top: 0.25rem !important;
}

/* Stats Row */
#PregWeight_root__pW3x .PregWeight_chartStatsRow__pW3x {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0.75rem !important;
  background: #fdf2f8 !important;
  border: 1px solid #fce7f3 !important;
  border-radius: 12px !important;
  padding: 0.85rem !important;
  margin-bottom: 1rem !important;
}

@media (min-width: 640px) {
  #PregWeight_root__pW3x .PregWeight_chartStatsRow__pW3x {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

#PregWeight_root__pW3x .PregWeight_chartStatItem__pW3x {
  display: flex !important;
  flex-direction: column !important;
}

#PregWeight_root__pW3x .PregWeight_statLabel__pW3x {
  font-size: 0.68rem !important;
  color: #9d174d !important;
  font-weight: 700 !important;
}

#PregWeight_root__pW3x .PregWeight_statValWrap__pW3x {
  display: flex !important;
  align-items: baseline !important;
  gap: 0.25rem !important;
  margin-top: 0.15rem !important;
}

#PregWeight_root__pW3x .PregWeight_statValText__pW3x {
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
}

#PregWeight_root__pW3x .PregWeight_statUnitText__pW3x {
  font-size: 0.75rem !important;
  color: #9d174d !important;
  font-weight: 600 !important;
}

#PregWeight_root__pW3x .PregWeight_statNoteText__pW3x {
  font-size: 0.68rem !important;
  color: #be185d !important;
  font-weight: 600 !important;
}

#PregWeight_root__pW3x .PregWeight_chartDescText__pW3x {
  font-size: 0.72rem !important;
  color: #475569 !important;
  line-height: 1.4 !important;
  margin-top: 0.15rem !important;
}

/* SVG Chart Box */
#PregWeight_root__pW3x .PregWeight_svgScrollContainer__pW3x {
  width: 100% !important;
  overflow-x: auto !important;
  background: #fffbfc !important;
  border: 1px solid #fce7f3 !important;
  border-radius: 12px !important;
  padding: 0.5rem 0 !important;
}

#PregWeight_root__pW3x .PregWeight_growthSvg__pW3x {
  width: 100% !important;
  min-width: 650px !important;
  height: auto !important;
  display: block !important;
}

/* Legend Footer */
#PregWeight_root__pW3x .PregWeight_chartLegendFooter__pW3x {
  display: flex !important;
  flex-direction: column !important;
  gap: 0.75rem !important;
  justify-content: space-between !important;
  padding-top: 0.75rem !important;
  border-top: 1px solid #fce7f3 !important;
  font-size: 0.72rem !important;
  color: #9d174d !important;
}

@media (min-width: 768px) {
  #PregWeight_root__pW3x .PregWeight_chartLegendFooter__pW3x {
    flex-direction: row !important;
    align-items: center !important;
  }
}

#PregWeight_root__pW3x .PregWeight_legendItemsBox__pW3x {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem !important;
}

#PregWeight_root__pW3x .PregWeight_legendItem__pW3x {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.35rem !important;
  font-weight: 600 !important;
}

#PregWeight_root__pW3x .PregWeight_legendDot__pW3x {
  width: 12px !important;
  height: 4px !important;
  border-radius: 2px !important;
  display: inline-block !important;
}

#PregWeight_root__pW3x .PregWeight_userPointLegend__pW3x {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  color: #be185d !important;
  font-weight: 700 !important;
}

#PregWeight_root__pW3x .PregWeight_pulsePoint__pW3x {
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: #be185d !important;
  box-shadow: 0 0 0 3px rgba(190, 24, 93, 0.3) !important;
  animation: PregWeight_pulse 1.8s infinite !important;
}

@keyframes PregWeight_pulse {
  0% { box-shadow: 0 0 0 0 rgba(190, 24, 93, 0.5); }
  70% { box-shadow: 0 0 0 8px rgba(190, 24, 93, 0); }
  100% { box-shadow: 0 0 0 0 rgba(190, 24, 93, 0); }
}