/* Main Container with Gradient Background and Noise Effect */
.bnh-ses-container {
  background: linear-gradient(
      to bottom left,
      rgba(149, 64, 18, 0.9),
      rgba(245, 127, 0, 0.9),
      var(--bnh-color-white)
    ) !important;
  background-color: #953f12 !important;
  position: relative !important;
  padding: var(--bnh-spacing-lg) 0 var(--bnh-spacing-xl) !important;
  min-height: auto !important;
  isolation: isolate !important;
  overflow: hidden !important;
}

/* Hero Section */
.bnh-ses-hero-section {
  margin: 0 auto !important;
  padding: var(--bnh-spacing-md) var(--bnh-spacing-lg) 0 !important;
  text-align: center !important;
}

.bnh-ses-hero-content {
  position: relative !important;
}

.bnh-ses-hero-title {
  color: var(--bnh-color-white) !important;
  font-size: var(--bnh-font-size-3xl) !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  margin-bottom: var(--bnh-spacing-lg) !important;
}

.bnh-ses-hero-image {
  display: flex !important;
  justify-content: center !important;
  align-items: flex-end !important;
  margin-top: var(--bnh-spacing-sm) !important;
  position: relative !important;
}

.bnh-ses-hero-buttons {
  display: flex !important ;
  gap: var(--bnh-spacing-sm) !important;
  justify-content: center !important;
  position: relative !important;
  margin-top: -50px !important;
  z-index: var(--bnh-z-base) !important;
}

.bnh-ses-btn {
  padding: var(--bnh-spacing-sm) var(--bnh-spacing-lg) !important;
  border-radius: var(--bnh-radius-round) !important;
  font-size: var(--bnh-font-size-base) !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: var(--bnh-transition-base) !important;
  border: none !important;
}

.bnh-ses-btn-primary {
  background: var(--bnh-color-white) !important;
  color: #3a3a3a !important;
}

.bnh-ses-btn-secondary {
  background: rgba(255, 255, 255, 0.8) !important;
  color: #3a3a3a !important;
  backdrop-filter: blur(10px) !important;
}

.bnh-ses-btn:hover {
  transform: translateY(-2px) !important;
  box-shadow: var(--bnh-shadow-lg) !important;
}

/* Animated Graph Background */
.bnh-ses-graph-background {
  position: absolute;
  top: 300px;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 0;
  opacity: 0.8;
  pointer-events: none;
  filter: blur(0.5px);
}

.bnh-ses-graph-image {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  clip-path: inset(0 100% 0 0);
  will-change: clip-path;
  padding: 0;
  margin: 0;
}

.bnh-ses-man-image {
  max-width: 55% !important;
  width: 100% !important;
  height: 400px !important;
  object-fit: contain !important;
  position: relative !important;
  z-index: var(--bnh-z-base) !important;
  transform: translateY(0) !important;
}

/* Cards Section */
.bnh-ses-cards-section {
  max-width: 70em !important;
  margin: var(--bnh-spacing-md) auto !important;
  padding: 0 var(--bnh-container-padding) !important;
}

.bnh-ses-cards-container {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: var(--bnh-spacing-sm) !important;
}

.bnh-ses-right-cards-column {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--bnh-spacing-sm) !important;
}

.bnh-ses-card {
  background: linear-gradient(180deg, #f57f00 30%, #8f4a00 100%) !important;
  backdrop-filter: blur(10px) !important;
  border-radius: var(--bnh-radius-2xl) !important;
  padding: var(--bnh-spacing-md) var(--bnh-spacing-md) !important;
  position: relative !important;
  overflow: hidden !important;
  color: var(--bnh-color-white) !important;
  display: flex !important;
  flex-direction: column !important;
}

.bnh-ses-card-left {
  min-height: 500px !important;
  position: relative !important;
}

.bnh-ses-card-right-top {
  flex: 2 !important;
  min-height: 320px !important;
}

.bnh-ses-card-right-bottom {
  flex: 0.6 !important;
  min-height: 150px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: var(--bnh-radius-2xl) !important;
  padding: var(--bnh-spacing-md) !important;
  position: relative !important;
  overflow: hidden !important;
}

.bnh-ses-card-right-bottom::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.1) 0%,
    rgba(255, 255, 255, 0) 100%
  ) !important;
  pointer-events: none !important;
}

.bnh-ses-card-title {
  font-size: var(--bnh-font-size-3xl) !important;
  color: white !important;
  font-weight: 600 !important;
  line-height: 1.1 !important;
  margin-bottom: var(--bnh-spacing-sm) !important;
  position: relative !important;
  text-align: center !important;
  z-index: 2 !important;
}

