/* ============================================
   FONT FACE DECLARATIONS
   ============================================ */
   @font-face {
    font-family: "Gotham";
    src: url("assets/fonts/Gotham-Thin.otf") format("opentype");
    font-weight: 100;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Gotham";
    src: url("assets/fonts/Gotham-Light.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Gotham";
    src: url("assets/fonts/Gotham-Medium.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
  }
  
  @font-face {
    font-family: "Gotham";
    src: url("assets/fonts/Gotham-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal;
  }
  
  /* ============================================
     RESET AND BASE STYLES
     ============================================ */
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  html {
    width: 100%;
    overflow-x: hidden;
  }
  
  body {
    font-family: "Gotham", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
      "Helvetica Neue", Arial, sans-serif;
    color: #2c2c2c;
    line-height: 1.6;
    overflow-x: hidden;
    font-weight: 400;
    width: 100%;
    max-width: 100%;
  }
  
  .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
  }
  
  /* ========================================
     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;
    padding: 4px 10px;
    transition: opacity 0.2s;
    font-family: inherit;
    letter-spacing: 0.2px;
  }
  
  .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;
  }
  
  .v4_dropdown_wrapper:hover .v4_dropdown_menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  
  .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: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: 18px;
    height: 18px;
    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: 16px 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: 16px;
      line-height: 1.6;
    }
  
    .v4_newsletter_form {
      padding-bottom: 4px;
      margin-top: 8px;
    }
  
    .v4_newsletter_input {
      font-size: 16px;
      padding-bottom: 16px;
    }
  
    .v4_newsletter_btn {
      padding-bottom: 16px;
      margin-left: 8px;
    }
  
    .v4_newsletter_btn svg {
      width: 16px;
      height: 16px;
    }
  
    .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: 16px;
    }
  
    .v4_footer_links a {
      font-size: 15px;
    }
  
    .v4_newsletter_input {
      font-size: 15px;
    }
  
    .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("assets/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;
    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;
  }
  
  .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;
  }
  
  .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("assets/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;
    font-weight: 400;
    color: #2c2c2c;
    font-family: "Gotham", sans-serif;
    width: 150px;
    flex-shrink: 0;
    position: relative;
  }
  
  .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;
  }
  
  .v4_trust_icon {
    width: 35px;
    height: 35px;
  }
  
  .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_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: 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_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_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_2:checked ~ .v4_products_navigation .v4_arrow_prev_5,
  #slide_3:checked ~ .v4_products_navigation .v4_arrow_prev_1,
  #slide_4:checked ~ .v4_products_navigation .v4_arrow_prev_2,
  #slide_5:checked ~ .v4_products_navigation .v4_arrow_prev_3,
  #slide_1: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;
  }
  
  .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("assets/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("assets/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("assets/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;
    }
  
    .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;
  }
  
  .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;
  }
  
  .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;
  }
  
  .product-image {
    max-width: 100%;
  
    object-fit: contain;
  }
  
  .product-name {
    font-size: 28px;
    font-weight: 600;
    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: 20px;
    }
  
    .product-description {
      font-size: 14px;
    }
  
    .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: 14px;
    }
  
    .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: 48px;
      height: 48px;
    }
  
    .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 {
      min-height: 200px;
      padding: 30px 15px;
    }
  
    .product-name {
      font-size: 18px;
    }
  
    .product-description {
      font-size: 14px;
    }
  
    .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(../assets/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(../assets/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(../assets/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(../assets/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(../assets/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(../assets/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(../assets/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(../assets/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(../assets/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(../assets/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(../assets/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: 18px;
    }
  }
  
  @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: 16px;
    }
  
    .v4_newsletter_input {
      font-size: 16px;
    }
  }
  
  @media (max-width: 480px) {
    .v4_footer_content {
      padding: 0 16px 40px;
    }
  
    .v4_footer_title {
      font-size: 16px;
    }
  
    .v4_footer_links a {
      font-size: 14px;
    }
  }
  
  /* 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: 18px;
    }
  }
  
  @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: 16px;
    }
  
    .v4_newsletter_input {
      font-size: 16px;
    }
  }
  
  @media (max-width: 480px) {
    .v4_footer_content {
      padding: 0 16px 40px;
    }
  
    .v4_footer_title {
      font-size: 16px;
    }
  
    .v4_footer_links a {
      font-size: 14px;
    }
  }
  
  /* 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: 16px;
    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: 14px;
    }
  }