/* ============================================
   FONT FACE DECLARATIONS
   ============================================ */
@font-face {
  font-family: "Gotham";
  src: url("/v4/fonts/Gotham-Thin.otf") format("opentype");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Gotham";
  src: url("/v4/fonts/Gotham-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Gotham";
  src: url("/v4/fonts/Gotham-Medium.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Gotham";
  src: url("/v4/fonts/Gotham-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

/* ============================================
     RESET AND BASE STYLES - SCOPED TO V4 ONLY
     ============================================ */

/* Apply V4 resets only to V4 components (header, footer, and V4 pages) */
.v4_top_nav *,
.v4_main_nav *,
.v4_footer *,
.v4_hero *,
.v4_section *,
.nitro_video_section *,
.snow_video_section *,
.coffee_video_section *,
.slim_video_section *,
.travel_video_section * {
  box-sizing: border-box;
}

/* DO NOT reset html/body globally - it breaks legacy pages */

/* DO NOT override .container globally - legacy pages use it */

/* ========================================
     TOP NAVIGATION COMPONENT
     ======================================== */
.v4_top_nav {
  background-color: #2d2d2d;
  padding: 10px 0;
}

.v4_top_nav_content {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 40px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.v4_top_nav_right {
  display: flex;
  align-items: center;
  gap: 0;
}

.v4_dropdown_wrapper {
  position: relative;
}

.v4_language_dropdown,
.v4_country_dropdown {
  background: transparent;
  border: none;
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: opacity 0.2s;
  font-family: inherit;
  letter-spacing: 0.2px;
  padding-left: 10px;
}

.v4_language_dropdown {
  border: 1px solid #ffffff29;
  border-radius: 12px;
  margin-right: 6px;
  padding: 4px 8px;
}

.v4_language_dropdown:hover,
.v4_country_dropdown:hover {
  opacity: 0.8;
}

.v4_country_dropdown {
  gap: 8px;
}

.v4_flag_icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  object-fit: contain;
}

.v4_top_nav .v4_dropdown_arrow {
  width: 12px;
  height: 12px;
  margin-left: 4px;
  display: inline-block;
  transition: transform 0.2s;
  vertical-align: middle;
  flex-shrink: 0;
}

.v4_dropdown_wrapper:hover .v4_dropdown_arrow {
  transform: rotate(180deg);
}

.v4_divider_vertical {
  width: 1px;
  height: 14px;
  background-color: #4a4a4a;
  margin: 0 6px;
}

/* Dropdown Menus */
.v4_dropdown_menu {
  position: absolute;
  top: 100%;
  right: 0;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  min-width: 160px;
  padding: 6px 0;
  margin-top: 6px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: all 0.2s ease;
  z-index: 1000;
}

@media (min-width: 1024px) {
  .v4_dropdown_wrapper:hover .v4_dropdown_menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

.v4_dropdown_menu.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.v4_dropdown_menu.hide {
  opacity: 0;
  visibility: hidden;
}

.v4_language_menu {
  right: 0;
  min-width: 100px;
}

.v4_country_menu {
  right: 0;
  min-width: 180px;
}

.v4_shop_menu {
  left: 0;
  right: auto;
  min-width: 160px;
}

.v4_dropdown_item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  color: #2c2c2c;
  text-decoration: none;
  font-size: 14px;
  font-weight: 400;
  transition: background-color 0.2s;
  font-family: inherit;
  white-space: nowrap;
}

.v4_dropdown_item:hover {
  background-color: #f5f5f5;
}

.v4_dropdown_item .v4_flag_icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}

/* ============================================
     MAIN NAVIGATION COMPONENT
     ============================================ */
.v4_main_nav {
  background-color: #ffffff;
  padding: 22px 0;
  border-bottom: 1px solid #e0e0e0;
}

.v4_nav_container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.v4_nav_left {
  display: flex;
  align-items: center;
  gap: 32px;
}

.v4_nav_left .v4_dropdown_wrapper {
  position: relative;
}

.v4_nav_item {
  color: #2c2c2c;
  text-decoration: none;
  font-size: 15px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: opacity 0.2s;
  letter-spacing: 0.3px;
}

.v4_nav_item.active {
  color: #00b8a9;
}

.v4_nav_item:hover {
  opacity: 0.7;
}

.v4_nav_item.v4_dropdown {
  cursor: pointer;
}

.v4_nav_item .v4_dropdown_arrow {
  width: 12px;
  height: 12px;
  margin-left: 6px;
  display: inline-block;
  transition: transform 0.2s;
  vertical-align: middle;
  flex-shrink: 0;
}

.v4_nav_left .v4_dropdown_wrapper:hover .v4_dropdown_arrow {
  transform: rotate(180deg);
}

.v4_nav_logo {
  display: flex;
  align-items: center;
  justify-content: center;
}

.v4_logo_img {
  height: 28px;
  width: auto;
  object-fit: contain;
  display: block;
}

.v4_nav_right {
  display: flex;
  align-items: center;
  gap: 0;
}

.v4_nav_separator {
  width: 1px;
  height: 38px;
  background-color: #e0e0e0;
  margin: 0 14px;
  flex-shrink: 0;
}

.v4_btn_account {
  background-color: #00b8a9;
  color: #ffffff;
  border: none;
  padding: 11px 20px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: inherit;
  letter-spacing: 0.2px;
  box-shadow: 0px 0px 24px 0px #0abab580;
  flex-direction: row;
}

.v4_btn_account:hover {
  background-color: #009688;
  box-shadow: 0 4px 12px rgba(0, 184, 169, 0.4);
}

.v4_user_icon {
  width: 18px;
  height: 18px;
  display: block;
  object-fit: contain;
}

.v4_btn_cart {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1.5px solid #00b8a9;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  padding: 0;
}

.v4_btn_cart:hover {
  background-color: #00b8a9;
}

.v4_bag_icon {
  width: 18px;
  height: 18px;
  display: block;
  object-fit: contain;
  transition: filter 0.2s;
}

.v4_btn_cart:hover .v4_bag_icon {
  filter: brightness(0) saturate(100%) invert(100%);
}

/* ============================================
     FOOTER COMPONENT
     ============================================ */
.v4_footer {
  background-color: #e0f7fa;
  padding: 60px 0 0;
  width: 100%;
}

.v4_footer_content {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 40px 80px;
  display: grid;
  grid-template-columns:
    minmax(200px, 1fr) minmax(180px, 0.806fr) minmax(150px, 0.621fr) minmax(250px, 1.124fr);
  gap: 24px;
  align-items: start;
  justify-content: start;
}

.v4_footer_section {
  display: flex;
  flex-direction: column;
  gap: 16px;
  justify-content: start;
}

.v4_logo {
  /* font-size: 24px; */
  font-weight: 600;
  letter-spacing: -1px;
  color: #000;
  font-style: italic;
  margin: 0;
}

.v4_footer_logo {
  height: 28px;
  width: 158px;
}

.v4_footer_title {
  font-size: 22px;
  font-weight: 500;
  color: #2c2c2c;
  text-transform: none;
  letter-spacing: 0.3px;
  margin: 0 0 4px 0;
  font-family: "Gotham", sans-serif;
}

.v4_footer_links {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 0;
  padding: 0;
}

.v4_footer_links a {
  font-size: 20px;
  color: #616565;
  text-decoration: none;
  transition: color 0.2s ease;
  font-weight: 300;
  font-family: "Gotham", sans-serif;
  line-height: 1.5;
}

.v4_footer_links a:hover {
  color: #000;
}

.v4_newsletter_form {
  display: flex;
  align-items: center;
  position: relative;
  border-bottom: 1px solid #d0d0d0;
  padding-bottom: 6px;
  margin-top: 4px;
}

.v4_newsletter_input {
  flex: 1;
  border: none;
  background: transparent;
  font-size: 20px;
  color: #2c2c2c;
  outline: none;
  padding: 0;
  font-family: "Gotham", sans-serif;
  font-weight: 300;
  padding-bottom: 22px;
}

.v4_newsletter_input::placeholder {
  color: #999;
}

.v4_newsletter_btn {
  background: none;
  border: none;
  color: #2c2c2c;
  cursor: pointer;
  padding: 0;
  padding-bottom: 22px;
  margin-left: 12px;
  display: flex;
  align-items: center;
  transition: color 0.2s ease;
  flex-shrink: 0;
}

.v4_newsletter_btn svg {
  width: 22px;
  height: 22px;
  stroke: currentColor;
}

.v4_newsletter_btn:hover {
  color: #000;
}

.v4_footer_bottom {
  max-width: 1400px;
  margin: 0 auto;
  padding: 32px 40px 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #d0d0d0;
}

.v4_copyright {
  font-size: 20px;
  color: #141313;
  font-weight: 400;
  font-family: "Gotham", sans-serif;
}

.v4_social_links {
  display: flex;
  gap: 20px;
  align-items: center;
}

.v4_social_icon {
  width: 36px;
  height: 36px;
  border: 1px solid #141313;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #2c2c2c;
  transition: all 0.2s ease;
  text-decoration: none;
  background-color: transparent;
}

.v4_social_icon img {
  width: 15px;
  height: 16px;
  display: block;
  object-fit: contain;
  filter: brightness(0);
}

.v4_social_icon svg {
  width: 15px;
  height: 15px;
  display: block;
  stroke: currentColor;
  color: #2c2c2c;
}

.v4_social_icon:last-child img {
  width: 8px;
  height: 15px;
}

.v4_social_icon:hover {
  border-color: #2c2c2c;
  background-color: transparent;
}

/* Responsive Design */
@media (max-width: 1024px) {
  .v4_top_nav_content {
    padding: 0 20px;
  }

  .v4_nav_container {
    padding: 0 20px;
  }

  /* Hero Section Tablet */
  .v4_hero_carousel {
    height: 80vh;
    min-height: 600px;
    max-height: 800px;
  }

  .v4_hero_content {
    padding: 0 30px;
    max-width: 600px;
    gap: 20px;
  }

  .v4_hero_title {
    font-size: 40px;
  }

  .v4_hero_description {
    font-size: 18px;
    max-width: 500px;
  }

  .v4_hero_buttons {
    gap: 14px;
  }

  .v4_btn_shop,
  .v4_btn_explore {
    padding: 13px 28px;
    font-size: 15px;
  }

  /* Before/After Section Tablet */
  .v4_before_after_section {
    padding: 80px 20px;
  }

  .v4_before_after_content {
    max-width: 100%;
    margin-bottom: 50px;
  }

  .v4_before_after_title {
    font-size: 40px;
    max-width: 100%;
  }

  .v4_before_after_description {
    font-size: 20px;
    max-width: 100%;
  }

  .v4_before_after_image_container {
    margin-top: 36px;
  }

  /* Why Nueva Section Tablet */
  .v4_why_nueva_section {
    padding: 80px 20px;
  }

  .v4_why_nueva_content {
    padding: 0 20px;
  }

  .v4_why_nueva_title {
    font-size: 40px;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .v4_why_nueva_description {
    font-size: 20px;
    max-width: 100%;
    padding-bottom: 36px;
    padding-left: 0;
    padding-right: 0;
  }

  .v4_why_nueva_features {
    grid-template-columns: 1fr;
    gap: 48px;
    margin-bottom: 50px;
    padding: 0 20px;
  }

  .v4_feature_separator {
    display: none;
  }

  .v4_feature_card {
    padding: 0;
  }

  .v4_feature_icon_wrapper {
    width: 85px;
    height: 85px;
    margin-bottom: 20px;
  }

  .v4_feature_icon {
    width: 48px;
    height: 48px;
  }

  .v4_feature_title {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .v4_feature_description {
    font-size: 20px;
  }

  .v4_featured_products_section {
    padding: 80px 20px;
  }

  .v4_simple_start_section {
    padding: 80px 20px;
  }

  .v4_testimonials_section {
    padding: 80px 20px;
  }

  .v4_still_wondering_section {
    padding: 80px 20px;
  }

  .v4_wellness_beauty_section {
    padding: 80px 20px;
  }

  .v4_footer_content {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    padding: 0 20px 60px;
  }

  .v4_footer_bottom {
    padding: 32px 20px 60px;
  }
}

@media (max-width: 768px) {

  /* Top Navigation Mobile */
  .v4_top_nav {
    padding: 8px 0;
  }

  .v4_top_nav_content {
    padding: 0 16px;
    justify-content: center;
  }

  .v4_top_nav_right {
    gap: 4px;
  }

  .v4_language_dropdown {
    font-size: 11px;
    padding: 3px 6px;
    margin-right: 4px;
  }

  .v4_country_dropdown {
    font-size: 10px;
    padding: 3px 6px;
    gap: 4px;
  }

  .v4_country_dropdown span {
    display: none;
  }

  .v4_flag_icon {
    width: 14px;
    height: 14px;
  }

  .v4_divider_vertical {
    margin: 0 4px;
    height: 12px;
  }

  .v4_top_nav .v4_dropdown_arrow {
    width: 10px;
    height: 10px;
  }

  /* Main Navigation Mobile */
  .v4_main_nav {
    padding: 24px 0;
  }

  .v4_nav_container {
    padding: 0 16px;
    flex-wrap: wrap;
    gap: 12px;
  }

  .v4_nav_left {
    order: 1;
    width: 100%;
    justify-content: center;
    margin-bottom: 0;
    gap: 20px;
    flex-wrap: wrap;
  }

  .v4_nav_item {
    font-size: 14px;
    gap: 4px;
  }

  .v4_nav_item .v4_dropdown_arrow {
    width: 10px;
    height: 10px;
    margin-left: 4px;
  }

  .v4_nav_logo {
    order: 2;
    flex: 1;
    justify-content: flex-start;
  }

  .v4_logo_img {
    height: 24px;
  }

  .v4_nav_right {
    order: 3;
    gap: 8px;
  }

  .v4_btn_account {
    padding: 9px 16px;
    font-size: 13px;
    gap: 6px;
  }

  .v4_user_icon {
    width: 16px;
    height: 16px;
  }

  .v4_btn_cart {
    width: 38px;
    height: 38px;
  }

  .v4_bag_icon {
    width: 16px;
    height: 16px;
  }

  .v4_nav_separator {
    height: 32px;
    margin: 0 8px;
  }

  .v4_shop_menu {
    left: auto;
    right: 0;
    min-width: 140px;
  }

  /* Hero Section Carousel Mobile */
  .v4_hero_carousel {
    height: 70vh;
    min-height: 500px;
    max-height: 700px;
  }

  .v4_hero_content {
    padding: 0 20px;
    gap: 20px;
    max-width: 100%;
  }

  .v4_hero_badge {
    font-size: 11px;
    padding: 5px 14px;
  }

  .v4_hero_title {
    font-size: 32px;
    line-height: 1.25;
  }

  .v4_hero_description {
    font-size: 16px;
    max-width: 100%;
  }

  .v4_hero_buttons {
    flex-direction: column;
    width: 100%;
    max-width: 300px;
    gap: 12px;
  }

  .v4_btn_shop,
  .v4_btn_explore {
    width: 100%;
    justify-content: center;
    padding: 12px 24px;
    font-size: 15px;
  }

  .v4_hero_pagination {
    bottom: 24px;
  }

  /* Before/After Section Mobile */
  .v4_before_after_section {
    padding: 60px 20px;
  }

  .v4_before_after_content {
    margin-bottom: 40px;
    max-width: 100%;
  }

  .v4_before_after_title {
    font-size: 32px;
    max-width: 100%;
    padding-bottom: 20px;
  }

  .v4_before_after_description {
    font-size: 16px;
    margin-bottom: 32px;
  }

  .v4_btn_deserve_better {
    padding: 12px 24px;
    font-size: 15px;
  }

  .v4_before_after_image_container {
    margin-top: 32px;
  }

  .v4_before_after_image_container img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }

  /* Why Nueva Section Mobile */
  .v4_why_nueva_section {
    padding: 60px 20px;
  }

  .v4_why_nueva_content {
    padding: 0 20px;
  }

  .v4_why_nueva_title {
    font-size: 32px;
    max-width: 100%;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .v4_why_nueva_description {
    font-size: 16px;
    margin-bottom: 40px;
    max-width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .v4_why_nueva_features {
    grid-template-columns: 1fr;
    gap: 48px;
    margin-bottom: 40px;
    padding: 0 20px;
  }

  .v4_feature_separator {
    display: none;
  }

  .v4_feature_card {
    padding: 0;
    align-items: flex-start;
  }

  .v4_feature_icon_wrapper {
    width: 70px;
    height: 70px;
    margin-bottom: 20px;
    background-color: #0abab5;
    align-self: flex-start;
  }

  .v4_feature_icon {
    width: 45px;
    height: 45px;
  }

  .v4_feature_title {
    font-size: 18px;
    margin-bottom: 10px;
    text-align: left;
  }

  .v4_feature_description {
    font-size: 15px;
    text-align: left;
  }

  .v4_btn_shop_bestsellers {
    padding: 12px 24px;
    font-size: 15px;
  }

  /* Featured Products Section Mobile */
  .v4_featured_products_section {
    padding: 60px 0;
  }

  .v4_featured_products_content {
    padding: 0 20px;
  }

  /* Simple to Start Section Mobile */
  .v4_simple_start_section {
    padding: 60px 20px;
  }

  /* Testimonials Section Mobile */
  .v4_testimonials_section {
    padding: 60px 20px;
  }

  /* Social Marketer Section Mobile */
  .v4_social_marketer_section {
    padding: 40px 20px;
  }

  /* Still Wondering Section Mobile */
  .v4_still_wondering_section {
    padding: 60px 20px;
  }

  /* Wellness Beauty Section Mobile */
  .v4_wellness_beauty_section {
    padding: 60px 20px;
  }

  /* Footer Mobile */
  .v4_footer {
    padding: 40px 0 0;
  }

  .v4_footer_content {
    padding: 0 16px 40px;
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .v4_footer_section {
    gap: 12px;
  }

  .v4_footer_logo {
    height: 24px;
    width: auto;
  }

  .v4_footer_title {
    font-size: 18px;
    margin: 0 0 8px 0;
  }

  .v4_footer_links {
    gap: 8px;
  }

  .v4_footer_links a {
    font-size: 22px;
    line-height: 1.6;
  }

  .v4_newsletter_form {
    padding-bottom: 4px;
    margin-top: 8px;
  }

  .v4_newsletter_input {
    font-size: 22px;
    padding-bottom: 16px;
  }

  .v4_newsletter_btn {
    padding-bottom: 16px;
    margin-left: 8px;
  }

  .v4_newsletter_btn svg {
    width: 22px;
    height: 22px;
  }

  .v4_footer_bottom {
    padding: 24px 16px 40px;
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }

  .v4_copyright {
    font-size: 16px;
  }

  .v4_social_links {
    justify-content: center;
    gap: 16px;
  }

  .v4_social_icon {
    width: 32px;
    height: 32px;
  }

  .v4_social_icon img {
    width: 14px;
    height: 15px;
  }

  .v4_social_icon:last-child img {
    width: 7px;
    height: 14px;
  }

  /* Dropdown Menus Mobile */
  .v4_dropdown_menu {
    min-width: 140px;
    padding: 4px 0;
    margin-top: 4px;
  }

  .v4_dropdown_item {
    padding: 8px 14px;
    font-size: 13px;
    gap: 8px;
  }

  .v4_dropdown_item .v4_flag_icon {
    width: 16px;
    height: 16px;
  }

  .v4_language_menu {
    min-width: 90px;
  }

  .v4_country_menu {
    min-width: 160px;
  }
}

/* Tablet Responsive (768px - 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {

  /* Hero Section Tablet */
  .v4_hero_title {
    font-size: 40px;
  }

  .v4_hero_description {
    font-size: 18px;
  }

  .v4_hero_content {
    max-width: 650px;
  }

  /* Before/After Section Tablet */
  .v4_before_after_title {
    font-size: 36px;
  }

  .v4_before_after_description {
    font-size: 18px;
  }

  /* Why Nueva Section Tablet */
  .v4_why_nueva_title {
    font-size: 36px;
  }

  .v4_why_nueva_description {
    font-size: 18px;
  }

  .v4_product_card {
    min-width: calc(50% - 16px);
  }

  #slide_1:checked~.v4_products_container .v4_products_container_wrapper {
    transform: translateX(0%);
  }

  #slide_2:checked~.v4_products_container .v4_products_container_wrapper {
    transform: translateX(calc(-100% / 2 - 16px));
  }

  #slide_3:checked~.v4_products_container .v4_products_container_wrapper {
    transform: translateX(calc(-200% / 2 - 32px));
  }

  #slide_4:checked~.v4_products_container .v4_products_container_wrapper {
    transform: translateX(calc(-100% / 2 - 16px));
  }

  #slide_5:checked~.v4_products_container .v4_products_container_wrapper {
    transform: translateX(0%);
  }
}

@media (max-width: 480px) {

  /* Extra Small Mobile */
  .v4_top_nav_content {
    padding: 0 12px;
  }

  .v4_language_dropdown {
    font-size: 10px;
    padding: 2px 5px;
  }

  .v4_country_dropdown {
    font-size: 9px;
    padding: 2px 5px;
  }

  .v4_nav_container {
    padding: 0 12px;
  }

  .v4_nav_left {
    gap: 16px;
  }

  .v4_nav_item {
    font-size: 13px;
  }

  .v4_btn_account {
    padding: 8px 12px;
    font-size: 12px;
  }

  .v4_btn_account span {
    display: none;
  }

  .v4_btn_account {
    padding: 8px;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    justify-content: center;
  }

  .v4_nav_separator {
    margin: 0 6px;
  }

  .v4_footer_content {
    padding: 0 12px 32px;
    gap: 28px;
  }

  .v4_footer_title {
    font-size: 24px;
  }

  .v4_footer_links a {
    font-size: 22px;
  }

  .v4_newsletter_input {
    font-size: 22px;
  }

  .v4_footer_bottom {
    padding: 20px 12px 32px;
  }

  .v4_copyright {
    font-size: 14px;
  }

  /* Hero Section Carousel Extra Small Mobile */
  .v4_hero_carousel {
    height: 60vh;
    min-height: 450px;
    max-height: 600px;
  }

  .v4_hero_content {
    padding: 0 16px;
    gap: 16px;
    max-width: 100%;
  }

  .v4_hero_badge {
    font-size: 10px;
    padding: 4px 10px;
    letter-spacing: 0.8px;
  }

  .v4_hero_title {
    font-size: 28px;
    line-height: 1.3;
  }

  .v4_hero_description {
    font-size: 15px;
    max-width: 100%;
  }

  .v4_hero_buttons {
    max-width: 100%;
    gap: 10px;
  }

  .v4_btn_shop,
  .v4_btn_explore {
    padding: 11px 20px;
    font-size: 14px;
  }

  .v4_hero_pagination {
    bottom: 20px;
  }

  .v4_pagination_dot {
    width: 6px;
    height: 6px;
  }

  /* Before/After Section Extra Small Mobile */
  .v4_before_after_section {
    padding: 40px 16px;
  }

  .v4_before_after_content {
    margin-bottom: 32px;
    max-width: 100%;
  }

  .v4_before_after_title {
    font-size: 28px;
    max-width: 100%;
    padding-bottom: 18px;
    line-height: 1.25;
  }

  .v4_before_after_description {
    font-size: 15px;
    margin-bottom: 28px;
    line-height: 1.5;
  }

  .v4_btn_deserve_better {
    padding: 11px 20px;
    font-size: 14px;
  }

  .v4_before_after_image_container {
    margin-top: 28px;
  }

  /* Why Nueva Section Extra Small Mobile */
  .v4_why_nueva_section {
    padding: 40px 16px;
  }

  .v4_why_nueva_content {
    padding: 0;
  }

  .v4_why_nueva_title {
    font-size: 28px;
    max-width: 100%;
    padding-bottom: 18px;
    line-height: 1.25;
  }

  .v4_why_nueva_description {
    font-size: 15px;
    margin-bottom: 32px;
    max-width: 100%;
    line-height: 1.5;
    padding-bottom: 0;
  }

  .v4_why_nueva_features {
    grid-template-columns: 1fr;
    gap: 40px;
    margin-bottom: 32px;
    padding: 0 20px;
  }

  .v4_feature_separator {
    display: none;
  }

  .v4_feature_card {
    padding: 0;
    align-items: flex-start;
  }

  .v4_feature_icon_wrapper {
    width: 65px;
    height: 65px;
    margin-bottom: 18px;
    background-color: #0abab5;
    align-self: flex-start;
  }

  .v4_feature_icon {
    width: 40px;
    height: 40px;
  }

  .v4_feature_title {
    font-size: 17px;
    margin-bottom: 8px;
    text-align: left;
    line-height: 1.3;
  }

  .v4_feature_description {
    font-size: 14px;
    text-align: left;
    line-height: 1.4;
  }

  .v4_btn_shop_bestsellers {
    padding: 11px 20px;
    font-size: 14px;
  }

  /* Ensure all images are responsive */
  img {
    max-width: 100%;
    height: auto;
  }

  /* Better touch targets for mobile */
  .v4_btn_shop,
  .v4_btn_explore,
  .v4_btn_deserve_better,
  .v4_btn_shop_bestsellers,
  .v4_btn_social_marketer,
  .v4_btn_shop_now,
  .v4_btn_join_nueva {
    min-height: 44px;
    min-width: 44px;
  }

  /* Better spacing for mobile */
  .v4_hero_content {
    gap: 18px;
  }

  .v4_simple_start_features {
    gap: 24px;
  }

  /* Touch-friendly interactions */
  .v4_btn_shop,
  .v4_btn_explore,
  .v4_btn_deserve_better,
  .v4_btn_shop_bestsellers,
  .v4_btn_social_marketer,
  .v4_btn_shop_now,
  .v4_btn_join_nueva,
  .v4_btn_account,
  .v4_btn_cart {
    -webkit-tap-highlight-color: rgba(0, 184, 169, 0.2);
  }

  /* Prevent text size adjustment on iOS */
  input,
  select,
  textarea {
    font-size: 16px;
  }
}

/* Additional responsive utilities */
@media (max-width: 640px) {

  /* Ensure all containers don't overflow */
  .v4_hero_carousel,
  .v4_before_after_section,
  .v4_why_nueva_section,
  .v4_featured_products_section,
  .v4_simple_start_section,
  .v4_testimonials_section,
  .v4_social_marketer_section,
  .v4_still_wondering_section,
  .v4_wellness_beauty_section {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  /* Hero Section Small Mobile */
  .v4_hero_carousel {
    height: 65vh;
    min-height: 480px;
    max-height: 650px;
  }

  .v4_hero_content {
    padding: 0 18px;
  }

  .v4_hero_title {
    font-size: 32px;
  }

  .v4_hero_description {
    font-size: 16px;
  }

  /* Before/After Section Small Mobile */
  .v4_before_after_section {
    padding: 50px 18px;
  }

  .v4_before_after_title {
    font-size: 32px;
  }

  .v4_before_after_description {
    font-size: 16px;
  }

  /* Why Nueva Section Small Mobile */
  .v4_why_nueva_section {
    padding: 50px 18px;
  }

  .v4_why_nueva_title {
    font-size: 32px;
  }

  .v4_why_nueva_description {
    font-size: 16px;
  }

  .v4_why_nueva_features {
    grid-template-columns: 1fr;
    gap: 40px;
    margin-bottom: 32px;
    padding: 0 20px;
  }

  .v4_feature_separator {
    display: none;
  }

  .v4_feature_card {
    padding: 0;
    align-items: flex-start;
  }

  .v4_feature_icon_wrapper {
    width: 65px;
    height: 65px;
    margin-bottom: 18px;
  }

  .v4_feature_icon {
    width: 40px;
    height: 40px;
  }

  .v4_feature_title {
    font-size: 17px;
    margin-bottom: 8px;
  }

  .v4_feature_description {
    font-size: 14px;
  }

  /* Better image scaling */
  .v4_before_after_image_container img,
  .v4_social_marketer_image img,
  .v4_product_image {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
}

.v4_fill_black {
  color: #000000;
}

.v4_fill_black svg {
  stroke: #000000;
}

.v4_fill_white {
  fill: #ffffff;
}

.v4_fill_white svg {
  stroke: #ffffff;
}

/* ============================================
     HERO SECTION CAROUSEL COMPONENT
     ============================================ */
.v4_hero_carousel {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 700px;
  max-height: 900px;
  overflow: hidden;
}

.v4_hero_slides {
  position: relative;
  width: 100%;
  height: 100%;
  animation: v4_slideShow 25s infinite;
}

.v4_hero_slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/hero_section.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}

.v4_hero_slide.v4_slide_1 {
  animation: v4_fadeInOut 25s infinite 0s;
}

.v4_hero_slide.v4_slide_2 {
  animation: v4_fadeInOut 25s infinite 5s;
}

.v4_hero_slide.v4_slide_3 {
  animation: v4_fadeInOut 25s infinite 10s;
}

.v4_hero_slide.v4_slide_4 {
  animation: v4_fadeInOut 25s infinite 15s;
}

.v4_hero_slide.v4_slide_5 {
  animation: v4_fadeInOut 25s infinite 20s;
}

@keyframes v4_fadeInOut {
  0% {
    opacity: 0;
  }

  4% {
    opacity: 1;
  }

  20% {
    opacity: 1;
  }

  24% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.v4_hero_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.v4_hero_content {
  position: relative;
  z-index: 2;
  max-width: 670px;
  text-align: center;
  color: #ffffff !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 0 40px;
}

.v4_hero_badge {
  background-color: #ffffff;
  color: #000000;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.v4_hero_title {
  font-size: 54px;
  font-weight: 600;
  line-height: 1.2;
  margin: 0;
  letter-spacing: -0.5px;
  font-family: "Gotham", sans-serif;
  color: #ffffff !important;
}

.v4_hero_description {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  margin: 0;
  max-width: 550px;
  opacity: 0.95;
  font-family: "Gotham", sans-serif;
  color: #ffffff !important;
}

.v4_hero_buttons {
  display: flex;
  gap: 16px;
  margin-top: 8px;
  flex-wrap: wrap;
  justify-content: center;
}

.v4_btn_shop {
  background-color: #00b8a9;
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 12px;
  text-decoration: none;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
  font-family: "Gotham", sans-serif;
  box-shadow: 0px 0px 24px 0px #0abab580;
}

.v4_btn_shop:hover {
  background-color: #009688;
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.v4_btn_shop svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
}

.v4_btn_explore {
  border: 1px solid #ffffff29;
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 12px;
  backdrop-filter: blur(7px);
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.3s ease;
  font-family: "Gotham", sans-serif;
}

.v4_btn_explore:hover {
  background-color: #4e342e;
  transform: translateY(-2px);
}

.v4_hero_pagination {
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 3;
}

.v4_pagination_dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: all 0.3s ease;
}

.v4_pagination_dot.v4_dot_1 {
  animation: v4_dotActive 25s infinite 0s;
}

.v4_pagination_dot.v4_dot_2 {
  animation: v4_dotActive 25s infinite 5s;
}

.v4_pagination_dot.v4_dot_3 {
  animation: v4_dotActive 25s infinite 10s;
}

.v4_pagination_dot.v4_dot_4 {
  animation: v4_dotActive 25s infinite 15s;
}

.v4_pagination_dot.v4_dot_5 {
  animation: v4_dotActive 25s infinite 20s;
}

@keyframes v4_dotActive {
  0% {
    background-color: rgba(255, 255, 255, 0.4);
    width: 8px;
    height: 8px;
  }

  4% {
    background-color: #ffffff;
    width: 10px;
    height: 10px;
  }

  20% {
    background-color: #ffffff;
    width: 10px;
    height: 10px;
  }

  24% {
    background-color: rgba(255, 255, 255, 0.4);
    width: 8px;
    height: 8px;
  }

  100% {
    background-color: rgba(255, 255, 255, 0.4);
    width: 8px;
    height: 8px;
  }
}

/* ============================================
     BEFORE/AFTER SECTION COMPONENT
     ============================================ */
.v4_before_after_section {
  background-color: #ffffff;
  padding: 120px 40px;
  max-width: 1400px;
  margin: 0 auto;
}

.v4_before_after_content {
  text-align: center;
  margin-bottom: 60px;
  max-width: 726px;
  margin-left: auto;
  margin-right: auto;
}

.v4_before_after_title {
  font-size: 48px;
  font-weight: 500;
  color: #2c2c2c;
  max-width: 480px;
  margin: auto;
  padding-bottom: 24px;
  line-height: 1.2;
  font-family: "Gotham", sans-serif;
  letter-spacing: 0px;
}

.v4_before_after_description {
  font-size: 22px;
  font-weight: 300;
  color: #616565;
  line-height: 1.6;
  margin: 0 0 42px 0;
  font-family: "Gotham", sans-serif;
}

.v4_btn_deserve_better {
  background-color: #00b8a9;
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 12px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
  font-family: "Gotham", sans-serif;
  letter-spacing: 1px;
  box-shadow: 0px 0px 24px 0px #0abab580;
}

.v4_btn_deserve_better:hover {
  background-color: #009688;
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.v4_btn_deserve_better svg {
  width: 24px;
  height: 24px;
  stroke: currentColor;
}

.v4_before_after_image_container {
  width: 100%;
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.v4_before_after_image_container img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
  max-width: 100%;
  object-fit: contain;
}

/* ============================================
     WHY NUEVA SECTION COMPONENT
     ============================================ */
.v4_why_nueva_section {
  background-color: #ffffff;
  padding: 120px 0px;
  max-width: 1400px;
  margin: 0 auto;
}

.v4_why_nueva_content {
  /* max-width: 1200px; */
  margin: 0 auto;
  text-align: center;
  padding: 0 20px;
}

.v4_why_nueva_title {
  font-size: 48px;
  font-weight: 500;
  color: #2c2c2c;
  max-width: 536px;
  margin: auto;
  padding-bottom: 24px;
  line-height: 1.2;
  font-family: "Gotham", sans-serif;
  letter-spacing: 0px;
}

.v4_why_nueva_description {
  font-size: 22px;
  font-weight: 300;
  color: #616565;
  max-width: 740px;
  line-height: 1.6;
  margin: auto;
  padding-bottom: 42px;
  font-family: "Gotham", sans-serif;
}

.v4_why_nueva_features {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  gap: 0;
  margin-bottom: 60px;
  align-items: start;
  /* max-width: 1200px; */
  margin-left: auto;
  margin-right: auto;
}

.v4_feature_card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  padding: 0 24px;
}

.v4_feature_separator {
  width: 1px;
  background-color: #e0e0e0;
  align-self: stretch;
  min-height: 280px;
  margin: 0;
  position: relative;
}

.v4_feature_separator::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 40px;
  background-color: #0abab5;
}

.v4_feature_icon_wrapper {
  width: 96px;
  height: 96px;
  background-color: #0abab5;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  align-self: flex-start;
}

.v4_feature_icon {
  width: 52px;
  height: 52px;
  object-fit: contain;
}

.v4_feature_title {
  font-size: 24px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0 0 12px 0;
  line-height: 1.3;
  font-family: "Gotham", sans-serif;
  width: 100%;
  text-align: left;
}

.v4_feature_description {
  font-size: 22px;
  font-weight: 300;
  color: #696868;
  line-height: 1.5;
  margin: 0;
  font-family: "Gotham", sans-serif;
  width: 100%;
  text-align: left;
}

.v4_btn_shop_bestsellers {
  background-color: #00b8a9;
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 12px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
  font-family: "Gotham", sans-serif;
  letter-spacing: 1px;
  box-shadow: 0px 0px 24px 0px #0abab580;
}

.v4_btn_shop_bestsellers:hover {
  background-color: #009688;
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.v4_btn_shop_bestsellers svg {
  width: 24px;
  height: 24px;
  stroke: currentColor;
}

/* Search Button */
.v4_btn_search {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1.5px solid #00b8a9;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  padding: 0;
  color: #00b8a9;
}

.v4_btn_search:hover {
  background-color: #00b8a9;
  color: #ffffff;
}

.v4_btn_search svg {
  width: 18px;
  height: 18px;
  display: block;
}

.v4_btn_join_now {
  background-color: #00b8a9;
  color: #ffffff;
  padding: 10px 24px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  font-family: "Gotham", sans-serif;
  display: inline-block;
  margin-right: 12px;
}

.v4_btn_join_now:hover {
  background-color: #009688;
  transform: translateY(-1px);
}

/* ============================================
     EVENT DETAILS SECTION COMPONENT
     ============================================ */
.v4_event_details_section {
  background-color: #ffffff;
  padding: 60px 40px;
  max-width: 1400px;
  margin: 0 auto;
}

.v4_event_details_container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: start;
}

/* Event Gallery */
.v4_event_gallery {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.v4_main_image_wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 8px;
  background-color: #f5f5f5;
}

.v4_main_image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.v4_gallery_nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #00b8a9;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  z-index: 2;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 184, 169, 0.3);
}

.v4_gallery_nav:hover {
  background-color: #009688;
  box-shadow: 0 4px 12px rgba(0, 184, 169, 0.4);
}

.v4_gallery_nav svg {
  width: 24px;
  height: 24px;
  stroke: currentColor;
}

.v4_gallery_nav_left {
  left: 16px;
}

.v4_gallery_nav_right {
  right: 16px;
}

.v4_thumbnail_gallery {
  display: flex;
  gap: 12px;
  justify-content: flex-start;
  overflow-x: auto;
  padding-bottom: 4px;
}

.v4_thumbnail {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  overflow: hidden;
  border: 2px solid transparent;
  background: none;
  cursor: pointer;
  padding: 0;
  transition: all 0.2s;
  flex-shrink: 0;
}

.v4_thumbnail:hover {
  border-color: #00b8a9;
}

.v4_thumbnail.active {
  border-color: #00b8a9;
}

.v4_thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Event Information */
.v4_event_info {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.v4_event_title {
  font-size: 48px;
  font-weight: 500;
  color: #2c2c2c;
  line-height: 1.2;
  margin: 0;
  font-family: "Gotham", sans-serif;
  letter-spacing: -0.5px;
}

.v4_event_price {
  font-size: 24px;
  font-weight: 600;
  color: #2c2c2c;
  font-family: "Gotham", sans-serif;
}

.v4_event_details_list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.v4_event_detail_item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 22px;
  color: #121212;
  font-weight: 400;
  font-family: "Gotham", sans-serif;
}

.v4_detail_icon {
  width: 16px;
  height: 16px;
  color: #fff;
  background-color: #00b8a9;
  border-radius: 7px;
  flex-shrink: 0;
  padding: 4px;
  display: inline-block;
  box-sizing: content-box;
}