.bnh-ses-card-subtitle {
  font-size: var(--bnh-font-size-sm) !important;
  margin-bottom: var(--bnh-spacing-sm) !important;
  opacity: 0.95 !important;
}

.bnh-ses-purchase-btn {
  background: var(--bnh-color-white) !important;
  color: #e8843d !important;
  border: none !important;
  padding: 16px var(--bnh-spacing-lg) !important;
  border-radius: var(--bnh-radius-2xl) !important;
  font-size: var(--bnh-font-size-sm) !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: var(--bnh-transition-base) !important;
  width: fit-content !important;
  margin-bottom: var(--bnh-spacing-sm) !important;
  position: relative !important;
  z-index: 2 !important;
}

.bnh-ses-purchase-btn:hover {
  opacity: 0.9 !important;
  box-shadow: var(--bnh-shadow-lg) !important;
}

.bnh-ses-card-image {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: var(--bnh-spacing-md) 0 !important;
  position: relative !important;
  z-index: 0 !important;
}

.bnh-ses-phone-mockup,
.bnh-ses-ebook-mockup {
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

.bnh-ses-phone-mockup {
  max-height: 500px !important;
  position: absolute !important;
  z-index: 1 !important;
}

.bnh-ses-ebook-mockup {
  max-height: 240px !important;
}

.bnh-ses-card-description {
  font-size: var(--bnh-font-size-base) !important;
  line-height: 1.5 !important;
  margin-top: auto !important;
  position: relative !important;
  text-align: center !important;
  z-index: 2 !important;
}

.bnh-ses-highlight {
  font-weight: 600 !important;
}

.bnh-ses-highlight-orange {
  background: rgba(255, 140, 0, 0.6) !important;
  padding: 3px var(--bnh-spacing-xs) !important;
  border-radius: var(--bnh-radius-sm) !important;
  font-weight: 600 !important;
}

.bnh-ses-card-links {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
}

.bnh-ses-card-link {
  display: flex !important;
  align-items: center !important;
  gap: var(--bnh-spacing-md) !important;
  background: transparent !important;
  border: none !important;
  color: var(--bnh-color-white) !important;
  text-decoration: none !important;
  font-size: var(--bnh-font-size-base) !important;
  transition: var(--bnh-transition-base) !important;
  padding: var(--bnh-spacing-sm) var(--bnh-spacing-sm) !important;
  cursor: pointer !important;
  text-align: left !important;
  position: relative !important;
  overflow: hidden !important;
}

.bnh-ses-bmi-link {
  font-family: var(--bnh-font-family) !important;
  font-weight: 600 !important;
}

.bnh-ses-link-icon {
  width: 48px !important;
  height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.2) !important;
  border-radius: var(--bnh-radius-round) !important;
  flex-shrink: 0 !important;
}

.bnh-ses-link-icon svg {
  width: 24px !important;
  height: 24px !important;
  stroke: currentColor !important;
}

.bnh-ses-link-text {
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

/* Personal Plan Section */
.bnh-ses-personal-section {
  max-width: 70em !important;
  background: #f6ab5b !important;
  backdrop-filter: blur(10px) !important;
  border-radius: var(--bnh-radius-2xl) !important;
  padding: var(--bnh-spacing-md) 0 !important;
  margin: 0 auto !important;
  text-align: center !important;
  color: var(--bnh-color-white) !important;
}
@media (max-width: 768px) {
  .bnh-ses-personal-section {
    background-color: #9e520c !important;
  }
}

.bnh-ses-personal-title {
  font-size: var(--bnh-font-size-3xl) !important;
  color: white !important;
  font-weight: 600 !important;
  margin-bottom: 0 !important;
}

.bnh-ses-personal-content {
  margin: var(--bnh-spacing-md) auto !important;
  max-width: 900px !important;
}

.bnh-ses-personal-mockup {
  max-width: 100% !important;
  height: auto !important;
  border-radius: var(--bnh-radius-lg) !important;
}

/* Profile Carousel Styles */
.bnh-ses-profile-carousel {
  margin: var(--bnh-spacing-lg) auto !important;
  max-width: 1200px !important;
  position: relative !important;
}

/* Profile Navigation - Hidden */
.bnh-ses-profile-nav {
  display: none !important;
}

.bnh-ses-profile-wrapper {
  position: relative !important;
  width: 100% !important;
}

@media (max-width: 768px) {
  .bnh-ses-profile-card {
    margin: 7em 0 !important;
  }
}

.bnh-ses-profile-card {
  position: relative !important;
  width: 100% !important;
  min-height: 500px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Profile Image - Absolute Background */
.bnh-ses-profile-image-container {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: calc(100% - 160px) !important;
  height: 100% !important;
  min-height: 500px !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.bnh-ses-profile-image {
  width: 100% !important;
  height: 70% !important;
  min-height: 500px !important;
  object-fit: cover !important;
  object-position: center !important;
  border-radius: var(--bnh-radius-2xl) !important;
  display: block !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15) !important;
}

/* Profile Info - Left Overlay */
.bnh-ses-profile-info {
  position: absolute !important;
  left: 0 !important;
  top: 30% !important;
  transform: translateY(-50%) !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  z-index: 10 !important;
  max-width: 240px !important;
}

.bnh-ses-info-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.3),
    rgba(255, 255, 255, 0.9)
  ) !important;
  backdrop-filter: blur(12px) !important;
  padding: 10px 18px !important;
  border-radius: var(--bnh-radius-round) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  transition: var(--bnh-transition-base) !important;
  gap: 12px !important;
  min-width: 200px !important;
  flex-wrap: wrap !important;
}