.v4_quantity_selector {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.v4_quantity_label {
  font-size: 14px;
  font-weight: 500;
  color: #2c2c2c;
  font-family: "Gotham", sans-serif;
}

.v4_quantity_select {
  width: 100%;
  /* max-width: 120px; */
  padding: 12px 16px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  font-size: 16px;
  font-family: "Gotham", sans-serif;
  color: #2c2c2c;
  background-color: #ffffff;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%232c2c2c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px;
  padding-right: 40px;
}

.v4_quantity_select:focus {
  outline: none;
  border-color: #00b8a9;
}

.v4_btn_buy_tickets {
  background-color: #00b8a9;
  color: #ffffff;
  border: none;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: "Gotham", sans-serif;
  letter-spacing: 0.5px;
  box-shadow: 0px 0px 24px 0px #0abab580;
  width: 100%;
  /* max-width: 300px; */
}

.v4_btn_buy_tickets:hover {
  background-color: #009688;
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.v4_event_description {
  font-size: 22px;
  font-weight: 300;
  color: #616565;
  line-height: 1.6;
  margin: 0;
  font-family: "Gotham", sans-serif;
}

/* ============================================
     FAQ HERO SECTION COMPONENT
     ============================================ */
.v4_faq_hero {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("../images/hero_section.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.v4_faq_hero_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.v4_faq_hero_content {
  position: relative;
  z-index: 2;
  text-align: center;
}

.v4_faq_hero_title {
  font-size: 56px;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  font-family: "Gotham", sans-serif;
  letter-spacing: -0.5px;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* ============================================
     FAQ SECTION COMPONENT
     ============================================ */
.v4_faq_section {
  background-color: #ffffff;
  padding: 60px 40px;
  max-width: 1400px;
  margin: 0 auto;
}

.v4_event_detail_faq_section {
  padding: 60px 240px;
  background-color: #ffffff;
  max-width: 1400px;
  margin: 0 auto;
}

.v4_event_detail_faq_title {
  font-size: 48px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0 0 60px 0;
  font-family: "Gotham", sans-serif;
  letter-spacing: -0.5px;
  text-align: center;
}

.v4_faq_title {
  font-size: 48px;
  font-weight: 700;
  color: #2c2c2c;
  margin: 0 0 60px 0;
  font-family: "Gotham", sans-serif;
  letter-spacing: -0.5px;
}

.v4_faq_container {
  /* max-width: 900px; */
  margin: 0 auto;
}

.v4_faq_item {
  border-bottom: 1px solid #e0e0e0;
  transition: all 0.3s ease;
}

.v4_faq_item:first-child {
  border-top: none;
}

.v4_faq_item:last-child {
  border-bottom: none;
}

.v4_faq_item.active {
  border-bottom-color: #e0e0e0;
}

.v4_faq_question_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 0;
  width: 100%;
}

.v4_faq_question {
  flex: 1;
  background-color: transparent;
  border: none;
  text-align: left;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.v4_faq_question:hover {
  background-color: transparent;
}

.v4_faq_question_text {
  font-size: 18px;
  font-weight: 500;
  color: #2c2c2c;
  font-family: "Gotham", sans-serif;
  flex: 1;
}

.v4_faq_toggle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #00b8a9;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  flex-shrink: 0;
  transition: all 0.2s;
  margin-left: 16px;
  padding: 0;
}

.v4_faq_toggle:hover {
  background-color: #009688;
}

.v4_faq_toggle svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  stroke-width: 2;
  transition: transform 0.3s;
}

.v4_faq_item.active .v4_faq_toggle svg {
  transform: rotate(45deg);
}

.v4_faq_answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding: 0;
}

.v4_faq_item.active .v4_faq_answer {
  max-height: 500px;
  padding: 0 0 24px 0;
}

.v4_faq_answer p {
  font-size: 16px;
  font-weight: 400;
  color: #616565;
  line-height: 1.6;
  margin: 0;
  font-family: "Gotham", sans-serif;
  text-align: left;
}

.v4_btn_view_more_wrapper {
  text-align: center;
  margin-top: 40px;
}

.v4_btn_view_more {
  background-color: #00b8a9;
  color: #ffffff;
  border: none;
  padding: 14px 32px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: "Gotham", sans-serif;
  letter-spacing: 0.5px;
  box-shadow: 0px 0px 24px 0px #0abab580;
  display: inline-flex;
  text-align: center;
  align-items: center;
  gap: 8px;
}

.v4_btn_view_more:hover {
  background-color: #009688;
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.v4_btn_view_more svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
}

/* Event Details Responsive */
@media (max-width: 1024px) {
  .v4_event_details_container {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .v4_event_gallery {
    max-width: 600px;
    margin: 0 auto;
  }

  .v4_faq_section {
    padding: 60px 40px;
  }

  .v4_faq_title {
    font-size: 40px;
  }

  .v4_event_detail_faq_section {
    padding: 60px 40px;
  }

  .v4_event_detail_faq_title {
    font-size: 40px;
    margin-bottom: 50px;
  }
}

@media (max-width: 768px) {
  .v4_event_details_section {
    padding: 40px 20px;
  }

  .v4_event_details_container {
    gap: 32px;
  }

  .v4_event_title {
    font-size: 28px;
  }

  .v4_event_price {
    font-size: 28px;
  }

  .v4_thumbnail_gallery {
    gap: 8px;
  }

  .v4_thumbnail {
    width: 60px;
    height: 60px;
  }

  .v4_gallery_nav {
    width: 40px;
    height: 40px;
  }

  .v4_gallery_nav svg {
    width: 20px;
    height: 20px;
  }

  .v4_gallery_nav_left {
    left: 12px;
  }

  .v4_gallery_nav_right {
    right: 12px;
  }

  .v4_faq_hero {
    height: 300px;
  }

  .v4_faq_hero_title {
    font-size: 40px;
    padding: 0 20px;
  }

  .v4_faq_section {
    padding: 40px 20px;
  }

  .v4_faq_title {
    font-size: 32px;
    margin-bottom: 40px;
  }

  .v4_faq_question_wrapper {
    padding: 20px 0;
  }

  .v4_faq_question_text {
    font-size: 16px;
  }

  .v4_faq_toggle {
    width: 28px;
    height: 28px;
    margin-left: 12px;
  }

  .v4_faq_toggle svg {
    width: 18px;
    height: 18px;
  }

  .v4_faq_answer {
    padding: 0;
  }

  .v4_faq_item.active .v4_faq_answer {
    padding: 0 0 20px 0;
  }

  .v4_btn_view_more {
    padding: 12px 24px;
    font-size: 15px;
  }

  /* Event Details FAQ Responsive */
  .v4_event_detail_faq_section {
    padding: 50px 20px;
  }

  .v4_event_detail_faq_title {
    font-size: 32px;
    margin-bottom: 40px;
  }

  .v4_faq_item .v4_faq_question_wrapper {
    padding: 20px 0;
  }

  .v4_faq_item .v4_faq_question_text {
    font-size: 16px;
    line-height: 1.4;
  }

  .v4_faq_item .v4_faq_toggle {
    width: 28px;
    height: 28px;
    margin-left: 12px;
    flex-shrink: 0;
  }

  .v4_faq_item .v4_faq_toggle svg {
    width: 18px;
    height: 18px;
  }

  .v4_faq_item .v4_faq_answer p {
    font-size: 15px;
  }

  .v4_faq_item.active .v4_faq_answer {
    padding: 0 0 20px 0;
  }

  .v4_btn_view_more_wrapper {
    margin-top: 32px;
  }

  .v4_btn_view_more {
    padding: 12px 24px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .v4_event_details_section {
    padding: 32px 16px;
  }

  .v4_event_title {
    font-size: 24px;
  }

  .v4_event_price {
    font-size: 24px;
  }

  .v4_event_detail_item {
    font-size: 14px;
  }

  .v4_thumbnail {
    width: 50px;
    height: 50px;
  }

  .v4_faq_hero {
    height: 250px;
  }

  .v4_faq_hero_title {
    font-size: 32px;
    padding: 0 16px;
  }

  .v4_faq_section {
    padding: 32px 16px;
  }

  .v4_faq_title {
    font-size: 28px;
  }

  .v4_faq_question_wrapper {
    padding: 16px 0;
  }

  .v4_faq_question_text {
    font-size: 14px;
  }

  .v4_faq_toggle {
    width: 24px;
    height: 24px;
    margin-left: 8px;
  }

  .v4_faq_toggle svg {
    width: 16px;
    height: 16px;
  }
}

/* ============================================
     EVENTS PAGE COMPONENT
     ============================================ */
.v4_events_hero {
  position: relative;
  width: 100%;
  height: 600px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.v4_events_hero_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.v4_events_hero_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.v4_events_hero_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
}

.v4_events_hero_content {
  position: relative;
  z-index: 3;
  text-align: center;
}

.v4_events_hero_title {
  font-size: 72px;
  font-weight: 500;
  color: #ffffff;
  margin: 0;
  font-family: "Gotham", sans-serif;
  letter-spacing: -1px;
  text-transform: uppercase;
}

/* Events Listing Section */
.v4_events_listing_section {
  background-color: #ffffff;
  padding: 100px 40px;
  width: 100%;
}

.v4_events_container {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 60px;
}

.v4_event_card {
  display: grid;
  grid-template-columns: 430px 1fr 200px;
  gap: 40px;
  align-items: center;
  padding: 0;
}

.v4_event_image_wrapper {
  width: 432px;
  height: 295px;
  overflow: hidden;
  border-radius: 12px;
  flex-shrink: 0;
}

.v4_event_image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.v4_event_content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  padding-top: 0;
  justify-content: center;
}

.v4_event_card_title {
  font-size: 48px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
  font-family: "Gotham", sans-serif;
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.v4_event_card_price {
  font-size: 24px;
  font-weight: 500;
  color: #2c2c2c;
  font-family: "Gotham", sans-serif;
  margin: 0;
}

.v4_btn_buy_tickets_card {
  background: linear-gradient(135deg, #0abab5 0%, #00d4cc 100%);
  color: #ffffff;
  border: none;
  padding: 14px 28px;
  font-size: 16px;
  font-weight: 500;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: "Gotham", sans-serif;
  display: flex;
  align-items: center;
  gap: 8px;
  letter-spacing: 0.3px;
  box-shadow: 0px 0px 24px 0px #0abab580;
  margin-top: 8px;
}

.v4_btn_buy_tickets_card:hover {
  background: linear-gradient(135deg, #00d4cc 0%, #0abab5 100%);
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.v4_btn_buy_tickets_card svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  flex-shrink: 0;
}

.v4_event_date_box {
  background-color: #b8e6e3;
  border-radius: 24px;
  padding: 20px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 300px;
  width: 200px;
  flex-shrink: 0;
  align-self: start;
}

.v4_event_date_text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 4px;
}

.v4_event_month,
.v4_event_year {
  font-size: 18px;
  font-weight: 500;
  color: #2c2c2c;
  font-family: "Gotham", sans-serif;
  line-height: 1.2;
  display: block;
}

/* Responsive Styles for Events Page */
@media (max-width: 1200px) {
  .v4_event_card {
    grid-template-columns: 250px 1fr 180px;
    gap: 30px;
  }

  .v4_event_image_wrapper {
    width: 250px;
    height: 250px;
  }

  .v4_event_date_box {
    width: 180px;
    height: 250px;
    border-radius: 20px;
  }
}

@media (max-width: 968px) {
  .v4_events_hero_title {
    font-size: 48px;
  }

  .v4_events_listing_section {
    padding: 60px 30px;
  }

  .v4_event_card {
    grid-template-columns: 1fr;
    gap: 30px;
    text-align: left;
  }

  .v4_event_image_wrapper {
    width: 100%;
    max-width: 400px;
    height: 400px;
    margin: 0 auto;
  }

  .v4_event_content {
    align-items: flex-start;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }

  .v4_event_date_box {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    height: 120px;
    border-radius: 20px;
  }
}

@media (max-width: 768px) {
  .v4_events_listing_section {
    padding: 50px 20px;
  }

  .v4_events_hero {
    height: 400px;
  }

  .v4_events_hero_title {
    font-size: 42px;
  }

  .v4_event_card_title {
    font-size: 36px;
  }

  .v4_event_card_price {
    font-size: 20px;
  }

  .v4_event_image_wrapper {
    height: 350px;
  }

  .v4_event_date_box {
    height: 100px;
    border-radius: 18px;
  }
}

@media (max-width: 640px) {
  .v4_events_listing_section {
    padding: 40px 20px;
  }

  .v4_events_hero {
    height: 350px;
  }

  .v4_events_hero_title {
    font-size: 36px;
  }

  .v4_event_card {
    gap: 24px;
  }

  .v4_event_card_title {
    font-size: 32px;
  }

  .v4_event_card_price {
    font-size: 20px;
  }

  .v4_event_image_wrapper {
    height: 300px;
    max-width: 100%;
  }

  .v4_btn_buy_tickets_card {
    padding: 12px 24px;
    font-size: 15px;
    width: 100%;
    justify-content: center;
  }

  .v4_event_date_box {
    height: 80px;
    padding: 16px;
    border-radius: 16px;
  }

  .v4_event_date_text {
    font-size: 16px;
  }

  .v4_event_month,
  .v4_event_year {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .v4_events_hero {
    height: 300px;
  }

  .v4_events_hero_title {
    font-size: 32px;
  }

  .v4_event_card_title {
    font-size: 22px;
  }

  .v4_event_image_wrapper {
    height: 280px;
  }
}

/* ============================================
     FEATURED PRODUCTS SECTION COMPONENT
     ============================================ */
.v4_featured_products_section {
  background-color: #ffffff;
  padding: 120px 0;
  max-width: 1400px;
  margin: 0 auto;
}

.v4_featured_products_content {
  /* max-width: 1200px; */
  margin: 0 auto;
  padding: 0px 40px;
}

.v4_featured_products_title {
  font-size: 48px;
  font-weight: 500;
  color: #2c2c2c;
  text-align: center;
  margin-bottom: 24px;
  line-height: 1.2;
  font-family: "Gotham", sans-serif;
  letter-spacing: 0px;
}

.v4_featured_products_description {
  font-size: 22px;
  font-weight: 300;
  color: #616565;
  text-align: center;
  max-width: 740px;
  margin: 0 auto 40px;
  line-height: 1.6;
  font-family: "Gotham", sans-serif;
}

.v4_trust_badges {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
  margin-bottom: 60px;
  flex-wrap: wrap;
}

.v4_trust_badge {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 8px 16px;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  background-color: #ffffff;
  font-size: 14px !important;
  font-weight: 400;
  color: #2c2c2c;
  font-family: "Gotham", sans-serif;
  width: 150px;
  flex-shrink: 0;
  position: relative;
}

.v4_trust_badge span {
  font-size: 14px !important;
  font-weight: 400;
  font-family: "Gotham", sans-serif;
  color: #2c2c2c;
}

.v4_trust_badge:not(:last-child)::after {
  content: "";
  position: absolute;
  right: -18px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 95%;
  background-color: #e0e0e0;
}

.v4_trust_icon_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 35px;
  height: 35px;
}

.v4_trust_icon {
  width: 35px !important;
  height: 35px !important;
  object-fit: contain;
}

.v4_products_carousel {
  position: relative;
}

.v4_carousel_radio {
  display: none;
}

.v4_products_container {
  overflow: hidden;
  position: relative;
  margin-bottom: 40px;
}

.v4_products_container_wrapper {
  display: flex;
  gap: 32px;
  transition: transform 0.5s ease;
  will-change: transform;
}

.v4_products_container_wrapper_standard {
  display: flex;
  gap: 32px;
  transition: transform 0.5s ease;
  will-change: transform;
}

@media (max-width: 768px) {
  .v4_products_container_wrapper_standard {
    width: 100%;
    display: block;
  }
}

.v4_product_card {
  min-width: calc(33.333% - 22px);
  flex-shrink: 0;
}

/* Carousel positioning based on checked radio - showing 3 cards at a time */
/* Each slide moves by one card width: (100% / 3) accounting for gap */
#slide_1:checked~.v4_products_container .v4_products_container_wrapper {
  transform: translateX(0%);
}

#slide_2:checked~.v4_products_container .v4_products_container_wrapper {
  transform: translateX(calc(-100% / 3 - 10.67px));
}

#slide_3:checked~.v4_products_container .v4_products_container_wrapper {
  transform: translateX(calc(-200% / 3 - 21.33px));
}

#slide_4:checked~.v4_products_container .v4_products_container_wrapper {
  transform: translateX(calc(-100% / 3 - 10.67px));
}

#slide_5:checked~.v4_products_container .v4_products_container_wrapper {
  transform: translateX(0%);
}

.v4_product_card {
  background-color: transparent;
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.3s ease;
  cursor: pointer;
  position: relative;
}

.v4_product_card:hover {
  transform: translateY(-4px);
}

.v4_product_tag {
  position: absolute;
  top: 42px;
  left: 42px;
  background-color: #ffffff;
  color: #2c2c2c;
  border: 1px solid #e0e0e0;
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 400;
  font-family: "Gotham", sans-serif;
  z-index: 2;
  letter-spacing: 0.2px;
}

.v4_product_image_wrapper {
  position: relative;
  width: 100%;
  height: 790px;
  overflow: hidden;
  background-color: #f8f8f8;
  border-radius: 20px;
}

.v4_product_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.v4_product_image_wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top,
      rgba(0, 0, 0, 0.8) 0%,
      rgba(0, 0, 0, 0.5) 40%,
      rgba(0, 0, 0, 0.3) 70%,
      rgba(0, 0, 0, 0.2) 100%);
  z-index: 1;
  pointer-events: none;
}

.v4_product_content_overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 42px;
  z-index: 2;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.v4_product_card:hover .v4_product_content_overlay {
  transform: translateY(-120px);
}

.v4_product_name {
  font-size: 24px;
  font-weight: 500;
  color: #ffffff;
  margin: 0 0 8px 0;
  line-height: 1.3;
  font-family: "Gotham", sans-serif;
}

.v4_product_card:hover .v4_product_name {
  display: none;
}

.v4_product_description {
  font-size: 20px;
  font-weight: 300;
  color: #ffffff;
  margin: 0;
  line-height: 1.5;
  font-family: "Gotham", sans-serif;
  transition: opacity 0.3s ease;
}

.v4_product_card:hover .v4_product_description {
  opacity: 0;
}

.v4_product_hover_content {
  position: absolute;
  left: 42px;
  bottom: 42px;
  z-index: 3;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.4s ease 0.2s, transform 0.4s ease 0.2s;
  pointer-events: none;
  max-width: 500px;
}

.v4_product_card:hover .v4_product_hover_content {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.v4_product_hover_name {
  font-size: 24px;
  font-weight: 500;
  color: #ffffff;
  margin: 0 0 16px 0;
  line-height: 1.3;
  font-family: "Gotham", sans-serif;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.4s ease 0.2s, transform 0.4s ease 0.2s;
}

.v4_product_card:hover .v4_product_hover_name {
  opacity: 1;
  transform: translateY(0);
}

.v4_product_hover_description {
  font-size: 20px;
  font-weight: 300;
  max-width: 340px;
  color: #ffffff;
  margin: 0 0 24px 0;
  line-height: 1.5;
  font-family: "Gotham", sans-serif;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.4s ease 0.3s, transform 0.4s ease 0.3s;
}

.v4_product_card:hover .v4_product_hover_description {
  opacity: 1;
  transform: translateY(0);
}

.v4_product_cta_button {
  background-color: #00ced1;
  color: #ffffff;
  border: none;
  padding: 6px 8px 6px 20px;
  border-radius: 30px;
  font-size: 16px;
  font-weight: 500;
  font-family: "Gotham", sans-serif;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.4s ease 0.4s, transform 0.4s ease 0.4s,
    background-color 0.3s ease;
  position: relative;
}

.v4_product_card:hover .v4_product_cta_button {
  opacity: 1;
  transform: translateY(0);
}

.v4_product_cta_button:hover {
  background-color: #00b8c0;
  transform: translateY(-2px);
}

.v4_button_text {
  color: #ffffff;
  white-space: nowrap;
}

.v4_arrow_icon {
  font-size: 16px;
  transition: transform 0.3s ease;
  background-color: #ffffff;
  color: #00ced1;
  border-radius: 50%;
  height: 44px;
  width: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 1;
  font-weight: 600;
  margin-left: auto;
}

.v4_product_cta_button:hover .v4_arrow_icon {
  transform: translateX(2px);
}

.v4_products_navigation {
  display: none;
}

@media (max-width: 768px) {
  .v4_products_navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
  }
}

.v4_products_pagination {
  display: flex;
  gap: 8px;
  align-items: center;
}

.v4_product_dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #d0d0d0;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-block;
}

/* Active dot based on checked radio */
#slide_1:checked~.v4_products_container .v4_products_container_wrapper {
  transform: translateX(0%);
}

#slide_2:checked~.v4_products_container .v4_products_container_wrapper {
  transform: translateX(calc(-100% / 3 - 10.67px));
}

#slide_3:checked~.v4_products_container .v4_products_container_wrapper {
  transform: translateX(calc(-200% / 3 - 21.33px));
}

#slide_4:checked~.v4_products_container .v4_products_container_wrapper {
  transform: translateX(calc(-300% / 3 - 32px));
}

#slide_5:checked~.v4_products_container .v4_products_container_wrapper {
  transform: translateX(calc(-400% / 3 - 42.67px));
}

.v4_products_arrows {
  display: flex;
  gap: 12px;
}

.v4_carousel_arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #0abab5;
  border: none;
  color: #ffffff;
  cursor: pointer;
  display: none;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease, transform 0.2s ease;
  padding: 0;
}

/* Show appropriate arrows based on checked radio */
/* Show appropriate arrows based on checked radio */
/* Previous arrows - shown when on the NEXT slide to go back */
#slide_1:checked~.v4_products_navigation .v4_arrow_prev_5,
#slide_2:checked~.v4_products_navigation .v4_arrow_prev_1,
#slide_3:checked~.v4_products_navigation .v4_arrow_prev_2,
#slide_4:checked~.v4_products_navigation .v4_arrow_prev_3,
#slide_5:checked~.v4_products_navigation .v4_arrow_prev_4,
/* Next arrows - shown when on current slide to go forward */
#slide_1:checked~.v4_products_navigation .v4_arrow_next_1,
#slide_2:checked~.v4_products_navigation .v4_arrow_next_2,
#slide_3:checked~.v4_products_navigation .v4_arrow_next_3,
#slide_4:checked~.v4_products_navigation .v4_arrow_next_4,
#slide_5:checked~.v4_products_navigation .v4_arrow_next_5 {
  display: flex;
}

/* Active dot based on checked radio */
#slide_1:checked~.v4_products_navigation .v4_products_pagination label[for="slide_1"],
#slide_2:checked~.v4_products_navigation .v4_products_pagination label[for="slide_2"],
#slide_3:checked~.v4_products_navigation .v4_products_pagination label[for="slide_3"],
#slide_4:checked~.v4_products_navigation .v4_products_pagination label[for="slide_4"],
#slide_5:checked~.v4_products_navigation .v4_products_pagination label[for="slide_5"] {
  width: 10px;
  height: 10px;
  background-color: #2c2c2c;
}


.v4_carousel_arrow:hover {
  background-color: #089a96;
  transform: scale(1.05);
}

.v4_carousel_arrow:active {
  transform: scale(0.95);
}

.v4_carousel_arrow svg {
  width: 20px;
  height: 20px;
  stroke-width: 2.5;
}

/* Tablet Breakpoint (968px) */
@media (max-width: 968px) {

  /* Hero Section Tablet */
  .v4_hero_title {
    font-size: 36px;
  }

  .v4_hero_description {
    font-size: 18px;
  }

  /* Before/After Section Tablet */
  .v4_before_after_title {
    font-size: 36px;
  }

  .v4_before_after_description {
    font-size: 18px;
  }

  /* Why Nueva Section Tablet */
  .v4_why_nueva_content {
    padding: 0 20px;
  }

  .v4_why_nueva_title {
    font-size: 36px;
    padding-left: 0;
    padding-right: 0;
  }

  .v4_why_nueva_description {
    font-size: 18px;
    padding-left: 0;
    padding-right: 0;
  }

  .v4_why_nueva_features {
    grid-template-columns: 1fr;
    gap: 48px;
    padding: 0 20px;
  }

  .v4_feature_separator {
    display: none;
  }

  .v4_feature_card {
    padding: 0;
  }

  /* Featured Products Section Mobile */
  .v4_featured_products_section {
    padding: 80px 0;
  }

  .v4_featured_products_content {
    padding: 0 20px;
  }

  .v4_featured_products_title {
    font-size: 36px;
  }

  .v4_featured_products_description {
    font-size: 18px;
    margin-bottom: 32px;
  }

  .v4_trust_badges {
    gap: 16px;
    margin-bottom: 40px;
  }

  .v4_trust_badge {
    padding: 6px 12px;
    font-size: 13px;
    width: auto;
    min-width: 140px;
  }

  .v4_trust_icon_wrapper {
    width: 28px;
    height: 28px;
  }

  .v4_trust_icon {
    width: 16px;
    height: 16px;
  }

  .v4_products_container {
    margin-bottom: 32px;
  }

  .v4_products_container_wrapper {
    gap: 24px;
  }

  .v4_product_card {
    min-width: 100%;
  }

  /* Mobile carousel positioning - show 1 card at a time */
  #slide_1:checked~.v4_products_container .v4_products_container_wrapper {
    transform: translateX(0%);
  }

  #slide_2:checked~.v4_products_container .v4_products_container_wrapper {
    transform: translateX(-100%);
  }

  #slide_3:checked~.v4_products_container .v4_products_container_wrapper {
    transform: translateX(-200%);
  }

  #slide_4:checked~.v4_products_container .v4_products_container_wrapper {
    transform: translateX(-300%);
  }

  #slide_5:checked~.v4_products_container .v4_products_container_wrapper {
    transform: translateX(-400%);
  }

  .v4_product_image_wrapper {
    height: 500px;
  }

  .v4_product_content_overlay {
    padding: 20px 16px;
  }

  .v4_product_name {
    font-size: 28px;
    margin: 0 0 6px 0;
  }

  .v4_product_description {
    font-size: 15px;
    margin: 0;
  }

  .v4_product_card:hover .v4_product_content_overlay {
    transform: translateY(-100px);
  }

  .v4_product_hover_content {
    left: 20px;
    bottom: calc(20px + 100px);
    max-width: calc(100% - 40px);
  }

  .v4_product_hover_name {
    font-size: 28px;
    margin: 0 0 12px 0;
  }

  .v4_product_hover_description {
    font-size: 15px;
    margin: 0 0 20px 0;
  }

  .v4_product_cta_button {
    padding: 12px 24px;
    font-size: 14px;
  }

  .v4_products_navigation {
    flex-direction: column;
    gap: 20px;
    align-items: center;
  }

  .v4_products_pagination {
    order: 2;
  }

  .v4_products_arrows {
    order: 1;
  }
}

@media (max-width: 640px) {
  .v4_featured_products_section {
    padding: 60px 0;
  }

  .v4_featured_products_title {
    font-size: 32px;
  }

  .v4_featured_products_description {
    font-size: 16px;
  }

  .v4_trust_badges {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .v4_trust_badge {
    justify-content: center;
    width: 100%;
  }

  .v4_trust_badge:not(:last-child)::after {
    display: none;
  }

  .v4_product_image_wrapper {
    height: 400px;
  }

  .v4_product_content_overlay {
    padding: 16px;
  }

  .v4_product_name {
    font-size: 24px;
  }

  .v4_product_description {
    font-size: 14px;
  }
}

/* ============================================
     SIMPLE TO START SECTION COMPONENT
     ============================================ */
.v4_simple_start_section {
  background-color: #ffffff;
  padding: 120px 40px;
  max-width: 1400px;
  margin: 0 auto;
}

.v4_simple_start_content {
  /* max-width: 1200px; */
  margin: 0 auto;
  text-align: center;
}

.v4_simple_start_title {
  font-size: 48px;
  font-weight: 500;
  max-width: 460px;
  margin: auto;
  color: #2c2c2c;
  text-align: center;
  margin-bottom: 24px;
  line-height: 1.2;
  font-family: "Gotham", sans-serif;
  letter-spacing: 0px;
}

.v4_simple_start_description {
  font-size: 22px;
  font-weight: 300;
  color: #616565;
  text-align: center;
  max-width: 740px;
  margin: 0 auto 40px;
  line-height: 1.6;
  font-family: "Gotham", sans-serif;
}

.v4_simple_start_features {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  flex-wrap: nowrap;
  /* max-width: 1100px; */
  margin: 0 auto;
}

.v4_simple_feature_card {
  flex: 1 1 0;
  min-width: 0;
  max-width: 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0 20px;
}

.v4_simple_feature_icon {
  width: 228px;
  height: 228px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.v4_simple_icon_img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.v4_simple_feature_title {
  font-size: 24px;
  font-weight: 500;
  color: #2c2c2c;
  margin-bottom: 8px;
  font-family: "Gotham", sans-serif;
  letter-spacing: -0.2px;
  line-height: 1.3;
}

.v4_simple_feature_description {
  font-size: 22px;
  font-weight: 300;
  color: #616565;
  line-height: 1.5;
  margin: 0;
}

.v4_simple_arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  height: 46px;
  align-self: flex-start;
  margin-top: 130px;
}

.v4_arrow_img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Simple to Start Section - Tablet */
@media (max-width: 968px) {
  .v4_simple_start_section {
    padding: 80px 20px;
  }

  .v4_simple_start_title {
    font-size: 36px;
  }

  .v4_simple_start_description {
    font-size: 18px;
    margin-bottom: 32px;
  }

  .v4_simple_start_features {
    gap: 16px;
    flex-wrap: wrap;
  }

  .v4_simple_feature_card {
    min-width: 220px;
    max-width: 260px;
    flex: 0 1 auto;
  }

  .v4_simple_arrow {
    transform: rotate(90deg);
    margin: -20px 0;
    width: 46px;
    height: 150px;
    align-self: center;
    margin-top: 0;
  }

  .v4_arrow_img {
    width: 100%;
    height: 100%;
  }
}

/* Simple to Start Section - Mobile */
@media (max-width: 640px) {
  .v4_simple_start_section {
    padding: 60px 20px;
  }

  .v4_simple_start_title {
    font-size: 32px;
    margin-bottom: 24px;
  }

  .v4_simple_start_description {
    font-size: 16px;
    margin-bottom: 40px;
  }

  .v4_simple_start_features {
    flex-direction: column;
    gap: 30px;
    align-items: center;
  }

  .v4_simple_feature_card {
    min-width: 100%;
    max-width: 100%;
  }

  .v4_simple_feature_number {
    width: 36px;
    height: 36px;
    font-size: 18px;
    margin-bottom: 16px;
  }

  .v4_simple_feature_icon {
    width: 100px;
    height: 100px;
    margin-bottom: 16px;
  }

  .v4_simple_feature_title {
    font-size: 20px;
    margin-bottom: 8px;
  }

  .v4_simple_feature_description {
    font-size: 16px;
  }

  .v4_simple_arrow {
    transform: rotate(90deg);
    margin: -15px 0;
    width: 46px;
    height: 120px;
    align-self: center;
    margin-top: 0;
  }

  .v4_arrow_img {
    width: 100%;
    height: 100%;
  }
}

/* ============================================
     TESTIMONIALS CAROUSEL SECTION COMPONENT
     ============================================ */
.v4_testimonials_section {
  background-color: #ffffff;
  padding: 120px 40px;
  max-width: 1400px;
  margin: 0 auto;
}

.v4_testimonials_carousel {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}

.v4_testimonial_radio {
  display: none;
}

.v4_testimonials_container {
  overflow: hidden;
  position: relative;
  margin-bottom: 40px;
}

.v4_testimonials_wrapper {
  display: flex;
  transition: transform 0.5s ease;
  will-change: transform;
}

.v4_testimonial_slide {
  min-width: 100%;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}

.v4_testimonial_content {
  text-align: center;
  padding: 60px 40px;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  box-sizing: border-box;
}

.v4_testimonial_stars {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-bottom: 32px;
}

.v4_testimonial_stars svg {
  width: 28px;
  height: 28px;
  flex-shrink: 0;
}

.v4_testimonial_text {
  font-size: 48px;
  font-weight: 500;
  color: #000000;
  text-align: center;
  line-height: 1.4;
  margin: 0 0 32px 0;
  font-family: "Gotham", sans-serif;
  letter-spacing: -0.3px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 0;
  display: block;
}

.v4_testimonial_flag {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
}

.v4_testimonial_flag_icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}

.v4_testimonial_name {
  font-size: 16px;
  font-weight: 700;
  color: #000000;
  text-align: center;
  margin: 0;
  font-family: "Gotham", sans-serif;
  letter-spacing: 0.5px;
}

.v4_testimonials_pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 20px;
}

.v4_testimonial_dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #d3d3d3;
  cursor: pointer;
  transition: background-color 0.3s ease;
  display: block;
}

/* Active dot styling */
#testimonial_1:checked~.v4_testimonials_pagination .v4_testimonial_dot:nth-child(1),
#testimonial_2:checked~.v4_testimonials_pagination .v4_testimonial_dot:nth-child(2),
#testimonial_3:checked~.v4_testimonials_pagination .v4_testimonial_dot:nth-child(3),
#testimonial_4:checked~.v4_testimonials_pagination .v4_testimonial_dot:nth-child(4),
#testimonial_5:checked~.v4_testimonials_pagination .v4_testimonial_dot:nth-child(5) {
  background-color: #000000;
}

/* Carousel positioning */
#testimonial_1:checked~.v4_testimonials_container .v4_testimonials_wrapper {
  transform: translateX(0%);
}

#testimonial_2:checked~.v4_testimonials_container .v4_testimonials_wrapper {
  transform: translateX(-100%);
}

#testimonial_3:checked~.v4_testimonials_container .v4_testimonials_wrapper {
  transform: translateX(-200%);
}

#testimonial_4:checked~.v4_testimonials_container .v4_testimonials_wrapper {
  transform: translateX(-300%);
}

#testimonial_5:checked~.v4_testimonials_container .v4_testimonials_wrapper {
  transform: translateX(-400%);
}

/* Testimonials Section - Large Tablet */
@media (max-width: 1024px) and (min-width: 769px) {
  .v4_testimonials_section {
    padding: 90px 30px;
  }

  .v4_testimonial_content {
    padding: 55px 35px;
    max-width: 900px;
  }

  .v4_testimonial_stars svg {
    width: 26px;
    height: 26px;
  }

  .v4_testimonial_text {
    font-size: 38px;
    line-height: 1.35;
  }

  .v4_testimonial_flag_icon {
    width: 46px;
    height: 46px;
  }
}

/* Testimonials Section - Tablet */
@media (max-width: 968px) {
  .v4_testimonials_section {
    padding: 80px 20px;
  }

  .v4_testimonials_carousel {
    max-width: 100%;
  }

  .v4_testimonial_content {
    padding: 50px 30px;
    max-width: 800px;
  }

  .v4_testimonial_stars {
    gap: 6px;
    margin-bottom: 28px;
  }

  .v4_testimonial_stars svg {
    width: 22px;
    height: 22px;
  }

  .v4_testimonial_text {
    font-size: 32px;
    line-height: 1.3;
    margin: 0 0 28px 0;
  }

  .v4_testimonial_flag {
    margin-bottom: 14px;
  }

  .v4_testimonial_flag_icon {
    width: 42px;
    height: 42px;
  }

  .v4_testimonial_name {
    font-size: 15px;
  }

  .v4_testimonials_pagination {
    margin-top: 24px;
  }
}

/* Testimonials Section - Mobile */
@media (max-width: 640px) {
  .v4_testimonials_section {
    padding: 60px 16px;
  }

  .v4_testimonials_carousel {
    max-width: 100%;
  }

  .v4_testimonials_container {
    margin-bottom: 32px;
  }

  .v4_testimonial_content {
    padding: 40px 20px;
    max-width: 100%;
  }

  .v4_testimonial_stars {
    gap: 4px;
    margin-bottom: 24px;
  }

  .v4_testimonial_stars svg {
    width: 18px;
    height: 18px;
  }

  .v4_testimonial_text {
    font-size: 22px;
    line-height: 1.35;
    margin: 0 0 24px 0;
    padding: 0 8px;
  }

  .v4_testimonial_text br {
    display: block;
  }

  .v4_testimonial_flag {
    margin-bottom: 12px;
  }

  .v4_testimonial_flag_icon {
    width: 36px;
    height: 36px;
  }

  .v4_testimonial_name {
    font-size: 13px;
    letter-spacing: 0.3px;
  }

  .v4_testimonials_pagination {
    margin-top: 20px;
    gap: 6px;
  }

  .v4_testimonial_dot {
    width: 8px;
    height: 8px;
  }
}

/* Testimonials Section - Small Mobile */
@media (max-width: 480px) {
  .v4_testimonials_section {
    padding: 50px 12px;
  }

  .v4_testimonial_content {
    padding: 32px 16px;
  }

  .v4_testimonial_stars {
    gap: 3px;
    margin-bottom: 20px;
  }

  .v4_testimonial_stars svg {
    width: 16px;
    height: 16px;
  }

  .v4_testimonial_text {
    font-size: 20px;
    line-height: 1.4;
    margin: 0 0 20px 0;
    padding: 0;
  }

  .v4_testimonial_flag {
    margin-bottom: 10px;
  }

  .v4_testimonial_flag_icon {
    width: 32px;
    height: 32px;
  }

  .v4_testimonial_name {
    font-size: 12px;
  }

  .v4_testimonials_pagination {
    margin-top: 16px;
    gap: 5px;
  }

  .v4_testimonial_dot {
    width: 7px;
    height: 7px;
  }
}

/* Ensure proper spacing on all devices */
.v4_testimonials_container {
  width: 100%;
  overflow: hidden;
}

/* Better text rendering on mobile */
@media (max-width: 640px) {
  .v4_testimonial_text {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

/* ============================================
     SOCIAL MARKETER SECTION COMPONENT
     ============================================ */
.v4_social_marketer_section {
  background-color: #ffffff;
  padding: 40px;
  max-width: 1400px;
  margin: 0 auto;
}

.v4_social_marketer_container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 600px;
  border-radius: 16px;
  overflow: hidden;
}

.v4_social_marketer_content {
  background-color: #d4f4f0;
  padding: 80px 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 42px;
}

.v4_social_marketer_title {
  font-size: 48px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
  text-align: center;
  line-height: 1.2;
  font-family: "Gotham", sans-serif;
  letter-spacing: -0.5px;
}

.v4_social_marketer_text {
  font-size: 22px;
  font-weight: 300;
  color: #616565;
  line-height: 1.6;
  text-align: center;
  margin: 0;
  font-family: "Gotham", sans-serif;
}

.v4_btn_social_marketer {
  background: linear-gradient(90deg, #0abab5 0%, #00b8a9 100%);
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 12px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
  font-family: "Gotham", sans-serif;
  letter-spacing: 0.3px;
  width: fit-content;
  margin-top: 8px;
  box-shadow: 0px 0px 24px 0px #0abab580;
  align-self: center;
}

.v4_btn_social_marketer:hover {
  background: linear-gradient(90deg, #00b8a9 0%, #009688 100%);
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.v4_btn_social_marketer svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  stroke-width: 2;
  flex-shrink: 0;
}

.v4_social_marketer_image {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.v4_social_marketer_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Social Marketer Section - Tablet */
@media (max-width: 968px) {
  .v4_social_marketer_section {
    padding: 30px 20px;
  }

  .v4_social_marketer_container {
    grid-template-columns: 1fr;
    min-height: auto;
    border-radius: 12px;
  }

  .v4_social_marketer_content {
    padding: 60px 40px;
    order: 2;
  }

  .v4_social_marketer_title {
    font-size: 36px;
  }

  .v4_social_marketer_text {
    font-size: 16px;
  }

  .v4_social_marketer_image {
    order: 1;
    min-height: 400px;
  }
}

/* Social Marketer Section - Mobile */
@media (max-width: 640px) {
  .v4_social_marketer_section {
    padding: 20px 16px;
  }

  .v4_social_marketer_container {
    border-radius: 12px;
  }

  .v4_social_marketer_content {
    padding: 40px 24px;
  }

  .v4_social_marketer_title {
    font-size: 32px;
  }

  .v4_social_marketer_text {
    font-size: 15px;
  }

  .v4_btn_social_marketer {
    padding: 12px 24px;
    font-size: 15px;
    width: 100%;
    justify-content: center;
  }

  .v4_social_marketer_image {
    min-height: 300px;
  }
}

/* ============================================
     STILL WONDERING SECTION COMPONENT
     ============================================ */
.v4_still_wondering_section {
  background-color: #ffffff;
  padding: 120px 40px;
  max-width: 1400px;
  margin: 0 auto;
}

.v4_still_wondering_content {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.v4_still_wondering_title {
  font-size: 48px;
  font-weight: 500;
  max-width: 600px;
  margin: auto;
  color: #2c2c2c;
  text-align: center;
  margin-bottom: 24px;
  line-height: 1.2;
  font-family: "Gotham", sans-serif;
  letter-spacing: 0px;
}

.v4_still_wondering_intro {
  font-size: 22px;
  font-weight: 300;
  max-width: 480px;
  margin: auto;
  color: #616565;
  padding: 0 0 60px 0;
  line-height: 1.6;
  font-family: "Gotham", sans-serif;
}

.v4_still_wondering_border_top,
.v4_still_wondering_border_bottom {
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
  margin: 0 auto;
}

.v4_still_wondering_features {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr;
  gap: 0;
  align-items: start;
}

.v4_still_wondering_card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 80px 32px;
}

.v4_still_wondering_icon_wrapper {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px;
}

.v4_still_wondering_icon {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.v4_still_wondering_card_title {
  font-size: 24px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0 0 16px 0;
  line-height: 1.3;
  font-family: "Gotham", sans-serif;
}

.v4_still_wondering_card_description {
  font-size: 22px;
  font-weight: 300;
  color: #616565;
  line-height: 1.5;
  margin: 0;
  font-family: "Gotham", sans-serif;
}

.v4_still_wondering_separator {
  width: 1px;
  background-color: #e0e0e0;
  align-self: stretch;
  min-height: 200px;
  margin: 0;
}

/* Still Wondering Section - Tablet */
@media (max-width: 968px) {
  .v4_still_wondering_section {
    padding: 80px 20px;
  }

  .v4_still_wondering_title {
    font-size: 36px;
  }

  .v4_still_wondering_intro {
    font-size: 18px;
    margin-bottom: 40px;
  }

  .v4_still_wondering_border_top {
    margin-bottom: 40px;
  }

  .v4_still_wondering_border_bottom {
    margin-top: 40px;
  }

  .v4_still_wondering_features {
    grid-template-columns: 1fr auto 1fr;
    gap: 0;
  }

  .v4_still_wondering_separator:nth-child(4) {
    display: none;
  }

  .v4_still_wondering_card {
    padding: 0 24px;
  }

  .v4_still_wondering_icon_wrapper {
    width: 90px;
    height: 90px;
    margin-bottom: 24px;
  }

  .v4_still_wondering_card_title {
    font-size: 22px;
  }

  .v4_still_wondering_card_description {
    font-size: 16px;
  }
}

/* Still Wondering Section - Mobile */
@media (max-width: 640px) {
  .v4_still_wondering_section {
    padding: 60px 20px;
  }

  .v4_still_wondering_title {
    font-size: 32px;
    margin-bottom: 20px;
  }

  .v4_still_wondering_intro {
    font-size: 16px;
    margin-bottom: 32px;
  }

  .v4_still_wondering_features_wrapper {
    padding: 32px 0;
  }

  .v4_still_wondering_border_top {
    margin-bottom: 32px;
  }

  .v4_still_wondering_border_bottom {
    margin-top: 32px;
  }

  .v4_still_wondering_features {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .v4_still_wondering_separator {
    display: none;
  }

  .v4_still_wondering_card {
    padding: 0;
  }

  .v4_still_wondering_icon_wrapper {
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
  }

  .v4_still_wondering_card_title {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .v4_still_wondering_card_description {
    font-size: 15px;
  }
}

/* ============================================
     WELLNESS BEAUTY LIFESTYLE SECTION COMPONENT
     ============================================ */
.v4_wellness_beauty_section {
  background-color: #ffffff;
  padding: 120px 40px;
  max-width: 1400px;
  margin: 0 auto;
}

.v4_wellness_beauty_content {
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.v4_wellness_beauty_title {
  font-size: 48px;
  font-weight: 500;
  max-width: 660px;
  margin: 0 auto 24px;
  color: #2c2c2c;
  text-align: center;
  line-height: 1.2;
  font-family: "Gotham", sans-serif;
  letter-spacing: 0px;
}

.v4_wellness_beauty_description {
  font-size: 22px;
  font-weight: 300;
  color: #616565;
  text-align: center;
  max-width: 800px;
  margin: 0 auto 40px;
  line-height: 1.6;
  font-family: "Gotham", sans-serif;
}

.v4_wellness_beauty_buttons {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 8px;
}

.v4_btn_shop_now {
  background: linear-gradient(180deg, #0abab5 0%, #00b8a9 100%);
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 12px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
  font-family: "Gotham", sans-serif;
  letter-spacing: 0.3px;
  box-shadow: 0px 0px 24px 0px #0abab580;
}

.v4_btn_shop_now:hover {
  background: linear-gradient(180deg, #00b8a9 0%, #009688 100%);
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.v4_btn_shop_now svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  stroke-width: 2;
  flex-shrink: 0;
}

.v4_btn_join_nueva {
  background-color: #ffffff;
  color: #00b8a9;
  border: 1.5px solid #00b8a9;
  padding: 14px 32px;
  border-radius: 12px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  font-family: "Gotham", sans-serif;
  letter-spacing: 0.3px;
}

.v4_btn_join_nueva:hover {
  background-color: #00b8a9;
  color: #ffffff;
  transform: translateY(-2px);
}

/* Wellness Beauty Lifestyle Section Mobile */
@media (max-width: 968px) {
  .v4_wellness_beauty_section {
    padding: 80px 20px;
  }

  .v4_wellness_beauty_content {
    gap: 24px;
  }

  .v4_wellness_beauty_title {
    font-size: 36px;
  }

  .v4_wellness_beauty_description {
    font-size: 18px;
    margin-bottom: 32px;
  }

  .v4_wellness_beauty_buttons {
    flex-direction: column;
    width: 100%;
    max-width: 400px;
  }

  .v4_btn_shop_now,
  .v4_btn_join_nueva {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 640px) {
  .v4_wellness_beauty_section {
    padding: 60px 20px;
  }

  .v4_wellness_beauty_content {
    gap: 20px;
  }

  .v4_wellness_beauty_title {
    font-size: 32px;
    margin-bottom: 24px;
  }

  .v4_wellness_beauty_description {
    font-size: 16px;
    margin-bottom: 40px;
  }

  .v4_wellness_beauty_buttons {
    gap: 12px;
  }

  .v4_btn_shop_now,
  .v4_btn_join_nueva {
    padding: 12px 24px;
    font-size: 15px;
  }
}

/* ============================================
     SIGN UP MODAL COMPONENT
     ============================================ */
.v4_modal_toggle {
  display: none;
}

/* Prevent body scroll when modal is open */
.v4_modal_toggle:checked+.v4_modal_overlay {
  position: fixed;
}

/* Modern browsers with :has() support - prevent body scroll */
html:has(#modal_toggle:checked) {
  overflow: hidden !important;
  height: 100% !important;
  position: fixed !important;
  width: 100% !important;
}

body:has(#modal_toggle:checked) {
  overflow: hidden !important;
  height: 100% !important;
  position: fixed !important;
  width: 100% !important;
}

/* Fallback: Use overlay to prevent scroll interaction */
.v4_modal_toggle:checked+.v4_modal_overlay {
  overflow: hidden;
  touch-action: none;
}

.v4_modal_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  cursor: pointer;
  overflow: hidden;
}

.v4_modal_toggle:checked+.v4_modal_overlay {
  opacity: 1;
  visibility: visible;
}

.v4_modal_container {
  position: relative;
  width: 90%;
  max-width: 500px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
  transform: scale(0.9);
  transition: transform 0.3s ease;
  z-index: 3;
  cursor: default;
  pointer-events: none;
  margin: 20px;
  padding: 20px;
}

.v4_modal_container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("../images/modal_bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: blur(2px);
  z-index: 1;
  border-radius: 20px;
}

.v4_modal_container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.85);
  z-index: 2;
  border-radius: 20px;
}

.v4_modal_content {
  pointer-events: auto;
  position: relative;
  z-index: 3;
  /* padding: 48px 40px; */
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  margin: 20px;
}

.v4_modal_toggle:checked+.v4_modal_overlay .v4_modal_container {
  transform: scale(1);
}

.v4_modal_title {
  font-size: 32px;
  font-weight: 700;
  color: #2c2c2c;
  text-align: center;
  margin: 0;
  line-height: 1.3;
  font-family: "Gotham", sans-serif;
  letter-spacing: -0.5px;
}

.v4_modal_subtitle {
  font-size: 16px;
  font-weight: 300;
  color: #616565;
  text-align: center;
  margin: 0;
  line-height: 1.5;
  font-family: "Gotham", sans-serif;
}

.v4_contact_radio {
  display: none;
}

.v4_modal_selector {
  display: flex;
  gap: 0;
  background-color: transparent;
  border-radius: 8px;
  overflow: hidden;
  width: 100%;
  border: 1px solid #00b8a9;
  position: relative;
}

.v4_selector_option {
  flex: 1;
  padding: 12px 24px;
  border: none;
  background-color: #ffffff;
  color: #00b8a9;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: "Gotham", sans-serif;
  border-right: 1px solid #00b8a9;
  text-align: center;
  display: inline-block;
}

.v4_selector_sms {
  border-right: none;
}

#email_type:checked~.v4_modal_selector .v4_selector_email {
  background-color: #00b8a9;
  color: #ffffff;
}

#sms_type:checked~.v4_modal_selector .v4_selector_sms {
  background-color: #00b8a9;
  color: #ffffff;
}

.v4_selector_option:hover {
  background-color: #f0f9f8;
}

#email_type:checked~.v4_modal_selector .v4_selector_email:hover,
#sms_type:checked~.v4_modal_selector .v4_selector_sms:hover {
  background-color: #00b8a9;
}

.v4_modal_input_wrapper {
  width: 100%;
  position: relative;
}

.v4_modal_input {
  width: 100%;
  padding: 14px 16px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  font-size: 16px;
  font-family: "Gotham", sans-serif;
  color: #2c2c2c;
  background-color: #ffffff;
  transition: border-color 0.3s ease;
  box-sizing: border-box;
}

.v4_modal_input:focus {
  outline: none;
  border-color: #00b8a9;
}

.v4_modal_input::placeholder {
  color: #999999;
  font-weight: 300;
}

.v4_phone_input {
  display: none;
}

#sms_type:checked~.v4_modal_input_wrapper .v4_phone_input {
  display: block;
}

#sms_type:checked~.v4_modal_input_wrapper .v4_email_input {
  display: none;
}

#email_type:checked~.v4_modal_input_wrapper .v4_email_input {
  display: block;
}

#email_type:checked~.v4_modal_input_wrapper .v4_phone_input {
  display: none;
}

.v4_modal_consent {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
}

.v4_consent_checkbox {
  width: 18px;
  height: 18px;
  margin-top: 2px;
  cursor: pointer;
  flex-shrink: 0;
  accent-color: #00b8a9;
}

.v4_consent_label {
  font-size: 12px;
  font-weight: 300;
  color: #616565;
  line-height: 1.5;
  font-family: "Gotham", sans-serif;
  cursor: pointer;
  flex: 1;
}

.v4_consent_link {
  color: #00b8a9;
  text-decoration: underline;
  font-weight: 400;
  transition: color 0.2s ease;
}

.v4_consent_link:hover {
  color: #009688;
}

.v4_modal_submit_btn {
  width: 100%;
  padding: 14px 32px;
  background-color: #00b8a9;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: "Gotham", sans-serif;
  letter-spacing: 0.5px;
  box-shadow: 0px 0px 24px 0px #0abab580;
}

.v4_modal_submit_btn:hover {
  background-color: #009688;
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.v4_modal_skip {
  background: none;
  border: none;
  color: #00b8a9;
  font-size: 14px;
  font-weight: 400;
  cursor: pointer;
  padding: 8px 0;
  transition: color 0.2s ease;
  font-family: "Gotham", sans-serif;
  text-decoration: none;
}

.v4_modal_skip:hover {
  color: #009688;
  text-decoration: underline;
}

/* Modal Responsive */
@media (max-width: 640px) {
  .v4_modal_container {
    width: 95%;
    max-width: 100%;
    margin: 20px;
  }

  .v4_modal_content {
    padding: 36px 24px;
    gap: 20px;
  }

  .v4_modal_title {
    font-size: 28px;
  }

  .v4_modal_subtitle {
    font-size: 14px;
  }

  .v4_selector_option {
    padding: 10px 16px;
    font-size: 13px;
  }

  .v4_modal_input {
    padding: 12px 14px;
    font-size: 15px;
  }

  .v4_consent_label {
    font-size: 11px;
  }

  .v4_modal_submit_btn {
    padding: 12px 24px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {
  .v4_modal_content {
    padding: 32px 20px;
    gap: 18px;
  }

  .v4_modal_title {
    font-size: 24px;
  }

  .v4_modal_subtitle {
    font-size: 13px;
  }
}

/* ============================================
     OPPORTUNITY PAGE STYLES
     ============================================ */

/* Hero Section */
.v4_opp_hero_section {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 700px;
  max-height: 900px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("../images/event_image3.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.v4_opp_hero_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.v4_opp_hero_content {
  position: relative;
  z-index: 2;
  max-width: 800px;
  text-align: center;
  color: #ffffff;
  padding: 0 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.v4_opp_hero_title {
  font-size: 64px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
  letter-spacing: -1px;
  font-family: "Gotham", sans-serif;
}

.v4_opp_hero_description {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.6;
  margin: 0;
  max-width: 596px;
  opacity: 0.95;
  font-family: "Gotham", sans-serif;
}

.v4_opp_hero_description_second {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.6;
  margin: 0;
  max-width: 612px;
  opacity: 0.95;
  font-family: "Gotham", sans-serif;
}

.v4_opp_hero_buttons {
  display: flex;
  gap: 16px;
  margin-top: 8px;
  flex-wrap: wrap;
  justify-content: center;
}

.v4_btn_opp_get_started {
  background-color: #00b8a9;
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 12px;
  text-decoration: none;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
  font-family: "Gotham", sans-serif;
  box-shadow: 0px 0px 24px 0px #0abab580;
}

.v4_btn_opp_get_started:hover {
  background-color: #009688;
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.v4_btn_opp_get_started svg {
  width: 20px;
  height: 20px;
}

.v4_btn_opp_how_it_works {
  background-color: transparent;
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 12px;
  text-decoration: none;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  transition: all 0.3s ease;
  font-family: "Gotham", sans-serif;
  border: 1px solid rgba(255, 255, 255, 0.8);
}

.v4_btn_opp_how_it_works:hover {
  background-color: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}

/* Keep old class names for backward compatibility */
.v4_btn_opp_learn_more {
  background-color: #00b8a9;
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 12px;
  text-decoration: none;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
  font-family: "Gotham", sans-serif;
  box-shadow: 0px 0px 24px 0px #0abab580;
}

.v4_btn_opp_learn_more:hover {
  background-color: #009688;
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.v4_btn_opp_learn_more svg {
  width: 20px;
  height: 20px;
}

.v4_btn_opp_join_now {
  background-color: transparent;
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 12px;
  text-decoration: none;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
  transition: all 0.3s ease;
  font-family: "Gotham", sans-serif;
  border: 1px solid rgba(255, 255, 255, 0.8);
}

.v4_btn_opp_join_now:hover {
  background-color: rgba(255, 255, 255, 0.1);
  transform: translateY(-2px);
}

/* Visionaries Section */
.v4_opp_visionaries_section {
  background-color: #ffffff;
  padding: 120px 40px;
  width: 100%;
}

.v4_opp_visionaries_container {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  padding: 0 40px;
  align-items: center;
}

.v4_opp_visionaries_content {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.v4_opp_visionaries_title {
  font-size: 48px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
  line-height: 1.2;
  letter-spacing: -0.5px;
  font-family: "Gotham", sans-serif;
}

.v4_opp_visionaries_intro {
  font-size: 24px;
  font-weight: 400;
  color: #2c2c2c;
  line-height: 1.6;
  margin: 0;
  font-family: "Gotham", sans-serif;
}

.v4_opp_visionaries_list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.v4_opp_visionaries_list li {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.v4_opp_checkmark {
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  margin-top: 0;
  display: block;
}

.v4_opp_visionaries_list li span {
  font-size: 22px;
  font-weight: 300;
  color: #2c2c2c;
  line-height: 1.6;
  font-family: "Gotham", sans-serif;
}

.v4_btn_opp_learn_more_inline {
  background-color: #00b8a9;
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 12px;
  text-decoration: none;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  transition: all 0.3s ease;
  font-family: "Gotham", sans-serif;
  box-shadow: 0px 0px 24px 0px #0abab580;
  margin-top: 8px;
}

.v4_btn_opp_learn_more_inline:hover {
  background-color: #009688;
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.v4_btn_opp_learn_more_inline svg {
  width: 20px;
  height: 20px;
}

.v4_opp_visionaries_image {
  width: 100%;
  height: auto;
  max-height: 718px;
  border-radius: 12px;
  overflow: hidden;
}

.v4_opp_visionaries_image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 42px;
}

/* Pillars Section */
.v4_opp_pillars_section {
  background-color: #ffffff;
  padding: 120px 0px;
  max-width: 1400px;
  margin: 0 auto;
}

.v4_opp_pillars_content {
  margin: 0 auto;
  text-align: center;
  padding: 0 20px;
}

.v4_opp_pillars_title {
  font-size: 48px;
  font-weight: 500;
  color: #2c2c2c;
  max-width: 630px;
  margin: auto;
  padding-bottom: 24px;
  line-height: 1.2;
  font-family: "Gotham", sans-serif;
  letter-spacing: 0px;
}

.v4_opp_pillars_description {
  font-size: 22px;
  font-weight: 300;
  color: #616565;
  max-width: 740px;
  line-height: 1.6;
  margin: auto;
  padding-bottom: 42px;
  font-family: "Gotham", sans-serif;
}

.v4_opp_pillars_grid {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  gap: 0;
  margin-bottom: 60px;
  align-items: start;
  margin-left: auto;
  margin-right: auto;
}

.v4_opp_pillar_card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  padding: 0 24px;
}

.v4_opp_pillar_separator {
  width: 1px;
  background-color: #e0e0e0;
  align-self: stretch;
  min-height: 280px;
  margin: 0;
  position: relative;
}

.v4_opp_pillar_separator::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 40px;
  background-color: #0abab5;
}

.v4_opp_pillar_icon_wrapper {
  width: 96px;
  height: 96px;
  background-color: #0abab5;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  align-self: flex-start;
}

.v4_opp_pillar_icon {
  width: 52px;
  height: 52px;
  stroke: #ffffff;
}

.v4_opp_pillar_icon svg {
  width: 100%;
  height: 100%;
  stroke: #ffffff;
}

.v4_opp_pillar_title {
  font-size: 24px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0 0 12px 0;
  line-height: 1.3;
  font-family: "Gotham", sans-serif;
  width: 100%;
  text-align: left;
}

.v4_opp_pillar_text {
  font-size: 22px;
  font-weight: 300;
  color: #696868;
  line-height: 1.5;
  margin: 0;
  font-family: "Gotham", sans-serif;
  width: 100%;
  text-align: left;
}

/* Business Section */
.v4_opp_business_section {
  background: linear-gradient(135deg, #ffffff 0%, #f0f9f8 100%);
  padding: 120px 40px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.v4_opp_business_content {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
  position: relative;
  z-index: 1;
}

.v4_opp_business_title {
  font-size: 48px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
  text-align: center;
  line-height: 1.2;
  letter-spacing: -0.5px;
  font-family: "Gotham", sans-serif;
}

.v4_opp_business_intro {
  font-size: 22px;
  font-weight: 300;
  color: #616565;
  line-height: 1.6;
  margin: 0;
  text-align: center;
  font-family: "Gotham", sans-serif;
}

.v4_opp_business_box {
  width: 100%;
  padding: 0 20px;
}

.v4_opp_business_tab {
  background-color: #00b8a9;
  padding: 20px 24px;
  width: 100%;
  margin: 0;
  border-top-right-radius: 18px;
  border-top-left-radius: 18px;
  /* text-align: center; */
}

.v4_opp_business_tab_text {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  font-family: "Gotham", sans-serif;
  letter-spacing: 0.5px;
}

.v4_opp_business_problem_bottom {
  width: 100%;
  max-width: 1200px;
  margin-top: 20px;
}

.v4_opp_business_grid {
  display: flex;
  flex-direction: row;
  gap: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  align-items: stretch;
  border-radius: 26px;
}

.v4_opp_business_problem,
.v4_opp_business_solution {
  display: flex;
  flex-direction: column;
  gap: 0;
  flex: 1;
  width: 50%;
}

.v4_opp_business_problem {
  border-right: 1px solid #e0e0e0;
}

.v4_opp_business_solution {
  border-left: none;
}

.v4_opp_business_list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  flex: 1;
}

.v4_opp_business_list li {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-radius: 0;
  background-color: #ffffff;
  width: 100%;
  height: 100px;
  box-sizing: border-box;
  margin: 0;
}

.v4_opp_business_problem .v4_opp_business_list li {
  border-right: none;
}

.v4_opp_business_problem .v4_opp_business_list li:last-child {
  border-bottom-left-radius: 18px;
}

.v4_opp_business_solution .v4_opp_business_list li {
  border-left: none;
}

.v4_opp_business_solution .v4_opp_business_list li:last-child {
  border-bottom-right-radius: 18px;
}

.v4_opp_icon_exclamation,
.v4_opp_icon_checkmark {
  width: 38px;
  height: 38px;
  flex-shrink: 0;
}

.v4_opp_dot_orange {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ff9800;
  flex-shrink: 0;
  margin-top: 6px;
}

.v4_opp_business_list li span:not(.v4_opp_dot_orange) {
  font-size: 16px;
  font-weight: 400;
  color: #2c2c2c;
  line-height: 1.6;
  font-family: "Gotham", sans-serif;
  flex: 1;
}

.v4_opp_business_footer {
  font-size: 22px;
  font-weight: 300;
  color: #616565;
  text-align: center;
  margin: 0;
  font-family: "Gotham", sans-serif;
  max-width: 650px;
}

.v4_opp_business_image {
  width: 100%;
  padding: 0px 20px;
  /* border-radius: 12px; */
  overflow: hidden;
}

.v4_opp_business_image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 22px;
}

/* Modern Model Section */
.v4_opp_modern_section {
  background-color: #e8f8f6;
  padding: 120px 40px;
  width: 100%;
}

.v4_opp_modern_content {
  max-width: 1400px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
}

.v4_opp_modern_title {
  font-size: 48px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
  line-height: 1.2;
  letter-spacing: -0.5px;
  max-width: 556px;
  font-family: "Gotham", sans-serif;
}

.v4_opp_modern_description {
  font-size: 22px;
  font-weight: 300;
  color: #2c2c2c;
  line-height: 1.6;
  margin: 0;
  max-width: 666px;
  font-family: "Gotham", sans-serif;
}

.v4_btn_opp_get_started_center {
  background-color: #00b8a9;
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 8px;
  text-decoration: none;
  letter-spacing: 0.5px;
  font-size: 16px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
  font-family: "Gotham", sans-serif;
  box-shadow: 0 2px 8px rgba(0, 184, 169, 0.3);
  margin-top: 8px;
}

.v4_btn_opp_get_started_center:hover {
  background-color: #009688;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 184, 169, 0.4);
}

.v4_btn_opp_get_started_center svg {
  width: 20px;
  height: 20px;
}

.v4_opp_modern_features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  padding: 0 20px;
  margin-top: 60px;
  border-radius: 0;
  overflow: hidden;
  /* background-color: #ffffff; */
}

.v4_opp_modern_feature {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  text-align: center;
  padding: 40px 30px;
  /* background-color: #ffffff; */
  border-right: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
}

.v4_opp_modern_feature:nth-child(3n) {
  border-right: none;
}

.v4_opp_modern_feature:nth-child(1),
.v4_opp_modern_feature:nth-child(2),
.v4_opp_modern_feature:nth-child(3) {
  /* border-bottom: none; */
  border-top: 1px solid #e0e0e0;
}

.v4_opp_modern_icon {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #00b8a9;
}

.v4_opp_modern_icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.v4_opp_modern_icon svg {
  width: 100%;
  height: 100%;
  stroke: #00b8a9;
}

.v4_opp_modern_feature_text {
  font-size: 24px;
  font-weight: 400;
  color: #2c2c2c;
  line-height: 1.6;
  margin: 0;
  font-family: "Gotham", sans-serif;
}

.v4_opp_modern_footer {
  font-size: 22px;
  font-weight: 300;
  color: #2c2c2c;
  line-height: 1.6;
  margin: 40px 0 0 0;
  max-width: 700px;
  font-family: "Gotham", sans-serif;
}

/* Social Sharing Section */
.v4_opp_sharing_section {
  background-color: #ffffff;
  padding: 120px 40px;
  width: 100%;
}

.v4_opp_sharing_header {
  max-width: 1400px;
  margin: 0 auto 120px;
  text-align: center;
}

.v4_opp_sharing_container {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
  padding: 0px 20px;
}

.v4_opp_sharing_content {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.v4_opp_sharing_title {
  font-size: 48px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0 0 24px 0;
  line-height: 1.2;
  letter-spacing: -0.5px;
  font-family: "Gotham", sans-serif;
}

.v4_opp_sharing_description {
  font-size: 22px;
  font-weight: 300;
  color: #2c2c2c;
  line-height: 1.6;
  margin: 0;
  font-family: "Gotham", sans-serif;
  max-width: 756px;
  margin-left: auto;
  margin-right: auto;
}

.v4_opp_sharing_details {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.v4_opp_sharing_subsection {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.v4_opp_sharing_subtitle {
  font-size: 48px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
  font-family: "Gotham", sans-serif;
  line-height: 1.3;
}

.v4_opp_sharing_list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.v4_opp_sharing_list li {
  display: flex;
  /* align-items: flex-start; */
  gap: 20px;
}

.v4_opp_sharing_list li h5 {
  font-size: 22px;
  font-weight: 300;
  color: #2c2c2c;
  line-height: 1.4;
  font-family: "Gotham", sans-serif;
}

.v4_opp_sharing_list_item {
  display: flex;
  align-items: center;
  gap: 20px;
}

.v4_opp_sharing_list li.v4_opp_divider_line {
  height: 1px;
  background-color: #e0e0e0;
  /* margin: 20px 0; */
  padding: 0;
  gap: 0;
  display: block !important;
  width: 100%;
  min-height: 1px;
  flex: none;
  align-items: unset;
}

.v4_opp_number_circle {
  width: 30px;
  height: 30px;
  margin-top: 4px;
  border-radius: 50%;
  background-color: #00b8a9;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
  flex-shrink: 0;
  font-family: "Gotham", sans-serif;
}

/* .v4_opp_sharing_list li div {
      display: flex;
      flex-direction: column;
      gap: 8px;
      flex: 1;
  } */

.v4_opp_sharing_subtitle_head {
  font-size: 24px;
  font-weight: 400;
  color: #2c2c2c;
  line-height: 1.4;
  font-family: "Gotham", sans-serif;
}

.v4_opp_sharing_list li p {
  font-size: 22px;
  font-weight: 300;
  color: #616565;
  margin: 0;
  font-family: "Gotham", sans-serif;
  line-height: 1.5;
}

/* .v4_opp_sharing_list li span {
      font-size: 17px;
      font-weight: 400;
      color: #2c2c2c;
      line-height: 1.6;
      font-family: 'Gotham', sans-serif;
  } */

.v4_opp_checkmark_circle_wrapper {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.v4_opp_sharing_subtitle_subsection_title {
  font-size: 24px;
  font-weight: 400;
  color: #2c2c2c;
  line-height: 1.4;
  font-family: "Gotham", sans-serif;
}

.v4_opp_sharing_list li .v4_opp_checkmark {
  width: 38px;
  height: 38px;
  display: block;
}

.v4_opp_sharing_footer {
  font-size: 22px;
  font-weight: 300;
  color: #2c2c2c;

  font-family: "Gotham", sans-serif;
  line-height: 1.6;
}

.v4_btn_opp_compensation {
  background: linear-gradient(135deg, #00b8a9 0%, #00a89a 100%);
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 12px;
  text-decoration: none;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  transition: all 0.3s ease;
  font-family: "Gotham", sans-serif;
  box-shadow: 0px 0px 24px 0px #0abab580;
}

.v4_btn_opp_compensation:hover {
  background: linear-gradient(135deg, #00a89a 0%, #009688 100%);
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.v4_btn_opp_compensation svg {
  width: 20px;
  height: 20px;
}

.v4_opp_sharing_image {
  width: 100%;
  height: auto;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}

.v4_opp_sharing_image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.v4_opp_sharing_overlay {
  display: none;
}

.v4_opp_overlay_circle {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.9);
  color: #2c2c2c;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 600;
  font-family: "Gotham", sans-serif;
  backdrop-filter: blur(10px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.v4_opp_overlay_arrow {
  width: 24px;
  height: 24px;
  color: rgba(255, 255, 255, 0.8);
}

/* Together Section */
.v4_opp_together_section {
  background-color: #ffffff;
  padding: 120px 40px;
  width: 100%;
}

.v4_opp_together_container {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  gap: 60px;
  padding: 0px 20px;
  align-items: center;
}

.v4_opp_together_image {
  width: 52%;
  height: auto;
  border-radius: 16px;
  overflow: hidden;
  order: 1;
}

.v4_opp_together_image img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 16px;
}

.v4_opp_together_content {
  width: 48%;
  display: flex;
  flex-direction: column;
  gap: 30px;
  order: 2;
}

.v4_opp_together_title {
  font-size: 48px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
  line-height: 1.2;
  letter-spacing: -0.5px;
  font-family: "Gotham", sans-serif;
}

.v4_opp_together_text {
  font-size: 22px;
  font-weight: 300;
  color: #616565;
  line-height: 1.6;
  margin: 0;
  font-family: "Gotham", sans-serif;
}

.v4_opp_together_text_bold {
  font-size: 24px;
  font-weight: 500;
  color: #2c2c2c;
  line-height: 1.6;
  margin: 0;
  font-family: "Gotham", sans-serif;
}

.v4_opp_together_list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.v4_opp_together_list li {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.v4_opp_checkmark_circle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: transparent;
  border: 2px solid #00b8a9;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.v4_opp_checkmark_circle .v4_opp_checkmark {
  width: 16px;
  height: 16px;
}

.v4_opp_together_list li span {
  font-size: 22px;
  font-weight: 300;
  color: #616565;
  line-height: 1.6;
  font-family: "Gotham", sans-serif;
}

.v4_opp_together_footer {
  font-size: 22px;
  font-weight: 300;
  color: #616565;
  margin: 0;
  font-family: "Gotham", sans-serif;
}

.v4_btn_opp_join_community {
  background-color: #00b8a9;
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 12px;
  text-decoration: none;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  transition: all 0.3s ease;
  font-family: "Gotham", sans-serif;
  box-shadow: 0px 0px 24px 0px #0abab580;
}

.v4_btn_opp_join_community:hover {
  background: linear-gradient(135deg, #009688 0%, #29b6f6 100%);
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.v4_btn_opp_join_community svg {
  width: 20px;
  height: 20px;
}

/* Chapter Section */
.v4_opp_chapter_section {
  position: relative;
  width: 100%;
  height: 654px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("../images/next_chapter.png");
  background-size: cover;
  background-position: 0px -134px;
  background-repeat: no-repeat;
  overflow: hidden;
}

.v4_opp_chapter_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

.v4_opp_chapter_content {
  position: relative;
  z-index: 2;
  max-width: 800px;
  text-align: center;
  color: #ffffff;
  padding: 0 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}

.v4_opp_chapter_title {
  font-size: 64px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
  letter-spacing: -0.5px;
  font-family: "Gotham", sans-serif;
}

.v4_opp_chapter_description {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.6;
  margin: 0;
  max-width: 606px;
  opacity: 0.95;
  font-family: "Gotham", sans-serif;
}

.v4_btn_opp_get_started_final {
  background-color: #00b8a9;
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 12px;
  text-decoration: none;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
  font-family: "Gotham", sans-serif;
  box-shadow: 0px 0px 24px 0px #0abab580;
  margin-top: 8px;
}

.v4_btn_opp_get_started_final:hover {
  background-color: #009688;
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.v4_btn_opp_get_started_final svg {
  width: 20px;
  height: 20px;
}

/* Opportunity Page Responsive */
@media (max-width: 1200px) {
  .v4_opp_visionaries_section {
    padding: 100px 30px;
  }

  .v4_opp_visionaries_container {
    grid-template-columns: 1fr;
    gap: 60px;
    padding: 0 30px;
  }

  .v4_opp_sharing_section {
    padding: 100px 30px;
  }

  .v4_opp_sharing_container {
    grid-template-columns: 1fr;
    gap: 60px;
    padding: 0 30px;
  }

  .v4_opp_sharing_header {
    margin-bottom: 60px;
    padding: 0 30px;
  }

  .v4_opp_together_section {
    padding: 100px 30px;
  }

  .v4_opp_together_container {
    flex-direction: column;
    gap: 60px;
    padding: 0 30px;
  }

  .v4_opp_together_image {
    width: 100%;
    flex: 0 0 auto;
    order: 1;
  }

  .v4_opp_together_content {
    width: 100%;
    flex: 0 0 auto;
    order: 2;
  }

  .v4_opp_pillars_grid {
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  }

  .v4_opp_modern_features {
    grid-template-columns: repeat(2, 1fr);
  }

  .v4_opp_modern_feature:nth-child(3n) {
    border-right: 1px solid #e0e0e0;
  }

  .v4_opp_modern_feature:nth-child(2n) {
    border-right: none;
  }

  .v4_opp_modern_feature:nth-child(5),
  .v4_opp_modern_feature:nth-child(6) {
    border-bottom: none;
  }
}

@media (max-width: 640px) {
  .v4_opp_hero_section {
    padding: 70px 18px;
  }

  .v4_opp_hero_title {
    font-size: 32px;
  }

  .v4_opp_visionaries_section,
  .v4_opp_sharing_section,
  .v4_opp_together_section,
  .v4_opp_business_section,
  .v4_opp_modern_section {
    padding: 50px 18px;
  }

  .v4_opp_visionaries_title,
  .v4_opp_sharing_title,
  .v4_opp_together_title,
  .v4_opp_business_title,
  .v4_opp_modern_title {
    font-size: 30px;
  }

  .v4_opp_pillars_section {
    padding: 50px 18px;
  }

  .v4_opp_pillars_title {
    font-size: 30px;
  }
}

@media (max-width: 768px) {

  /* Hero Section */
  .v4_opp_hero_section {
    height: auto;
    min-height: 500px;
    max-height: none;
    padding: 80px 20px;
  }

  .v4_opp_hero_content {
    padding: 0 20px;
    gap: 20px;
  }

  .v4_opp_hero_title {
    font-size: 36px;
    line-height: 1.2;
  }

  .v4_opp_hero_description,
  .v4_opp_hero_description_second {
    font-size: 16px;
    line-height: 1.5;
  }

  .v4_opp_hero_buttons {
    flex-direction: column;
    width: 100%;
    gap: 12px;
    margin-top: 16px;
  }

  .v4_btn_opp_get_started,
  .v4_btn_opp_how_it_works {
    width: 100%;
    justify-content: center;
    padding: 12px 24px;
    font-size: 15px;
  }

  /* Visionaries Section */
  .v4_opp_visionaries_section {
    padding: 60px 20px;
  }

  .v4_opp_visionaries_container {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 0 20px;
  }

  .v4_opp_visionaries_content {
    gap: 24px;
  }

  .v4_opp_visionaries_title {
    font-size: 32px;
    line-height: 1.3;
  }

  .v4_opp_visionaries_intro {
    font-size: 18px;
    line-height: 1.5;
  }

  .v4_opp_visionaries_list {
    gap: 16px;
  }

  .v4_opp_visionaries_list li {
    gap: 12px;
  }

  .v4_opp_checkmark {
    width: 32px;
    height: 32px;
  }

  .v4_opp_visionaries_list li span {
    font-size: 18px;
    line-height: 1.5;
  }

  .v4_btn_opp_learn_more_inline {
    width: 100%;
    justify-content: center;
    padding: 12px 24px;
    font-size: 15px;
  }

  .v4_opp_visionaries_image {
    max-height: none;
  }

  .v4_opp_visionaries_image img {
    border-radius: 24px;
  }

  /* Pillars Section */
  .v4_opp_pillars_section {
    padding: 60px 20px;
  }

  .v4_opp_pillars_content {
    padding: 0 20px;
  }

  .v4_opp_pillars_title {
    font-size: 32px;
    max-width: 100%;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
    line-height: 1.3;
  }

  .v4_opp_pillars_description {
    font-size: 16px;
    margin-bottom: 40px;
    max-width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    line-height: 1.5;
  }

  .v4_opp_pillars_grid {
    grid-template-columns: 1fr;
    gap: 48px;
    margin-bottom: 40px;
    padding: 0 20px;
  }

  .v4_opp_pillar_separator {
    display: none;
  }

  .v4_opp_pillar_card {
    padding: 0;
    align-items: flex-start;
  }

  .v4_opp_pillar_icon_wrapper {
    width: 70px;
    height: 70px;
    margin-bottom: 20px;
    background-color: #0abab5;
    align-self: flex-start;
  }

  .v4_opp_pillar_icon {
    width: 45px;
    height: 45px;
  }

  .v4_opp_pillar_icon svg {
    width: 45px;
    height: 45px;
  }

  .v4_opp_pillar_title {
    font-size: 18px;
    margin-bottom: 10px;
    text-align: left;
  }

  .v4_opp_pillar_text {
    font-size: 15px;
    text-align: left;
    line-height: 1.5;
  }

  /* Business Section */
  .v4_opp_business_section {
    padding: 60px 20px;
  }

  .v4_opp_business_content {
    gap: 32px;
  }

  .v4_opp_business_title {
    font-size: 32px;
    line-height: 1.3;
  }

  .v4_opp_business_intro {
    font-size: 18px;
    line-height: 1.5;
  }

  .v4_opp_business_box {
    padding: 0;
  }

  .v4_opp_business_tab {
    padding: 16px 20px;
  }

  .v4_opp_business_tab_text {
    font-size: 14px;
  }

  .v4_opp_business_grid {
    flex-direction: column;
    gap: 0;
  }

  .v4_opp_business_problem,
  .v4_opp_business_solution {
    width: 100%;
  }

  .v4_opp_business_problem {
    border-right: none;
    border-bottom: 1px solid #e0e0e0;
  }

  .v4_opp_business_solution {
    border-top: none;
  }

  .v4_opp_business_list li {
    padding: 16px;
    height: auto;
    min-height: 80px;
    gap: 12px;
  }

  .v4_opp_icon_exclamation,
  .v4_opp_icon_checkmark {
    width: 32px;
    height: 32px;
  }

  .v4_opp_business_list li span:not(.v4_opp_dot_orange) {
    font-size: 14px;
    line-height: 1.5;
  }

  .v4_opp_business_problem .v4_opp_business_list li {
    border-right: 1px solid #e0e0e0;
  }

  .v4_opp_business_solution .v4_opp_business_list li {
    border-left: 1px solid #e0e0e0;
  }

  .v4_opp_business_problem .v4_opp_business_list li:last-child {
    border-bottom: 1px solid #e0e0e0;
    border-bottom-left-radius: 0px;
  }

  .v4_opp_business_solution .v4_opp_business_list li:last-child {
    border-bottom: 1px solid #e0e0e0;
    border-bottom-left-radius: 18px;
  }

  .v4_opp_business_footer {
    font-size: 18px;
    line-height: 1.5;
    padding: 0 20px;
  }

  .v4_opp_business_image {
    padding: 0;
  }

  .v4_opp_business_image img {
    border-radius: 16px;
  }

  /* Modern Section */
  .v4_opp_modern_section {
    padding: 60px 20px;
  }

  .v4_opp_modern_content {
    gap: 24px;
  }

  .v4_opp_modern_title {
    font-size: 32px;
    line-height: 1.3;
  }

  .v4_opp_modern_description {
    font-size: 18px;
    line-height: 1.5;
  }

  .v4_btn_opp_get_started_center {
    width: 100%;
    justify-content: center;
    padding: 12px 24px;
    font-size: 15px;
  }

  .v4_opp_modern_features {
    grid-template-columns: 1fr;
    padding: 0;
    margin-top: 40px;
  }

  .v4_opp_modern_feature {
    border-right: none;
    border-left: none;
    padding: 32px 20px;
  }

  .v4_opp_modern_feature:last-child {
    border-bottom: none;
  }

  .v4_opp_modern_icon {
    width: 80px;
    height: 80px;
  }

  .v4_opp_modern_feature_text {
    font-size: 18px;
    line-height: 1.5;
  }

  .v4_opp_modern_footer {
    font-size: 18px;
    line-height: 1.5;
    margin-top: 32px;
    padding: 0 20px;
  }

  /* Sharing Section */
  .v4_opp_sharing_section {
    padding: 60px 20px;
  }

  .v4_opp_sharing_header {
    margin-bottom: 40px;
    padding: 0 20px;
  }

  .v4_opp_sharing_title {
    font-size: 32px;
    line-height: 1.3;
    margin-bottom: 16px;
  }

  .v4_opp_sharing_description {
    font-size: 18px;
    line-height: 1.5;
  }

  .v4_opp_sharing_container {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 0;
  }

  .v4_opp_sharing_content {
    gap: 32px;
  }

  .v4_opp_sharing_subtitle {
    font-size: 28px;
    line-height: 1.3;
  }

  .v4_opp_sharing_subtitle_head {
    font-size: 20px;
    line-height: 1.4;
  }

  .v4_opp_sharing_list li p {
    font-size: 16px;
    line-height: 1.5;
  }

  .v4_opp_sharing_list_item {
    gap: 16px;
  }

  .v4_opp_sharing_list li h5 {
    font-size: 18px;
    line-height: 1.4;
  }

  .v4_opp_checkmark_circle_wrapper {
    width: 32px;
    height: 32px;
  }

  .v4_opp_sharing_list li .v4_opp_checkmark {
    width: 32px;
    height: 32px;
  }

  .v4_opp_number_circle {
    width: 28px;
    height: 28px;
    font-size: 16px;
  }

  .v4_opp_sharing_subtitle_subsection_title {
    font-size: 20px;
    line-height: 1.4;
  }

  .v4_opp_sharing_footer {
    font-size: 18px;
    line-height: 1.5;
  }

  .v4_btn_opp_compensation {
    width: 100%;
    justify-content: center;
    padding: 12px 24px;
    font-size: 15px;
  }

  .v4_opp_sharing_image {
    border-radius: 16px;
  }

  /* Together Section */
  .v4_opp_together_section {
    padding: 60px 20px;
  }

  .v4_opp_together_container {
    flex-direction: column;
    gap: 40px;
    padding: 0;
  }

  .v4_opp_together_image {
    width: 100%;
    order: 1;
  }

  .v4_opp_together_image img {
    border-radius: 16px;
  }

  .v4_opp_together_content {
    width: 100%;
    order: 2;
    gap: 24px;
  }

  .v4_opp_together_title {
    font-size: 32px;
    line-height: 1.3;
  }

  .v4_opp_together_text {
    font-size: 18px;
    line-height: 1.5;
  }

  .v4_opp_together_text_bold {
    font-size: 20px;
    line-height: 1.5;
  }

  .v4_opp_together_list {
    gap: 14px;
  }

  .v4_opp_together_list li {
    gap: 12px;
  }

  .v4_opp_together_list li span {
    font-size: 18px;
    line-height: 1.5;
  }

  .v4_opp_together_footer {
    font-size: 18px;
    line-height: 1.5;
  }

  .v4_btn_opp_join_community {
    width: 100%;
    justify-content: center;
    padding: 12px 24px;
    font-size: 15px;
  }

  /* Chapter Section */
  .v4_opp_chapter_section {
    height: auto;
    min-height: 400px;
    padding: 80px 20px;
    background-position: center;
  }

  .v4_opp_chapter_content {
    padding: 0 20px;
    gap: 20px;
  }

  .v4_opp_chapter_title {
    font-size: 32px;
    line-height: 1.3;
  }

  .v4_opp_chapter_description {
    font-size: 16px;
    line-height: 1.5;
  }

  .v4_btn_opp_get_started_final {
    width: 100%;
    justify-content: center;
    padding: 12px 24px;
    font-size: 15px;
  }
}

@media (max-width: 480px) {

  /* Hero Section */
  .v4_opp_hero_section {
    padding: 60px 16px;
    min-height: 450px;
  }

  .v4_opp_hero_content {
    padding: 0 16px;
    gap: 16px;
  }

  .v4_opp_hero_title {
    font-size: 28px;
    line-height: 1.2;
  }

  .v4_opp_hero_description,
  .v4_opp_hero_description_second {
    font-size: 15px;
    line-height: 1.5;
  }

  .v4_opp_hero_buttons {
    gap: 10px;
    margin-top: 12px;
  }

  .v4_btn_opp_get_started,
  .v4_btn_opp_how_it_works {
    padding: 11px 20px;
    font-size: 14px;
  }

  /* Visionaries Section */
  .v4_opp_visionaries_section {
    padding: 40px 16px;
  }

  .v4_opp_visionaries_container {
    gap: 32px;
    padding: 0;
  }

  .v4_opp_visionaries_content {
    gap: 20px;
  }

  .v4_opp_visionaries_title {
    font-size: 28px;
    line-height: 1.3;
  }

  .v4_opp_visionaries_intro {
    font-size: 16px;
    line-height: 1.5;
  }

  .v4_opp_visionaries_list {
    gap: 14px;
  }

  .v4_opp_visionaries_list li {
    gap: 10px;
  }

  .v4_opp_checkmark {
    width: 28px;
    height: 28px;
  }

  .v4_opp_visionaries_list li span {
    font-size: 16px;
    line-height: 1.5;
  }

  .v4_btn_opp_learn_more_inline {
    padding: 11px 20px;
    font-size: 14px;
  }

  .v4_opp_visionaries_image img {
    border-radius: 16px;
  }

  /* Pillars Section */
  .v4_opp_pillars_section {
    padding: 40px 16px;
  }

  .v4_opp_pillars_content {
    padding: 0;
  }

  .v4_opp_pillars_title {
    font-size: 28px;
    max-width: 100%;
    padding-bottom: 18px;
    line-height: 1.25;
  }

  .v4_opp_pillars_description {
    font-size: 15px;
    margin-bottom: 32px;
    max-width: 100%;
    line-height: 1.5;
    padding-bottom: 0;
  }

  .v4_opp_pillars_grid {
    grid-template-columns: 1fr;
    gap: 40px;
    margin-bottom: 32px;
    padding: 0 16px;
  }

  .v4_opp_pillar_separator {
    display: none;
  }

  .v4_opp_pillar_card {
    padding: 0;
    align-items: flex-start;
  }

  .v4_opp_pillar_icon_wrapper {
    width: 65px;
    height: 65px;
    margin-bottom: 18px;
    background-color: #0abab5;
    align-self: flex-start;
  }

  .v4_opp_pillar_icon {
    width: 40px;
    height: 40px;
  }

  .v4_opp_pillar_icon svg {
    width: 40px;
    height: 40px;
  }

  .v4_opp_pillar_title {
    font-size: 17px;
    margin-bottom: 8px;
    text-align: left;
    line-height: 1.3;
  }

  .v4_opp_pillar_text {
    font-size: 14px;
    text-align: left;
    line-height: 1.4;
  }

  /* Business Section */
  .v4_opp_business_section {
    padding: 40px 16px;
  }

  .v4_opp_business_content {
    gap: 28px;
  }

  .v4_opp_business_title {
    font-size: 28px;
    line-height: 1.3;
  }

  .v4_opp_business_intro {
    font-size: 16px;
    line-height: 1.5;
  }

  .v4_opp_business_tab {
    padding: 14px 16px;
  }

  .v4_opp_business_tab_text {
    font-size: 13px;
  }

  .v4_opp_business_list li {
    padding: 14px;
    min-height: 70px;
    gap: 10px;
  }

  .v4_opp_icon_exclamation,
  .v4_opp_icon_checkmark {
    width: 28px;
    height: 28px;
  }

  .v4_opp_business_list li span:not(.v4_opp_dot_orange) {
    font-size: 13px;
    line-height: 1.5;
  }

  .v4_opp_business_footer {
    font-size: 16px;
    line-height: 1.5;
    padding: 0 16px;
  }

  .v4_opp_business_image img {
    border-radius: 12px;
  }

  /* Modern Section */
  .v4_opp_modern_section {
    padding: 40px 16px;
  }

  .v4_opp_modern_content {
    gap: 20px;
  }

  .v4_opp_modern_title {
    font-size: 28px;
    line-height: 1.3;
  }

  .v4_opp_modern_description {
    font-size: 16px;
    line-height: 1.5;
  }

  .v4_btn_opp_get_started_center {
    padding: 11px 20px;
    font-size: 14px;
  }

  .v4_opp_modern_features {
    margin-top: 32px;
  }

  .v4_opp_modern_feature {
    padding: 28px 16px;
  }

  .v4_opp_modern_icon {
    width: 70px;
    height: 70px;
  }

  .v4_opp_modern_feature_text {
    font-size: 16px;
    line-height: 1.5;
  }

  .v4_opp_modern_footer {
    font-size: 16px;
    line-height: 1.5;
    margin-top: 28px;
    padding: 0 16px;
  }

  /* Sharing Section */
  .v4_opp_sharing_section {
    padding: 40px 16px;
  }

  .v4_opp_sharing_header {
    margin-bottom: 32px;
    padding: 0;
  }

  .v4_opp_sharing_title {
    font-size: 28px;
    line-height: 1.3;
    margin-bottom: 14px;
  }

  .v4_opp_sharing_description {
    font-size: 16px;
    line-height: 1.5;
  }

  .v4_opp_sharing_container {
    gap: 32px;
  }

  .v4_opp_sharing_content {
    gap: 28px;
  }

  .v4_opp_sharing_subtitle {
    font-size: 24px;
    line-height: 1.3;
  }

  .v4_opp_sharing_subtitle_head {
    font-size: 18px;
    line-height: 1.4;
  }

  .v4_opp_sharing_list li p {
    font-size: 15px;
    line-height: 1.5;
  }

  .v4_opp_sharing_list_item {
    gap: 12px;
  }

  .v4_opp_sharing_list li h5 {
    font-size: 16px;
    line-height: 1.4;
  }

  .v4_opp_checkmark_circle_wrapper {
    width: 28px;
    height: 28px;
  }

  .v4_opp_sharing_list li .v4_opp_checkmark {
    width: 28px;
    height: 28px;
  }

  .v4_opp_number_circle {
    width: 26px;
    height: 26px;
    font-size: 15px;
  }

  .v4_opp_sharing_subtitle_subsection_title {
    font-size: 18px;
    line-height: 1.4;
  }

  .v4_opp_sharing_footer {
    font-size: 16px;
    line-height: 1.5;
  }

  .v4_btn_opp_compensation {
    padding: 11px 20px;
    font-size: 14px;
  }

  .v4_opp_sharing_image {
    border-radius: 12px;
  }

  /* Together Section */
  .v4_opp_together_section {
    padding: 40px 16px;
  }

  .v4_opp_together_container {
    gap: 32px;
  }

  .v4_opp_together_image img {
    border-radius: 12px;
  }

  .v4_opp_together_content {
    gap: 20px;
  }

  .v4_opp_together_title {
    font-size: 28px;
    line-height: 1.3;
  }

  .v4_opp_together_text {
    font-size: 16px;
    line-height: 1.5;
  }

  .v4_opp_together_text_bold {
    font-size: 18px;
    line-height: 1.5;
  }

  .v4_opp_together_list {
    gap: 12px;
  }

  .v4_opp_together_list li {
    gap: 10px;
  }

  .v4_opp_checkmark_circle {
    width: 22px;
    height: 22px;
  }

  .v4_opp_checkmark_circle .v4_opp_checkmark {
    width: 14px;
    height: 14px;
  }

  .v4_opp_together_list li span {
    font-size: 16px;
    line-height: 1.5;
  }

  .v4_opp_together_footer {
    font-size: 16px;
    line-height: 1.5;
  }

  .v4_btn_opp_join_community {
    padding: 11px 20px;
    font-size: 14px;
  }

  /* Chapter Section */
  .v4_opp_chapter_section {
    padding: 60px 16px;
    min-height: 350px;
  }

  .v4_opp_chapter_content {
    padding: 0 16px;
    gap: 16px;
  }

  .v4_opp_chapter_title {
    font-size: 28px;
    line-height: 1.3;
  }

  .v4_opp_chapter_description {
    font-size: 15px;
    line-height: 1.5;
  }

  .v4_btn_opp_get_started_final {
    padding: 11px 20px;
    font-size: 14px;
  }
}

/* Shop Page Styles */
.v4_shop_hero {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
}

.v4_shop_hero_image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.v4_shop_hero_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
}

.v4_shop_hero_title {
  font-size: 64px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  letter-spacing: 2px;
}

.v4_shop_content_section {
  padding: 144px 40px;
  background-color: #ffffff;
}

.v4_shop_container {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 80px;
}

/* Sidebar Styles */
.v4_shop_sidebar {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.v4_shop_category_header {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.v4_shop_category_title_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.v4_shop_category_title {
  font-size: 24px;
  font-weight: 500;
  color: #000000;
  margin: 0;
}

.v4_shop_category_subtitle {
  font-size: 18px;
  color: #666666;
  font-weight: 300;
  margin: 0;
}

.v4_shop_clear_all {
  background-color: transparent;
  color: #00b8a9;
  border: 1px solid #00b8a9;
  border-radius: 24px;
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.v4_shop_clear_all:hover {
  background-color: #00b8a9;
  color: #ffffff;
}

.v4_shop_category_list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.v4_shop_category_item {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
  font-size: 18px;
  font-weight: 300;
  color: #000000;
}

.v4_shop_checkbox {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: #00b8a9;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid #d0d0d0;
  border-radius: 3px;
  position: relative;
  flex-shrink: 0;
  margin: 0;
  background-color: #ffffff;
}

.v4_shop_checkbox:hover {
  border-color: #00b8a9;
}

.v4_shop_checkbox:checked {
  background-color: #00b8a9;
  border-color: #00b8a9;
}

.v4_shop_checkbox:checked::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 0px;
  width: 5px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.v4_shop_checkbox_label {
  user-select: none;
}

.v4_shop_category_separator {
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
  margin-top: 8px;
}

/* Main Content Area */
.v4_shop_main {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.v4_shop_top_row {
  display: flex;
  align-items: center;
  gap: 24px;
  width: 100%;
  justify-content: space-between;
}

.v4_shop_search_wrapper {
  position: relative;
  flex: 1;

  max-width: 372px;
}

.v4_shop_search_input {
  width: 100%;
  padding: 14px 50px 14px 20px;
  border: 1px solid #e0e0e0;
  border-radius: 24px;
  font-size: 16px;
  outline: none;
  transition: border-color 0.3s ease;
  background-color: #ffffff;
}

.v4_shop_search_input:focus {
  border-color: #00b8a9;
}

.v4_shop_search_input::placeholder {
  color: #999999;
}

.v4_shop_search_icon {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  color: #999999;
  pointer-events: none;
  z-index: 1;
}

.v4_shop_view_filters {
  display: flex;
  gap: 24px;
  align-items: center;
  flex-shrink: 0;
}

.v4_shop_view_filter {
  background: none;
  border: none;
  padding: 8px 0;
  font-size: 22px;
  font-weight: 500;
  color: #666666;
  cursor: pointer;
  position: relative;
  transition: color 0.3s ease;
}

.v4_shop_view_filter:hover {
  color: #000000;
}

.v4_shop_view_filter_active {
  color: #000000;
  font-weight: 600;
}

.v4_shop_view_filter_active::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #00b8a9;
}

/* Product Grid */
.v4_shop_products_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
  margin-bottom: 40px;
}

.v4_shop_product_card {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.v4_shop_product_image_wrapper {
  width: 100%;
  aspect-ratio: 1;
  /* background-color: #f5f5f5; */
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.v4_shop_product_image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.v4_shop_product_name {
  font-size: 24px;
  font-weight: 500;
  color: #000000;
  margin: 0;
}

.v4_shop_product_rating {
  display: flex;
  gap: 4px;
}

.v4_shop_product_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.v4_shop_product_pricing {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.v4_shop_product_price_monthly {
  font-size: 14px;
  color: #14131380;
  font-weight: 500;
}

.v4_shop_product_price {
  font-size: 22px;
  color: #000000;
  font-weight: 500;
}

.v4_shop_product_buttons {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 8px;
}

.v4_shop_product_btn_add {
  width: 100%;
  background-color: #00b8a9;
  color: #ffffff;
  border: none;
  padding: 14px 24px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 184, 169, 0.3);
  font-family: "Gotham", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
}

.v4_shop_product_btn_add:hover {
  background-color: #009688;
  box-shadow: 0 6px 16px rgba(0, 184, 169, 0.4);
  transform: translateY(-1px);
}

.v4_shop_product_btn_learn {
  width: 100%;
  background-color: #ffffff;
  color: #00b8a9;
  border: 1px solid #00b8a9;
  padding: 14px 24px;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  font-family: "Gotham", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
}

.v4_shop_product_btn_learn:hover {
  background-color: #f0fdfa;
  border-color: #009688;
  color: #009688;
}

/* Pagination */
.v4_shop_pagination {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-top: 40px;
}

.v4_shop_pagination_arrow {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #00b8a9;
  color: #ffffff;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.v4_shop_pagination_arrow:hover {
  background-color: #009688;
}

.v4_shop_pagination_arrow svg {
  width: 24px;
  height: 24px;
}

/* Responsive Styles */
@media (max-width: 1024px) {
  .v4_shop_container {
    grid-template-columns: 240px 1fr;
    gap: 32px;
  }

  .v4_shop_products_grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }

  .v4_shop_hero_title {
    font-size: 56px;
  }

  .v4_shop_content_section {
    padding: 50px 30px;
  }
}

@media (max-width: 768px) {
  .v4_shop_content_section {
    padding: 40px 20px;
  }

  .v4_shop_container {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .v4_shop_sidebar {
    order: 2;
  }

  .v4_shop_main {
    order: 1;
  }

  .v4_shop_products_grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .v4_shop_top_row {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }

  .v4_shop_search_wrapper {
    width: 100%;
  }

  .v4_shop_view_filters {
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-start;
  }

  .v4_shop_view_filter_active::after {
    bottom: -9px;
  }

  .v4_shop_hero {
    height: 300px;
  }

  .v4_shop_hero_title {
    font-size: 42px;
  }

  .v4_shop_category_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

  .v4_shop_category_title_row {
    flex-wrap: wrap;
  }

  .v4_shop_clear_all {
    font-size: 12px;
    padding: 6px 12px;
  }

  .v4_shop_top_row {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }

  .v4_shop_search_wrapper {
    width: 100%;
  }

  .v4_shop_view_filters {
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-start;
  }

  .v4_shop_search_input {
    font-size: 14px;
    padding: 12px 45px 12px 16px;
  }

  .v4_shop_product_name {
    font-size: 18px;
  }

  .v4_shop_product_buttons {
    flex-direction: column;
  }

  .v4_shop_product_btn_add,
  .v4_shop_product_btn_learn {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .v4_shop_content_section {
    padding: 32px 16px;
  }

  .v4_shop_products_grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .v4_shop_hero {
    height: 250px;
  }

  .v4_shop_hero_title {
    font-size: 36px;
  }

  .v4_shop_top_row {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
  }

  .v4_shop_search_wrapper {
    width: 100%;
  }

  .v4_shop_view_filters {
    flex-wrap: wrap;
    gap: 16px;
    justify-content: flex-start;
  }

  .v4_shop_view_filter {
    font-size: 14px;
  }

  .v4_shop_view_filter_active::after {
    bottom: -9px;
  }

  .v4_shop_product_buttons {
    flex-direction: column;
  }

  .v4_shop_product_btn_add,
  .v4_shop_product_btn_learn {
    width: 100%;
  }

  .v4_shop_category_title {
    font-size: 20px;
  }

  .v4_shop_category_subtitle {
    font-size: 12px;
  }

  .v4_shop_category_title_row {
    flex-wrap: wrap;
  }

  .v4_shop_clear_all {
    padding: 6px 12px;
    font-size: 12px;
  }

  .v4_shop_pagination {
    gap: 12px;
  }

  .v4_shop_pagination_arrow {
    width: 40px;
    height: 40px;
  }

  .v4_shop_pagination_arrow svg {
    width: 20px;
    height: 20px;
  }
}

@media (max-width: 480px) {
  .v4_shop_hero {
    height: 200px;
  }

  .v4_shop_hero_title {
    font-size: 28px;
  }

  .v4_shop_content_section {
    padding: 24px 12px;
  }

  .v4_shop_product_name {
    font-size: 16px;
  }

  .v4_shop_product_price_monthly {
    font-size: 14px;
  }

  .v4_shop_product_price {
    font-size: 16px;
  }

  .v4_shop_product_btn_add,
  .v4_shop_product_btn_learn {
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 50px;
  }

  .v4_shop_category_list {
    grid-template-columns: 1fr;
  }
}

/* ========================================
     VISION PAGE STYLES
     ======================================== */

/* Vision Hero Section */
.v4_vision_hero {
  position: relative;
  width: 100%;
  height: 836px;
  overflow: hidden;
}

.v4_vision_hero_image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.v4_vision_hero_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.v4_vision_hero_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(119.92% 119.92% at 50% -13.34%,
      rgba(20, 19, 19, 0) 0%,
      rgba(20, 19, 19, 0.8) 100%);

  z-index: 1;
}

.v4_vision_hero_content {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #ffffff;
}

.v4_vision_hero_title {
  font-size: 64px;
  font-weight: 500;
  margin-bottom: 24px;
  line-height: 1.2;
}

.v4_vision_hero_description {
  font-size: 22px;
  line-height: 1.6;
  max-width: 720px;
  margin-bottom: 32px;
  font-weight: 300;
}

.v4_btn_vision_learn_more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 32px;
  background-color: #00b8a9;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  border-radius: 12px;
  transition: all 0.3s ease;
  font-family: "Gotham", sans-serif;
  box-shadow: 0px 0px 24px 0px #0abab580;
}

.v4_btn_vision_learn_more:hover {
  background-color: #009688;
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.v4_btn_vision_learn_more svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  flex-shrink: 0;
}

/* Founding Story Section */
.v4_founding_story_section {
  padding: 100px 40px;
  background-color: #ffffff;
}

.v4_founding_story_container {
  max-width: 1200px;
  margin: 0 auto;
}

.v4_founding_story_content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

.v4_founding_story_text {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.v4_founding_story_title {
  font-size: 48px;
  font-weight: 500;
  color: #121212;
  margin-bottom: 8px;
}

.v4_founding_story_paragraph {
  font-size: 22px;
  line-height: 1.8;
  color: #888888;
  font-weight: 300;
}

.v4_founding_story_subtitle {
  font-size: 24px;
  font-weight: 500;
  color: #121212;
}

.v4_founding_story_list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 8px;
}

.v4_founding_story_list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.v4_checkmark_icon {
  flex-shrink: 0;
  margin-top: 2px;
}

.v4_founding_story_list li img {
  width: 38px;
  height: 38px;
  flex-shrink: 0;
  margin-top: 2px;
}

.v4_founding_story_list li span {
  font-size: 22px;
  line-height: 1.6;
  color: #888888;
  font-weight: 300;
}

.v4_founding_story_image {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  overflow: hidden;
}

.v4_founding_story_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Values Section */
.v4_values_section {
  padding: 100px 40px;
  background-color: #e8f5f3;
}

.v4_values_container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;

  /* gap: 48px; */
}

.v4_values_title {
  font-size: 48px;
  font-weight: 500;
  color: #000000;
  text-align: center;
  max-width: 540px;
  line-height: 1.2;
  margin-bottom: 24px;
}

.v4_values_intro {
  font-size: 22px;
  color: #2c2c2c;
  text-align: center;
  max-width: 800px;
  font-weight: 300;
  margin-bottom: 80px;
}

.v4_values_acronym {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 920px;
}

/* .v4_value_item styles are defined elsewhere */

.v4_value_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 10px;
}

.v4_value_letter_wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}

.v4_value_letter {
  font-size: 32px;
  font-weight: 700;
}

.v4_value_equals {
  font-size: 24px;
  color: #000000;
}

.v4_value_name {
  font-size: 28px;
  font-weight: 500;
  color: #000000;
}

.v4_value_toggle {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  color: #fff;
  background-color: #00b8a9;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

@media (max-width: 768px) {
  .v4_value_toggle {
    flex: 0 0 32px;
  }
}

.v4_value_toggle:hover {
  background-color: #009688;
}

.v4_value_toggle svg {
  color: #ffffff;
}

.v4_value_description {
  font-size: 22px;
  line-height: 1.8;
  color: #2c2c2c;
  font-weight: 300;
  margin-top: 12px;
}

.v4_values_quote {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  margin-top: 48px;
}

.v4_values_quote img {
  width: 86px;
  height: 86px;
}

.v4_quote_icon {
  color: #00b8a9;
}

.v4_values_quote_text {
  font-size: 48px;
  color: #121212;
  text-align: center;
  font-weight: 700;
}

/* Mission Section */
.v4_mission_section {
  padding: 100px 40px;
  background-color: #ffffff;
}

.v4_mission_container {
  max-width: 1200px;
  margin: 0 auto;
}

.v4_mission_content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}

.v4_mission_text {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.v4_mission_title {
  font-size: 48px;
  font-weight: 700;
  color: #2c2c2c;
  margin: 0;
}

.v4_mission_paragraph {
  font-size: 22px;
  color: #696868;
  font-weight: 300;
  margin: 0;
}

.v4_mission_list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
}

.v4_mission_list li {
  display: flex;
  align-items: center;
  gap: 12px;
}

.v4_mission_list li span {
  font-size: 22px;
  color: #696868;
  font-weight: 300;
}

.v4_btn_mission_join {
  background-color: #00b8a9;
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 12px;
  text-decoration: none;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
  font-family: "Gotham", sans-serif;
  box-shadow: 0px 0px 24px 0px #0abab580;
  margin-top: 8px;
  width: fit-content;
}

.v4_btn_mission_join:hover {
  background-color: #009688;
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.v4_btn_arrow {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  stroke: currentColor;
}

.v4_mission_image {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
}

.v4_mission_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Founder Quote Section */
.v4_founder_quote_section {
  padding: 100px 40px;
  background-color: #ffffff;
}

.v4_founder_quote_container {
  /* max-width: 900px; */
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  text-align: center;
}

.v4_founder_quote_icon {
  color: #00b8a9;
}

.v4_founder_quote_container img {
  width: 86px;
  height: 86px;
}

.v4_founder_quote_text {
  font-size: 48px;
  /* line-height: 0px; */
  color: #000000;
  font-weight: 400;
}

.v4_founder_quote_author {
  font-size: 22px;
  font-weight: 400;
  color: #121212;
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* Visionaries Section */
.v4_visionaries_section {
  padding: 100px 40px;
  background-color: #ffffff;
}

.v4_visionaries_container {
  max-width: 1200px;
  margin: 0 auto;
}

.v4_visionaries_content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: flex-start;
  padding-bottom: 110px;
}

.v4_visionaries_title_wrapper {
  display: flex;
  align-items: flex-start;
}

.v4_visionaries_text {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.v4_visionaries_title {
  font-size: 48px;
  font-weight: 500;
  color: #121212;
  margin: 0;
  line-height: 1.2;
}

.v4_visionaries_paragraph {
  font-size: 22px;

  color: #696868;
  font-weight: 300;
  margin: 0;
}

.v4_visionaries_subtitle {
  font-size: 24px;
  font-weight: 500;
  color: #2c2c2c;
}

.v4_visionaries_list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 0;
  padding: 0;
}

.v4_visionaries_list li {
  display: flex;
  align-items: center;
  gap: 12px;
}

.v4_checkmark_circle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.v4_checkmark_icon {
  width: 38px;
  height: 38px;
  display: block;
}

.v4_visionaries_list li span {
  font-size: 22px;
  line-height: 1.6;
  color: #464646;
  font-weight: 300;
}

.v4_visionaries_image {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}

.v4_visionaries_image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.v4_visionaries_names {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.v4_visionaries_names p {
  font-size: 14px;
  color: #2c2c2c;
  font-weight: 300;
}

/* Vision Image Container */
.vision-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  max-width: 100%;
  border-radius: 18px;
  overflow: hidden;
}

.vision-image-container img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}

/* Innovation Section */
.v4_innovation_section {
  padding: 100px 40px;
  background-color: #ffffff;
}

.v4_innovation_container {
  max-width: 1200px;
  margin: 0 auto;
}

.v4_innovation_content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: flex-start;
}

.v4_innovation_left {
  display: flex;
  flex-direction: column;
}

.v4_innovation_title {
  font-size: 48px;
  font-weight: 500;
  color: #000000;
  text-align: center;
}

.v4_innovation_icons {
  display: flex;
  flex-direction: row;
  gap: 16px;
  margin-top: 24px;
}

.v4_innovation_icons .v4_trust_badge::after {
  display: none;
}

.v4_innovation_right {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.v4_innovation_paragraph {
  font-size: 22px;
  line-height: 1.8;
  color: #616565;
  font-weight: 300;
}

.v4_btn_innovation_shop {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 32px;
  background: linear-gradient(135deg, #00b8a9 0%, #00d4c4 100%);
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  border-radius: 12px;
  transition: all 0.3s ease;
  font-family: "Gotham", sans-serif;
  box-shadow: 0px 0px 24px 0px #0abab580;
  width: fit-content;
  margin-top: 8px;
}

.v4_btn_innovation_shop:hover {
  background: linear-gradient(135deg, #00a89a 0%, #00b8a9 100%);
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.v4_btn_innovation_shop svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  flex-shrink: 0;
}

/* Nueva Standard Section */
.v4_nueva_standard_section {
  padding: 100px 40px;
  background-color: #ffffff;
}

.v4_nueva_standard_container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}

.v4_nueva_standard_title {
  font-size: 32px;
  font-weight: 500;
  color: #000000;
  text-align: center;
}

.products-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  width: 100%;
}

.product-card {
  background-color: #c8f0ed;
  border-radius: 16px;
  padding: 20px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.product-card:hover {
  /* transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); */
}

.product-image-wrapper {
  background-color: #ffffff;
  border-radius: 12px;
  margin-bottom: 24px;
  max-height: 480px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 20px;
}

.product-image {
  max-width: 100%;

  object-fit: contain;
}

.product-name {
  font-size: 28px;
  font-weight: 400;
  color: #222;
  margin-bottom: 8px;
}

.product-description {
  font-size: 22px;
  color: #666;
  font-weight: 300;
}

/* Together We Rise Section */
.v4_together_rise_section {
  position: relative;
  width: 100%;
  height: 814px;
  overflow: hidden;
}

.v4_together_rise_image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.v4_together_rise_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.v4_together_rise_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(119.92% 119.92% at 50% -13.34%,
      rgba(20, 19, 19, 0) 0%,
      rgba(20, 19, 19, 0.8) 100%);

  z-index: 1;
}

.v4_together_rise_content {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 40px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #ffffff;
}

.v4_together_rise_title {
  font-size: 64px;
  font-weight: 500;
  margin-bottom: 24px;
  line-height: 1.2;
}

.v4_together_rise_paragraph {
  font-size: 22px;
  line-height: 1.6;
  max-width: 650px;
  margin-bottom: 16px;
  font-weight: 300;
}

.v4_btn_together_join {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 32px;
  background-color: #00b8a9;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  border-radius: 12px;
  transition: all 0.3s ease;
  font-family: "Gotham", sans-serif;
  box-shadow: 0px 0px 24px 0px #0abab580;
  margin-top: 24px;
}

.v4_btn_together_join:hover {
  background-color: #009688;
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.v4_btn_together_join svg {
  width: 20px;
  height: 20px;
  stroke: currentColor;
  flex-shrink: 0;
}

/* Vision Page Responsive Styles */
@media (max-width: 1200px) {

  .v4_vision_hero_content,
  .v4_together_rise_content {
    padding: 0 32px;
  }

  .v4_founding_story_container,
  .v4_values_container,
  .v4_mission_container,
  .v4_visionaries_container,
  .v4_innovation_container,
  .v4_nueva_standard_container {
    padding: 0 20px;
  }
}

@media (max-width: 1024px) {
  .v4_vision_hero {
    height: 700px;
  }

  .v4_vision_hero_title,
  .v4_together_rise_title {
    font-size: 48px;
  }

  .v4_vision_hero_description {
    font-size: 20px;
  }

  .v4_founding_story_title,
  .v4_values_title,
  .v4_mission_title,
  .v4_visionaries_title,
  .v4_innovation_title,
  .v4_nueva_standard_title {
    font-size: 40px;
  }

  .v4_founding_story_content,
  .v4_mission_content,
  .v4_visionaries_content,
  .v4_innovation_content {
    gap: 40px;
  }

  .products-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }

  .v4_founder_quote_text {
    font-size: 36px;
  }

  .v4_values_quote_text {
    font-size: 36px;
  }

  .v4_innovation_icons {
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media (max-width: 768px) {

  .v4_vision_hero,
  .v4_together_rise_section {
    height: 500px;
  }

  .v4_vision_hero_title,
  .v4_together_rise_title {
    font-size: 36px;
    margin-bottom: 16px;
  }

  .v4_vision_hero_description,
  .v4_together_rise_paragraph {
    font-size: 18px;
    margin-bottom: 24px;
  }

  .v4_vision_hero_content,
  .v4_together_rise_content {
    padding: 0 24px;
  }

  .v4_founding_story_section,
  .v4_values_section,
  .v4_mission_section,
  .v4_founder_quote_section,
  .v4_visionaries_section,
  .v4_innovation_section,
  .v4_nueva_standard_section {
    padding: 60px 20px;
  }

  .v4_founding_story_container,
  .v4_values_container,
  .v4_mission_container,
  .v4_visionaries_container,
  .v4_innovation_container,
  .v4_nueva_standard_container {
    padding: 0;
  }

  .v4_founding_story_content,
  .v4_mission_content,
  .v4_visionaries_content,
  .v4_innovation_content {
    grid-template-columns: 1fr;
    gap: 32px;
  }

  .v4_founding_story_title,
  .v4_values_title,
  .v4_mission_title,
  .v4_visionaries_title,
  .v4_innovation_title,
  .v4_nueva_standard_title {
    font-size: 32px;
  }

  .v4_founding_story_paragraph,
  .v4_mission_paragraph,
  .v4_visionaries_paragraph,
  .v4_innovation_paragraph {
    font-size: 18px;
  }

  .v4_founding_story_subtitle,
  .v4_visionaries_subtitle {
    font-size: 20px;
  }

  .v4_founding_story_list li span,
  .v4_mission_list li span,
  .v4_visionaries_list li span {
    font-size: 18px;
  }

  .products-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .v4_values_acronym {
    gap: 16px;
  }

  .v4_value_letter {
    font-size: 28px;
  }

  .v4_value_name {
    font-size: 24px;
  }

  .v4_value_description {
    font-size: 18px;
  }

  .v4_value_toggle {
    width: 56px;
    height: 56px;
  }

  .v4_founder_quote_text {
    font-size: 28px;
  }

  .v4_founder_quote_author {
    font-size: 18px;
  }

  .v4_founder_quote_container {
    gap: 24px;
  }

  .v4_founder_quote_container img {
    width: 64px;
    height: 64px;
  }

  .v4_values_quote_text {
    font-size: 28px;
  }

  .v4_values_quote img {
    width: 64px;
    height: 64px;
  }

  .v4_visionaries_content {
    padding-bottom: 60px;
  }

  .vision-image-container {
    padding: 0 20px;
  }

  .v4_innovation_icons {
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }

  .v4_innovation_title {
    font-size: 32px;
  }

  .product-name {
    font-size: 22px;
  }

  .product-description {
    font-size: 16px;
  }

  .v4_checkmark_icon {
    width: 32px;
    height: 32px;
  }

  .v4_founding_story_list li img {
    width: 32px;
    height: 32px;
  }
}

@media (max-width: 480px) {

  .v4_vision_hero,
  .v4_together_rise_section {
    height: 400px;
  }

  .v4_vision_hero_title,
  .v4_together_rise_title {
    font-size: 28px;
    margin-bottom: 12px;
  }

  .v4_vision_hero_description,
  .v4_together_rise_paragraph {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .v4_vision_hero_content,
  .v4_together_rise_content {
    padding: 0 16px;
  }

  .v4_founding_story_section,
  .v4_values_section,
  .v4_mission_section,
  .v4_founder_quote_section,
  .v4_visionaries_section,
  .v4_innovation_section,
  .v4_nueva_standard_section {
    padding: 40px 16px;
  }

  .v4_founding_story_title,
  .v4_values_title,
  .v4_mission_title,
  .v4_visionaries_title,
  .v4_innovation_title,
  .v4_nueva_standard_title {
    font-size: 24px;
  }

  .v4_founding_story_paragraph,
  .v4_mission_paragraph,
  .v4_visionaries_paragraph,
  .v4_innovation_paragraph,
  .v4_values_intro {
    font-size: 16px;
  }

  .v4_founding_story_subtitle,
  .v4_visionaries_subtitle {
    font-size: 18px;
  }

  .v4_founding_story_list li span,
  .v4_mission_list li span,
  .v4_visionaries_list li span {
    font-size: 16px;
  }

  .v4_founding_story_list,
  .v4_mission_list,
  .v4_visionaries_list {
    gap: 12px;
  }

  .v4_btn_vision_learn_more,
  .v4_btn_mission_join,
  .v4_btn_innovation_shop,
  .v4_btn_together_join {
    padding: 12px 20px;
    font-size: 16px;
  }

  .v4_btn_vision_learn_more svg,
  .v4_btn_innovation_shop svg,
  .v4_btn_together_join svg {
    width: 18px;
    height: 18px;
  }

  .v4_values_acronym {
    gap: 12px;
  }

  .v4_value_letter {
    font-size: 24px;
  }

  .v4_value_equals {
    font-size: 20px;
  }

  .v4_value_name {
    font-size: 20px;
  }

  .v4_value_description {
    font-size: 16px;
    margin-top: 8px;
  }

  .v4_value_toggle {
    width: 32px;
    height: 32px;
  }

  .v4_value_toggle svg {
    width: 20px;
    height: 20px;
  }

  .v4_founder_quote_text {
    font-size: 20px;
  }

  .v4_founder_quote_author {
    font-size: 14px;
  }

  .v4_founder_quote_container {
    gap: 20px;
    padding: 0 16px;
  }

  .v4_founder_quote_container img {
    width: 48px;
    height: 48px;
  }

  .v4_values_quote_text {
    font-size: 20px;
  }

  .v4_values_quote {
    gap: 16px;
    margin-top: 32px;
  }

  .v4_values_quote img {
    width: 48px;
    height: 48px;
  }

  .v4_visionaries_content {
    padding-bottom: 40px;
  }

  .vision-image-container {
    padding: 0 16px;
  }

  .v4_innovation_icons {
    gap: 8px;
  }

  .v4_innovation_title {
    font-size: 24px;
  }

  .v4_innovation_paragraph {
    font-size: 16px;
  }

  .product-card {
    padding: 20px;
  }

  .product-image-wrapper {
    padding: 30px 15px;
  }

  .product-name {
    font-size: 22px;
  }

  .product-description {
    font-size: 16px;
  }

  .v4_checkmark_icon {
    width: 28px;
    height: 28px;
  }

  .v4_founding_story_list li img {
    width: 28px;
    height: 28px;
  }

  .v4_checkmark_circle {
    flex-shrink: 0;
  }

  .v4_founding_story_list li,
  .v4_mission_list li,
  .v4_visionaries_list li {
    gap: 10px;
  }

  .v4_values_title {
    margin-bottom: 16px;
  }

  .v4_values_intro {
    margin-bottom: 40px;
  }
}

@media (max-width: 360px) {

  .v4_vision_hero,
  .v4_together_rise_section {
    height: 350px;
  }

  .v4_vision_hero_title,
  .v4_together_rise_title {
    font-size: 24px;
  }

  .v4_vision_hero_description,
  .v4_together_rise_paragraph {
    font-size: 14px;
  }

  .v4_founding_story_title,
  .v4_values_title,
  .v4_mission_title,
  .v4_visionaries_title,
  .v4_innovation_title,
  .v4_nueva_standard_title {
    font-size: 22px;
  }

  .v4_btn_vision_learn_more,
  .v4_btn_mission_join,
  .v4_btn_innovation_shop,
  .v4_btn_together_join {
    padding: 10px 16px;
    font-size: 13px;
  }

  .v4_value_name {
    font-size: 18px;
  }

  .v4_founder_quote_text {
    font-size: 18px;
  }

  .v4_values_quote_text {
    font-size: 18px;
  }
}

/* Hero Section Styles for Merch Page */
.v4_shop_hero_merch {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: hidden;
}

.v4_shop_hero_merch .v4_shop_hero_image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 0 -198px;
}

.v4_shop_hero_merch .v4_shop_hero_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.3);
}

.v4_shop_hero_merch .v4_shop_hero_title {
  font-size: 64px;
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  margin: 0;
}

/* Responsive Styles */
@media (max-width: 768px) {
  .v4_shop_hero_merch {
    height: 300px;
  }

  .v4_shop_hero_merch .v4_shop_hero_title {
    font-size: 48px;
  }
}

@media (max-width: 480px) {
  .v4_shop_hero_merch {
    height: 250px;
  }

  .v4_shop_hero_merch .v4_shop_hero_title {
    font-size: 36px;
  }
}

/* ============================================
     NUEVA NITRO PRODUCT PAGE STYLES
     ============================================ */

/* Shop Header Button */
.v4_btn_shop_header {
  background-color: #00b8a9;
  color: #ffffff;
  padding: 11px 20px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.2px;
  transition: all 0.2s;
  white-space: nowrap;
}

.v4_btn_shop_header:hover {
  background-color: #009688;
}

/* Hero Section */
.nitro_hero_section {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 700px;
  max-height: 900px;
  overflow: hidden;
}

.nitro_hero_slides {
  position: relative;
  width: 100%;
  height: 100%;
}

.nitro_hero_slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nitro_hero_slide.nitro_slide_1 {
  animation: nitro_fadeInOut 25s infinite 0s;
}

.nitro_hero_slide.nitro_slide_2 {
  animation: nitro_fadeInOut 25s infinite 5s;
}

.nitro_hero_slide.nitro_slide_3 {
  animation: nitro_fadeInOut 25s infinite 10s;
}

.nitro_hero_slide.nitro_slide_4 {
  animation: nitro_fadeInOut 25s infinite 15s;
}

.nitro_hero_slide.nitro_slide_5 {
  animation: nitro_fadeInOut 25s infinite 20s;
}

@keyframes nitro_fadeInOut {
  0% {
    opacity: 0;
  }

  4% {
    opacity: 1;
  }

  20% {
    opacity: 1;
  }

  24% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.nitro_hero_image_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.nitro_hero_image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.nitro_hero_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg,
      rgba(0, 0, 0, 0.3) 0%,
      rgba(0, 0, 0, 0.5) 100%);
  z-index: 1;
}

.nitro_hero_content {
  position: relative;
  z-index: 2;
  max-width: 1400px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 60px 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0;
}

.nitro_hero_top_left {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.nitro_hero_bottom_right {
  grid-column: 2;
  grid-row: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  padding-left: 40px;
}

.nitro_hero_label {
  display: inline-block;
  background-color: #fff;
  color: #121212;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 16px;
  border-radius: 20px;
  text-transform: uppercase;
  width: fit-content;
  margin-bottom: 24px;
}

.nitro_hero_title {
  font-size: 64px;
  font-weight: 500;
  line-height: 1.1;
  margin: 0;
  color: #ffffff;
  letter-spacing: -2px;
}

.nitro_hero_buttons {
  display: flex;
  justify-content: flex-start;
  max-width: 600px;
  width: 100%;
}

.nitro_hero_description {
  font-size: 22px;
  font-weight: 300;
  line-height: 1.6;
  color: #ffffff;
  margin: 0 0 32px 0;
  max-width: 600px;
}

.nitro_btn_explore {
  background: linear-gradient(135deg, #00b8a9 0%, #00d4c4 100%);
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 12px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
  letter-spacing: 1px;
  font-family: "Gotham", sans-serif;
  box-shadow: 0px 0px 24px 0px #0abab580;
  width: fit-content;
}

.nitro_btn_explore:hover {
  background: linear-gradient(135deg, #009688 0%, #00b8a9 100%);
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.nitro_btn_arrow {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  stroke: currentColor;
}

.nitro_hero_carousel_dots {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 10;
}

.nitro_carousel_dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.6);
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Dot animations synchronized with slide animations (25s cycle) */
.nitro_dot_1 {
  animation: nitro_dotActive 25s infinite 0s;
}

.nitro_dot_2 {
  animation: nitro_dotActive 25s infinite 5s;
}

.nitro_dot_3 {
  animation: nitro_dotActive 25s infinite 10s;
}

.nitro_dot_4 {
  animation: nitro_dotActive 25s infinite 15s;
}

.nitro_dot_5 {
  animation: nitro_dotActive 25s infinite 20s;
}

@keyframes nitro_dotActive {
  0% {
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.6);
  }

  4% {
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 1);
  }

  20% {
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 1);
  }

  24% {
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.6);
  }

  100% {
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.6);
  }
}

/* Product Display Section */
.nitro_product_section {
  background-color: #ffffff;
  padding: 80px 40px;
}

.nitro_product_container {
  max-width: 1400px;
  padding: 0 40px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}

.nitro_product_left {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.nitro_product_carousel_wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.nitro_carousel_radio {
  display: none;
}

.nitro_product_main_image {
  width: 100%;
  aspect-ratio: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.nitro_product_images {
  width: 100%;
  height: 100%;
  position: relative;
}

.nitro_product_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

/* Show image based on checked radio */
#product_img_1:checked~.nitro_product_main_image .nitro_product_image[data-image="1"],
#product_img_2:checked~.nitro_product_main_image .nitro_product_image[data-image="2"],
#product_img_3:checked~.nitro_product_main_image .nitro_product_image[data-image="3"],
#product_img_4:checked~.nitro_product_main_image .nitro_product_image[data-image="4"],
#product_img_5:checked~.nitro_product_main_image .nitro_product_image[data-image="5"] {
  opacity: 1;
  pointer-events: auto;
}

.nitro_carousel_arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #00b8a9;
  border: none;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s ease;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 184, 169, 0.3);
  margin: 0;
  padding: 0;
}

.nitro_carousel_arrow:hover {
  background-color: #009688;
  transform: translateY(-50%) scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 184, 169, 0.4);
}

.nitro_carousel_prev {
  left: 16px;
}

.nitro_carousel_next {
  right: 16px;
}

.nitro_carousel_arrow svg {
  width: 24px;
  height: 24px;
  stroke: #ffffff;
  pointer-events: none;
}

/* Show correct previous arrow based on checked radio */
#product_img_1:checked~.nitro_product_main_image .nitro_prev_1,
#product_img_2:checked~.nitro_product_main_image .nitro_prev_2,
#product_img_3:checked~.nitro_product_main_image .nitro_prev_3,
#product_img_4:checked~.nitro_product_main_image .nitro_prev_4,
#product_img_5:checked~.nitro_product_main_image .nitro_prev_5 {
  display: flex;
}

/* Show correct next arrow based on checked radio */
#product_img_1:checked~.nitro_product_main_image .nitro_next_1,
#product_img_2:checked~.nitro_product_main_image .nitro_next_2,
#product_img_3:checked~.nitro_product_main_image .nitro_next_3,
#product_img_4:checked~.nitro_product_main_image .nitro_next_4,
#product_img_5:checked~.nitro_product_main_image .nitro_next_5 {
  display: flex;
}

.nitro_product_thumbnails {
  display: flex;
  gap: 12px;
  justify-content: start;
}

.nitro_thumbnail {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  border: 2px solid transparent;
  cursor: pointer;
  overflow: hidden;
  background-color: #f5f5f5;
  transition: all 0.2s;
  display: block;
  margin: 0;
  padding: 0;
}

.nitro_thumbnail:hover {
  border-color: #00b8a9;
}

/* Active thumbnail based on checked radio */
#product_img_1:checked~.nitro_product_thumbnails label[for="product_img_1"],
#product_img_2:checked~.nitro_product_thumbnails label[for="product_img_2"],
#product_img_3:checked~.nitro_product_thumbnails label[for="product_img_3"],
#product_img_4:checked~.nitro_product_thumbnails label[for="product_img_4"],
#product_img_5:checked~.nitro_product_thumbnails label[for="product_img_5"] {
  border-color: #00b8a9;
}

.nitro_thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  pointer-events: none;
}

.nitro_product_right {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.nitro_product_title {
  font-size: 48px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
  letter-spacing: -0.5px;
}

.nitro_product_rating {
  display: flex;
  align-items: center;
  gap: 12px;
}

.nitro_stars {
  display: flex;
  gap: 4px;
}

.nitro_rating_text {
  font-size: 18px;
  font-weight: 500;
  color: #2c2c2c;
}

.nitro_reviews_count {
  font-size: 22px;
  color: #121212;
}

.nitro_product_sku {
  font-size: 18px;
  color: #2c2c2c;
  margin-top: -8px;
}

.nitro_product_sku_value {
  font-weight: 600;
}

.nitro_purchase_options {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 8px;
}

.nitro_purchase_option {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 16px;
  background-color: #ffffff;
  transition: all 0.2s;
  position: relative;
}

.nitro_purchase_option_active {
  border-color: #00b8a9;
  background-color: #f0fffe;
}

.nitro_purchase_label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  gap: 16px;
  width: 100%;
}

.nitro_purchase_radio {
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  margin: 0;
  cursor: pointer;
  border: 2px solid #00b8a9;
  border-radius: 50%;
  background-color: transparent;
  flex-shrink: 0;
  transition: all 0.2s ease;
}

.nitro_purchase_radio::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #00b8c0;
  transition: all 0.2s ease;
}

.nitro_purchase_radio:checked::before {
  width: 10px;
  height: 10px;
}

.nitro_purchase_radio:checked {
  border-color: #00b8a9;
  background-color: transparent;
}

.nitro_purchase_radio:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 184, 169, 0.1);
}

.nitro_purchase_text {
  font-size: 22px;
  font-weight: 500;
  color: #2c2c2c;
  flex: 1;
}

.nitro_purchase_price {
  font-size: 22px;
  font-weight: 500;
  color: #2c2c2c;
  text-align: right;
  white-space: nowrap;
}

.nitro_purchase_price_wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  text-align: right;
}

.nitro_purchase_price_original {
  font-size: 16px;
  color: #616565;
  text-decoration: line-through;
}

.nitro_subscribe_price_wrapper {
  display: flex;
  justify-content: space-between;
}

.nitro_subscribe_note {
  font-size: 18px;
  color: #616565;
  font-weight: 300;
  margin-top: 8px;
  margin-left: 36px;
  line-height: 1.4;
}

.nitro_subscribe_delivery {
  margin-top: 12px;
  margin-left: 34px;
}

.nitro_delivery_label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #2c2c2c;
  margin-bottom: 8px;
  font-family: inherit;
}

.nitro_delivery_select {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  font-size: 14px;
  font-family: inherit;
  background-color: #ffffff;
  color: #2c2c2c;
  cursor: pointer;
  transition: border-color 0.2s;
}

.nitro_delivery_select:hover {
  border-color: #00b8a9;
}

.nitro_delivery_select:focus {
  outline: none;
  border-color: #00b8a9;
}

.nitro_product_options {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 8px;
}

.nitro_option_group {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.nitro_option_label {
  font-size: 22px;
  font-weight: 400;
  color: #2c2c2c;
}

.nitro_option_select {
  padding: 12px 16px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  font-size: 16px;
  font-family: inherit;
  background-color: #ffffff;
  color: #2c2c2c;
  cursor: pointer;
  transition: border-color 0.2s;
}

.nitro_option_select:hover {
  border-color: #00b8a9;
}

.nitro_option_select:focus {
  outline: none;
  border-color: #00b8a9;
}

.nitro_btn_add_to_cart {
  background-color: #00b8a9;
  color: #ffffff;
  padding: 16px 32px;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 700;
  font-family: "Gotham", sans-serif;
  cursor: pointer;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  text-transform: none;
  box-shadow: 0px 2px 8px rgba(0, 184, 169, 0.3);
  width: 100%;
  margin-top: 8px;
  display: block;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  pointer-events: auto;
}

.nitro_btn_add_to_cart:hover {
  background-color: #009688;
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.nitro_confidence_section {
  padding: 20px;
  background-color: #e6fffe;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 24px;
}

.nitro_confidence_item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  color: #2c2c2c;
  line-height: 1.5;
}

.nitro_confidence_icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  display: block;
}

.nitro_shop_confidence {
  padding: 24px;
  background-color: #f8f9fa;
  border-radius: 8px;
}

.nitro_confidence_title {
  font-size: 18px;
  font-weight: 700;
  color: #2c2c2c;
  margin: 0 0 12px 0;
}

.nitro_confidence_list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Problem/Solution Section */
.nitro_problem_section {
  background-color: #ffffff;
  padding: 100px 40px;
  position: relative;
  overflow: visible;
}

.nitro_problem_section::before {
  content: "";
  position: absolute;
  left: -343px;
  top: -190px;
  width: 480px;
  height: 480px;
  background-image: url("../icons/nueva_graps.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left top;
  transform: scaleX(-1) rotate(-9deg);
  z-index: 0;
}

.nitro_problem_container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 40px;
}

.nitro_problem_top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: start;
  margin-bottom: 60px;
}

.nitro_problem_title {
  font-size: 48px;
  font-weight: 500;
  color: #2c2c2c;
  line-height: 1.2;
  margin: 0;
  letter-spacing: -0.5px;
}

.nitro_problem_text {
  font-size: 22px;
  line-height: 1.6;
  color: #616565;
  font-weight: 300;
  margin: 0;
}

.nitro_before_after {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}

.nitro_before,
.nitro_after {
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
}

.nitro_before_image,
.nitro_after_image {
  width: 200%;
  height: 100%;
  object-fit: cover;
}

.nitro_before_image {
  object-position: 0% center;
}

.nitro_after_image {
  object-position: 50% center;
}

.nitro_before_label,
.nitro_after_label {
  position: absolute;
  top: 20px;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  z-index: 2;
}

.nitro_before_label {
  left: 20px;
}

.nitro_after_label {
  right: 20px;
}

/* Benefits Section */
.nitro_benefits_section {
  position: relative;
  background-color: #ffffff;
  padding: 100px 40px;
  overflow: visible;
}

.nitro_benefits_section::before {
  content: "";
  position: absolute;
  right: -238px;
  top: -38px;
  width: 480px;
  height: 480px;
  background-image: url("../icons/nueva_graps.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right top;
  transform: rotate(-23deg);
  z-index: 0;
}


.nitro_video_section {
  position: relative;
  overflow: visible;
}

.nitro_video_content::before {
  content: "";
  position: absolute;
  right: -238px;
  top: -38px;
  width: 480px;
  height: 480px;
  background-image: url("../icons/nueva_graps.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right top;
  transform: rotate(-23deg);
  z-index: 0;
}

.nitro_benefits_section::after {
  content: "";
  position: absolute;
  left: -238px;
  top: 222px;
  width: 420px;
  height: 420px;
  background-image: url("../icons/nueva_cherry.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right top;
  transform: rotate(-45deg);
  z-index: 0;
}

.nitro_benefits_content {
  max-width: 900px;
  margin: 0 auto 80px;
  text-align: center;
}

.nitro_benefits_title {
  font-size: 48px;
  font-weight: 500;
  color: #2c2c2c;
  line-height: 1.2;
  margin: 0 0 24px 0;
  letter-spacing: -0.5px;
  text-align: center;
}

.nitro_benefits_description {
  font-size: 22px;
  line-height: 1.6;
  font-weight: 300;
  color: #616565;
  margin: 0 0 32px 0;
  text-align: center;
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
}

.nitro_btn_try_nitro {
  background-color: #00b8a9;
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 12px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  font-family: "Gotham", sans-serif;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
  box-shadow: 0px 0px 24px 0px #0abab580;
}

.nitro_btn_try_nitro:hover {
  background-color: #009688;
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.nitro_btn_try_nitro .nitro_btn_arrow {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  stroke: currentColor;
}

.nitro_benefits_grid {
  max-width: 1400px;
  padding: 0 40px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 0.5fr 1fr 0.5fr;
  grid-template-rows: repeat(3, auto);
  column-gap: 80px;
  row-gap: 14px;
  position: relative;
  align-items: start;
}

/* Left Column Benefits */
.nitro_benefit_item:nth-child(1) {
  grid-column: 1;
  grid-row: 1;
}

.nitro_benefit_item:nth-child(2) {
  grid-column: 1;
  grid-row: 2;
}

.nitro_benefit_item:nth-child(3) {
  grid-column: 1;
  grid-row: 3;
}

/* Center Image */
.nitro_benefit_center {
  grid-column: 2;
  grid-row: 1 / 4;
  position: relative;

  overflow: visible;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nitro_benefit_center_image {
  width: 100%;
  height: 741px;

  display: block;
  position: relative;
  z-index: 1;
}

/* Right Column Benefits */
.nitro_benefit_item:nth-child(5) {
  grid-column: 3;
  grid-row: 1;
}

.nitro_benefit_item:nth-child(6) {
  grid-column: 3;
  grid-row: 2;
}

.nitro_benefit_item:nth-child(7) {
  grid-column: 3;
  grid-row: 3;
}

.nitro_benefit_item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 8px;
  padding-bottom: 24px;
  background-color: #ffffff;
  border-radius: 12px;
  text-align: left;
  height: 100%;
  position: relative;
}

.nitro_benefit_item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #e0e0e0;
}

/* Remove border from last items in each column */
.nitro_benefit_item:nth-child(3)::after,
.nitro_benefit_item:nth-child(7)::after {
  display: none;
}

.nitro_benefit_item:nth-child(3),
.nitro_benefit_item:nth-child(7) {
  padding-bottom: 8px;
}

.nitro_benefit_icon {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #00b8a9;
  border-radius: 12px;
  flex-shrink: 0;
}

.nitro_benefit_icon_img {
  width: 32px;
  height: 32px;
  object-fit: contain;
  /* filter: brightness(0) invert(1); */
}

.nitro_benefit_name {
  font-size: 24px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
  line-height: 1.3;
}

.nitro_benefit_description {
  font-size: 22px;
  line-height: 1.5;
  font-weight: 300;
  color: #2c2c2c;
  margin: 0;
}

/* Decorative Elements */
.nitro_decorative_leaves {
  position: absolute;
  top: -64px;
  left: -48px;
  z-index: 1;
}

.nitro_decorative_lemon {
  position: absolute;
  bottom: -60px;
  right: -56px;
  width: 170px;
  height: 169px;
  z-index: 1;
}

/* How to Use Section */
.nitro_howto_section {
  padding: 100px 40px;
  position: relative;
  overflow: visible;
}

.nitro_howto_section::after {
  content: "";
  position: absolute;
  right: -233px;
  top: 222px;
  width: 420px;
  height: 420px;
  background-image: url("../icons/nueva_cherry.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right top;
  transform: scaleX(-1) rotate(-37deg);
  z-index: 0;
}

.nitro_howto_container {
  max-width: 1400px;
  margin: 0 auto;
  text-align: center;
}

.nitro_howto_title {
  font-size: 48px;
  font-weight: 500;
  padding-bottom: 80px;
  color: #000000;
  line-height: 1.2;
  margin: 0 auto;
  max-width: 480px;
  letter-spacing: -0.5px;
}

.nitro_howto_steps {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 60px;
  flex-wrap: wrap;
}

.nitro_step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
  max-width: 220px;
}

.nitro_step_arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  margin-bottom: 124px;
}

.nitro_step_arrow img {
  width: 100%;
  max-width: 180px;
  height: auto;
  opacity: 0.6;
}

.nitro_step_icon {
  width: auto;
  height: auto;
  background-color: transparent;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 8px 0;
}

.nitro_step_icon img {
  width: 100%;
  max-width: 180px;
  height: auto;
  display: block;
}

.nitro_step_title {
  font-size: 24px;
  font-weight: 500;
  color: #121212;
  margin: 0;
  text-align: center;
}

.nitro_step_text {
  font-size: 22px;
  line-height: 1.6;
  color: #616565;
  font-weight: 300;
  margin: 0;
  text-align: center;
  max-width: 200px;
}

.nitro_btn_shop_now {
  background-color: #00b8a9;
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 18px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  font-family: "Gotham", sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  box-shadow: 0px 0px 24px 0px #0abab580;
}

.nitro_btn_shop_now:hover {
  background-color: #009688;
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.nitro_btn_shop_now svg {
  margin-left: 8px;
  display: inline-block;
  vertical-align: middle;
}

/* Ingredients Section */
.nitro_ingredients_section {
  position: relative;
  overflow: visible;
  background-color: #ffffff;
  padding: 100px 0px;
}

.nitro_ingredients_section::before {
  content: "";
  position: absolute;
  right: -311px;
  top: -70px;
  width: 580px;
  height: 580px;
  background-image: url("../icons/nueva_graps.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right top;
  transform: rotate(-23deg);
  z-index: 0;
}

.nitro_ingredients_section::after {
  content: "";
  position: absolute;
  bottom: -80px;
  left: -183px;
  width: 380px;
  height: 380px;
  background-image: url("../icons/nueva_cherry.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left bottom;
  transform: scaleX(-1) rotate(-25deg);
  z-index: 0;
}

.nitro_ingredients_container {
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  align-items: stretch;
  overflow: hidden;
}

.nitro_ingredients_left {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nitro_ingredients_image {
  width: 100%;
  height: 965px;
  object-fit: cover;
}

.nitro_ingredients_right {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 50px 64px;
  justify-content: center;
  background-color: #e0f2f1;
}

.nitro_ingredients_title {
  font-size: 48px;
  font-weight: 500;
  color: #141313;

  letter-spacing: -0.5px;
}

.nitro_ingredients_list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.nitro_ingredient_item {
  border-bottom: 1px solid rgba(97, 101, 101, 0.2);
  display: flex;
  flex-direction: column;
  font-size: 22px;
  font-weight: 300;
  gap: 8px;
}

.nitro_ingredient_item:last-of-type {
  border-bottom: none;
}

.nitro_ingredient_item strong {
  color: #2c2c2c;
  font-weight: 500;
  font-size: 22px;
  display: block;
}

.nitro_ingredient_description {
  color: #616565;
  font-size: 22px;
  padding-bottom: 12px;
  line-height: 1.6;
  margin: 0;
  font-weight: 300;
}

.nitro_ingredients_disclaimer {
  color: #616565;
  font-size: 22px;
  font-weight: 300;
  line-height: 1.6;
  margin: 0;
  font-style: italic;
}

.nitro_btn_view_ingredients {
  background-color: #0abab5;
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  font-family: "Gotham", sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  box-shadow: 0px 0px 24px 0px #0abab580;
  width: fit-content;
  margin-top: 8px;
}

.nitro_btn_view_ingredients:hover {
  background-color: #009688;
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.nitro_btn_view_ingredients svg {
  margin-left: 8px;
  display: inline-block;
  vertical-align: middle;
}

/* Trust & Transparency Section */
.nitro_trust_section {
  background-color: #ffffff;
  padding: 100px 40px;
}

.nitro_trust_container {
  max-width: 1400px;
  padding: 0 40px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1.25fr;
  gap: 80px;
  align-items: center;
}

.nitro_trust_left {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.nitro_trust_title {
  font-size: 42px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
  line-height: 1.25;
  letter-spacing: -0.5px;
}

.nitro_trust_text {
  font-size: 22px;
  line-height: 1.6;
  color: #616565;
  margin: 0;
  font-weight: 300;
}

.nitro_trust_buttons {
  display: flex;
  gap: 22px;
  flex-wrap: wrap;
  justify-content: space-between;
}

.nitro_btn_download_sheet {
  background: #0abab5;
  color: #ffffff;
  padding: 14px 24px;
  border-radius: 12px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  font-family: "Gotham", sans-serif;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;

  box-shadow: 0px 0px 24px 0px #0abab580;
  width: fit-content;
}

.nitro_btn_download_sheet:hover {
  background: linear-gradient(135deg, #009688 0%, #00b8a9 100%);
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.nitro_btn_download_sheet svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  stroke: currentColor;
}

.nitro_btn_view_results {
  background-color: transparent;
  color: #00b8a9;
  padding: 14px 32px;
  border: 2px solid #00b8a9;
  border-radius: 12px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  font-family: "Gotham", sans-serif;
  display: inline-block;
  transition: all 0.3s ease;
  letter-spacing: 1px;
  width: fit-content;
}

.nitro_btn_view_results:hover {
  background-color: #00b8a9;
  color: #ffffff;
  transform: translateY(-2px);
}

.nitro_trust_badges {
  background-color: #e0f7f5;
  border-radius: 22px;
  font-weight: 500;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 8px;
}

.nitro_trust_badge {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  color: #2c2c2c;
}

.nitro_trust_badge_icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.nitro_trust_right {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nitro_trust_image {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.nitro_trust_label {
  position: absolute;
  bottom: 160px;
  right: 100px;
  width: auto;
  height: auto;
  max-width: 150px;
  z-index: 10;
  object-fit: contain;
}

/* Customer Reviews Section */
.nitro_reviews_section {
  background-color: #ffffff;
  padding: 100px 40px;
  position: relative;
  overflow: visible;
}

.nitro_reviews_section::after {
  content: "";
  position: absolute;
  right: -244px;
  top: -70px;
  width: 480px;
  height: 480px;
  background-image: url("../icons/nueva_graps.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right top;
  transform: rotate(-24deg);
  z-index: 0;
}

.nitro_reviews_section::before {
  content: "";
  position: absolute;
  left: -315px;
  bottom: -84px;
  width: 480px;
  height: 480px;
  background-image: url("../icons/nueva_graps.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left top;
  transform: scaleX(-1) rotate(-24deg);
  z-index: 0;
}

.nitro_reviews_container {
  padding: 0 40px;
  max-width: 1400px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

/* Decorative Grapes */
.nitro_reviews_grapes_left,
.nitro_reviews_grapes_right {
  position: absolute;
  z-index: 0;
  pointer-events: none;
}

.nitro_reviews_grapes_left {
  left: -100px;
  bottom: 0;
  width: 200px;
  height: 300px;
}

.nitro_reviews_grapes_right {
  right: -100px;
  top: 0;
  width: 200px;
  height: 300px;
}

.nitro_reviews_grapes_image {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #8b5a9f 0%, #6b3d7a 100%);
  border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  opacity: 0.3;
  position: relative;
}

.nitro_reviews_grapes_left .nitro_reviews_grapes_image::before,
.nitro_reviews_grapes_left .nitro_reviews_grapes_image::after {
  content: "";
  position: absolute;
  background: linear-gradient(135deg, #8b5a9f 0%, #6b3d7a 100%);
  border-radius: 50%;
}

.nitro_reviews_grapes_left .nitro_reviews_grapes_image::before {
  width: 60px;
  height: 60px;
  top: 20px;
  left: 30px;
}

.nitro_reviews_grapes_left .nitro_reviews_grapes_image::after {
  width: 40px;
  height: 40px;
  top: 50px;
  left: 60px;
}

.nitro_reviews_grapes_right .nitro_reviews_grapes_image::before,
.nitro_reviews_grapes_right .nitro_reviews_grapes_image::after {
  content: "";
  position: absolute;
  background: linear-gradient(135deg, #8b5a9f 0%, #6b3d7a 100%);
  border-radius: 50%;
}

.nitro_reviews_grapes_right .nitro_reviews_grapes_image::before {
  width: 60px;
  height: 60px;
  bottom: 20px;
  right: 30px;
}

.nitro_reviews_grapes_right .nitro_reviews_grapes_image::after {
  width: 40px;
  height: 40px;
  bottom: 50px;
  right: 60px;
}

.nitro_reviews_header {
  margin-bottom: 60px;
  position: relative;
  z-index: 1;
}

.nitro_reviews_rating {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 16px;
}

.nitro_stars svg {
  width: 20px;
  height: 20px;
}

.nitro_rating_text_large {
  font-size: 24px;
  font-weight: 500;
  color: #2c2c2c;
}

.nitro_reviews_title {
  font-size: 48px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0 0 20px 0;
  letter-spacing: -0.5px;
}

.nitro_reviews_meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}

.nitro_reviews_count {
  font-size: 22px;
  color: #121212;
}

.nitro_reviews_tabs {
  display: flex;
  gap: 0;
  border-radius: 8px;
  overflow: hidden;
}

.nitro_reviews_tab {
  padding: 8px 16px;
  font-size: 22px;
  font-weight: 400;
  color: #616565;
  background-color: transparent;
  text-decoration: none;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}

.nitro_reviews_tab_active {
  color: #00b8a9;
  background-color: transparent;
  text-decoration: underline;
  text-decoration-color: #00b8a9;
  text-underline-offset: 4px;
}

.nitro_reviews_tab:not(.nitro_reviews_tab_active):hover {
  color: #2c2c2c;
}

.nitro_reviews_sort {
  position: relative;
}

.nitro_reviews_sort_dropdown {
  padding: 8px 32px 8px 16px;
  font-size: 14px;
  font-weight: 400;
  color: #2c2c2c;
  background-color: transparent;
  border: 1px solid #00b8a9;
  border-radius: 8px;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 9L1 4h10z' fill='%2300b8a9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  font-family: inherit;
}

.nitro_reviews_sort_dropdown:focus {
  outline: none;
  border-color: #009688;
}

.nitro_reviews_cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-bottom: 40px;

  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}

.nitro_review_card {
  background-color: #e8f5f3;
  padding: 32px;
  border-radius: 12px;
  text-align: left;
  position: relative;
}

.nitro_review_quote {
  width: 35px;
  height: 25px;
  margin-bottom: 16px;
}

.nitro_review_text {
  font-size: 22px;
  line-height: 1.6;
  color: #2c2c2c;
  margin: 0 0 20px 0;
  font-style: normal;
}

.nitro_review_author {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.nitro_review_flag {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 2px;
}

.nitro_review_author_info {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.nitro_review_name {
  font-size: 20px;
  font-weight: 500;
  color: #2c2c2c;
  display: block;
}

.nitro_review_verified_wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
}

.nitro_review_verified_icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.nitro_review_verified {
  font-size: 18px;
  color: #00b8a9;
  font-weight: 500;
}

.nitro_review_location {
  display: none;
}

.nitro_btn_read_more {
  background-color: #00b8a9;
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 12px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  font-family: "Gotham", sans-serif;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
  letter-spacing: 1px;
  box-shadow: 0px 0px 24px 0px #0abab580;
  position: relative;
  z-index: 1;
}

.nitro_btn_read_more svg {
  width: 20px;
  height: 20px;
}

.nitro_btn_read_more:hover {
  background-color: #009688;
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

/* FAQ Section */
.nitro_faq_section {
  background-color: #ffffff;
  padding: 100px 40px;
  position: relative;
  overflow: visible;
}

.nitro_faq_section::before {
  content: "";
  position: absolute;
  left: -155px;
  bottom: -46px;
  width: 480px;
  height: 480px;
  background-image: url("../icons/nueva_cherry.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left bottom;
  transform: scaleX(-1) rotate(-23deg);
  z-index: 0;
}

.nitro_faq_container {
  max-width: 1000px;
  margin: 0 auto;
}

.nitro_faq_title {
  font-size: 48px;
  font-weight: 500;
  max-width: 650px;
  color: #2c2c2c;
  text-align: center;
  margin: auto;
  padding-bottom: 60px;
  letter-spacing: -0.5px;
}

.nitro_faq_list {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: 40px;
}

.nitro_faq_checkbox {
  display: none;
}

.nitro_faq_item {
  padding: 24px 0;
  background-color: transparent;
  border-bottom: 1px solid #e0e0e0;
  transition: all 0.3s ease;
}

.nitro_faq_item:last-child {
  border-bottom: none;
}

.nitro_faq_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.nitro_faq_label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
}

.nitro_faq_item:hover {
  background-color: transparent;
}

.nitro_faq_question {
  font-size: 24px;
  font-weight: 400;
  color: #2c2c2c;
  margin: 0;
}

.nitro_faq_toggle {
  background: #00b8a9;
  border: none;
  cursor: pointer;
  padding: 0;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  flex-shrink: 0;
  pointer-events: none;
}

.nitro_faq_label:hover .nitro_faq_toggle {
  background: #009688;
  transform: scale(1.05);
}

.nitro_faq_icon {
  width: 24px;
  height: 24px;
  position: relative;
  display: inline-block;
}

.nitro_faq_plus,
.nitro_faq_x {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.nitro_faq_plus {
  opacity: 1;
  transform: rotate(0deg);
}

.nitro_faq_x {
  opacity: 0;
  transform: rotate(90deg);
}

.nitro_faq_checkbox:checked~.nitro_faq_header .nitro_faq_plus {
  opacity: 0;
  transform: rotate(90deg);
}

.nitro_faq_checkbox:checked~.nitro_faq_header .nitro_faq_x {
  opacity: 1;
  transform: rotate(0deg);
}

.nitro_faq_answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding: 0;
  margin-top: 0;
}

.nitro_faq_checkbox:checked~.nitro_faq_answer {
  max-height: 500px;
  padding-top: 16px;
  margin-top: 0;
}

.nitro_faq_answer p {
  font-size: 16px;
  line-height: 1.6;
  color: #666;
  margin: 0;
  padding: 0;
}

.nitro_btn_view_faqs {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #00b8a9;
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 12px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  font-family: "Gotham", sans-serif;
  transition: all 0.3s ease;
  letter-spacing: 0.3px;
  box-shadow: 0px 0px 24px 0px #0abab580;
  max-width: 200px;
  margin: 0 auto;
}

.nitro_btn_view_faqs:hover {
  background-color: #009688;
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

/* You May Also Like Section */
.nitro_related_section {
  padding: 100px 40px;
}

.nitro_related_container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 40px;
  width: 100%;
  box-sizing: border-box;
}

.nitro_related_title {
  font-size: 48px;
  font-weight: 500;
  color: #2c2c2c;
  text-align: center;
  margin: 0 0 60px 0;
  letter-spacing: -0.5px;
}

.nitro_faq_buttons {
  display: flex;
  justify-content: center;
  margin-top: 80px;
}

/* Hide radio buttons */
.nitro_related_radio {
  display: none;
}

/* Products container with overflow hidden */
.nitro_related_products_container {
  overflow: hidden;
  position: relative;
  margin-bottom: 40px;
  width: 100%;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
}

/* Products wrapper with flex layout */
.nitro_related_products_wrapper {
  display: flex;
  gap: 32px;
  transition: transform 0.5s ease;
  will-change: transform;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
}

/* Each product takes 1/3 width (showing 3 at a time) */
.nitro_related_product {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: transform 0.3s ease;
  flex: 0 0 calc((100% - 64px) / 3);
  min-width: calc((100% - 64px) / 3);
  max-width: calc((100% - 64px) / 3);
}

.nitro_related_product:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.nitro_related_image_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 434px;
}

.nitro_related_image {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.nitro_related_name {
  font-size: 20px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 20px 0 12px 0;
  padding: 0 20px;
}

.nitro_related_price {
  font-size: 18px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0 0 20px 0;
  padding: 0 20px;
}

.nitro_related_buttons {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0px 0px 24px 0px;
}

.nitro_btn_add_to_cart_small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #00b8a9;
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 12px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  font-family: "Gotham", sans-serif;
  transition: all 0.3s ease;
  letter-spacing: 0.3px;
  box-shadow: 0px 0px 24px 0px #0abab580;
  width: 100%;
  border: none;
}

.nitro_btn_add_to_cart_small:hover {
  background-color: #009688;
  transform: translateY(-2px);
  box-shadow: 0px 4px 12px rgba(0, 184, 169, 0.4);
}

.nitro_btn_learn_more_small {
  background-color: transparent;
  color: #00b8a9;
  padding: 12px 24px;
  border: 1px solid #00b8a9;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 300;
  font-family: "Gotham", sans-serif;
  cursor: pointer;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  text-transform: none;
  width: 100%;
}

.nitro_btn_learn_more_small:hover {
  background-color: #00b8a9;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0px 4px 12px rgba(0, 184, 169, 0.4);
}

.nitro_related_navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  padding: 0 20px;
}

.nitro_related_dots {
  display: flex;
  gap: 8px;
  align-items: center;
}

.nitro_related_dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #d0d0d0;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-block;
}

/* Active dot based on checked radio */
#related_slide_1:checked~.nitro_related_products_container~.nitro_related_navigation .nitro_related_dots label[for="related_slide_1"],
#related_slide_2:checked~.nitro_related_products_container~.nitro_related_navigation .nitro_related_dots label[for="related_slide_2"],
#related_slide_3:checked~.nitro_related_products_container~.nitro_related_navigation .nitro_related_dots label[for="related_slide_3"],
#related_slide_4:checked~.nitro_related_products_container~.nitro_related_navigation .nitro_related_dots label[for="related_slide_4"],
#related_slide_5:checked~.nitro_related_products_container~.nitro_related_navigation .nitro_related_dots label[for="related_slide_5"] {
  background-color: #2c2c2c;
  width: 10px;
  height: 10px;
}

.nitro_related_dot:hover {
  background-color: #00b8a9;
}

.nitro_related_arrows {
  display: flex;
  gap: 12px;
  align-items: center;
}

.nitro_related_arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #00b8a9;
  border: none;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
}

.nitro_related_arrow:hover {
  background-color: #009688;
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 184, 169, 0.4);
}

.nitro_related_arrow img {
  width: 20px;
  height: 20px;
  filter: brightness(0) invert(1);
  pointer-events: none;
}

/* Show appropriate arrows based on checked radio */
/* Previous arrows */
#related_slide_2:checked~.nitro_related_products_container~.nitro_related_navigation .nitro_related_arrow_prev_1,
#related_slide_3:checked~.nitro_related_products_container~.nitro_related_navigation .nitro_related_arrow_prev_2,
#related_slide_4:checked~.nitro_related_products_container~.nitro_related_navigation .nitro_related_arrow_prev_3,
#related_slide_5:checked~.nitro_related_products_container~.nitro_related_navigation .nitro_related_arrow_prev_4,
#related_slide_1:checked~.nitro_related_products_container~.nitro_related_navigation .nitro_related_arrow_prev_5 {
  display: flex;
}

/* Next arrows */
#related_slide_1:checked~.nitro_related_products_container~.nitro_related_navigation .nitro_related_arrow_next_1,
#related_slide_2:checked~.nitro_related_products_container~.nitro_related_navigation .nitro_related_arrow_next_2,
#related_slide_3:checked~.nitro_related_products_container~.nitro_related_navigation .nitro_related_arrow_next_3,
#related_slide_4:checked~.nitro_related_products_container~.nitro_related_navigation .nitro_related_arrow_next_4,
#related_slide_5:checked~.nitro_related_products_container~.nitro_related_navigation .nitro_related_arrow_next_5 {
  display: flex;
}

/* Carousel positioning based on checked radio - showing 3 cards at a time */
/* Each slide moves by: (slide_number - 1) * 3 products = (slide_number - 1) * (product_width + gap) */
/* Product width: calc((100% - 64px) / 3), Gap: 32px */
#related_slide_1:checked~.nitro_related_products_container .nitro_related_products_wrapper {
  transform: translateX(0%);
}

#related_slide_2:checked~.nitro_related_products_container .nitro_related_products_wrapper {
  transform: translateX(calc(-1 * ((100% - 64px) / 3 + 32px)));
}

#related_slide_3:checked~.nitro_related_products_container .nitro_related_products_wrapper {
  transform: translateX(calc(-2 * ((100% - 64px) / 3 + 32px)));
}

#related_slide_4:checked~.nitro_related_products_container .nitro_related_products_wrapper {
  transform: translateX(calc(-3 * ((100% - 64px) / 3 + 32px)));
}

#related_slide_5:checked~.nitro_related_products_container .nitro_related_products_wrapper {
  transform: translateX(calc(-4 * ((100% - 64px) / 3 + 32px)));
}

/* Mobile carousel positioning - showing 1 card at a time */
@media (max-width: 640px) {

  /* Each slide moves by: (slide_number - 1) * 1 product = (slide_number - 1) * (100% + gap) */
  /* Product width: 100%, Gap: 16px */
  /* Note: On mobile, we show products sequentially (1, 2, 3, 4, 5...) instead of by slide groups */
  #related_slide_1:checked~.nitro_related_products_container .nitro_related_products_wrapper {
    transform: translateX(0%);
  }

  #related_slide_2:checked~.nitro_related_products_container .nitro_related_products_wrapper {
    transform: translateX(calc(-1 * (100% + 16px)));
  }

  #related_slide_3:checked~.nitro_related_products_container .nitro_related_products_wrapper {
    transform: translateX(calc(-2 * (100% + 16px)));
  }

  #related_slide_4:checked~.nitro_related_products_container .nitro_related_products_wrapper {
    transform: translateX(calc(-3 * (100% + 16px)));
  }

  #related_slide_5:checked~.nitro_related_products_container .nitro_related_products_wrapper {
    transform: translateX(calc(-4 * (100% + 16px)));
  }
}