.bnh-ses-info-item:hover {
  transform: translateX(-3px) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
}

.bnh-ses-info-label {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: rgba(0, 0, 0, 0.65) !important;
  text-transform: capitalize !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.bnh-ses-info-value {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #c56500 !important;
  text-align: right !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  margin-left: auto !important;
}

/* Health Metrics - Right Overlay */
.bnh-ses-profile-metrics {
  position: absolute !important;
  right: 0 !important;
  bottom: -20px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  z-index: 10 !important;
  max-width: 240px !important;
}

.bnh-ses-metric-item {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.8) 60%,
    rgba(255, 255, 255, 0.4)
  ) !important;
  backdrop-filter: blur(12px) !important;
  padding: 10px 18px !important;
  border-radius: var(--bnh-radius-round) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  transition: var(--bnh-transition-base) !important;
  gap: 12px !important;
  min-width: 200px !important;
  width: 200px !important;
  flex-wrap: wrap !important;
}

.bnh-ses-metric-item:hover {
  transform: translateX(3px) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
}

.bnh-ses-metric-label {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: rgba(0, 0, 0, 0.65) !important;
  text-transform: capitalize !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.bnh-ses-metric-value {
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #c56500 !important;
  text-align: right !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  margin-left: auto !important;
}

/* Product Card */
.bnh-ses-product-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.8) 60%,
    rgba(255, 255, 255, 0.4)
  ) !important;
  backdrop-filter: blur(12px) !important;
  padding: 14px !important;
  border-radius: var(--bnh-radius-lg) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
  gap: 6px !important;
  transition: var(--bnh-transition-base) !important;
  width: 200px !important;
  min-width: auto !important;
}

.bnh-ses-product-card:hover {
  transform: translateX(3px) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
}

.bnh-ses-product-icon {
  width: 100% !important;
  max-width: 70px !important;
  height: auto !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-bottom: 2px !important;
}

.bnh-ses-product-icon img {
  width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}

/* Product icons row (3 small icons side by side) */
.bnh-ses-product-icons {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 6px !important;
  width: 100% !important;
}

.bnh-ses-product-icon-small {
  width: auto !important;
  height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 auto !important;
}

.bnh-ses-product-icon-small img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  display: block !important;
}

.bnh-ses-metric-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  width: 100% !important;
}

.bnh-ses-product-card .bnh-ses-metric-label {
  font-size: 11px !important;
  color: rgba(0, 0, 0, 0.6) !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  font-weight: 500 !important;
}

.bnh-ses-product-card .bnh-ses-metric-value {
  font-size: 12px !important;
  line-height: 1.3 !important;
  color: var(--bnh-color-text-primary) !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  font-weight: 500 !important;
}