/* 30-Day Guarantee Section */
.nitro_guarantee_section {
  background-color: #ffffff;
  padding: 100px 40px;
  position: relative;
  overflow: visible;
}

.nitro_guarantee_section::before {
  content: "";
  position: absolute;
  right: -129px;
  top: -124px;
  width: 280px;
  height: 280px;
  background-image: url("../images/lemon.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right top;
  transform: rotate(1deg);
  z-index: 0;
}

.nitro_guarantee_container {
  margin: 0 auto;
  text-align: center;
}

.nitro_guarantee_title {
  font-size: 48px;
  font-weight: 500;
  max-width: 680px;
  color: #2c2c2c;
  margin: auto;
  padding-bottom: 24px;
  /* margin: 0 0 24px 0; */
  line-height: 1.2;
}

.nitro_guarantee_text {
  font-size: 22px;
  font-weight: 300;
  max-width: 792px;
  margin: auto;
  line-height: 1.6;
  color: #616565;
  padding-bottom: 40px;
}

.nitro_guarantee_buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

/* Why High Performers Section */
.nitro_performers_section {
  background-color: #ffffff;
  padding: 100px 40px;
}

.nitro_performers_container {
  max-width: 1400px;
  padding: 0 40px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}

.nitro_performers_left {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.nitro_performers_title {
  font-size: 48px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.nitro_performers_text {
  font-size: 22px;
  font-weight: 300;
  line-height: 1.6;
  color: #616565;
  margin: 0;
}

.nitro_performers_right {
  position: relative;
}

.nitro_performers_image {
  width: 100%;
  height: 500px;
  object-fit: cover;
  border-radius: 12px;
}

/* Responsive Styles */
@media (max-width: 1200px) {

  .nitro_product_container,
  .nitro_problem_container,
  .nitro_ingredients_container,
  .nitro_trust_container,
  .nitro_performers_container {
    gap: 40px;
  }

  .nitro_ingredients_right {
    padding: 50px 40px;
  }

  .nitro_howto_steps {
    flex-wrap: wrap;
    gap: 30px;
  }

  .nitro_step_arrow {
    display: none;
  }

  .nitro_step {
    max-width: 180px;
  }

  .nitro_benefits_grid {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 30px;
  }

  .nitro_benefit_center {
    grid-column: 1;
    grid-row: auto;
    height: auto;
  }

  .nitro_benefit_item:nth-child(1),
  .nitro_benefit_item:nth-child(2),
  .nitro_benefit_item:nth-child(3),
  .nitro_benefit_item:nth-child(5),
  .nitro_benefit_item:nth-child(6),
  .nitro_benefit_item:nth-child(7) {
    grid-column: 1;
    grid-row: auto;
  }

  .nitro_related_product {
    min-width: calc(50% - 20px);
  }
}

@media (max-width: 992px) {
  .nitro_product_container {
    gap: 60px;
  }

  .nitro_hero_title {
    font-size: 48px;
  }

  .nitro_hero_description {
    font-size: 20px;
  }

  .nitro_product_title,
  .nitro_problem_title,
  .nitro_benefits_title,
  .nitro_howto_title,
  .nitro_ingredients_title,
  .nitro_trust_title,
  .nitro_reviews_title,
  .nitro_faq_title,
  .nitro_related_title,
  .nitro_guarantee_title,
  .nitro_performers_title {
    font-size: 40px;
  }

  .nitro_benefit_center_image {
    height: auto;
    max-height: 500px;
  }

  .nitro_related_product {
    min-width: calc(50% - 20px);
  }
}

@media (max-width: 768px) {
  .nitro_hero_section {
    height: 600px;
    min-height: 600px;
    max-height: 700px;
  }

  .nitro_hero_content {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    padding: 40px 30px;
    gap: 30px;
  }

  .nitro_hero_top_left {
    grid-column: 1;
    grid-row: 1;
    align-items: flex-start;
    text-align: left;
  }

  .nitro_hero_bottom_right {
    grid-column: 1;
    grid-row: 2;
    padding-left: 0;
    align-items: flex-start;
    justify-content: center;
  }

  .nitro_hero_buttons {
    max-width: 100%;
  }

  .nitro_hero_label {
    font-size: 11px;
    padding: 5px 14px;
    margin-bottom: 20px;
  }

  .nitro_hero_title {
    font-size: 36px;
    letter-spacing: -1px;
  }

  .nitro_hero_description {
    font-size: 16px;
    max-width: 100%;
    margin-bottom: 24px;
  }

  .nitro_btn_explore {
    padding: 14px 28px;
    font-size: 15px;
  }

  .nitro_hero_carousel_dots {
    bottom: 20px;
  }

  .nitro_product_container,
  .nitro_ingredients_container,
  .nitro_trust_container,
  .nitro_performers_container {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 0 12px;
  }

  /* 
    .nitro_ingredients_left {
      padding: 30px 20px;
    } */

  .nitro_ingredients_right {
    padding: 40px 30px;
  }

  .nitro_ingredients_title {
    font-size: 32px;
  }

  .nitro_problem_top {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 0 12px;
  }

  .nitro_before_after {
    grid-template-columns: 1fr;
  }

  .nitro_before::after {
    display: none;
  }

  .nitro_howto_steps {
    flex-direction: column;
    gap: 40px;
  }

  .nitro_step_arrow {
    display: none;
  }

  .nitro_step {
    max-width: 100%;
  }

  .nitro_benefits_grid {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 0 12px;
  }

  .nitro_benefit_center {
    grid-column: 1;
    grid-row: auto;
  }

  .nitro_benefit_item:nth-child(1),
  .nitro_benefit_item:nth-child(2),
  .nitro_benefit_item:nth-child(3),
  .nitro_benefit_item:nth-child(5),
  .nitro_benefit_item:nth-child(6),
  .nitro_benefit_item:nth-child(7) {
    grid-column: 1;
    grid-row: auto;
  }

  .nitro_reviews_cards {
    grid-template-columns: 1fr;
  }

  .nitro_reviews_meta {
    flex-direction: column;
    gap: 16px;
  }

  .nitro_reviews_grapes_left,
  .nitro_reviews_grapes_right {
    display: none;
  }

  .nitro_related_products {
    grid-template-columns: 1fr;
  }

  .nitro_product_title,
  .nitro_problem_title,
  .nitro_benefits_title,
  .nitro_howto_title,
  .nitro_ingredients_title,
  .nitro_trust_title,
  .nitro_reviews_title,
  .nitro_faq_title,
  .nitro_related_title,
  .nitro_guarantee_title,
  .nitro_performers_title {
    font-size: 36px;
  }

  .nitro_product_section,
  .nitro_problem_section,
  .nitro_benefits_section,
  .nitro_howto_section,
  .nitro_ingredients_section,
  .nitro_trust_section,
  .nitro_reviews_section,
  .nitro_faq_section,
  .nitro_related_section,
  .nitro_guarantee_section,
  .nitro_performers_section {
    padding: 60px 20px;
  }

  .nitro_guarantee_section::before,
  .nitro_faq_section::before,
  .nitro_reviews_section::before,
  .nitro_reviews_section::after,
  .nitro_ingredients_section::after,
  .nitro_ingredients_section::before,
  .nitro_howto_section::after,
  .nitro_benefits_section::after,
  .nitro_problem_section::before,
  .nitro_benefits_section::before {
    display: none;
  }

  .nitro_product_container {
    gap: 40px;
  }

  .nitro_product_left {
    order: 2;
  }

  .nitro_product_right {
    order: 1;
  }

  .nitro_product_main_image {
    aspect-ratio: 1;
  }

  .nitro_carousel_arrow {
    display: flex;
    width: 40px;
    height: 40px;
  }

  .nitro_carousel_arrow svg {
    width: 20px;
    height: 20px;
  }

  .nitro_product_thumbnails {
    flex-wrap: wrap;
    gap: 8px;
  }

  .nitro_thumbnail {
    width: 60px;
    height: 60px;
  }

  .nitro_purchase_text,
  .nitro_purchase_price {
    font-size: 18px;
  }

  .nitro_subscribe_note {
    font-size: 16px;
    margin-left: 0;
  }

  .nitro_subscribe_delivery {
    margin-left: 0;
  }

  .nitro_option_label {
    font-size: 18px;
  }

  .nitro_problem_container {
    padding: 0 12px;
  }

  .nitro_problem_text {
    font-size: 18px;
  }

  .nitro_benefits_description {
    font-size: 18px;
  }

  .nitro_benefit_name {
    font-size: 20px;
  }

  .nitro_benefit_description {
    font-size: 18px;
  }

  .nitro_howto_title {
    padding-bottom: 40px;
  }

  .nitro_step_title {
    font-size: 20px;
  }

  .nitro_step_text {
    font-size: 18px;
  }

  .nitro_ingredients_image {
    height: auto;
    min-height: 400px;
  }

  .nitro_ingredient_item,
  .nitro_ingredient_item strong,
  .nitro_ingredient_description,
  .nitro_ingredients_disclaimer {
    font-size: 18px;
  }

  .nitro_trust_text {
    font-size: 18px;
  }

  .nitro_trust_buttons {
    flex-direction: column;
    align-items: stretch;
  }

  .nitro_btn_download_sheet,
  .nitro_btn_view_results {
    width: 100%;
    justify-content: center;
  }

  .nitro_trust_label {
    bottom: 20px;
    right: 20px;
    max-width: 100px;
  }

  .nitro_reviews_title {
    font-size: 32px;
  }

  .nitro_review_text {
    font-size: 18px;
  }

  .nitro_review_name {
    font-size: 18px;
  }

  .nitro_faq_question {
    font-size: 20px;
  }

  .nitro_faq_toggle {
    width: 48px;
    height: 48px;
  }

  .nitro_related_product {
    min-width: calc(50% - 20px);
  }

  .nitro_related_products_wrapper {
    gap: 20px;
  }

  .nitro_related_products_container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
  }

  .nitro_related_products_wrapper {
    scroll-snap-align: start;
  }

  .nitro_related_product {
    scroll-snap-align: start;
  }

  .nitro_guarantee_text {
    font-size: 18px;
  }

  .nitro_performers_text {
    font-size: 18px;
  }

  .nitro_performers_image {
    height: 300px;
  }

  .nitro_benefits_content {
    padding: 0 20px;
  }

  .nitro_benefits_description {
    max-width: 100%;
  }

  .nitro_trust_buttons {
    gap: 12px;
  }

  .nitro_btn_download_sheet,
  .nitro_btn_view_results {
    flex: 1;
    min-width: 0;
  }

  .nitro_reviews_tabs {
    flex-wrap: wrap;
  }

  .nitro_reviews_tab {
    font-size: 18px;
    padding: 6px 12px;
  }

  .nitro_confidence_section {
    padding: 16px;
  }

  .nitro_purchase_option {
    padding: 14px;
  }

  .nitro_product_options {
    gap: 12px;
  }
}

@media (max-width: 640px) {
  .nitro_hero_section {
    height: 500px;
    min-height: 500px;
    max-height: 600px;
  }

  .nitro_hero_content {
    padding: 30px 20px;
    gap: 20px;
  }

  .nitro_hero_top_left {
    justify-content: flex-start;
  }

  .nitro_hero_bottom_right {
    align-items: flex-start;
  }

  .nitro_hero_title {
    font-size: 28px;
    line-height: 1.2;
  }

  .nitro_hero_description {
    font-size: 14px;
    line-height: 1.5;
  }

  .nitro_btn_explore {
    padding: 12px 24px;
    font-size: 14px;
    width: 100%;
    justify-content: center;
  }

  .nitro_product_section,
  .nitro_problem_section,
  .nitro_benefits_section,
  .nitro_howto_section,
  .nitro_ingredients_section,
  .nitro_trust_section,
  .nitro_reviews_section,
  .nitro_faq_section,
  .nitro_related_section,
  .nitro_guarantee_section,
  .nitro_performers_section {
    padding: 40px 16px;
  }

  .nitro_product_container {
    gap: 30px;
  }

  .nitro_product_title {
    font-size: 28px;
    line-height: 1.2;
  }

  .nitro_product_carousel_wrapper {
    gap: 16px;
  }

  .nitro_product_main_image {
    border-radius: 8px;
  }

  .nitro_product_rating {
    flex-wrap: wrap;
    gap: 8px;
  }

  .nitro_rating_text,
  .nitro_reviews_count {
    font-size: 16px;
  }

  .nitro_product_sku {
    font-size: 16px;
  }

  .nitro_purchase_option {
    padding: 12px;
  }

  .nitro_purchase_text,
  .nitro_purchase_price {
    font-size: 16px;
  }

  .nitro_purchase_price_original {
    font-size: 14px;
  }

  .nitro_subscribe_note {
    font-size: 14px;
  }

  .nitro_option_label {
    font-size: 16px;
  }

  .nitro_option_select {
    padding: 10px 12px;
    font-size: 14px;
  }

  .nitro_btn_add_to_cart {
    padding: 14px 24px;
    font-size: 14px;
  }

  .nitro_confidence_title {
    font-size: 16px;
  }

  .nitro_confidence_item {
    font-size: 14px;
  }

  .nitro_problem_title {
    font-size: 28px;
  }

  .nitro_problem_text {
    font-size: 16px;
  }

  .v4_before_after_image_container {
    margin-top: 24px;
  }

  .v4_before_after_image_container img {
    width: 100%;
    height: auto;
  }

  .nitro_benefits_title {
    font-size: 28px;
  }

  .nitro_benefits_description {
    font-size: 16px;
  }

  .nitro_benefit_icon {
    width: 48px;
    height: 48px;
  }

  .nitro_benefit_icon_img {
    width: 24px;
    height: 24px;
  }

  .nitro_benefit_name {
    font-size: 18px;
  }

  .nitro_benefit_description {
    font-size: 16px;
  }

  .nitro_benefit_center_image {
    height: auto;
    max-height: 400px;
  }

  .nitro_decorative_leaves,
  .nitro_decorative_lemon {
    display: none;
  }

  .nitro_howto_title {
    font-size: 28px;
    padding-bottom: 30px;
  }

  .nitro_howto_steps {
    gap: 30px;
  }

  .nitro_step_icon img {
    max-width: 120px;
  }

  .nitro_step_title {
    font-size: 18px;
  }

  .nitro_step_text {
    font-size: 16px;
  }

  .nitro_ingredients_title {
    font-size: 28px;
  }

  .nitro_ingredients_right {
    padding: 30px 20px;
  }

  .nitro_ingredient_item,
  .nitro_ingredient_item strong,
  .nitro_ingredient_description,
  .nitro_ingredients_disclaimer {
    font-size: 16px;
  }

  .nitro_trust_title {
    font-size: 28px;
  }

  .nitro_trust_text {
    font-size: 16px;
  }

  .nitro_trust_label {
    display: none;
  }

  .nitro_reviews_title {
    font-size: 28px;
  }

  .nitro_reviews_count {
    font-size: 18px;
  }

  .nitro_reviews_tab {
    font-size: 18px;
    padding: 6px 12px;
  }

  .nitro_review_card {
    padding: 24px;
  }

  .nitro_review_text {
    font-size: 16px;
  }

  .nitro_review_name {
    font-size: 16px;
  }

  .nitro_review_verified {
    font-size: 14px;
  }

  .nitro_faq_title {
    font-size: 28px;
  }

  .nitro_faq_question {
    font-size: 18px;
  }

  .nitro_faq_toggle {
    width: 40px;
    height: 40px;
  }

  .nitro_faq_icon {
    width: 20px;
    height: 20px;
  }

  .nitro_faq_answer p {
    font-size: 14px;
  }

  .nitro_related_title {
    font-size: 28px;
  }

  .nitro_related_product {
    flex: 0 0 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .nitro_related_products_wrapper {
    gap: 16px;
  }

  .nitro_related_products_container {
    padding: 0 10px;
  }

  .nitro_related_navigation {
    padding: 0;
  }

  .nitro_related_name {
    font-size: 18px;
  }

  .nitro_related_price {
    font-size: 16px;
  }

  .nitro_btn_add_to_cart_small,
  .nitro_btn_learn_more_small {
    padding: 12px 20px;
    font-size: 14px;
  }

  .nitro_related_navigation {
    flex-direction: column;
    gap: 20px;
  }

  .nitro_guarantee_title {
    font-size: 28px;
  }

  .nitro_guarantee_text {
    font-size: 16px;
  }

  .nitro_guarantee_buttons {
    flex-direction: column;
  }

  .v4_btn_shop_now,
  .v4_btn_join_nueva {
    width: 100%;
    justify-content: center;
  }

  .nitro_performers_title {
    font-size: 28px;
  }

  .nitro_performers_text {
    font-size: 16px;
  }

  .nitro_performers_image {
    height: 250px;
  }

  .nitro_hero_buttons {
    width: 100%;
  }

  .nitro_btn_try_nitro,
  .nitro_btn_shop_now,
  .nitro_btn_view_ingredients {
    width: 100%;
    justify-content: center;
  }

  .nitro_benefits_content {
    padding: 0;
  }

  .nitro_howto_container {
    padding: 0 10px;
  }

  .nitro_howto_steps {
    gap: 24px;
  }

  .nitro_step {
    max-width: 100%;
    width: 100%;
  }

  .nitro_step_icon img {
    max-width: 140px;
  }

  .nitro_ingredients_container {
    flex-direction: column;
  }

  .nitro_ingredients_left {
    order: 1;
  }

  .nitro_ingredients_right {
    order: 2;
    padding: 30px 20px;
  }

  .nitro_trust_container {
    gap: 40px;
  }

  .nitro_trust_right {
    order: 1;
  }

  .nitro_trust_left {
    order: 2;
  }

  .nitro_performers_container {
    gap: 40px;
  }

  .nitro_performers_right {
    order: 1;
  }

  .nitro_performers_left {
    order: 2;
  }

  .nitro_reviews_header {
    margin-bottom: 40px;
  }

  .nitro_reviews_meta {
    align-items: flex-start;
  }

  .nitro_reviews_tabs {
    width: 100%;
    justify-content: center;
  }

  .nitro_reviews_sort {
    width: 100%;
  }

  .nitro_reviews_sort_dropdown {
    width: 100%;
  }

  .nitro_faq_container {
    padding: 0 10px;
  }

  .nitro_faq_question {
    padding-right: 12px;
  }

  .nitro_guarantee_container {
    padding: 0 10px;
  }

  .nitro_guarantee_buttons {
    width: 100%;
  }

  .v4_btn_shop_now,
  .v4_btn_join_nueva {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .nitro_hero_section {
    height: 450px;
    min-height: 450px;
    max-height: 550px;
  }

  .nitro_hero_content {
    padding: 20px 16px;
    gap: 16px;
  }

  .nitro_hero_title {
    font-size: 24px;
    line-height: 1.2;
  }

  .nitro_hero_description {
    font-size: 13px;
    line-height: 1.4;
  }

  .nitro_hero_label {
    font-size: 10px;
    padding: 4px 12px;
    margin-bottom: 16px;
  }

  .nitro_hero_carousel_dots {
    bottom: 15px;
    gap: 6px;
  }

  .nitro_carousel_dot {
    width: 6px;
    height: 6px;
  }

  .nitro_product_title,
  .nitro_problem_title,
  .nitro_benefits_title,
  .nitro_howto_title,
  .nitro_ingredients_title,
  .nitro_trust_title,
  .nitro_reviews_title,
  .nitro_faq_title,
  .nitro_related_title,
  .nitro_guarantee_title,
  .nitro_performers_title {
    font-size: 24px;
    line-height: 1.2;
  }

  .nitro_product_section,
  .nitro_problem_section,
  .nitro_benefits_section,
  .nitro_howto_section,
  .nitro_ingredients_section,
  .nitro_trust_section,
  .nitro_reviews_section,
  .nitro_faq_section,
  .nitro_related_section,
  .nitro_guarantee_section,
  .nitro_performers_section {
    padding: 40px 12px;
  }

  .nitro_product_container {
    gap: 24px;
    padding: 0 12px;
  }

  .nitro_thumbnail {
    width: 50px;
    height: 50px;
  }

  .nitro_product_thumbnails {
    gap: 6px;
    justify-content: center;
  }

  .nitro_product_main_image {
    border-radius: 6px;
  }

  .nitro_carousel_arrow {
    width: 36px;
    height: 36px;
    left: 8px;
  }

  .nitro_carousel_arrow.nitro_carousel_next {
    right: 8px;
    left: auto;
  }

  .nitro_carousel_arrow svg {
    width: 18px;
    height: 18px;
  }

  .nitro_purchase_option {
    padding: 12px;
  }

  .nitro_purchase_text,
  .nitro_purchase_price {
    font-size: 14px;
  }

  .nitro_purchase_price_original {
    font-size: 12px;
  }

  .nitro_subscribe_note {
    font-size: 12px;
  }

  .nitro_option_label {
    font-size: 14px;
  }

  .nitro_option_select {
    font-size: 13px;
    padding: 8px 10px;
  }

  .nitro_benefit_center_image {
    max-height: 300px;
  }

  .nitro_benefit_icon {
    width: 40px;
    height: 40px;
  }

  .nitro_benefit_icon_img {
    width: 20px;
    height: 20px;
  }

  .nitro_benefit_name {
    font-size: 16px;
  }

  .nitro_benefit_description {
    font-size: 14px;
  }

  .nitro_step_icon img {
    max-width: 100px;
  }

  .nitro_step_title {
    font-size: 16px;
  }

  .nitro_step_text {
    font-size: 14px;
  }

  .nitro_ingredients_image {
    min-height: 300px;
  }

  .nitro_ingredient_item,
  .nitro_ingredient_item strong,
  .nitro_ingredient_description,
  .nitro_ingredients_disclaimer {
    font-size: 14px;
  }

  .nitro_trust_text {
    font-size: 14px;
  }

  .nitro_trust_badges {
    padding: 16px;
  }

  .nitro_trust_badge {
    font-size: 14px;
  }

  .nitro_reviews_count {
    font-size: 16px;
  }

  .nitro_reviews_tab {
    font-size: 14px;
    padding: 4px 8px;
  }

  .nitro_review_card {
    padding: 20px;
  }

  .nitro_review_text {
    font-size: 14px;
  }

  .nitro_review_name {
    font-size: 14px;
  }

  .nitro_review_verified {
    font-size: 12px;
  }

  .nitro_faq_question {
    font-size: 16px;
  }

  .nitro_faq_toggle {
    width: 36px;
    height: 36px;
  }

  .nitro_faq_icon {
    width: 18px;
    height: 18px;
  }

  .nitro_faq_answer p {
    font-size: 13px;
  }

  .nitro_related_name {
    font-size: 16px;
  }

  .nitro_related_price {
    font-size: 14px;
  }

  .nitro_related_arrow {
    width: 32px;
    height: 32px;
  }

  .nitro_related_arrow img {
    width: 16px;
    height: 16px;
  }

  .nitro_guarantee_text {
    font-size: 14px;
  }

  .nitro_performers_text {
    font-size: 14px;
  }

  .nitro_performers_image {
    height: 200px;
  }

  .nitro_btn_explore,
  .nitro_btn_try_nitro,
  .nitro_btn_shop_now,
  .nitro_btn_view_ingredients,
  .nitro_btn_add_to_cart,
  .nitro_btn_read_more,
  .nitro_btn_view_faqs,
  .nitro_btn_download_sheet,
  .nitro_btn_view_results {
    font-size: 13px;
    padding: 12px 20px;
  }

  .nitro_confidence_section {
    padding: 12px;
  }

  .nitro_confidence_title {
    font-size: 14px;
  }

  .nitro_confidence_item {
    font-size: 12px;
  }

  .nitro_confidence_icon {
    width: 16px;
    height: 16px;
  }
}

/* Additional Mobile Optimizations */
@media (max-width: 768px) {
  .nitro_product_images {
    touch-action: pan-y;
  }

  .nitro_product_main_image {
    -webkit-tap-highlight-color: transparent;
  }

  .nitro_thumbnail {
    -webkit-tap-highlight-color: transparent;
  }

  .nitro_carousel_arrow {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }

  .nitro_related_arrow {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }

  .nitro_btn_add_to_cart,
  .nitro_btn_explore,
  .nitro_btn_try_nitro,
  .nitro_btn_shop_now,
  .nitro_btn_view_ingredients,
  .nitro_btn_read_more,
  .nitro_btn_view_faqs,
  .nitro_btn_download_sheet,
  .nitro_btn_view_results {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    min-height: 44px;
  }

  .nitro_faq_label {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }

  .nitro_purchase_label {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }
}

/* Landscape Orientation for Mobile */
@media (max-width: 768px) and (orientation: landscape) {
  .nitro_hero_section {
    height: 500px;
    min-height: 500px;
    max-height: 600px;
  }

  .nitro_hero_content {
    padding: 30px 20px;
    gap: 20px;
  }

  .nitro_hero_title {
    font-size: 32px;
  }

  .nitro_hero_description {
    font-size: 16px;
  }
}

/* Improve text readability on small screens */
@media (max-width: 640px) {

  .nitro_problem_text,
  .nitro_benefits_description,
  .nitro_trust_text,
  .nitro_performers_text,
  .nitro_guarantee_text,
  .nitro_ingredient_description,
  .nitro_ingredients_disclaimer {
    line-height: 1.6;
  }

  .nitro_review_text {
    line-height: 1.5;
  }

  .nitro_faq_answer p {
    line-height: 1.5;
  }
}

/* Ensure proper image scaling */
@media (max-width: 768px) {

  .nitro_hero_image,
  .nitro_product_image,
  .nitro_ingredients_image,
  .nitro_trust_image,
  .nitro_performers_image,
  .nitro_benefit_center_image,
  .nitro_related_image {
    max-width: 100%;
    height: 100%;
  }

  .v4_before_after_image_container img {
    width: 100%;
    height: auto;
    display: block;
  }
}

/* Fix for product carousel on mobile */
@media (max-width: 768px) {
  .nitro_product_carousel_wrapper {
    position: relative;
  }

  .nitro_product_main_image {
    position: relative;
  }

  .nitro_carousel_arrow {
    position: absolute;
    z-index: 10;
  }
}

/* Improve spacing for related products on mobile */
@media (max-width: 640px) {
  .nitro_related_container {
    padding: 0;
  }

  .nitro_related_title {
    margin-bottom: 40px;
  }

  .nitro_related_products_container {
    margin-bottom: 30px;
  }
}

/* Better button spacing on mobile */
@media (max-width: 640px) {

  .nitro_hero_buttons,
  .nitro_benefits_content,
  .nitro_howto_container,
  .nitro_ingredients_right,
  .nitro_trust_left,
  .nitro_performers_left,
  .nitro_guarantee_container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px 12px;
  }

  .nitro_trust_buttons,
  .nitro_guarantee_buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }

  /* Nitro Reviews Container */
  .nitro_reviews_container {
    padding: 0 12px;
  }
}

/* Footer Responsive Styles */
@media (max-width: 1024px) {
  .v4_footer_content {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }

  .v4_footer_section {
    gap: 12px;
  }

  .v4_footer_title {
    font-size: 20px;
  }

  .v4_footer_links a {
    font-size: 22px;
  }
}

@media (max-width: 768px) {
  .v4_footer {
    padding: 40px 0 0;
  }

  .v4_footer_content {
    grid-template-columns: 1fr;
    padding: 0 20px 60px;
    gap: 32px;
  }

  .v4_footer_bottom {
    flex-direction: column;
    gap: 20px;
    padding: 24px 20px 40px;
    text-align: center;
  }

  .v4_footer_title {
    font-size: 18px;
  }

  .v4_footer_links a {
    font-size: 22px;
  }

  .v4_newsletter_input {
    font-size: 22px;
  }
}

@media (max-width: 480px) {
  .v4_footer_content {
    padding: 0 16px 40px;
  }

  .v4_footer_title {
    font-size: 24px;
  }

  .v4_footer_links a {
    font-size: 22px;
  }
}

/* Body Page Styles */

.body_hero_section {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 700px;
  max-height: 900px;
  overflow: hidden;
}

.body_hero_slides {
  position: relative;
  width: 100%;
  height: 100%;
}

.body_hero_slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.body_hero_slide.body_slide_1 {
  animation: body_fadeInOut 25s infinite 0s;
}

.body_hero_slide.body_slide_2 {
  animation: body_fadeInOut 25s infinite 5s;
}

.body_hero_slide.body_slide_3 {
  animation: body_fadeInOut 25s infinite 10s;
}

.body_hero_slide.body_slide_4 {
  animation: body_fadeInOut 25s infinite 15s;
}

.body_hero_slide.body_slide_5 {
  animation: body_fadeInOut 25s infinite 20s;
}

@keyframes body_fadeInOut {
  0% {
    opacity: 0;
  }

  4% {
    opacity: 1;
  }

  20% {
    opacity: 1;
  }

  24% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

.body_hero_image_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.body_hero_image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.body_hero_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg,
      rgba(0, 0, 0, 0.3) 0%,
      rgba(0, 0, 0, 0.5) 100%);
  z-index: 1;
}

.body_hero_content {
  position: relative;
  z-index: 2;
  max-width: 1400px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 60px 40px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0;
}

.body_hero_top_left {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.body_hero_bottom_right {
  grid-column: 2;
  grid-row: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  padding-left: 40px;
}

.body_hero_label {
  display: inline-block;
  background-color: #fff;
  color: #121212;
  font-size: 14px;
  font-weight: 600;
  padding: 6px 16px;
  border-radius: 20px;
  text-transform: uppercase;
  width: fit-content;
  margin-bottom: 24px;
}

.body_hero_title {
  font-size: 64px;
  font-weight: 500;
  line-height: 1.1;
  margin: 0;
  color: #ffffff;
  letter-spacing: -2px;
}

.body_hero_buttons {
  display: flex;
  justify-content: flex-start;
  max-width: 600px;
  width: 100%;
}

.body_hero_description {
  font-size: 22px;
  font-weight: 300;
  line-height: 1.6;
  color: #ffffff;
  margin: 0 0 32px 0;
  max-width: 600px;
}

.body_btn_explore {
  background: linear-gradient(135deg, #00b8a9 0%, #00d4c4 100%);
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 12px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
  letter-spacing: 1px;
  font-family: "Gotham", sans-serif;
  box-shadow: 0px 0px 24px 0px #0abab580;
  width: fit-content;
}

.body_btn_explore:hover {
  background: linear-gradient(135deg, #009688 0%, #00b8a9 100%);
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.body_btn_arrow {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  stroke: currentColor;
}

.body_hero_carousel_dots {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 10;
}

.body_carousel_dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.6);
  cursor: pointer;
  transition: all 0.3s ease;
}

/* Dot animations synchronized with slide animations (25s cycle) */
.body_dot_1 {
  animation: body_dotActive 25s infinite 0s;
}

.body_dot_2 {
  animation: body_dotActive 25s infinite 5s;
}

.body_dot_3 {
  animation: body_dotActive 25s infinite 10s;
}

.body_dot_4 {
  animation: body_dotActive 25s infinite 15s;
}

.body_dot_5 {
  animation: body_dotActive 25s infinite 20s;
}

@keyframes body_dotActive {
  0% {
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.6);
  }

  4% {
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 1);
  }

  20% {
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 1);
  }

  24% {
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.6);
  }

  100% {
    width: 8px;
    height: 8px;
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.6);
  }
}