/* Tablet Layout */
@media (max-width: 1023px) and (min-width: 768px) {
  .bnh-ses-profile-carousel {
    max-width: 900px !important;
  }

  .bnh-ses-profile-card {
    min-height: 450px !important;
    max-width: 50em !important;
    margin: 0 auto !important;
  }

  .bnh-ses-profile-image-container {
    width: calc(100% - 120px) !important;
    min-height: 450px !important;
    max-width: 50em !important;
    margin: 0 auto !important;
  }

  .bnh-ses-profile-image {
    min-height: 450px !important;
    height: 70% !important;
  }

  .bnh-ses-profile-info {
    gap: 6px !important;
    max-width: 200px !important;
  }

  .bnh-ses-profile-metrics {
    gap: 6px !important;
    max-width: 200px !important;
    bottom: 20px !important;
  }

  .bnh-ses-info-item {
    padding: 9px 14px !important;
    gap: 10px !important;
    min-width: 180px !important;
  }

  .bnh-ses-metric-item {
    padding: 9px 14px !important;
    gap: 10px !important;
    width: 180px !important;
    min-width: 180px !important;
  }

  .bnh-ses-info-label,
  .bnh-ses-metric-label {
    font-size: 13px !important;
  }

  .bnh-ses-info-value,
  .bnh-ses-metric-value {
    font-size: 14px !important;
  }

  .bnh-ses-product-card {
    padding: 10px !important;
    width: 180px !important;
  }

  .bnh-ses-product-icon {
    max-width: 60px !important;
  }

  .bnh-ses-product-icon-small {
    width: auto !important;
    height: 26px !important;
  }
}