/* Product Display Section */
.body_product_section {
  background-color: #ffffff;
  padding: 80px 40px;
}

.body_product_container {
  max-width: 1400px;
  padding: 0 40px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}

.body_product_left {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.body_product_carousel_wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.body_carousel_radio {
  display: none;
}

.body_product_main_image {
  width: 100%;
  aspect-ratio: 1;
  background-color: #f5f5f5;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.body_product_images {
  width: 100%;
  height: 100%;
  position: relative;
}

.body_product_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

/* Show image based on checked radio */
#product_img_1:checked~.body_product_main_image .body_product_image[data-image="1"],
#product_img_2:checked~.body_product_main_image .body_product_image[data-image="2"],
#product_img_3:checked~.body_product_main_image .body_product_image[data-image="3"],
#product_img_4:checked~.body_product_main_image .body_product_image[data-image="4"],
#product_img_5:checked~.body_product_main_image .body_product_image[data-image="5"] {
  opacity: 1;
  pointer-events: auto;
}

.body_carousel_arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: #00b8a9;
  border: none;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s ease;
  color: #ffffff;
  box-shadow: 0 2px 8px rgba(0, 184, 169, 0.3);
  margin: 0;
  padding: 0;
}

.body_carousel_arrow:hover {
  background-color: #009688;
  transform: translateY(-50%) scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 184, 169, 0.4);
}

.body_carousel_prev {
  left: 16px;
}

.body_carousel_next {
  right: 16px;
}

.body_carousel_arrow svg {
  width: 24px;
  height: 24px;
  stroke: #ffffff;
  pointer-events: none;
}

/* Show correct previous arrow based on checked radio */
#product_img_1:checked~.body_product_main_image .body_prev_1,
#product_img_2:checked~.body_product_main_image .body_prev_2,
#product_img_3:checked~.body_product_main_image .body_prev_3,
#product_img_4:checked~.body_product_main_image .body_prev_4,
#product_img_5:checked~.body_product_main_image .body_prev_5 {
  display: flex;
}

/* Show correct next arrow based on checked radio */
#product_img_1:checked~.body_product_main_image .body_next_1,
#product_img_2:checked~.body_product_main_image .body_next_2,
#product_img_3:checked~.body_product_main_image .body_next_3,
#product_img_4:checked~.body_product_main_image .body_next_4,
#product_img_5:checked~.body_product_main_image .body_next_5 {
  display: flex;
}

.body_product_thumbnails {
  display: flex;
  gap: 12px;
  justify-content: start;
}

.body_thumbnail {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  border: 2px solid transparent;
  cursor: pointer;
  overflow: hidden;
  background-color: #f5f5f5;
  transition: all 0.2s;
  display: block;
  margin: 0;
  padding: 0;
}

.body_thumbnail:hover {
  border-color: #00b8a9;
}

/* Active thumbnail based on checked radio */
#product_img_1:checked~.body_product_thumbnails label[for="product_img_1"],
#product_img_2:checked~.body_product_thumbnails label[for="product_img_2"],
#product_img_3:checked~.body_product_thumbnails label[for="product_img_3"],
#product_img_4:checked~.body_product_thumbnails label[for="product_img_4"],
#product_img_5:checked~.body_product_thumbnails label[for="product_img_5"] {
  border-color: #00b8a9;
}

.body_thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  pointer-events: none;
}