/* Mobile Layout */
@media (max-width: 767px) {
  .bnh-ses-profile-carousel {
    padding: 0 var(--bnh-spacing-sm) !important;
    margin: var(--bnh-spacing-md) auto !important;
    max-width: 100% !important;
  }

  .bnh-ses-profile-card {
    min-height: 450px !important;
  }

  .bnh-ses-profile-image-container {
    width: calc(100% - 40px) !important;
    min-height: 450px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .bnh-ses-profile-image {
    width: 100% !important;
    min-height: 450px !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  .bnh-ses-profile-info {
    left: 0 !important;
    top: 30px !important;
    transform: none !important;
    gap: 6px !important;
    max-width: 180px !important;
  }

  .bnh-ses-profile-metrics {
    right: 0 !important;
    bottom: 30px !important;
    gap: 6px !important;
    max-width: 180px !important;
  }

  .bnh-ses-info-item {
    padding: 7px 12px !important;
    gap: 6px !important;
    min-width: 160px !important;
  }

  .bnh-ses-metric-item {
    padding: 7px 12px !important;
    gap: 6px !important;
    width: 160px !important;
    min-width: 160px !important;
  }

  .bnh-ses-info-label,
  .bnh-ses-metric-label {
    font-size: 9.5px !important;
  }

  .bnh-ses-info-value,
  .bnh-ses-metric-value {
    font-size: 10.5px !important;
  }

  .bnh-ses-product-card {
    padding: 10px !important;
    width: 160px !important;
  }

  .bnh-ses-product-icon {
    max-width: 60px !important;
  }

  .bnh-ses-product-card .bnh-ses-metric-label {
    font-size: 10px !important;
  }

  .bnh-ses-product-card .bnh-ses-metric-value {
    font-size: 11px !important;
  }

  .bnh-ses-product-icon-small {
    width: auto !important;
    height: 24px !important;
  }
}

/* Desktop Large */
@media (min-width: 1024px) {
  .bnh-ses-profile-carousel {
    max-width: 1200px !important;
  }

  .bnh-ses-profile-card {
    min-height: 520px !important;
  }

  .bnh-ses-profile-image-container {
    width: calc(100% - 200px) !important;
    min-height: 520px !important;
  }

  .bnh-ses-profile-image {
    min-height: 520px !important;
  }

  .bnh-ses-profile-info {
    gap: 10px !important;
    max-width: 260px !important;
  }

  .bnh-ses-profile-metrics {
    gap: 10px !important;
    max-width: 260px !important;
    bottom: -20px !important;
  }

  .bnh-ses-info-item {
    padding: 11px 20px !important;
    gap: 14px !important;
    min-width: 220px !important;
  }

  .bnh-ses-metric-item {
    padding: 11px 20px !important;
    gap: 14px !important;
    width: 220px !important;
    min-width: 220px !important;
  }

  .bnh-ses-product-card {
    padding: 16px !important;
    width: 220px !important;
  }

  .bnh-ses-product-icon {
    max-width: 80px !important;
  }

  .bnh-ses-product-icon-small {
    width: auto !important;
    height: 30px !important;
  }
}

.bnh-ses-personal-subtitle {
  font-size: var(--bnh-font-size-3xl) !important;
  font-weight: 600 !important;
  margin: 0 0 var(--bnh-spacing-xs) !important;
  color: white;
}

.bnh-ses-personal-description {
  font-size: var(--bnh-font-size-base) !important;
  line-height: 1.5 !important;
  font-weight: 600 !important;
  margin: var(--bnh-spacing-lg) auto var(--bnh-spacing-sm) !important;
  max-width: 600px !important;
  color: white !important;
}

@media (min-width: 768px) {
  .bnh-ses-personal-description {
    color: #8a6033 !important;
  }
}

.bnh-ses-cta-btn {
  background: var(--bnh-color-white) !important;
  color: var(--bnh-color-text-primary) !important;
  border: none !important;
  padding: var(--bnh-spacing-md) var(--bnh-spacing-lg) !important;
  border-radius: var(--bnh-radius-round) !important;
  font-size: var(--bnh-font-size-base) !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: var(--bnh-transition-base) !important;
  margin-top: var(--bnh-spacing-sm) !important;
}

.bnh-ses-cta-btn:hover {
  opacity: 0.9 !important;
  box-shadow: var(--bnh-shadow-lg) !important;
}
/* BMI Modal Styles */
.bnh-ses-bmi-modal {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: var(--bnh-z-modal) !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding-top: clamp(64px, 8vh, 120px) !important;
  visibility: hidden !important;
  opacity: 0 !important;
  font-family: var(--bnh-font-family) !important;
}

.bnh-ses-bmi-modal.active {
  visibility: visible !important;
  opacity: 1 !important;
}

.bnh-ses-bmi-modal-overlay {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.75) !important;
}

.bnh-ses-bmi-modal-content {
  position: relative !important;
  background: linear-gradient(135deg, #3d3027 0%, #2a1f17 100%) !important;
  border-radius: var(--bnh-radius-2xl) !important;
  max-width: var(--bnh-max-width) !important;
  width: 90% !important;
  max-height: 90vh !important;
  overflow-y: auto !important;
  box-shadow: var(--bnh-shadow-xl) !important;
}
.bmi-ses-bmi-modal-content * {
  z-index: 55 !important;
}

.bnh-ses-bmi-close-btn {
  position: absolute !important;
  top: var(--bnh-spacing-md) !important;
  right: var(--bnh-spacing-md) !important;
  background: transparent !important;
  border: none !important;
  color: var(--bnh-color-white) !important;
  cursor: pointer !important;
  padding: var(--bnh-spacing-xs) !important;
  border-radius: 50% !important;
  transition: var(--bnh-transition-base) !important;
  z-index: var(--bnh-z-dropdown) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.bnh-ses-bmi-close-btn:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  transform: rotate(90deg) !important;
}

.bnh-ses-bmi-wrapper {
  padding: var(--bnh-spacing-xl) var(--bnh-spacing-lg) var(--bnh-spacing-lg) !important;
  color: var(--bnh-color-white) !important;
}

.bnh-ses-bmi-grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: var(--bnh-spacing-xl) !important;
  margin-bottom: var(--bnh-spacing-lg) !important;
}

.bnh-ses-bmi-left-section {
  display: flex !important;
  flex-direction: column !important;
}

.bnh-ses-bmi-title h1 {
  font-size: var(--bnh-font-size-4xl) !important;
  font-weight: 400 !important;
  margin: 0 0 var(--bnh-spacing-md) 0 !important;
  color: var(--bnh-color-white) !important;
  letter-spacing: -0.5px !important;
}

.bnh-ses-bmi-description {
  font-size: var(--bnh-font-size-base) !important;
  line-height: 1.6 !important;
  color: rgba(255, 255, 255, 0.8) !important;
  margin-bottom: var(--bnh-spacing-lg) !important;
}

.bnh-ses-bmi-form {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--bnh-spacing-sm) !important;
}

.bnh-ses-inputs-wrapper {
  display: flex !important;
  flex-direction: column !important;
  gap: var(--bnh-spacing-sm) !important;
}

.bnh-ses-inputs-header {
  font-size: var(--bnh-font-size-sm) !important;
  font-weight: 600 !important;
  color: var(--bnh-color-white) !important;
  margin-top: var(--bnh-spacing-xs) !important;
  text-transform: capitalize !important;
}

.bnh-ses-height-inputs-wrapper {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: var(--bnh-spacing-sm) !important;
}

.bnh-ses-input-wrapper {
  width: 100% !important;
}

.bnh-ses-text-input-wrapper {
  position: relative !important;
  width: 100% !important;
}

.bnh-ses-input-label {
  position: absolute !important;
  top: var(--bnh-spacing-sm) !important;
  left: var(--bnh-spacing-sm) !important;
  font-size: var(--bnh-font-size-xs) !important;
  color: rgba(255, 255, 255, 0.5) !important;
  transition: var(--bnh-transition-base) !important;
  pointer-events: none !important;
  text-transform: lowercase !important;
}