.body_product_right {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.body_product_title {
  font-size: 48px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
  letter-spacing: -0.5px;
}

.body_product_rating {
  display: flex;
  align-items: center;
  gap: 12px;
}

.body_stars {
  display: flex;
  gap: 4px;
}

.body_rating_text {
  font-size: 18px;
  font-weight: 500;
  color: #2c2c2c;
}

.body_reviews_count {
  font-size: 22px;
  color: #121212;
}

.body_product_sku {
  font-size: 18px;
  color: #2c2c2c;
  margin-top: -8px;
}

.body_product_sku_value {
  font-weight: 600;
}

.body_purchase_options {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 8px;
}

.body_purchase_option {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 16px;
  background-color: #ffffff;
  transition: all 0.2s;
  position: relative;
}

.body_purchase_option_active {
  border-color: #00b8a9;
  background-color: #f0fffe;
}

.body_purchase_label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  gap: 16px;
  width: 100%;
}

.body_purchase_radio {
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  margin: 0;
  cursor: pointer;
  border: 2px solid #00b8a9;
  border-radius: 50%;
  background-color: transparent;
  flex-shrink: 0;
  transition: all 0.2s ease;
}

.body_purchase_radio::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #00b8c0;
  transition: all 0.2s ease;
}

.body_purchase_radio:checked::before {
  width: 10px;
  height: 10px;
}

.body_purchase_radio:checked {
  border-color: #00b8a9;
  background-color: transparent;
}

.body_purchase_radio:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 184, 169, 0.1);
}

.body_purchase_text {
  font-size: 22px;
  font-weight: 500;
  color: #2c2c2c;
  flex: 1;
}

.body_purchase_price {
  font-size: 22px;
  font-weight: 500;
  color: #2c2c2c;
  text-align: right;
  white-space: nowrap;
}

.body_purchase_price_wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
  text-align: right;
}

.body_purchase_price_original {
  font-size: 16px;
  color: #616565;
  text-decoration: line-through;
}

.body_subscribe_price_wrapper {
  display: flex;
  justify-content: space-between;
}

.body_subscribe_note {
  font-size: 18px;
  color: #616565;
  font-weight: 300;
  margin-top: 8px;
  margin-left: 36px;
  line-height: 1.4;
}

.body_subscribe_delivery {
  margin-top: 12px;
  margin-left: 34px;
}

.body_delivery_label {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: #2c2c2c;
  margin-bottom: 8px;
  font-family: inherit;
}

.body_delivery_select {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  font-size: 14px;
  font-family: inherit;
  background-color: #ffffff;
  color: #2c2c2c;
  cursor: pointer;
  transition: border-color 0.2s;
}

.body_delivery_select:hover {
  border-color: #00b8a9;
}

.body_delivery_select:focus {
  outline: none;
  border-color: #00b8a9;
}

.body_product_options {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 8px;
}

.body_option_group {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.body_option_label {
  font-size: 22px;
  font-weight: 400;
  color: #2c2c2c;
}

.body_option_select {
  padding: 12px 16px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  font-size: 16px;
  font-family: inherit;
  background-color: #ffffff;
  color: #2c2c2c;
  cursor: pointer;
  transition: border-color 0.2s;
}

.body_option_select:hover {
  border-color: #00b8a9;
}

.body_option_select:focus {
  outline: none;
  border-color: #00b8a9;
}

.body_btn_add_to_cart {
  background-color: #00b8a9;
  color: #ffffff;
  padding: 16px 32px;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 700;
  font-family: "Gotham", sans-serif;
  cursor: pointer;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  text-transform: none;
  box-shadow: 0px 2px 8px rgba(0, 184, 169, 0.3);
  width: 100%;
  margin-top: 8px;
  display: block;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  pointer-events: auto;
}

.body_btn_add_to_cart:hover {
  background-color: #009688;
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.body_confidence_section {
  padding: 20px;
  background-color: #e6fffe;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 24px;
}

.body_confidence_item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  color: #2c2c2c;
  line-height: 1.5;
}

.body_confidence_icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  display: block;
}

.body_shop_confidence {
  padding: 24px;
  background-color: #f8f9fa;
  border-radius: 8px;
}

.body_confidence_title {
  font-size: 18px;
  font-weight: 700;
  color: #2c2c2c;
  margin: 0 0 12px 0;
}

.body_confidence_list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Problem/Solution Section */
.body_problem_section {
  background-color: #ffffff;
  padding: 100px 40px;
  position: relative;
  overflow: visible;
}

.body_problem_container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 40px;
}

.body_problem_top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: start;
  margin-bottom: 60px;
}

.body_problem_title {
  font-size: 48px;
  font-weight: 500;
  color: #2c2c2c;
  line-height: 1.2;
  margin: 0;
  letter-spacing: -0.5px;
}

.body_problem_text {
  font-size: 22px;
  line-height: 1.6;
  color: #616565;
  font-weight: 300;
  margin: 0;
}

.body_before_after {
  max-width: 1400px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}

.body_before,
.body_after {
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
}

.body_before_image,
.body_after_image {
  width: 200%;
  height: 100%;
  object-fit: cover;
}

.body_before_image {
  object-position: 0% center;
}

.body_after_image {
  object-position: 50% center;
}

.body_before_label,
.body_after_label {
  position: absolute;
  top: 20px;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
  z-index: 2;
}

.body_before_label {
  left: 20px;
}

.body_after_label {
  right: 20px;
}

/* Benefits Section */

/* Daily Cellular Activation and Metabolic Reset Section (New Design) */
.body_metabolic_section {
  background-color: #ffffff;
  padding: 100px 40px;
}

.body_metabolic_container {
  max-width: 1400px;
  padding: 0 40px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 60px;
}

/* Top Section: Centered Content */
.body_metabolic_top {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 24px;
  max-width: 900px;
  margin: 0 auto;
}

.body_metabolic_title {
  font-size: 48px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.body_metabolic_description {
  font-size: 22px;
  max-width: 720px;
  line-height: 1.6;
  color: #616565;
  margin: 0;
  font-weight: 300;
}

.body_btn_try_nueva_metabolic {
  background: linear-gradient(135deg, #00b8a9 0%, #0abab5 100%);
  color: #ffffff;
  padding: 16px 32px;
  border-radius: 12px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  font-family: "Gotham", sans-serif;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
  box-shadow: 0px 0px 24px 0px #0abab580;
  width: fit-content;
  margin-top: 8px;
}

.body_btn_try_nueva_metabolic:hover {
  background: linear-gradient(135deg, #009688 0%, #00b8a9 100%);
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.body_btn_try_nueva_metabolic svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  stroke: currentColor;
}

/* Separator between top and bottom sections */
.body_metabolic_separator {
  width: 100%;
  height: 1px;
  background-color: #e0e0e0;
  margin: 40px 0;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

/* Bottom Section: Horizontal Split */
.body_metabolic_bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}

.beauty_metabolic_bottom {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 80px;
  align-items: start;
}

.body_metabolic_left {
  display: flex;
  flex-direction: column;
}

.body_metabolic_ingredients {
  display: flex;
  flex-direction: column;
}

.body_metabolic_ingredient_card {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.body_metabolic_icon_wrapper {
  width: 56px;
  height: 56px;
  background-color: #00b8a9;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-bottom: 4px;
}

.body_metabolic_icon {
  width: 28px;
  height: 28px;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.body_metabolic_ingredient_name {
  font-size: 24px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
  line-height: 1.3;
}

.body_metabolic_ingredient_description {
  font-size: 22px;
  line-height: 1.5;
  color: #616565;
  margin: 0;
  font-weight: 300;
}

.body_metabolic_right {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.body_metabolic_image {
  width: 100%;
  height: 482px;
  object-fit: cover;
  border-radius: 12px;
}

.beauty_metabolic_image {
  width: 100%;
  height: 624px;
  object-fit: cover;
  border-radius: 12px;
}

/* How to Use Section */
.body_how_to_use_section {
  background-color: #ffffff;
  padding: 100px 0px;
}

.body_how_to_use_container {
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  min-height: 500px;
}

.body_how_to_use_left {
  display: flex;
  align-items: center;
  justify-content: center;

  position: relative;
}

.body_how_to_use_image_wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.body_how_to_use_image {
  width: 100%;
  max-height: 537px;
  height: auto;
  object-fit: cover;
}

.body_how_to_use_right {
  background-color: #e8f8f6;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 60px 40px;
  gap: 32px;
}

.body_how_to_use_title {
  font-size: 48px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.body_how_to_use_instructions {
  font-size: 18px;
  line-height: 1.6;
  color: #2c2c2c;
  margin: 0;
  font-weight: 400;
  max-width: 500px;
}

.body_btn_try_nueva_body {
  background: linear-gradient(135deg, #00b8a9 0%, #0abab5 100%);
  color: #ffffff;
  padding: 16px 32px;
  border-radius: 12px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 500;
  font-family: "Gotham", sans-serif;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
  box-shadow: 0px 0px 24px 0px #0abab580;
  width: fit-content;
  margin-top: 8px;
}

.body_btn_try_nueva_body:hover {
  background: linear-gradient(135deg, #009688 0%, #00b8a9 100%);
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.body_btn_try_nueva_body svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  stroke: currentColor;
}

/* Trust & Transparency Section */
.body_trust_section {
  background-color: #ffffff;
  padding: 100px 40px;
}

.body_trust_container {
  max-width: 1400px;
  padding: 0 40px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1.25fr;
  gap: 80px;
  align-items: center;
}

.body_trust_left {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.body_trust_title {
  font-size: 42px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
  line-height: 1.25;
  letter-spacing: -0.5px;
}

.body_trust_text {
  font-size: 22px;
  line-height: 1.6;
  color: #616565;
  margin: 0;
  font-weight: 300;
}

.body_trust_buttons {
  display: flex;
  gap: 18px;
  justify-content: space-between;
}

.body_btn_download_sheet {
  background: #0abab5;
  color: #ffffff;
  padding: 14px 16px;
  border-radius: 12px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  font-family: "Gotham", sans-serif;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;

  box-shadow: 0px 0px 24px 0px #0abab580;
  width: fit-content;
}

.body_btn_download_sheet:hover {
  background: linear-gradient(135deg, #009688 0%, #00b8a9 100%);
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

.body_btn_download_sheet svg {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  stroke: currentColor;
}

.body_btn_view_results {
  background-color: transparent;
  color: #00b8a9;
  padding: 14px 32px;
  border: 2px solid #00b8a9;
  border-radius: 12px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  font-family: "Gotham", sans-serif;
  display: inline-block;
  transition: all 0.3s ease;
  letter-spacing: 1px;
  width: fit-content;
}

.body_btn_view_results:hover {
  background-color: #00b8a9;
  color: #ffffff;
  transform: translateY(-2px);
}

.body_trust_badges {
  background-color: #e0f7f5;
  border-radius: 22px;
  font-weight: 500;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 8px;
}

.body_trust_badge {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  color: #2c2c2c;
}

.body_trust_badge_icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.body_trust_right {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.body_trust_image {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.body_trust_label {
  position: absolute;
  bottom: 160px;
  right: 100px;
  width: auto;
  height: auto;
  max-width: 150px;
  z-index: 10;
  object-fit: contain;
}

/* Customer Reviews Section */
.body_reviews_section {
  background-color: #ffffff;
  padding: 100px 40px;
  position: relative;
  overflow: visible;
}

.body_reviews_container {
  padding: 0 40px;
  max-width: 1400px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

/* Decorative Grapes */
.body_reviews_grapes_left,
.body_reviews_grapes_right {
  position: absolute;
  z-index: 0;
  pointer-events: none;
}

.body_reviews_grapes_left {
  left: -100px;
  bottom: 0;
  width: 200px;
  height: 300px;
}

.body_reviews_grapes_right {
  right: -100px;
  top: 0;
  width: 200px;
  height: 300px;
}

.body_reviews_grapes_image {
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #8b5a9f 0%, #6b3d7a 100%);
  border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  opacity: 0.3;
  position: relative;
}

.body_reviews_grapes_left .body_reviews_grapes_image::before,
.body_reviews_grapes_left .body_reviews_grapes_image::after {
  content: "";
  position: absolute;
  background: linear-gradient(135deg, #8b5a9f 0%, #6b3d7a 100%);
  border-radius: 50%;
}

.body_reviews_grapes_left .body_reviews_grapes_image::before {
  width: 60px;
  height: 60px;
  top: 20px;
  left: 30px;
}

.body_reviews_grapes_left .body_reviews_grapes_image::after {
  width: 40px;
  height: 40px;
  top: 50px;
  left: 60px;
}

.body_reviews_grapes_right .body_reviews_grapes_image::before,
.body_reviews_grapes_right .body_reviews_grapes_image::after {
  content: "";
  position: absolute;
  background: linear-gradient(135deg, #8b5a9f 0%, #6b3d7a 100%);
  border-radius: 50%;
}

.body_reviews_grapes_right .body_reviews_grapes_image::before {
  width: 60px;
  height: 60px;
  bottom: 20px;
  right: 30px;
}

.body_reviews_grapes_right .body_reviews_grapes_image::after {
  width: 40px;
  height: 40px;
  bottom: 50px;
  right: 60px;
}

.body_reviews_header {
  margin-bottom: 60px;
  position: relative;
  z-index: 1;
}

.body_reviews_rating {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 16px;
}

.body_stars svg {
  width: 20px;
  height: 20px;
}

.body_rating_text_large {
  font-size: 24px;
  font-weight: 500;
  color: #2c2c2c;
}

.body_reviews_title {
  font-size: 48px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0 0 20px 0;
  letter-spacing: -0.5px;
}

.body_reviews_meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}

.body_reviews_count {
  font-size: 22px;
  color: #121212;
}

.body_reviews_tabs {
  display: flex;
  gap: 0;
  border-radius: 8px;
  overflow: hidden;
}

.body_reviews_tab {
  padding: 8px 16px;
  font-size: 22px;
  font-weight: 400;
  color: #616565;
  background-color: transparent;
  text-decoration: none;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}

.body_reviews_tab_active {
  color: #00b8a9;
  background-color: transparent;
  text-decoration: underline;
  text-decoration-color: #00b8a9;
  text-underline-offset: 4px;
}

.body_reviews_tab:not(.body_reviews_tab_active):hover {
  color: #2c2c2c;
}

.body_reviews_sort {
  position: relative;
}

.body_reviews_sort_dropdown {
  padding: 8px 32px 8px 16px;
  font-size: 14px;
  font-weight: 400;
  color: #2c2c2c;
  background-color: transparent;
  border: 1px solid #00b8a9;
  border-radius: 8px;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M6 9L1 4h10z' fill='%2300b8a9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  font-family: inherit;
}

.body_reviews_sort_dropdown:focus {
  outline: none;
  border-color: #009688;
}

.body_reviews_cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-bottom: 40px;

  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}

.body_review_card {
  background-color: #e8f5f3;
  padding: 32px;
  border-radius: 12px;
  text-align: left;
  position: relative;
}

.body_review_quote {
  width: 35px;
  height: 25px;
  margin-bottom: 16px;
}

.body_review_text {
  font-size: 22px;
  line-height: 1.6;
  color: #2c2c2c;
  margin: 0 0 20px 0;
  font-style: normal;
}

.body_review_author {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
}

.body_review_flag {
  width: 58px;
  height: 58px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 2px;
}

.body_review_author_info {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.body_review_name {
  font-size: 20px;
  font-weight: 500;
  color: #2c2c2c;
  display: block;
}

.body_review_verified_wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
}

.body_review_verified_icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.body_review_verified {
  font-size: 18px;
  color: #00b8a9;
  font-weight: 500;
}

.body_review_location {
  display: none;
}

.body_btn_read_more {
  background-color: #00b8a9;
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 12px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  font-family: "Gotham", sans-serif;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
  letter-spacing: 1px;
  box-shadow: 0px 0px 24px 0px #0abab580;
  position: relative;
  z-index: 1;
}

.body_btn_read_more svg {
  width: 20px;
  height: 20px;
}

.body_btn_read_more:hover {
  background-color: #009688;
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

/* FAQ Section */
.body_faq_section {
  background-color: #ffffff;
  padding: 100px 40px;
  position: relative;
  overflow: visible;
}

.body_faq_container {
  max-width: 1000px;
  margin: 0 auto;
}

.body_faq_title {
  font-size: 48px;
  font-weight: 500;
  max-width: 650px;
  color: #2c2c2c;
  text-align: center;
  margin: auto;
  padding-bottom: 60px;
  letter-spacing: -0.5px;
}

.body_faq_list {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-bottom: 40px;
}

.body_faq_checkbox {
  display: none;
}

.body_faq_item {
  padding: 24px 0;
  background-color: transparent;
  border-bottom: 1px solid #e0e0e0;
  transition: all 0.3s ease;
}

.body_faq_item:last-child {
  border-bottom: none;
}

.body_faq_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.body_faq_label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  cursor: pointer;
}

.body_faq_item:hover {
  background-color: transparent;
}

.body_faq_question {
  font-size: 24px;
  font-weight: 400;
  color: #2c2c2c;
  margin: 0;
}

.body_faq_toggle {
  background: #00b8a9;
  border: none;
  cursor: pointer;
  padding: 0;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  flex-shrink: 0;
  pointer-events: none;
}

.body_faq_label:hover .body_faq_toggle {
  background: #009688;
  transform: scale(1.05);
}

.body_faq_icon {
  width: 24px;
  height: 24px;
  position: relative;
  display: inline-block;
}

.body_faq_plus,
.body_faq_x {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.body_faq_plus {
  opacity: 1;
  transform: rotate(0deg);
}

.body_faq_x {
  opacity: 0;
  transform: rotate(90deg);
}

.body_faq_checkbox:checked~.body_faq_header .body_faq_plus {
  opacity: 0;
  transform: rotate(90deg);
}

.body_faq_checkbox:checked~.body_faq_header .body_faq_x {
  opacity: 1;
  transform: rotate(0deg);
}

.body_faq_answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding: 0;
  margin-top: 0;
}

.body_faq_checkbox:checked~.body_faq_answer {
  max-height: 500px;
  padding-top: 16px;
  margin-top: 0;
}

.body_faq_answer p {
  font-size: 16px;
  line-height: 1.6;
  color: #666;
  margin: 0;
  padding: 0;
}

.body_btn_view_faqs {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #00b8a9;
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 12px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  font-family: "Gotham", sans-serif;
  transition: all 0.3s ease;
  letter-spacing: 0.3px;
  box-shadow: 0px 0px 24px 0px #0abab580;
  max-width: 200px;
  margin: 0 auto;
}

.body_btn_view_faqs:hover {
  background-color: #009688;
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px 0px #0abab5a0;
}

/* You May Also Like Section */
.body_related_section {
  padding: 100px 40px;
}

.body_related_container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 40px;
  width: 100%;
  box-sizing: border-box;
}

.body_related_title {
  font-size: 48px;
  font-weight: 500;
  color: #2c2c2c;
  text-align: center;
  margin: 0 0 60px 0;
  letter-spacing: -0.5px;
}

.body_faq_buttons {
  display: flex;
  justify-content: center;
  margin-top: 80px;
}

/* Hide radio buttons */
.body_related_radio {
  display: none;
}

/* Products container with overflow hidden */
.body_related_products_container {
  overflow: hidden;
  position: relative;
  margin-bottom: 40px;
  width: 100%;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 0;
}

/* Products wrapper with flex layout */
.body_related_products_wrapper {
  display: flex;
  gap: 32px;
  transition: transform 0.5s ease;
  will-change: transform;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
}

/* Each product takes 1/3 width (showing 3 at a time) */
.body_related_product {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: transform 0.3s ease;
  flex: 0 0 calc((100% - 64px) / 3);
  min-width: calc((100% - 64px) / 3);
  max-width: calc((100% - 64px) / 3);
}

.body_related_product:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.body_related_image_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 434px;
}

.body_related_image {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.body_related_name {
  font-size: 20px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 20px 0 12px 0;
  padding: 0 20px;
}

.body_related_price {
  font-size: 18px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0 0 20px 0;
  padding: 0 20px;
}

.body_related_buttons {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0px 0px 24px 0px;
}

.body_btn_add_to_cart_small {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #00b8a9;
  color: #ffffff;
  padding: 14px 32px;
  border-radius: 12px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  font-family: "Gotham", sans-serif;
  transition: all 0.3s ease;
  letter-spacing: 0.3px;
  box-shadow: 0px 0px 24px 0px #0abab580;
  width: 100%;
  border: none;
}

.body_btn_add_to_cart_small:hover {
  background-color: #009688;
  transform: translateY(-2px);
  box-shadow: 0px 4px 12px rgba(0, 184, 169, 0.4);
}

.body_btn_learn_more_small {
  background-color: transparent;
  color: #00b8a9;
  padding: 12px 24px;
  border: 1px solid #00b8a9;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 300;
  font-family: "Gotham", sans-serif;
  cursor: pointer;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  text-transform: none;
  width: 100%;
}

.body_btn_learn_more_small:hover {
  background-color: #00b8a9;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0px 4px 12px rgba(0, 184, 169, 0.4);
}

.body_related_navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  padding: 0 20px;
}

.body_related_dots {
  display: flex;
  gap: 8px;
  align-items: center;
}

.body_related_dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #d0d0d0;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-block;
}

/* Active dot based on checked radio */
#related_slide_1:checked~.body_related_products_container~.body_related_navigation .body_related_dots label[for="related_slide_1"],
#related_slide_2:checked~.body_related_products_container~.body_related_navigation .body_related_dots label[for="related_slide_2"],
#related_slide_3:checked~.body_related_products_container~.body_related_navigation .body_related_dots label[for="related_slide_3"],
#related_slide_4:checked~.body_related_products_container~.body_related_navigation .body_related_dots label[for="related_slide_4"],
#related_slide_5:checked~.body_related_products_container~.body_related_navigation .body_related_dots label[for="related_slide_5"] {
  background-color: #2c2c2c;
  width: 10px;
  height: 10px;
}

.body_related_dot:hover {
  background-color: #00b8a9;
}

.body_related_arrows {
  display: flex;
  gap: 12px;
  align-items: center;
}

.body_related_arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #00b8a9;
  border: none;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
}

.body_related_arrow:hover {
  background-color: #009688;
  transform: scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 184, 169, 0.4);
}

.body_related_arrow img {
  width: 20px;
  height: 20px;
  filter: brightness(0) invert(1);
  pointer-events: none;
}

/* Show appropriate arrows based on checked radio */
/* Previous arrows */
#related_slide_2:checked~.body_related_products_container~.body_related_navigation .body_related_arrow_prev_1,
#related_slide_3:checked~.body_related_products_container~.body_related_navigation .body_related_arrow_prev_2,
#related_slide_4:checked~.body_related_products_container~.body_related_navigation .body_related_arrow_prev_3,
#related_slide_5:checked~.body_related_products_container~.body_related_navigation .body_related_arrow_prev_4,
#related_slide_1:checked~.body_related_products_container~.body_related_navigation .body_related_arrow_prev_5 {
  display: flex;
}

/* Next arrows */
#related_slide_1:checked~.body_related_products_container~.body_related_navigation .body_related_arrow_next_1,
#related_slide_2:checked~.body_related_products_container~.body_related_navigation .body_related_arrow_next_2,
#related_slide_3:checked~.body_related_products_container~.body_related_navigation .body_related_arrow_next_3,
#related_slide_4:checked~.body_related_products_container~.body_related_navigation .body_related_arrow_next_4,
#related_slide_5:checked~.body_related_products_container~.body_related_navigation .body_related_arrow_next_5 {
  display: flex;
}

/* Carousel positioning based on checked radio - showing 3 cards at a time */
/* Each slide moves by: (slide_number - 1) * 3 products = (slide_number - 1) * (product_width + gap) */
/* Product width: calc((100% - 64px) / 3), Gap: 32px */
#related_slide_1:checked~.body_related_products_container .body_related_products_wrapper {
  transform: translateX(0%);
}

#related_slide_2:checked~.body_related_products_container .body_related_products_wrapper {
  transform: translateX(calc(-1 * ((100% - 64px) / 3 + 32px)));
}

#related_slide_3:checked~.body_related_products_container .body_related_products_wrapper {
  transform: translateX(calc(-2 * ((100% - 64px) / 3 + 32px)));
}

#related_slide_4:checked~.body_related_products_container .body_related_products_wrapper {
  transform: translateX(calc(-3 * ((100% - 64px) / 3 + 32px)));
}

#related_slide_5:checked~.body_related_products_container .body_related_products_wrapper {
  transform: translateX(calc(-4 * ((100% - 64px) / 3 + 32px)));
}

/* Mobile carousel positioning - showing 1 card at a time */
@media (max-width: 640px) {

  /* Each slide moves by: (slide_number - 1) * 1 product = (slide_number - 1) * (100% + gap) */
  /* Product width: 100%, Gap: 16px */
  /* Note: On mobile, we show products sequentially (1, 2, 3, 4, 5...) instead of by slide groups */
  #related_slide_1:checked~.body_related_products_container .body_related_products_wrapper {
    transform: translateX(0%);
  }

  #related_slide_2:checked~.body_related_products_container .body_related_products_wrapper {
    transform: translateX(calc(-1 * (100% + 16px)));
  }

  #related_slide_3:checked~.body_related_products_container .body_related_products_wrapper {
    transform: translateX(calc(-2 * (100% + 16px)));
  }

  #related_slide_4:checked~.body_related_products_container .body_related_products_wrapper {
    transform: translateX(calc(-3 * (100% + 16px)));
  }

  #related_slide_5:checked~.body_related_products_container .body_related_products_wrapper {
    transform: translateX(calc(-4 * (100% + 16px)));
  }
}

/* 30-Day Guarantee Section */
.body_guarantee_section {
  background-color: #ffffff;
  padding: 100px 40px;
  position: relative;
  overflow: visible;
}

.body_guarantee_container {
  margin: 0 auto;
  text-align: center;
}

.body_guarantee_title {
  font-size: 48px;
  font-weight: 500;
  max-width: 680px;
  color: #2c2c2c;
  margin: auto;
  padding-bottom: 24px;
  /* margin: 0 0 24px 0; */
  line-height: 1.2;
}

.body_guarantee_text {
  font-size: 22px;
  font-weight: 300;
  max-width: 792px;
  margin: auto;
  line-height: 1.6;
  color: #616565;
  padding-bottom: 40px;
}

.body_guarantee_text strong {
  color: "";
}

.body_guarantee_buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

/* Why High Performers Section */
.body_performers_section {
  background-color: #ffffff;
  padding: 100px 40px;
}

.body_performers_container {
  max-width: 1400px;
  padding: 0 40px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}