/* Float the label when focused or when input has value */
.bnh-ses-text-input-wrapper:has(.bnh-ses-text-input:focus) .bnh-ses-input-label,
.bnh-ses-text-input-wrapper:has(.bnh-ses-text-input:not(:placeholder-shown))
  .bnh-ses-input-label {
  transform: translateY(-6px) !important;
  font-size: 11px !important;
  opacity: 0.85 !important;
}

.bnh-ses-text-input {
  width: 100% !important;
  padding: calc(var(--bnh-spacing-lg) + 2px) var(--bnh-spacing-sm)
    var(--bnh-spacing-sm) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  border-radius: var(--bnh-radius-sm) !important;
  color: var(--bnh-color-white) !important;
  font-size: var(--bnh-font-size-base) !important;
  transition: var(--bnh-transition-base) !important;
  box-sizing: border-box !important;
  min-height: 48px !important;
  -webkit-appearance: none !important;
  -moz-appearance: textfield !important;
  appearance: none !important;
  caret-color: #ffc671 !important;
}

.bnh-ses-text-input:focus {
  outline: none !important;
  border-color: #ffc671 !important;
  background: rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 0 0 3px rgba(255, 198, 113, 0.25) !important;
}

.bnh-ses-text-input::placeholder {
  color: rgba(255, 255, 255, 0.3) !important;
}

/* Remove spinners on number inputs */
.bnh-ses-text-input::-webkit-outer-spin-button,
.bnh-ses-text-input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
.bnh-ses-text-input[type="number"] {
  appearance: textfield !important;
  -moz-appearance: textfield !important;
}

.bnh-ses-btn-calculate,
.bnh-ses-btn-consultation {
  width: 100% !important;
  padding: var(--bnh-spacing-md) var(--bnh-spacing-md) !important;
  border: none !important;
  border-radius: var(--bnh-radius-round) !important;
  font-size: var(--bnh-font-size-base) !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: var(--bnh-transition-base) !important;
  margin-top: var(--bnh-spacing-xs) !important;
}

.bnh-ses-btn-calculate {
  background: #ffc671 !important;
  color: var(--bnh-color-black) !important;
}

.bnh-ses-btn-calculate:hover {
  background: #ffb851 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(255, 198, 113, 0.4) !important;
}

.bnh-ses-btn-consultation {
  background: var(--bnh-color-black) !important;
  color: var(--bnh-color-white) !important;
}

.bnh-ses-btn-consultation:hover {
  background: #1a1a1a !important;
  transform: translateY(-2px) !important;
  box-shadow: var(--bnh-shadow-lg) !important;
}

.bnh-ses-link-button {
  text-decoration: none !important;
  display: block !important;
}

.bnh-ses-bmi-right-section {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(0, 0, 0, 0.3) !important;
  border-radius: var(--bnh-radius-xl) !important;
  padding: var(--bnh-spacing-lg) !important;
  border: 2px solid #ffc671 !important;
}

.bnh-ses-bmi-dial-wrapper {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: var(--bnh-spacing-lg) !important;
}

.bnh-ses-bmi-dial-svg-wrapper {
  width: 100% !important;
  max-width: 480px !important;
}

.bnh-ses-bmi-dial-svg-wrapper svg {
  width: 100% !important;
  height: auto !important;
}

.bnh-ses-bmi-segment {
  transition: opacity 0.5s ease !important;
}

#bmiValue {
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.bnh-ses-bmi-table-container {
  width: 100% !important;
}

.bnh-ses-bmi-table-wrapper {
  display: flex !important;
  flex-direction: column !important;
  gap: 1px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border-radius: var(--bnh-radius-sm) !important;
  overflow: hidden !important;
}

.bnh-ses-bmi-row-container {
  background: rgba(61, 48, 39, 0.6) !important;
}

.bnh-ses-bmi-row {
  display: grid !important;
  grid-template-columns: 40px 1fr 1fr !important;
  align-items: center !important;
  gap: var(--bnh-spacing-sm) !important;
  padding: var(--bnh-spacing-sm) !important;
  transition: var(--bnh-transition-base) !important;
}

.bnh-ses-bmi-row.active {
  background: rgba(255, 198, 113, 0.2) !important;
}

.bnh-ses-bmi-icon-wrapper {
  width: 24px !important;
  height: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.bnh-ses-bmi-icon {
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.3) !important;
  transition: var(--bnh-transition-base) !important;
}