.body_performers_left {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.body_performers_title {
  font-size: 48px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.body_performers_text {
  font-size: 22px;
  font-weight: 300;
  line-height: 1.6;
  color: #616565;
  margin: 0;
}

.body_performers_right {
  position: relative;
}

.body_performers_image {
  width: 100%;
  height: 500px;
  object-fit: cover;
  border-radius: 12px;
}

/* Responsive Styles */
@media (max-width: 1200px) {

  .body_product_container,
  .body_problem_container,
  .body_cellular_container,
  .body_metabolic_container,
  .body_trust_container,
  .body_performers_container {
    gap: 40px;
  }

  .body_metabolic_bottom {
    gap: 60px;
    grid-template-columns: 1fr;
  }

  .beauty_metabolic_bottom {
    gap: 60px;
  }

  .body_related_product {
    min-width: calc(50% - 20px);
  }
}

@media (max-width: 992px) {
  .body_product_container {
    gap: 60px;
  }

  .body_hero_title {
    font-size: 48px;
  }

  .body_hero_description {
    font-size: 20px;
  }

  .body_product_title,
  .body_problem_title,
  .body_metabolic_title,
  .body_how_to_use_title,
  .body_trust_title,
  .body_reviews_title,
  .body_faq_title,
  .body_related_title,
  .body_guarantee_title,
  .body_performers_title {
    font-size: 40px;
  }

  .body_related_product {
    min-width: calc(50% - 20px);
  }
}

@media (max-width: 768px) {
  .body_hero_section {
    height: 600px;
    min-height: 600px;
    max-height: 700px;
  }

  .body_hero_content {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    padding: 40px 30px;
    gap: 30px;
  }

  .body_hero_top_left {
    grid-column: 1;
    grid-row: 1;
    align-items: flex-start;
    text-align: left;
  }

  .body_hero_bottom_right {
    grid-column: 1;
    grid-row: 2;
    padding-left: 0;
    align-items: flex-start;
    justify-content: center;
  }

  .body_hero_buttons {
    max-width: 100%;
  }

  .body_hero_label {
    font-size: 11px;
    padding: 5px 14px;
    margin-bottom: 20px;
  }

  .body_hero_title {
    font-size: 36px;
    letter-spacing: -1px;
  }

  .body_hero_description {
    font-size: 16px;
    max-width: 100%;
    margin-bottom: 24px;
  }

  .body_btn_explore {
    padding: 14px 28px;
    font-size: 15px;
  }

  .body_hero_carousel_dots {
    bottom: 20px;
  }

  .body_product_container,
  .body_trust_container,
  .body_performers_container {
    grid-template-columns: 1fr;
    gap: 0;
    padding: 0 12px;
  }

  .body_problem_top {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 0 12px;
  }

  .body_before_after {
    grid-template-columns: 1fr;
  }

  .body_before::after {
    display: none;
  }

  .body_reviews_cards {
    grid-template-columns: 1fr;
  }

  .body_reviews_meta {
    flex-direction: column;
    gap: 16px;
  }

  .body_reviews_grapes_left,
  .body_reviews_grapes_right {
    display: none;
  }

  .body_related_products {
    grid-template-columns: 1fr;
  }

  .body_product_title,
  .body_problem_title,
  .body_trust_title,
  .body_reviews_title,
  .body_faq_title,
  .body_related_title,
  .body_guarantee_title,
  .body_performers_title {
    font-size: 36px;
  }

  .body_product_section,
  .body_problem_section,
  .body_cellular_section,
  .body_metabolic_section,
  .body_how_to_use_section,
  .body_trust_section,
  .body_reviews_section,
  .body_faq_section,
  .body_related_section,
  .body_guarantee_section,
  .body_performers_section {
    padding: 60px 20px;
  }

  .body_guarantee_section::before,
  .body_faq_section::before,
  .body_reviews_section::before,
  .body_reviews_section::after,
  .body_problem_section::before {
    display: none;
  }

  .body_product_container {
    gap: 40px;
  }

  .body_product_left {
    order: 2;
  }

  .body_product_right {
    order: 1;
  }

  .body_product_main_image {
    aspect-ratio: 1;
  }

  .body_carousel_arrow {
    display: flex;
    width: 40px;
    height: 40px;
  }

  .body_carousel_arrow svg {
    width: 20px;
    height: 20px;
  }

  .body_product_thumbnails {
    flex-wrap: wrap;
    gap: 8px;
  }

  .body_thumbnail {
    width: 60px;
    height: 60px;
  }

  .body_purchase_text,
  .body_purchase_price {
    font-size: 18px;
  }

  .body_subscribe_note {
    font-size: 16px;
    margin-left: 0;
  }

  .body_subscribe_delivery {
    margin-left: 0;
  }

  .body_option_label {
    font-size: 18px;
  }

  .body_problem_container {
    padding: 0 12px;
  }

  .body_problem_text {
    font-size: 18px;
  }

  .body_trust_text {
    font-size: 18px;
  }

  .body_how_to_use_container {
    grid-template-columns: 1fr;
    gap: 0;
    min-height: auto;
  }

  .body_how_to_use_left {
    min-height: 300px;
  }

  .body_how_to_use_right {
    padding: 60px 40px;
    gap: 24px;
  }

  .body_how_to_use_title {
    font-size: 36px;
  }

  .body_how_to_use_instructions {
    font-size: 16px;
  }

  .body_trust_buttons {
    flex-direction: column;
    align-items: stretch;
  }

  .body_btn_download_sheet,
  .body_btn_view_results {
    width: 100%;
    justify-content: center;
  }

  .body_trust_label {
    bottom: 20px;
    right: 20px;
    max-width: 100px;
  }

  .body_reviews_title {
    font-size: 32px;
  }

  .body_review_text {
    font-size: 18px;
  }

  .body_review_name {
    font-size: 18px;
  }

  .body_faq_question {
    font-size: 20px;
  }

  .body_faq_toggle {
    width: 48px;
    height: 48px;
  }

  .body_related_product {
    min-width: calc(50% - 20px);
  }

  .body_related_products_wrapper {
    gap: 20px;
  }

  .body_related_products_container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
  }

  .body_related_products_wrapper {
    scroll-snap-align: start;
  }

  .body_related_product {
    scroll-snap-align: start;
  }

  .body_guarantee_text {
    font-size: 18px;
  }

  .body_performers_text {
    font-size: 18px;
  }

  .body_performers_image {
    height: 300px;
  }

  .body_trust_buttons {
    gap: 12px;
  }

  .body_btn_download_sheet,
  .body_btn_view_results {
    flex: 1;
    min-width: 0;
  }

  .body_reviews_tabs {
    flex-wrap: wrap;
  }

  .body_reviews_tab {
    font-size: 18px;
    padding: 6px 12px;
  }

  .body_confidence_section {
    padding: 16px;
  }

  .body_purchase_option {
    padding: 14px;
  }

  .body_product_options {
    gap: 12px;
  }
}

@media (max-width: 640px) {
  .body_hero_section {
    height: 500px;
    min-height: 500px;
    max-height: 600px;
  }

  .body_hero_content {
    padding: 30px 20px;
    gap: 20px;
  }

  .body_hero_top_left {
    justify-content: flex-start;
  }

  .body_hero_bottom_right {
    align-items: flex-start;
  }

  .body_hero_title {
    font-size: 28px;
    line-height: 1.2;
  }

  .body_hero_description {
    font-size: 14px;
    line-height: 1.5;
  }

  .body_btn_explore {
    padding: 12px 24px;
    font-size: 14px;
    width: 100%;
    justify-content: center;
  }

  .body_product_section,
  .body_problem_section,
  .body_trust_section,
  .body_reviews_section,
  .body_faq_section,
  .body_related_section,
  .body_guarantee_section,
  .body_performers_section {
    padding: 40px 16px;
  }

  .body_product_container {
    gap: 30px;
  }

  .body_product_title {
    font-size: 28px;
    line-height: 1.2;
  }

  .body_product_carousel_wrapper {
    gap: 16px;
  }

  .body_product_main_image {
    border-radius: 8px;
  }

  .body_product_rating {
    flex-wrap: wrap;
    gap: 8px;
  }

  .body_rating_text,
  .body_reviews_count {
    font-size: 16px;
  }

  .body_product_sku {
    font-size: 16px;
  }

  .body_purchase_option {
    padding: 12px;
  }

  .body_purchase_text,
  .body_purchase_price {
    font-size: 16px;
  }

  .body_purchase_price_original {
    font-size: 14px;
  }

  .body_subscribe_note {
    font-size: 14px;
  }

  .body_option_label {
    font-size: 16px;
  }

  .body_option_select {
    padding: 10px 12px;
    font-size: 14px;
  }

  .body_btn_add_to_cart {
    padding: 14px 24px;
    font-size: 14px;
  }

  .body_confidence_title {
    font-size: 16px;
  }

  .body_confidence_item {
    font-size: 14px;
  }

  .body_problem_title {
    font-size: 28px;
  }

  .body_problem_text {
    font-size: 16px;
  }

  .v4_before_after_image_container {
    margin-top: 24px;
  }

  .v4_before_after_image_container img {
    width: 100%;
    height: auto;
  }

  .body_trust_title {
    font-size: 28px;
  }

  .body_trust_text {
    font-size: 16px;
  }

  .body_trust_label {
    display: none;
  }

  .body_reviews_title {
    font-size: 28px;
  }

  .body_reviews_count {
    font-size: 18px;
  }

  .body_reviews_tab {
    font-size: 18px;
    padding: 6px 12px;
  }

  .body_review_card {
    padding: 24px;
  }

  .body_review_text {
    font-size: 16px;
  }

  .body_review_name {
    font-size: 16px;
  }

  .body_review_verified {
    font-size: 14px;
  }

  .body_faq_title {
    font-size: 28px;
  }

  .body_faq_question {
    font-size: 18px;
  }

  .body_faq_toggle {
    width: 40px;
    height: 40px;
  }

  .body_faq_icon {
    width: 20px;
    height: 20px;
  }

  .body_faq_answer p {
    font-size: 14px;
  }

  .body_related_title {
    font-size: 28px;
  }

  .body_related_product {
    flex: 0 0 100%;
    min-width: 100%;
    max-width: 100%;
  }

  .body_related_products_wrapper {
    gap: 16px;
  }

  .body_related_products_container {
    padding: 0 10px;
  }

  .body_related_navigation {
    padding: 0;
  }

  .body_related_name {
    font-size: 18px;
  }

  .body_related_price {
    font-size: 16px;
  }

  .body_btn_add_to_cart_small,
  .body_btn_learn_more_small {
    padding: 12px 20px;
    font-size: 14px;
  }

  .body_related_navigation {
    flex-direction: column;
    gap: 20px;
  }

  .body_guarantee_title {
    font-size: 28px;
  }

  .body_guarantee_text {
    font-size: 16px;
  }

  .body_guarantee_buttons {
    flex-direction: column;
  }

  .v4_btn_shop_now,
  .v4_btn_join_nueva {
    width: 100%;
    justify-content: center;
  }

  .body_performers_title {
    font-size: 28px;
  }

  .body_performers_text {
    font-size: 16px;
  }

  .body_performers_image {
    height: 250px;
  }

  .body_hero_buttons {
    width: 100%;
  }

  .body_trust_container {
    gap: 40px;
  }

  .body_trust_right {
    order: 1;
  }

  .body_trust_left {
    order: 2;
  }

  .body_performers_container {
    gap: 40px;
  }

  .body_performers_right {
    order: 1;
  }

  .body_performers_left {
    order: 2;
  }

  .body_reviews_header {
    margin-bottom: 40px;
  }

  .body_reviews_meta {
    align-items: flex-start;
  }

  .body_reviews_tabs {
    width: 100%;
    justify-content: center;
  }

  .body_reviews_sort {
    width: 100%;
  }

  .body_reviews_sort_dropdown {
    width: 100%;
  }

  .body_faq_container {
    padding: 0 10px;
  }

  .body_faq_question {
    padding-right: 12px;
  }

  .body_guarantee_container {
    padding: 0 10px;
  }

  .body_guarantee_buttons {
    width: 100%;
  }

  .v4_btn_shop_now,
  .v4_btn_join_nueva {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .body_hero_section {
    height: 450px;
    min-height: 450px;
    max-height: 550px;
  }

  .body_hero_content {
    padding: 20px 16px;
    gap: 16px;
  }

  .body_hero_title {
    font-size: 24px;
    line-height: 1.2;
  }

  .body_hero_description {
    font-size: 13px;
    line-height: 1.4;
  }

  .body_hero_label {
    font-size: 10px;
    padding: 4px 12px;
    margin-bottom: 16px;
  }

  .body_hero_carousel_dots {
    bottom: 15px;
    gap: 6px;
  }

  .body_carousel_dot {
    width: 6px;
    height: 6px;
  }

  .body_product_title,
  .body_problem_title,
  .body_how_to_use_title,
  .body_trust_title,
  .body_reviews_title,
  .body_faq_title,
  .body_related_title,
  .body_guarantee_title,
  .body_performers_title {
    font-size: 24px;
    line-height: 1.2;
  }

  .body_product_section,
  .body_problem_section,
  .body_how_to_use_section,
  .body_trust_section,
  .body_reviews_section,
  .body_faq_section,
  .body_related_section,
  .body_guarantee_section,
  .body_performers_section {
    padding: 40px 12px;
  }

  .body_product_container {
    gap: 24px;
    padding: 0 12px;
  }

  .body_how_to_use_container {
    padding: 0 12px;
    gap: 0;
  }

  .body_how_to_use_left {
    min-height: 250px;
  }

  .body_how_to_use_right {
    padding: 40px 24px;
    gap: 20px;
  }

  .body_how_to_use_title {
    font-size: 28px;
  }

  .body_how_to_use_instructions {
    font-size: 15px;
    line-height: 1.5;
  }

  .body_btn_try_nueva_body {
    padding: 14px 24px;
    font-size: 15px;
    width: 100%;
    justify-content: center;
  }

  .body_thumbnail {
    width: 50px;
    height: 50px;
  }

  .body_product_thumbnails {
    gap: 6px;
    justify-content: center;
  }

  .body_product_main_image {
    border-radius: 6px;
  }

  .body_carousel_arrow {
    width: 36px;
    height: 36px;
    left: 8px;
  }

  .body_carousel_arrow.body_carousel_next {
    right: 8px;
    left: auto;
  }

  .body_carousel_arrow svg {
    width: 18px;
    height: 18px;
  }

  .body_purchase_option {
    padding: 12px;
  }

  .body_purchase_text,
  .body_purchase_price {
    font-size: 14px;
  }

  .body_purchase_price_original {
    font-size: 12px;
  }

  .body_subscribe_note {
    font-size: 12px;
  }

  .body_option_label {
    font-size: 14px;
  }

  .body_option_select {
    font-size: 13px;
    padding: 8px 10px;
  }

  .body_cellular_title {
    font-size: 28px;
  }

  .body_cellular_description {
    font-size: 16px;
  }

  .body_metabolic_container {
    gap: 40px;
    padding: 0 12px;
  }

  .body_metabolic_section {
    padding: 40px 12px;
  }

  .body_metabolic_bottom {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .beauty_metabolic_bottom {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .beauty_metabolic_image {
    height: auto;
    max-height: 500px;
    object-fit: contain;
  }

  .body_metabolic_right {
    display: flex;
    align-items: center;
    justify-content: center;
    order: 1;
  }

  .body_metabolic_left {
    order: 2;
  }

  .body_metabolic_title {
    font-size: 32px;
  }

  .body_metabolic_description {
    font-size: 18px;
  }

  .body_metabolic_ingredient_name {
    font-size: 18px;
  }

  .body_metabolic_ingredient_description {
    font-size: 16px;
  }

  .body_metabolic_icon_wrapper {
    width: 56px;
    height: 56px;
  }

  .body_metabolic_icon {
    width: 28px;
    height: 28px;
  }

  .body_btn_try_nueva_metabolic {
    width: 100%;
    justify-content: center;
  }

  .body_ingredient_name {
    font-size: 16px;
  }

  .body_ingredient_description {
    font-size: 14px;
  }

  .body_ingredient_icon_wrapper {
    width: 48px;
    height: 48px;
  }

  .body_ingredient_icon {
    width: 24px;
    height: 24px;
  }

  .body_btn_try_nueva_body {
    width: 100%;
    justify-content: center;
  }

  .body_metabolic_title {
    font-size: 28px;
  }

  .body_metabolic_description {
    font-size: 16px;
  }

  .body_metabolic_ingredient_name {
    font-size: 16px;
  }

  .body_metabolic_ingredient_description {
    font-size: 14px;
  }

  .body_metabolic_icon_wrapper {
    width: 48px;
    height: 48px;
  }

  .body_metabolic_icon {
    width: 24px;
    height: 24px;
  }

  .body_btn_try_nueva_metabolic {
    width: 100%;
    justify-content: center;
    padding: 14px 24px;
    font-size: 14px;
  }

  .body_trust_text {
    font-size: 14px;
  }

  .body_trust_badges {
    padding: 16px;
  }

  .body_trust_badge {
    font-size: 14px;
  }

  .body_reviews_count {
    font-size: 16px;
  }

  .body_reviews_tab {
    font-size: 14px;
    padding: 4px 8px;
  }

  .body_review_card {
    padding: 20px;
  }

  .body_review_text {
    font-size: 14px;
  }

  .body_review_name {
    font-size: 14px;
  }

  .body_review_verified {
    font-size: 12px;
  }

  .body_faq_question {
    font-size: 16px;
  }

  .body_faq_toggle {
    width: 36px;
    height: 36px;
  }

  .body_faq_icon {
    width: 18px;
    height: 18px;
  }

  .body_faq_answer p {
    font-size: 13px;
  }

  .body_related_name {
    font-size: 16px;
  }

  .body_related_price {
    font-size: 14px;
  }

  .body_related_arrow {
    width: 32px;
    height: 32px;
  }

  .body_related_arrow img {
    width: 16px;
    height: 16px;
  }

  .body_guarantee_text {
    font-size: 14px;
  }

  .body_performers_text {
    font-size: 14px;
  }

  .body_performers_image {
    height: 200px;
  }

  .body_btn_explore,
  .body_btn_add_to_cart,
  .body_btn_read_more,
  .body_btn_view_faqs,
  .body_btn_download_sheet,
  .body_btn_view_results {
    font-size: 13px;
    padding: 12px 20px;
  }

  .body_confidence_section {
    padding: 12px;
  }

  .body_confidence_title {
    font-size: 14px;
  }

  .body_confidence_item {
    font-size: 12px;
  }

  .body_confidence_icon {
    width: 16px;
    height: 16px;
  }
}

/* Additional Mobile Optimizations */
@media (max-width: 768px) {
  .body_product_images {
    touch-action: pan-y;
  }

  .body_product_main_image {
    -webkit-tap-highlight-color: transparent;
  }

  .body_thumbnail {
    -webkit-tap-highlight-color: transparent;
  }

  .body_carousel_arrow {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }

  .body_related_arrow {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }

  .body_btn_add_to_cart,
  .body_btn_explore,
  .body_btn_read_more,
  .body_btn_view_faqs,
  .body_btn_download_sheet,
  .body_btn_view_results {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
    min-height: 44px;
  }

  .body_faq_label {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }

  .body_purchase_label {
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }
}

/* Landscape Orientation for Mobile */
@media (max-width: 768px) and (orientation: landscape) {
  .body_hero_section {
    height: 500px;
    min-height: 500px;
    max-height: 600px;
  }

  .body_hero_content {
    padding: 30px 20px;
    gap: 20px;
  }

  .body_hero_title {
    font-size: 32px;
  }

  .body_hero_description {
    font-size: 16px;
  }
}

/* Improve text readability on small screens */
@media (max-width: 640px) {

  .body_problem_text,
  .body_trust_text,
  .body_performers_text,
  .body_guarantee_text {
    line-height: 1.6;
  }

  .body_review_text {
    line-height: 1.5;
  }

  .body_faq_answer p {
    line-height: 1.5;
  }
}

/* Ensure proper image scaling */
@media (max-width: 768px) {

  .body_hero_image,
  .body_product_image,
  .body_trust_image,
  .body_performers_image,
  .body_related_image {
    max-width: 100%;
    height: 100%;
  }

  .v4_before_after_image_container img {
    width: 100%;
    height: auto;
    display: block;
  }
}

/* Fix for product carousel on mobile */
@media (max-width: 768px) {
  .body_product_carousel_wrapper {
    position: relative;
  }

  .body_product_main_image {
    position: relative;
  }

  .body_carousel_arrow {
    position: absolute;
    z-index: 10;
  }
}

/* Improve spacing for related products on mobile */
@media (max-width: 640px) {
  .body_related_container {
    padding: 0;
  }

  .body_metabolic_container {
    padding: 0px;
    gap: 30px;
  }

  .beauty_metabolic_bottom {
    gap: 30px;
    grid-template-columns: 1fr;
  }

  .beauty_metabolic_image {

    object-fit: contain;
    width: 100%;
    height: auto;
  }

  .body_metabolic_right {
    width: 100%;
    order: 1;
  }

  .body_metabolic_left {
    order: 2;
  }

  .body_metabolic_ingredient_card {
    gap: 10px;
  }

  .body_metabolic_separator {
    margin: 30px 0;
  }

  .body_related_title {
    margin-bottom: 40px;
  }

  .body_related_products_container {
    margin-bottom: 30px;
  }
}

/* Better button spacing on mobile */
@media (max-width: 640px) {

  .body_hero_buttons,
  .body_trust_left,
  .body_guarantee_container {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px 12px;
  }

  .body_trust_buttons,
  .body_guarantee_buttons {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }

  /* Nitro Reviews Container */
  .body_reviews_container {
    padding: 0 12px;
  }
}

/* Footer Responsive Styles */
@media (max-width: 1024px) {
  .v4_footer_content {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }

  .v4_footer_section {
    gap: 12px;
  }

  .v4_footer_title {
    font-size: 20px;
  }

  .v4_footer_links a {
    font-size: 22px;
  }
}

@media (max-width: 768px) {
  .v4_footer {
    padding: 40px 0 0;
  }

  .v4_footer_content {
    grid-template-columns: 1fr;
    padding: 0 20px 60px;
    gap: 32px;
  }

  .v4_footer_bottom {
    flex-direction: column;
    gap: 20px;
    padding: 24px 20px 40px;
    text-align: center;
  }

  .v4_footer_title {
    font-size: 18px;
  }

  .v4_footer_links a {
    font-size: 22px;
  }

  .v4_newsletter_input {
    font-size: 22px;
  }
}

@media (max-width: 480px) {
  .v4_footer_content {
    padding: 0 16px 40px;
  }

  .v4_footer_title {
    font-size: 24px;
  }

  .v4_footer_links a {
    font-size: 22px;
  }
}

/* Body Page Styles - Duplicate of Nitro styles */
True

/* Mega Menu Styles */
.mega_menu_container {
  min-width: auto !important;
  width: auto;
  padding: 0;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  overflow: hidden;
  left: 0 !important;
  right: auto !important;
  transform: translateX(calc((100vw - 1400px))) translateY(-20px) scale(0.95);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1),
    visibility 0.4s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

@media (max-width: 1400px) {
  .mega_menu_container {
    transform: translateX(-40px) translateY(-20px) scale(0.95);
  }
}

.v4_mega_menu_dropdown_wrapper:hover .v4_dropdown_menu {
  opacity: 1;
  visibility: visible;
  transform: translate(0);
  top: 95px;
}

@media (max-width: 1400px) {
  .v4_mega_menu_dropdown_wrapper:hover .v4_dropdown_menu {
    transform: translateX(-3px) translateY(0) scale(1);
  }
}

.mega_menu_content {
  display: flex;
  width: 100%;
  min-width: 100vw;
  background-color: #ffffff;
}

/* Left Section: Shop All */
.mega_menu_left {
  flex: 0 0 424px;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  opacity: 0;
  transform: translateX(-20px);
  transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0.1s,
    transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0.1s;
}

.v4_mega_menu_dropdown_wrapper:hover .mega_menu_left {
  opacity: 1;
  transform: translateX(0);
}

.mega_menu_heading {
  font-size: 24px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
  font-family: inherit;
  letter-spacing: 0.3px;
}

.mega_menu_subheading {
  font-size: 17px;
  font-weight: 300;
  color: #666666;
  margin: 0;
  font-family: inherit;
}

.mega_menu_image_wrapper {
  margin-top: 8px;
  border-radius: 8px;
  overflow: hidden;
  width: 376px;
  height: 305px;
}

.mega_menu_image {
  width: 376px;
  height: 305px;
  display: block;
  object-fit: cover;
}

/* Center Section: Product Categories */
.mega_menu_center {
  flex: 1;
  padding: 32px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  border-right: 1px solid #f0f0f0;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0.2s,
    transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;
}

.v4_mega_menu_dropdown_wrapper:hover .mega_menu_center {
  opacity: 1;
  transform: translateY(0);
}

.mega_menu_category {
  display: flex;
  flex-direction: column;
  /* gap: 4px; */
  text-decoration: none;
  transition: opacity 0.2s;
}

.mega_menu_category:hover {
  opacity: 0.7;
}

.mega_menu_category_name {
  font-size: 24px;
  font-weight: 500;
  color: #2c2c2c;
  font-family: inherit;
  letter-spacing: 0.2px;
}

.mega_menu_category_desc {
  font-size: 17px;
  font-weight: 300;
  color: #666666;
  font-family: inherit;
}

/* Right Section: New Product Banner */
.mega_menu_right {
  flex: 0 0 528px;
  padding: 0;
  position: relative;
  background-color: #e8f4f8;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateX(20px);
  transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0.3s,
    transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0.3s;
}

.v4_mega_menu_dropdown_wrapper:hover .mega_menu_right {
  opacity: 1;
  transform: translateX(0);
}

.mega_menu_banner {
  position: relative;
  width: 496px;
  height: 418px;
  overflow: hidden;
  border-radius: 8px;
  margin: 16px;
}

.mega_menu_banner_image {
  width: 496px;
  height: 418px;
  object-fit: cover;
  display: block;
}

.mega_menu_banner_overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 0.05),
      rgba(0, 0, 0, 0.2));
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 32px 24px;
  border-radius: 8px;
}

.mega_menu_banner_content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.mega_menu_banner_label {
  font-size: 48px;
  font-weight: 500;
  color: #ffffff;
  font-family: inherit;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.mega_menu_banner_title {
  font-size: 48px;
  font-weight: 500;
  color: #ffffff;
  margin: 0;
  font-family: inherit;
  letter-spacing: 0.5px;
  line-height: 1.2;
}

.mega_menu_banner_subtitle {
  font-size: 22px;
  font-weight: 300;
  color: #ffffff;
  margin: 0;
  font-family: inherit;
  margin-bottom: 16px;
}

.mega_menu_banner_button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background-color: #00b8a9;
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  border-radius: 6px;
  font-family: inherit;
  transition: background-color 0.2s;
  letter-spacing: 0.2px;
  margin-top: 8px;
}

.mega_menu_banner_button:hover {
  background-color: #009688;
}

.mega_menu_banner_arrow {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
}

/* Responsive Mega Menu Styles */
@media (max-width: 1440px) {
  .mega_menu_right {
    flex: 0 1 516px;
    min-width: 0;
    max-width: 100%;
  }

  .mega_menu_banner {
    width: calc(100% - 32px);
    max-width: 100%;
    height: auto;
    aspect-ratio: 496 / 418;
    margin: 16px;
  }

  .mega_menu_banner_image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

@media (max-width: 1024px) {
  .mega_menu_content {
    flex-direction: column;
    min-width: auto;
    max-width: 100%;
  }

  .mega_menu_left {
    flex: 1;
    width: 100%;
    padding: 24px 20px;
  }

  .mega_menu_image_wrapper {
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 376 / 305;
  }

  .mega_menu_image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .mega_menu_center {
    flex: 1;
    width: 100%;
    padding: 24px 20px;
    border-right: none;
    border-bottom: 1px solid #f0f0f0;
  }

  .mega_menu_right {
    flex: 1;
    width: 100%;
    padding: 0;
  }

  .mega_menu_banner {
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 496 / 418;
    margin: 16px;
  }

  .mega_menu_banner_image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .mega_menu_banner_title {
    font-size: 28px;
  }
}

@media (min-width: 425px) and (max-width: 1024px) {
  .mega_menu_image_wrapper {
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: 376 / 305;
    margin-top: 12px;
    margin-left: 0;
    margin-right: 0;
  }

  .mega_menu_image {
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    display: block;
  }

  .mega_menu_left {
    padding: 24px 20px;
    box-sizing: border-box;
  }
}

@media (max-width: 1044px) {
  .mega_menu_container {
    transform: translateX(0) translateY(-20px) scale(0.95);
    left: 16px !important;
    right: 16px !important;
    width: auto;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .v4_mega_menu_dropdown_wrapper:hover .v4_dropdown_menu {
    transform: translateX(0) translateY(0) scale(1);
    left: 16px !important;
    right: 16px !important;
    width: auto;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
}

@media (max-width: 768px) {
  .mega_menu_container {
    transform: translateX(0) translateY(-20px) scale(0.95);
    left: 16px !important;
    right: 16px !important;
    width: auto;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .v4_mega_menu_dropdown_wrapper:hover .v4_dropdown_menu {
    transform: translateX(0) translateY(0) scale(1);
    left: 16px !important;
    right: 16px !important;
    width: auto;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .mega_menu_content {
    flex-direction: column;
    min-width: auto;
    width: 100%;
  }

  .mega_menu_left {
    padding: 20px 16px;
  }

  .mega_menu_heading {
    font-size: 18px;
  }

  .mega_menu_subheading {
    font-size: 13px;
  }

  .mega_menu_center {
    padding: 20px 16px;
    gap: 16px;
  }

  .mega_menu_category_name {
    font-size: 15px;
  }

  .mega_menu_category_desc {
    font-size: 13px;
  }

  .mega_menu_banner {
    margin: 12px;
  }

  .mega_menu_banner_overlay {
    padding: 24px 20px;
  }

  .mega_menu_banner_title {
    font-size: 24px;
  }

  .mega_menu_banner_subtitle {
    font-size: 14px;
  }

  .mega_menu_banner_button {
    padding: 10px 20px;
    font-size: 13px;
  }
}

@media (max-width: 640px) {
  .mega_menu_container {
    left: 12px !important;
    right: 12px !important;
    width: auto;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    transform: translateX(0) translateY(-20px) scale(0.95);
  }

  .v4_mega_menu_dropdown_wrapper:hover .v4_dropdown_menu {
    transform: translateX(0) translateY(0) scale(1);
    left: 12px !important;
    right: 12px !important;
    width: auto;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .mega_menu_left {
    padding: 16px 12px;
    gap: 8px;
  }

  .mega_menu_heading {
    font-size: 16px;
  }

  .mega_menu_subheading {
    font-size: 12px;
  }

  .mega_menu_image_wrapper {
    margin-top: 4px;
  }

  .mega_menu_center {
    padding: 16px 12px;
    gap: 12px;
  }

  .mega_menu_category {
    gap: 2px;
  }

  .mega_menu_category_name {
    font-size: 14px;
  }

  .mega_menu_category_desc {
    font-size: 12px;
  }

  .mega_menu_banner {
    margin: 8px;
  }

  .mega_menu_banner_overlay {
    padding: 20px 16px;
  }

  .mega_menu_banner_label {
    font-size: 20px;
  }

  .mega_menu_banner_title {
    font-size: 20px;
  }

  .mega_menu_banner_subtitle {
    font-size: 13px;
    margin-bottom: 12px;
  }

  .mega_menu_banner_button {
    padding: 8px 16px;
    font-size: 12px;
    gap: 6px;
  }

  .mega_menu_banner_arrow {
    width: 14px;
    height: 14px;
  }
}

@media (max-width: 480px) {
  .mega_menu_container {
    left: 8px !important;
    right: 8px !important;
    width: auto;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    transform: translateX(0) translateY(-20px) scale(0.95);
  }

  .v4_mega_menu_dropdown_wrapper:hover .v4_dropdown_menu {
    transform: translateX(0) translateY(0) scale(1);
    left: 8px !important;
    right: 8px !important;
    width: auto;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .mega_menu_left {
    padding: 12px 10px;
  }

  .mega_menu_center {
    padding: 12px 10px;
    gap: 10px;
  }

  .mega_menu_banner {
    margin: 6px;
  }

  .mega_menu_banner_overlay {
    padding: 16px 12px;
  }

  .mega_menu_banner_title {
    font-size: 18px;
  }
}

/* ============================================
     ADD TO CART MODAL
     ============================================ */
.nitro_cart_modal_toggle {
  display: none;
}

/* Prevent body scroll when modal is open */
html:has(#cart_modal_toggle:checked) {
  overflow: hidden !important;
  height: 100% !important;
  position: fixed !important;
  width: 100% !important;
}

body:has(#cart_modal_toggle:checked) {
  overflow: hidden !important;
  height: 100% !important;
  position: fixed !important;
  width: 100% !important;
}

.nitro_cart_modal_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10001;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  pointer-events: none;
}

.nitro_cart_modal_overlay_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  cursor: pointer;
}

#cart_modal_toggle:checked+.nitro_cart_modal_overlay {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  display: flex !important;
}

.nitro_cart_modal_container {
  position: relative;
  width: 90%;
  max-width: 560px;
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  transform: scale(0.9) translateY(20px);
  transition: transform 0.3s ease;
  cursor: default;
  pointer-events: auto;
  margin: 20px;
  overflow: hidden;
  z-index: 10002;
}

#cart_modal_toggle:checked+.nitro_cart_modal_overlay .nitro_cart_modal_container {
  transform: scale(1) translateY(0);
}

.nitro_cart_modal_close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  border: none;
  background-color: transparent;
  color: #2c2c2c;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s ease;
  z-index: 10;
  padding: 0;
  margin: 0;
}

.nitro_cart_modal_close:hover {
  background-color: #f5f5f5;
  color: #00b8a9;
}

.nitro_cart_modal_close svg {
  width: 24px;
  height: 24px;
}

.nitro_cart_modal_content {
  padding: 48px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

.nitro_cart_modal_success {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.nitro_cart_modal_checkmark {
  width: 64px;
  height: 64px;
  stroke-width: 2.5;
}

.nitro_cart_modal_title {
  font-size: 32px;
  font-weight: 700;
  color: #2c2c2c;
  text-align: center;
  margin: 0;
  font-family: "Gotham", sans-serif;
  letter-spacing: -0.5px;
}

.nitro_cart_modal_product {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 24px;
  background-color: #f8f9fa;
  border-radius: 12px;
  border: 1px solid #e0e0e0;
}

.nitro_cart_modal_product_image {
  width: 100px;
  height: 100px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 12px;
}

.nitro_cart_modal_product_image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.nitro_cart_modal_product_info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.nitro_cart_modal_product_name {
  font-size: 20px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
  font-family: "Gotham", sans-serif;
  letter-spacing: -0.3px;
}

.nitro_cart_modal_product_details {
  font-size: 16px;
  color: #616565;
  margin: 0;
  font-family: "Gotham", sans-serif;
  font-weight: 300;
}

.nitro_cart_modal_product_price {
  font-size: 22px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0;
  font-family: "Gotham", sans-serif;
}

.nitro_cart_modal_actions {
  width: 100%;
  display: flex;
  gap: 12px;
}

.nitro_cart_modal_btn_continue,
.nitro_cart_modal_btn_cart {
  flex: 1;
  padding: 16px 24px;
  border: none;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 700;
  font-family: "Gotham", sans-serif;
  cursor: pointer;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
}

.nitro_cart_modal_btn_continue {
  background-color: #ffffff;
  color: #2c2c2c;
  border: 2px solid #e0e0e0;
  display: inline-block;
  text-align: center;
  text-decoration: none;
}

.nitro_cart_modal_btn_continue:hover {
  background-color: #f8f9fa;
  border-color: #00b8a9;
  color: #00b8a9;
}

.nitro_cart_modal_btn_cart {
  background-color: #00b8a9;
  color: #ffffff;
  box-shadow: 0px 2px 8px rgba(0, 184, 169, 0.3);
}

.nitro_cart_modal_btn_cart:hover {
  background-color: #009688;
  transform: translateY(-2px);
  box-shadow: 0px 4px 32px rgba(0, 184, 169, 0.4);
}

/* Responsive Styles */
@media (max-width: 768px) {
  .nitro_cart_modal_container {
    max-width: 95%;
    margin: 10px;
  }

  .nitro_cart_modal_content {
    padding: 40px 24px;
    gap: 24px;
  }

  .nitro_cart_modal_title {
    font-size: 28px;
  }

  .nitro_cart_modal_product {
    padding: 20px;
    gap: 16px;
  }

  .nitro_cart_modal_product_image {
    width: 80px;
    height: 80px;
  }

  .nitro_cart_modal_product_name {
    font-size: 18px;
  }

  .nitro_cart_modal_product_details {
    font-size: 14px;
  }

  .nitro_cart_modal_product_price {
    font-size: 20px;
  }

  .nitro_cart_modal_actions {
    flex-direction: column;
  }

  .nitro_cart_modal_btn_continue,
  .nitro_cart_modal_btn_cart {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .nitro_cart_modal_content {
    padding: 32px 20px;
    gap: 20px;
  }

  .nitro_cart_modal_title {
    font-size: 24px;
  }

  .nitro_cart_modal_checkmark {
    width: 56px;
    height: 56px;
  }

  .nitro_cart_modal_product {
    flex-direction: column;
    text-align: center;
  }

  .nitro_cart_modal_product_info {
    align-items: center;
  }
}

/* ============================================
     MERCH CART MODAL
     ============================================ */
.merch_cart_modal_toggle {
  display: none;
}

/* Prevent body scroll when modal is open */
html:has(#cart_modal_toggle:checked) {
  overflow: hidden !important;
  height: 100% !important;
  position: fixed !important;
  width: 100% !important;
}

body:has(#cart_modal_toggle:checked) {
  overflow: hidden !important;
  height: 100% !important;
  position: fixed !important;
  width: 100% !important;
}

.merch_cart_modal_overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10001;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  pointer-events: none;
}

.merch_cart_modal_overlay_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  cursor: pointer;
}

#cart_modal_toggle:checked~.merch_cart_modal_overlay {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  display: flex !important;
}

.merch_cart_modal_container {
  position: relative;
  width: 90%;
  max-width: 1200px;
  background-color: #ffffff;
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  transform: scale(0.9) translateY(20px);
  transition: transform 0.3s ease;
  cursor: default;
  pointer-events: auto;
  margin: 20px;
  overflow: hidden;
  z-index: 10002;
  max-height: 90vh;
  overflow-y: auto;
}

#cart_modal_toggle:checked~.merch_cart_modal_overlay .merch_cart_modal_container {
  transform: scale(1) translateY(0);
}

.merch_cart_modal_close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  border: none;
  background-color: transparent;
  color: #2c2c2c;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s ease;
  z-index: 10;
  padding: 0;
  margin: 0;
}

.merch_cart_modal_close:hover {
  background-color: #f5f5f5;
  color: #00b8a9;
}

.merch_cart_modal_close svg {
  width: 24px;
  height: 24px;
}

.merch_cart_modal_content {
  padding: 48px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

.merch_cart_modal_product_wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: flex-start;
}

.merch_cart_modal_product_wrapper .snow_product_left {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.merch_cart_modal_product_wrapper .snow_product_right {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.merch_cart_modal_product_images {
  flex: 0 0 50%;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.merch_cart_modal_product_image_main {
  width: 100%;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 12px;
  padding: 40px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.merch_cart_modal_product_image_main img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.merch_cart_modal_product_thumbnails {
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;
}

.merch_cart_modal_thumbnail {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  border: 2px solid transparent;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.2s ease;
  background-color: #ffffff;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.merch_cart_modal_thumbnail:hover {
  border-color: #00b8a9;
}

.merch_cart_modal_thumbnail.active {
  border-color: #00b8a9;
}

.merch_cart_modal_thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.merch_cart_modal_success {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.merch_cart_modal_checkmark {
  width: 64px;
  height: 64px;
  stroke-width: 3;
  stroke: #00b8a9;
}

.merch_cart_modal_title {
  font-size: 32px;
  font-weight: 700;
  color: #000000;
  text-align: center;
  margin: 0;
  font-family: "Gotham", sans-serif;
  letter-spacing: -0.5px;
  line-height: 1.2;
}

.merch_cart_modal_product_info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.merch_cart_modal_product_name {
  font-size: 32px;
  font-weight: 700;
  color: #2c2c2c;
  margin: 0;
  font-family: "Gotham", sans-serif;
  letter-spacing: -0.5px;
  line-height: 1.2;
}

.merch_cart_modal_product_rating {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}

.merch_cart_modal_stars {
  display: flex;
  align-items: center;
  gap: 2px;
}

.merch_cart_modal_stars svg {
  width: 20px;
  height: 20px;
}

.merch_cart_modal_rating_text {
  font-size: 16px;
  color: #2c2c2c;
  font-family: "Gotham", sans-serif;
  font-weight: 400;
}

.merch_cart_modal_product_sku {
  font-size: 14px;
  color: #666666;
  margin: 0;
  font-family: "Gotham", sans-serif;
  font-weight: 400;
  margin-top: 8px;
}

.merch_cart_modal_purchase_options {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 8px;
}

.merch_cart_modal_purchase_option {
  display: flex;
  align-items: center;
}

.merch_cart_modal_radio {
  display: none;
}

.merch_cart_modal_option_label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 12px 16px;
  border: 2px solid #e0e0e0;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  background-color: #ffffff;
  position: relative;
  padding-left: 48px;
}

.merch_cart_modal_option_label::before {
  content: "";
  position: absolute;
  left: 16px;
  width: 20px;
  height: 20px;
  border: 2px solid #e0e0e0;
  border-radius: 50%;
  background-color: #ffffff;
  transition: all 0.2s ease;
}

.merch_cart_modal_radio:checked+.merch_cart_modal_option_label {
  border-color: #00b8a9;
  background-color: #f0fffe;
}

.merch_cart_modal_radio:checked+.merch_cart_modal_option_label::before {
  border-color: #00b8a9;
  background-color: #00b8a9;
  box-shadow: 0 0 0 4px rgba(0, 184, 169, 0.1);
}

.merch_cart_modal_radio:checked+.merch_cart_modal_option_label::after {
  content: "";
  position: absolute;
  left: 21px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #ffffff;
}

.merch_cart_modal_option_name {
  font-size: 16px;
  font-weight: 500;
  color: #2c2c2c;
  font-family: "Gotham", sans-serif;
}

.merch_cart_modal_option_price {
  font-size: 18px;
  font-weight: 600;
  color: #2c2c2c;
  font-family: "Gotham", sans-serif;
}

.merch_cart_modal_subscribe_pricing {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

.merch_cart_modal_quantity_wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}

.merch_cart_modal_quantity_label {
  font-size: 14px;
  font-weight: 500;
  color: #2c2c2c;
  font-family: "Gotham", sans-serif;
}

.merch_cart_modal_quantity_select {
  width: 100%;
  padding: 10px 16px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background-color: #ffffff;
  font-size: 14px;
  font-family: "Gotham", sans-serif;
  font-weight: 400;
  color: #1c1c1c;
  cursor: pointer;
  transition: border-color 0.2s ease;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231c1c1c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  padding-right: 40px;
}

.merch_cart_modal_quantity_select:hover {
  border-color: #00b8a9;
}

.merch_cart_modal_quantity_select:focus {
  outline: none;
  border-color: #00b8a9;
  box-shadow: 0 0 0 3px rgba(0, 184, 169, 0.1);
}

.merch_cart_modal_product_details {
  font-size: 16px;
  color: #666666;
  margin: 0;
  font-family: "Gotham", sans-serif;
  font-weight: 400;
}

.merch_cart_modal_product_pricing {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 4px;
}

.merch_cart_modal_product_price_original {
  font-size: 16px;
  font-weight: 400;
  color: #999999;
  text-decoration: line-through;
  font-family: "Gotham", sans-serif;
}

.merch_cart_modal_product_price {
  font-size: 18px;
  font-weight: 600;
  color: #00b8a9;
  margin: 0;
  font-family: "Gotham", sans-serif;
}

.merch_cart_modal_delivery_frequency {
  margin-top: 12px;
  margin-bottom: 4px;
}

.merch_cart_modal_frequency_select {
  width: 100%;
  padding: 10px 16px;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background-color: #ffffff;
  font-size: 14px;
  font-family: "Gotham", sans-serif;
  font-weight: 400;
  color: #1c1c1c;
  cursor: pointer;
  transition: border-color 0.2s ease;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231c1c1c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  padding-right: 40px;
}

.merch_cart_modal_frequency_select:hover {
  border-color: #00b8a9;
}

.merch_cart_modal_frequency_select:focus {
  outline: none;
  border-color: #00b8a9;
  box-shadow: 0 0 0 3px rgba(0, 184, 169, 0.1);
}

.merch_cart_modal_subscribe_note {
  font-size: 14px;
  color: #999999;
  margin: 0;
  margin-top: 4px;
  font-family: "Gotham", sans-serif;
  font-weight: 400;
}

.merch_cart_modal_btn_add_to_cart {
  width: 100%;
  padding: 16px 24px;
  background-color: #00b8a9;
  color: #ffffff;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  font-family: "Gotham", sans-serif;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 16px;
  box-shadow: 0 2px 8px rgba(0, 184, 169, 0.3);
}

.merch_cart_modal_btn_add_to_cart:hover {
  background-color: #009688;
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 184, 169, 0.4);
}

.merch_cart_modal_confidence {
  background-color: #e8f5f4;
  border-radius: 12px;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 16px;
}

.merch_cart_modal_confidence_item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  color: #2c2c2c;
  font-family: "Gotham", sans-serif;
  font-weight: 400;
}

.merch_cart_modal_confidence_icon {
  width: 20px;
  height: 20px;
  color: #00b8a9;
  flex-shrink: 0;
}

.merch_cart_modal_description {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #e0e0e0;
}

.merch_cart_modal_description p {
  font-size: 22px;
  line-height: 1.6;
  color: #2c2c2c;
  font-family: "Gotham", sans-serif;
  font-weight: 300;
  margin: 0;
}

.merch_cart_modal_tabs_wrapper {
  margin-top: 24px;
}

.merch_cart_modal_tabs {
  display: flex;
  gap: 0;
  border-bottom: 2px solid #e0e0e0;
  position: relative;
}

.merch_cart_modal_tab_radio {
  display: none;
}

.merch_cart_modal_tab {
  padding: 12px 24px;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  font-size: 24px;
  font-weight: 500;
  color: #666666;
  font-family: "Gotham", sans-serif;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-bottom: -2px;
  display: inline-block;
}

.merch_cart_modal_tab:hover {
  color: #00b8a9;
}

/* Active tab styling based on checked radio */
#modal_tab_testing:checked~label[for="modal_tab_testing"],
#modal_tab_sheet:checked~label[for="modal_tab_sheet"],
#modal_tab_faq:checked~label[for="modal_tab_faq"] {
  color: #00b8a9;
  border-bottom-color: #00b8a9;
}

.merch_cart_modal_tab_contents {
  position: relative;
  min-height: 100px;
}

.merch_cart_modal_tab_content {
  padding: 24px 0;
  margin-top: 0;
  display: none;
}

/* Show content based on checked radio using :has() */
.merch_cart_modal_tabs_wrapper:has(#modal_tab_testing:checked) .merch_cart_modal_tab_content[data-tab="testing"],
.merch_cart_modal_tabs_wrapper:has(#modal_tab_sheet:checked) .merch_cart_modal_tab_content[data-tab="sheet"],
.merch_cart_modal_tabs_wrapper:has(#modal_tab_faq:checked) .merch_cart_modal_tab_content[data-tab="faq"] {
  display: block;
}

.merch_cart_modal_tab_content p {
  font-size: 22px;
  line-height: 1.6;
  color: #2c2c2c;
  font-family: "Gotham", sans-serif;
  font-weight: 300;
  border: 1px dashed #e0e0e0;
  border-radius: 20px;
  margin: 0;
  padding: 20px;
  position: relative;
}

.merch_cart_modal_actions {
  width: 100%;
  display: flex;
  gap: 12px;
}

.merch_cart_modal_btn_continue,
.merch_cart_modal_btn_cart {
  flex: 1;
  padding: 16px 24px;
  border: none;
  border-radius: 12px;
  font-size: 22px;
  font-weight: 500;
  font-family: "Gotham", sans-serif;
  cursor: pointer;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

.merch_cart_modal_btn_continue {
  background-color: #ffffff;
  color: #000000;
  border: 2px solid #e0e0e0;
}

.merch_cart_modal_btn_continue:hover {
  background-color: #f8f8f8;
  border-color: #00b8a9;
  color: #00b8a9;
}

.merch_cart_modal_btn_cart {
  background-color: #00b8a9;
  color: #ffffff;
  box-shadow: 0px 2px 8px rgba(0, 184, 169, 0.3);
}

.merch_cart_modal_btn_cart:hover {
  background-color: #009688;
  transform: translateY(-2px);
  box-shadow: 0px 4px 16px rgba(0, 184, 169, 0.4);
}

/* Make Add to Cart button work as label */
.v4_shop_product_btn_add {
  cursor: pointer;
  display: inline-block;
  text-align: center;
  text-decoration: none;
}

/* Responsive Styles for Merch Cart Modal */
@media (max-width: 768px) {
  .merch_cart_modal_container {
    max-width: 95%;
    margin: 10px;
  }

  .merch_cart_modal_content {
    padding: 40px 24px;
    gap: 24px;
  }

  .merch_cart_modal_title {
    font-size: 28px;
  }

  .merch_cart_modal_product_wrapper {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .merch_cart_modal_product_wrapper .snow_product_left {
    width: 100%;
  }

  .merch_cart_modal_product_wrapper .snow_product_right {
    width: 100%;
  }

  .merch_cart_modal_product_image_main {
    padding: 30px;
  }

  .merch_cart_modal_thumbnail {
    width: 60px;
    height: 60px;
  }

  .merch_cart_modal_product_name {
    font-size: 24px;
  }

  .merch_cart_modal_product_rating {
    gap: 6px;
  }

  .merch_cart_modal_stars svg {
    width: 18px;
    height: 18px;
  }

  .merch_cart_modal_rating_text {
    font-size: 14px;
  }

  .merch_cart_modal_product_sku {
    font-size: 13px;
  }

  .merch_cart_modal_product_price_original {
    font-size: 14px;
  }

  .merch_cart_modal_product_price {
    font-size: 16px;
  }

  .merch_cart_modal_subscribe_note {
    font-size: 13px;
  }

  .merch_cart_modal_actions {
    flex-direction: column;
  }

  .merch_cart_modal_btn_continue,
  .merch_cart_modal_btn_cart {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .merch_cart_modal_content {
    padding: 32px 20px;
    gap: 20px;
  }

  .merch_cart_modal_title {
    font-size: 24px;
  }

  .merch_cart_modal_checkmark {
    width: 56px;
    height: 56px;
  }

  .merch_cart_modal_product_wrapper {
    gap: 20px;
  }

  .merch_cart_modal_product_image_main {
    padding: 20px;
  }

  .merch_cart_modal_thumbnail {
    width: 50px;
    height: 50px;
  }

  .merch_cart_modal_product_name {
    font-size: 20px;
  }

  .merch_cart_modal_stars svg {
    width: 16px;
    height: 16px;
  }

  .merch_cart_modal_rating_text {
    font-size: 13px;
  }

  .merch_cart_modal_option_label {
    padding: 10px 12px;
    padding-left: 40px;
  }

  .merch_cart_modal_option_label::before {
    left: 12px;
    width: 18px;
    height: 18px;
  }

  .merch_cart_modal_option_label::after {
    left: 17px;
    width: 8px;
    height: 8px;
  }

  .merch_cart_modal_option_name {
    font-size: 14px;
  }

  .merch_cart_modal_option_price {
    font-size: 16px;
  }

  .merch_cart_modal_tabs {
    flex-wrap: wrap;
  }

  .merch_cart_modal_tab {
    padding: 10px 16px;
    font-size: 24px;
  }
}