.bnh-ses-bmi-row.active .bnh-ses-bmi-icon {
  background: #ffc671 !important;
  box-shadow: 0 0 12px rgba(255, 198, 113, 0.6) !important;
}

.bnh-ses-bmi-cell {
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: var(--bnh-font-size-sm) !important;
}

.bnh-ses-bmi-left-cell {
  text-align: left !important;
}

.bnh-ses-bmi-right-cell {
  text-align: right !important;
  color: rgba(255, 255, 255, 0.6) !important;
}

.bnh-ses-bmi-disclaimer-section {
  padding-top: var(--bnh-spacing-lg) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.bnh-ses-disclaimer-text {
  font-size: var(--bnh-font-size-xs) !important;
  line-height: 1.6 !important;
  color: rgba(255, 255, 255, 0.5) !important;
  margin: 0 0 var(--bnh-spacing-sm) 0 !important;
}

.bnh-ses-disclaimer-text:last-child {
  margin-bottom: 0 !important;
}

/* Responsive Design */
@media (max-width: 1024px) {
  .bnh-ses-hero-title {
    font-size: var(--bnh-font-size-2xl) !important;
  }

  .bnh-ses-man-image {
    height: 350px !important;
    max-width: 60% !important;
  }

  .bnh-ses-graph-background {
    top: 220px !important;
  }

  .bnh-ses-card-title {
    font-size: var(--bnh-font-size-xl) !important;
  }

  .bnh-ses-card-left {
    min-height: 500px !important;
  }

  .bnh-ses-card-right-top {
    min-height: 320px !important;
  }

  .bnh-ses-personal-title {
    font-size: var(--bnh-font-size-3xl) !important;
  }

  .bnh-ses-personal-subtitle {
    font-size: var(--bnh-font-size-3xl) !important;
  }
}

@media (max-width: 768px) {
  .bnh-ses-container {
    padding: var(--bnh-spacing-md) 0 var(--bnh-spacing-lg) !important;
  }

  .bnh-ses-cards-container {
    grid-template-columns: 1fr !important;
  }

  .bnh-ses-right-cards-column {
    gap: var(--bnh-spacing-sm) !important;
  }

  .bnh-ses-hero-section {
    padding: var(--bnh-spacing-md) var(--bnh-spacing-md) 0 !important;
  }

  .bnh-ses-hero-title {
    font-size: var(--bnh-font-size-xl) !important;
  }

  .bnh-ses-man-image {
    height: 280px !important;
    max-width: 70% !important;
  }

  .bnh-ses-hero-buttons {
    flex-direction: row !important;
    gap: var(--bnh-spacing-xs) !important;
    align-items: center !important;
    margin-top: -30px !important;
    flex-wrap: wrap !important;
  }

  .bnh-ses-btn {
    padding: var(--bnh-spacing-xs) var(--bnh-spacing-md) !important;
    font-size: var(--bnh-font-size-sm) !important;
  }

  .bnh-ses-graph-background {
    top: 180px !important;
  }

  .bnh-ses-cards-section {
    margin: var(--bnh-spacing-md) auto !important;
  }

  .bnh-ses-card {
    padding: var(--bnh-spacing-md) var(--bnh-spacing-sm) !important;
  }

  .bnh-ses-card-left {
    min-height: 420px !important;
  }

  .bnh-ses-phone-mockup {
    max-height: 380px !important;
    bottom: 10px !important;
    right: 10px !important;
    height: auto !important;
  }

  .bnh-ses-card-right-top {
    min-height: 260px !important;
  }

  .bnh-ses-card-right-bottom {
    padding: var(--bnh-spacing-sm) var(--bnh-spacing-sm) !important;
  }

  .bnh-ses-card-title {
    font-size: var(--bnh-font-size-xl) !important;
    margin-bottom: var(--bnh-spacing-sm) !important;
  }

  .bnh-ses-card-subtitle {
    font-size: 13px !important;
    margin-bottom: var(--bnh-spacing-xs) !important;
  }

  .bnh-ses-ebook-mockup {
    max-height: 180px !important;
  }

  .bnh-ses-purchase-btn {
    font-size: 13px !important;
    padding: 8px var(--bnh-spacing-sm) !important;
  }

  .bnh-ses-personal-section {
    padding: var(--bnh-spacing-md) var(--bnh-spacing-sm) !important;
  }

  .bnh-ses-personal-title {
    font-size: var(--bnh-font-size-2xl) !important;
    margin-bottom: var(--bnh-spacing-sm) !important;
  }

  .bnh-ses-personal-subtitle {
    font-size: var(--bnh-font-size-2xl) !important;
    margin: var(--bnh-spacing-sm) 0 !important;
  }

  .bnh-ses-personal-description {
    font-size: var(--bnh-font-size-sm) !important;
    line-height: 1.5 !important;
    margin: var(--bnh-spacing-xs) auto var(--bnh-spacing-sm) !important;
  }

  .bnh-ses-personal-description br {
    display: none !important;
  }

  /* Profile Card Responsive - Improved for mobile */
  .bnh-ses-profile-card {
    min-height: 450px !important;
  }

  .bnh-ses-profile-image-container {
    width: calc(100% - 40px) !important;
    min-height: 360px !important;
  }

  .bnh-ses-profile-image {
    width: 100% !important;
    min-height: 450px !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  .bnh-ses-profile-info {
    left: -20px !important;
    top: -60px !important;
    transform: none !important;
    gap: 6px !important;
    max-width: 180px !important;
  }

  .bnh-ses-profile-metrics {
    right: -20px !important;
    bottom: -100px !important;
    gap: 6px !important;
    max-width: 180px !important;
  }

  .bnh-ses-info-item,
  .bnh-ses-metric-item {
    padding: 7px 12px !important;
    min-width: 170px !important;
    width: 170px !important;
    gap: 6px !important;
  }

  .bnh-ses-info-label,
  .bnh-ses-metric-label {
    font-size: 9.5px !important;
  }

  .bnh-ses-info-value,
  .bnh-ses-metric-value {
    font-size: 10.5px !important;
  }

  .bnh-ses-product-card {
    width: 170px !important;
    min-width: 170px !important;
    padding: 12px !important;
  }

  .bnh-ses-product-card .bnh-ses-metric-label {
    font-size: 11px !important;
  }

  .bnh-ses-product-card .bnh-ses-metric-value {
    font-size: 12px !important;
  }

  .bnh-ses-product-icon {
    max-width: 60px !important;
  }

  .bnh-ses-cta-btn {
    padding: 10px 20px !important;
    font-size: calc(var(--bnh-font-size-base) + 2px) !important;
  }

  /* BMI Modal Responsive */
  .bnh-ses-bmi-grid {
    grid-template-columns: 1fr !important;
    gap: var(--bnh-spacing-lg) !important;
  }

  .bnh-ses-bmi-right-section {
    padding: var(--bnh-spacing-lg) !important;
  }

  .bnh-ses-bmi-modal-content {
    width: 95% !important;
    max-height: 95vh !important;
    border-radius: var(--bnh-radius-xl) !important;
  }

  .bnh-ses-bmi-wrapper {
    padding: calc(var(--bnh-spacing-xl) + 6px) var(--bnh-spacing-md)
      var(--bnh-spacing-md) !important;
  }

  .bnh-ses-bmi-title h1 {
    font-size: var(--bnh-font-size-3xl) !important;
  }

  .bnh-ses-bmi-close-btn {
    position: sticky !important;
    top: var(--bnh-spacing-sm) !important;
    right: var(--bnh-spacing-sm) !important;
  }
}

/* Extra Small Mobile - Better pill sizing */
@media (max-width: 480px) {
  .bnh-ses-profile-card {
    min-height: 420px !important;
  }

  .bnh-ses-profile-image-container {
    width: calc(100% - 30px) !important;
    min-height: 420px !important;
  }

  .bnh-ses-profile-image {
    min-height: 420px !important;
  }

  .bnh-ses-profile-info {
    gap: 5px !important;
    max-width: 165px !important;
  }

  .bnh-ses-profile-metrics {
    gap: 5px !important;
    max-width: 165px !important;
  }

  .bnh-ses-info-item {
    padding: 6px 10px !important;
    gap: 5px !important;
    min-width: 150px !important;
  }

  .bnh-ses-metric-item {
    padding: 6px 10px !important;
    gap: 5px !important;
    width: 150px !important;
    min-width: 150px !important;
  }

  .bnh-ses-info-label,
  .bnh-ses-metric-label {
    font-size: 9px !important;
  }

  .bnh-ses-info-value,
  .bnh-ses-metric-value {
    font-size: 10px !important;
  }

  .bnh-ses-product-card {
    padding: 10px !important;
    width: 150px !important;
  }

  .bnh-ses-product-card .bnh-ses-metric-label {
    font-size: 10px !important;
  }

  .bnh-ses-product-card .bnh-ses-metric-value {
    font-size: 11px !important;
  }
}