/* ============================================
   CUSTOM V4 STYLES - Overrides and Additions
   ============================================ */

/* V4 Layout fixes */
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  width: 100%;
  max-width: 100%;
  top: 0 !important;
}

.v4_layout {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.v4_main_content {
  flex: 1;
  width: 100%;
  overflow-x: hidden;
}

/* Hide Google Translate banner and body offset */
.goog-te-banner-frame.skiptranslate {
  display: none !important;
}

/* Style Google Translate widget to be visible and functional */
#google_translate_element {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  visibility: visible !important;
  pointer-events: auto !important;
  display: inline-block !important;
}

/* Keep Google Translate functional but invisible */
.goog-te-banner-frame {
  display: none !important;
}

.skiptranslate {
  display: none !important;
}

/* Custom language button - exactly matches v4_language_dropdown */
.v4_custom_language_btn {
  /* Reset default button styles */
  all: unset;
  box-sizing: border-box;
  
  /* Apply v4 styles */
  background: transparent;
  border: 1px solid #ffffff29;
  border-radius: 12px;
  margin-right: 6px;
  padding: 4px 8px;
  font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #ffffff;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  letter-spacing: 0.2px;
  line-height: 1;
}

.v4_custom_language_btn:hover {
  opacity: 0.8;
}

.v4_custom_language_btn span {
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}

.v4_custom_language_btn svg {
  display: inline-block;
  flex-shrink: 0;
  vertical-align: middle;
}

/* ============================================
   V4 TOP NAVIGATION RESPONSIVE FIXES
   ============================================ */

/* Mobile responsive - prevent overlapping */
@media (max-width: 768px) {
  .v4_top_nav_content {
    flex-direction: column !important;
    gap: 8px !important;
    padding: 8px 16px !important;
  }
  
  .v4_enroller_welcome {
    margin-bottom: 4px;
  }
  
  .v4_top_nav_right {
    position: relative !important;
    right: auto !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
  }
  
  .v4_divider_vertical {
    display: none !important;
  }
  
  .v4_custom_language_btn,
  .v4_top_nav_link {
    font-size: 11px;
  }
}

/* ============================================
   V4 TOP NAVIGATION LINK STYLES
   ============================================ */

.v4_top_nav_link {
  all: unset;
  box-sizing: border-box;
  background: transparent;
  border: none;
  color: #ffffff;
  font-size: 12px;
  font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  cursor: pointer;
  font-weight: 400;
  letter-spacing: 0.2px;
  white-space: nowrap;
  transition: opacity 0.2s;
  padding-left: 10px;
}

.v4_top_nav_link:hover {
  opacity: 0.8;
}

/* ============================================
   V4 MAIN NAVIGATION FONT SIZE FIX
   ============================================ */

/* Ensure consistent nav item font size */
.v4_nav_item {
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 0.3px !important;
}

/* Fix span inside nav item (Shop dropdown) */
.v4_nav_item span {
  font-size: 15px !important;
  font-weight: 400 !important;
  letter-spacing: 0.3px !important;
  line-height: inherit !important;
}

.v4_nav_item .v4_dropdown_arrow {
  width: 12px !important;
  height: 12px !important;
}

/* ============================================
   V4 ACCOUNT BUTTON TEXT SIZE FIX
   ============================================ */

/* Account button text should be 14px */
.v4_btn_account span {
  font-size: 14px !important;
  font-weight: 500 !important;
}

/* ============================================
   V4 ENROLLER WELCOME MESSAGE STYLES
   ============================================ */

/* Enroller message container */
.v4_enroller_welcome {
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  text-align: center;
}

/* Enroller name (underlined and clickable) */
.v4_enroller_name {
  text-decoration: underline;
  cursor: pointer;
  font-weight: 400;
  font-style: italic;
  color: #ffffff;
  font-size: 12px;
  font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.v4_enroller_name:hover {
  opacity: 0.8;
}

/* Enroller text spans */
.v4_enroller_text {
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

[class^="v4_btn_"]:hover {
  color: #ffffff;
}

/* ============================================
   Custom styles for opportunity page
   ============================================ */

.v4_opp_hero_title {
  color: #ffffff;
}

.v4_opp_hero_description {
  color: #ffffff;
}

.v4_opp_hero_description_second {
  color: #ffffff;
}

.v4_opp_chapter_title {
  color: #ffffff;
}

.v4_opp_chapter_description {
  color: #ffffff;
}

/* ============================================
   VISION PAGE FONT FIXES
   ============================================ */

/* Hero Section */
.v4_vision_hero_title,
.v4_vision_hero_description {
  font-family: "Gotham", sans-serif !important;
  color: #ffffff !important;
}

/* Founding Story Section */
.v4_founding_story_title,
.v4_founding_story_subtitle,
.v4_founding_story_paragraph,
.v4_founding_story_list li span {
  font-family: "Gotham", sans-serif !important;
}

/* Values Section */
.v4_values_title,
.v4_values_intro,
.v4_value_letter,
.v4_value_name,
.v4_value_description,
.v4_values_quote_text {
  font-family: "Gotham", sans-serif !important;
}

/* Mission Section */
.v4_mission_title,
.v4_mission_paragraph,
.v4_mission_list li span {
  font-family: "Gotham", sans-serif !important;
}

/* Founder Quote Section */
.v4_founder_quote_text,
.v4_founder_quote_author {
  font-family: "Gotham", sans-serif !important;
}

/* Visionaries Section */
.v4_visionaries_title,
.v4_visionaries_paragraph,
.v4_visionaries_subtitle,
.v4_visionaries_list li span {
  font-family: "Gotham", sans-serif !important;
}

/* Innovation Section */
.v4_innovation_title,
.v4_innovation_paragraph {
  font-family: "Gotham", sans-serif !important;
}

/* Nueva Standard Section */
.v4_nueva_standard_title,
.product-name,
.product-description {
  font-family: "Gotham", sans-serif !important;
}

/* Together Rise Section */
.v4_together_rise_title,
.v4_together_rise_paragraph {
  font-family: "Gotham", sans-serif !important;
  color: #ffffff !important;
}

/* ============================================
   FAQ PAGE FIXES
   ============================================ */

/* Fix FAQ item layout - should NOT be flex */
.v4_faq_item {
  display: block !important;
  border-bottom: 1px solid #e0e0e0;
  transition: all 0.3s ease;
}

/* Question wrapper should be flex with space-between */
.v4_faq_question_wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}

/* Question button takes full width */
.v4_faq_question {
  flex: 1 !important;
  background-color: transparent !important;
  border: none !important;
  text-align: left !important;
  cursor: pointer !important;
  padding: 0 !important;
  margin: 0 !important;
  display: block !important;
}

/* Answer styling */
.v4_faq_answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  padding: 0;
}

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

/* Toggle button styling */
.v4_faq_toggle {
  flex-shrink: 0 !important;
  margin-left: 16px !important;
}

.v4_faq_toggle svg {
  transition: transform 0.3s ease;
}

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


/* Tree container */
.v4_shop_sidebar ul {
  list-style: none;
  padding-left: 1.2rem;
  margin: 0;
  position: relative;
}


/* Each item */
.v4_shop_sidebar li {
  position: relative;
  padding-left: 1.2rem;
  margin: 0.5rem 0;
}
/* Parent header indentation */
.v4_shop_sidebar .card-header {
  padding-left: 1.2rem;
  position: relative;
}

/* Rotate arrow when expanded */
.v4_shop_sidebar .card-header:not(.collapsed)::before {
  transform: rotate(90deg);
}

.v4_shop_sidebar .list-check {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  white-space: normal;        /* allows wrapping */
  word-break: break-word;     /* breaks long words */
  line-height: 1.4;
  position: relative;
  padding-left: 0 !important; /* Remove old padding from list-check */
}

/* Hide the old checkmark span when using v4_shop_checkbox */
.v4_shop_sidebar .list-check .v4_shop_checkbox ~ .checkmark {
  display: none !important;
}

/* Fix v4_shop_checkbox checkmark positioning - center it properly */
.v4_shop_sidebar .list-check .v4_shop_checkbox {
  position: relative;
  margin-top: 2px; /* Align with text */
}

.v4_shop_sidebar .list-check .v4_shop_checkbox:checked::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -60%) rotate(45deg);
  width: 4px;
  height: 8px;
  border: solid white;
  border-width: 0 2px 2px 0;
  display: block;
}

.n4_shop_category_button {
  display: none !important;
}

.v4_ics_container {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  cursor: grab;
  user-select: none;
  width: 100%;
  max-height: 700px;
  border-radius: 32px;
}

.v4_ics_image,
.v4_ics_clippedImage img {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: center;
  display: block;
}
.v4_before_after_image_container img {
  object-fit: cover !important;
}

/* Position the clipped image over the base image */
.v4_ics_clippedImage {
  position: absolute; 
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* The Handle: Draggable vertical line */
.v4_ics_handle {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 40px; /* Width for easier grabbing */
  transform: translateX(-50%); /* Centers the handle line */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: ew-resize; /* Indicates horizontal resizing/dragging */
  z-index: 10;
}

.v4_ics_handleLine {
  width: 2px;
  height: 100%;
  background-color: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.v4_ics_handleCircle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: white;
  border-radius: 50%;
  position: absolute;
}

@media (max-width: 768px) {
  .v4_ics_handle {
    width: 30px;
  }
  .v4_ics_handleCircle {
    width: 26px;
    height: 26px;
    font-size: 18px;
  }
}

/* --- BADGE STYLES --- */

.v4_ics_badge {
  position: absolute;
  top: 20px;
  color: white;
  font-size: 32px;
  font-weight: 450;
  z-index: 100;
  pointer-events: none;
}

@media (max-width: 768px) {
  .v4_ics_badge {
    font-size: 14px;
  }
}

/* Positioning for the 'BEFORE' badge (on the base image) */
.v4_ics_badgeBefore {
  left: 20px;
}

/* Positioning for the 'AFTER' badge (must be inside the clipped image div) */
.v4_ics_badgeAfter {
  right: 20px;
  z-index: 100;
}

.body_hero_content {
  margin-top: 200px;
}

.body_how_to_use_container {
  margin-left: 64px !important;
  margin-right: 64px !important;
}

.body_how_to_use_right {
  border-radius: 20px !important;
  align-items: center !important;
  justify-content: center !important;
}
.body_how_to_use_instructions {
  max-width: 750px !important;
  font-size: 22px !important;
  text-align: center !important;
}
.body_how_to_use_instructions_small {
  max-width: 750px !important;
  font-size: 16px !important;
  text-align: center !important;
}

.body_btn_download_sheet span {
  font-size: 16px !important;
}

@media (max-width: 768px) {
  .n4_shop_category_button {
    display: flex !important;
    background: #0abab5 !important;
    border-radius: 12px !important;
    width: 100% !important;
    height: 56px !important;
    border: 1px solid #0abab5 !important;
    color: #FFFFFF !important;
    font-weight: 400 !important;
    font-size: 16px !important;
  }
  .v4_ics_container {
    max-height: 200px;
    border-radius: 24px;
  }
}

/* review page styles */
/* ============================================
   Reviews Section Styles
   Extracted from SnowDetail.js component
   ============================================ */

/* Main Section */
.nitro_reviews_section {
  background-color: #ffffff;
  padding: 100px 40px;
  position: relative;
  overflow: visible;
}

/* Container */
.nitro_reviews_container {
  padding: 0 40px;
  max-width: 1400px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

/* Header */
.nitro_reviews_header {
  margin-bottom: 60px;
  position: relative;
  z-index: 1;
}

/* Rating */
.nitro_reviews_rating {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 16px;
}

.nitro_stars {
  display: flex;
  gap: 4px;
}

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

.nitro_rating_text_large {
  font-size: 24px;
  font-weight: 500;
  color: #2c2c2c;
}

/* Title */
.nitro_reviews_title {
  font-size: 48px;
  font-weight: 500;
  color: #2c2c2c;
  margin: 0 0 20px 0;
  letter-spacing: -0.5px;
  font-family: "Gotham", sans-serif !important;
}

/* Filter Button */
.n4_product_filter_button {
  display: none !important;
}

/* Meta Section */
.nitro_reviews_meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
}

/* Modal Meta Section - override for modal layout */
.ant-modal .nitro_reviews_meta {
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.nitro_reviews_count {
  font-size: 22px;
  color: #121212;
}

/* Tabs */
.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;
}

/* Sort Dropdown */
.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;
}

/* Review Cards */
.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;
}

/* Review Author */
.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;
}

/* Read More Button */
.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;
}

/* Modal Styles */
.v4_filters_modal_title {
  font-size: 24px !important;
  color: black !important;
}

/* Mobile Dropdown */
.nitro_reviews_sort_dropdown_mobile {
  width: 100% !important;
  border: 1px solid #1C1C1C14 !important;
}

.nitro_reviews_sort_dropdown_mobile .ant-select-selector {
  border: 1px solid #1C1C1C14 !important;
  border-radius: 8px !important;
  min-height: 40px;
  padding: 6px 10px;
}

.nitro_reviews_sort_dropdown_mobile .ant-select-selection-item::before {
  content: "Sort by: ";
  font-weight: 400;
  color: #2c2c2c;
  margin-right: 6px;
  white-space: nowrap;
  font-size: 16px;
}

.nitro_reviews_sort_dropdown_mobile .ant-select-selection-placeholder::before {
  content: "Sort by: ";
  font-weight: 600;
  color: #2c2c2c;
  margin-right: 6px;
  white-space: nowrap;
}

/* Checkbox Styles */
.filter-checkboxes {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-top: 16px;
}

.checkbox-label {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  font-size: 1rem;
  text-align: left;
  width: 100%;
}

/* ============================================
   Mobile Responsive Styles (max-width: 768px)
   ============================================ */

@media (max-width: 768px) {
  .nitro_reviews_section {
    padding: 40px 16px !important;
  }

  .nitro_reviews_section::before,
  .nitro_reviews_section::after {
    display: none;
  }

  .nitro_reviews_container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .nitro_reviews_title {
    font-size: 32px !important;
  }

  .nitro_reviews_count {
    color: #141313 !important;
    font-size: 22px !important;
  }

  .nitro_review_text {
    font-size: 22px !important;
  }

  .n4_product_filter_button {
    display: flex !important;
    background: white !important;
    border-radius: 12px !important;
    width: 100% !important;
    height: 56px !important;
    border: 1px solid #0abab5 !important;
    color: #0abab5 !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }

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

  .nitro_reviews_tabs {
    flex-wrap: wrap;
  }

  .nitro_reviews_tab {
    font-size: 18px;
    padding: 6px 12px;
  }

  .nitro_reviews_cards {
    display: -webkit-box !important;
    overflow: scroll !important;
  }

  .nitro_review_card {
    width: 70vw !important;
  }

  .nitro_review_name {
    font-size: 18px;
  }
}

/* ============================================
   Tablet Responsive Styles (max-width: 1024px)
   ============================================ */

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

  .nitro_reviews_title {
    font-size: 36px;
  }

  .nitro_reviews_cards {
    grid-template-columns: 1fr;
  }
}

/* ============================================
   Large Tablet Responsive Styles (max-width: 1200px)
   ============================================ */

@media (max-width: 1200px) {
  .nitro_reviews_title {
    font-size: 40px;
  }
}

/* ============================================
   Related Products Component Styles
   Extracted from related-product.js component
   ============================================ */

/* Main 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;
  font-family: "Gotham", sans-serif !important;
}

/* Products Container */
.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 */
.nitro_related_products_wrapper {
  display: -webkit-inline-box !important;
  gap: 32px;
  transition: transform 0.3s ease-in-out !important;
  will-change: transform;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
}

/* Product Card */
.v4_shop_product_card,
.v4_related_product_card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 31% !important;
  margin-bottom: 20px !important;
  box-sizing: border-box !important;
  background-color: #ffffff;
  border-radius: 12px;
  padding: 0;
  text-align: center;
  overflow: hidden;
  transition: transform 0.3s ease;
}

.v4_related_product_card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

/* Product Image */
.v4_shop_product_image_wrapper {
  width: 100%;
  aspect-ratio: 1;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.v4_shop_product_image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-color: white;
}

/* Product Content */
.v4_shop_product_content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column-reverse !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

.v4_shop_product_name {
  font-size: 20px;
  font-weight: 500;
  color: #000000;
  margin: 0;
}

.v4_shop_product_price {
  font-size: 20px;
  color: #000000;
  font-weight: 500;
}

.v4_shop_product_price_monthly {
  font-size: 13px;
  color: #14131380;
  font-weight: 500;
}

/* ============================================
   SHOP PAGE RESPONSIVE STYLES
   ============================================ */

/* Shop Header - Make it smaller */
.shop-header {
  font-size: 48px !important;
  font-weight: 500 !important;
}

/* Fresh Drops Text */
.fresh-drops-text {
  font-size: 18px !important;
  line-height: 1.5 !important;
}

/* Mobile - Max Width 768px */
@media (max-width: 768px) {
  /* Shop Header - Smaller on mobile */
  .shop-header {
    font-size: 32px !important;
    margin-bottom: 12px !important;
  }

  .fresh-drops-text {
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin-bottom: 16px !important;
  }

  /* Product Card - Smaller fonts on mobile */
  .v4_shop_product_name {
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;
  }

  .v4_shop_product_price {
    font-size: 16px !important;
    font-weight: 500 !important;
  }

  .v4_shop_product_price_monthly {
    font-size: 11px !important;
  }

  .v4_shop_product_btn_add,
  .v4_shop_product_btn_learn {
    padding: 10px 16px !important;
    font-size: 12px !important;
    border-radius: 8px !important;
  }

  .v4_shop_product_buttons {
    gap: 8px !important;
    margin-top: 12px !important;
  }

  .v4_shop_product_content {
    gap: 8px !important;
  }

  /* Product tag */
  .v4_product_tag {
    font-size: 12px !important;
    padding: 4px 10px !important;
    top: 16px !important;
    left: 16px !important;
  }

  /* Product name in overlay */
  .v4_product_name {
    font-size: 18px !important;
  }

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

/* Tablet - Max Width 1024px */
@media (max-width: 1024px) and (min-width: 769px) {
  .shop-header {
    font-size: 40px !important;
  }

  .fresh-drops-text {
    font-size: 16px !important;
  }

  .v4_shop_product_name {
    font-size: 18px !important;
  }

  .v4_shop_product_price {
    font-size: 18px !important;
  }

  .v4_shop_product_price_monthly {
    font-size: 12px !important;
  }

  .v4_shop_product_btn_add,
  .v4_shop_product_btn_learn {
    padding: 12px 20px !important;
    font-size: 13px !important;
  }
}

/* Product Buttons */
.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: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
  display: inline-block;
  text-align: center;
  text-decoration: none;
}

.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: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s ease;
}

.v4_shop_product_btn_learn:hover {
  background-color: #f0fdfa;
  border-color: #009688;
  color: #009688;
}

/* Carousel Navigation */
.carousel-navigation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
  padding: 0px 20px;
}

.carousel-navigation-related-product {
  flex-direction: row-reverse !important;
}

/* Carousel Dots */
.carousel-dots {
  display: flex;
  gap: 5px;
  order: 1;
}

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

.dot.active {
  background-color: #000;
}

/* Carousel Arrows */
.v4_products_arrows {
  display: flex !important;
  gap: 12px !important;
  justify-content: center !important;
  z-index: 10 !important;
  position: relative !important;
}

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

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

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

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

.beauty_metabolic_image {
  height: 624px !important;
}

.body_btn_try_nueva_metabolic:hover, .body_btn_try_nueva_body:hover, .body_btn_download_sheet:hover,
.nitro_btn_read_more:hover, .body_btn_view_faqs:hover {
  background-color: #009688 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0px 4px 32px 0px #0abab5a0 !important;
  color: rgb(255, 255, 255) !important;
}

.body_hero_section {
  min-height: auto !important;
  max-height: 100vh !important;
}
.quantity-box {
  border-radius: 8px !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-color: rgba(28, 28, 28, 0.08) !important;
  border-image: initial !important;
}

/* ============================================
   Responsive Styles
   ============================================ */

/* Tablet (max-width: 1024px) */
@media (max-width: 1024px) {
  .nitro_related_title {
    font-size: 40px;
  }

  .v4_shop_product_content {
    flex-direction: column-reverse !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }
}

/* Tablet (max-width: 968px) */
@media (max-width: 968px) {
  .v4_products_arrows {
    order: 1;
  }
}

/* Mobile (max-width: 768px) */
@media (max-width: 768px) {
  .nitro_related_section {
    padding: 40px 16px;
  }

  .nitro_related_container {
    padding: 0 16px;
  }

  .nitro_related_title {
    font-size: 32px;
    margin: 0 0 40px 0;
  }

  .nitro_related_products_container {
    padding-left: 0;
    padding-right: 0;
  }

  .nitro_related_products_wrapper {
    gap: 16px;
  }

  .v4_related_product_card {
    width: 100% !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .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%;
  }

  .carousel-navigation-related-product {
    flex-direction: row !important;
  }
}

/* Small Mobile (max-width: 640px) */
@media (max-width: 640px) {
  .nitro_related_section {
    padding: 60px 0;
  }

  .nitro_related_title {
    font-size: 36px;
  }

  .v4_related_product_card {
    width: 100% !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
  }

  .v4_shop_product_name {
    font-size: 16px;
  }

  .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;
  }

  .carousel-navigation {
    padding: 0px 10px;
  }
}

/* Large Desktop (max-width: 1440px) */
@media (max-width: 1440px) {
  .v4_shop_product_content {
    flex-direction: column-reverse !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }
}

@media (max-width: 768px) {
  .body_hero_section {
    height: 750px !important;
    min-height: 750px !important;
    max-height: 750px !important;
  }
  .body_hero_image {
    object-position: 62.5% center !important;
  }
  .body_hero_content {
    margin-top: 0 !important;
  }
  .body_hero_top_left {
    margin-top: 140px !important;
    justify-content: center !important;
    align-items: center !important;
  }
  .body_hero_label {
    font-size: 14px !important;
  }
  .body_hero_title {
    font-size: 38px !important;
    text-align: center !important;
  }
  .body_hero_description {
    font-size: 22px !important;
    text-align: center !important;
  }
  .body_hero_buttons {
    justify-content: center !important;
  }
  .body_btn_explore {
    font-size: 16px !important;
    padding: 16px 14px !important;
    width: 100% !important;
  }
  .body_how_to_use_container {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .body_btn_view_results {
    text-align: center !important;
  }
  .merch_cart_modal_product_wrapper {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .body_how_to_use_title {
    font-size: 38px !important;
  }
  .snow_product_title, .body_problem_title, .body_metabolic_title, .body_video_title,
  .body_trust_title, .body_faq_title, .body_guarantee_title, .body_performers_title {
    font-size: 32px !important;
  }
  .snow_btn_add_to_cart, .snow_confidence_title, .body_metabolic_ingredient_name {
    font-size: 24px !important;
  }
  .snow_purchase_text, .snow_purchase_price, .snow_option_label, .body_problem_text,
  .body_metabolic_description, .body_metabolic_ingredient_description, .body_video_description,
  .body_trust_text, .body_guarantee_text, .body_performers_text, .body_guarantee_text strong {
    font-size: 22px !important;
  }
  .snow_rating_text, .snow_reviews_count, .snow_product_sku, .snow_product_sku_value,
  .body_btn_try_nueva_metabolic {
    font-size: 16px !important;
  }

  .nitro_product_container, .merch_cart_modal_content, .body_problem_container,
  .body_problem_top, .body_how_to_use_container, .body_trust_container,
  .body_trust_left, .body_faq_container, .body_guarantee_container, .body_performers_container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .nitro_product_section, .body_problem_section, .body_metabolic_section, .body_how_to_use_section,
  .body_trust_section, .body_faq_section, .body_guarantee_section, .body_performers_section {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .body_btn_try_nueva_metabolic, .body_btn_try_nueva_body {
    width: auto !important;
  }
  .body_trust_label {
    display: flex !important;
  }
  .body_metabolic_bottom, .body_trust_container {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
  .body_btn_view_faqs {
    width: 100% !important;
    font-size: 16px !important;
  }
}

/* ============================================
   GLOBAL GOTHAM FONT OVERRIDE
   Force all text to use Gotham font-family
   ============================================ */

/* Base elements - all text */
* {
  font-family: "Gotham", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Headings - especially important */
h1, h2, h3, h4, h5, h6 {
  font-family: "Gotham", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Body and text elements */
body, p, span, div, a, button, input, textarea, select, label, li, td, th {
  font-family: "Gotham", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Override any OpenSans references */
[class*="OpenSans"],
[class*="opensans"],
[class*="open-sans"] {
  font-family: "Gotham", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Override any Domaine Display references */
[class*="Domaine"],
[class*="domaine"] {
  font-family: "Gotham", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Override any Inter font references */
[class*="Inter"],
[class*="inter"] {
  font-family: "Gotham", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Ant Design components */
.ant-typography,
.ant-typography h1,
.ant-typography h2,
.ant-typography h3,
.ant-typography h4,
.ant-typography h5,
.ant-typography h6,
.ant-btn,
.ant-input,
.ant-select,
.ant-menu,
.ant-dropdown,
.ant-modal,
.ant-drawer,
.ant-card,
.ant-tag,
.ant-badge,
.ant-alert,
.ant-message,
.ant-notification {
  font-family: "Gotham", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* Specific heading classes */
.body_hero_title,
.body_problem_title,
.body_metabolic_title,
.body_video_title,
.body_trust_title,
.body_faq_title,
.body_guarantee_title,
.body_performers_title,
.body_how_to_use_title,
.snow_product_title,
.nitro_reviews_title,
.nitro_related_title,
.v4_vision_hero_title,
.v4_founding_story_title,
.v4_values_title,
.v4_mission_title,
.v4_visionaries_title,
.v4_innovation_title,
.v4_nueva_standard_title,
.v4_together_rise_title {
  font-family: "Gotham", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* All text content classes */
.body_hero_description,
.body_problem_text,
.body_metabolic_description,
.body_video_description,
.body_trust_text,
.body_guarantee_text,
.body_performers_text,
.body_how_to_use_instructions,
.body_metabolic_ingredient_name,
.body_metabolic_ingredient_description,
.nitro_review_text,
.nitro_review_name,
.v4_nav_item,
.v4_btn_account,
.v4_btn_cart, .contact-modal-header {
  font-family: "Gotham", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
}

/* ============================================
   TOP HEADER MOBILE VIEW STYLES
   ============================================ */

/* Base Styles */
.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_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_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_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_bag_icon {
  width: 18px;
  height: 18px;
  display: block;
  object-fit: contain;
  transition: filter 0.2s;
}

.v4_header_drawer_button {
  border: none !important;
  background: transparent;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Drawer Styles */
.v4_drawer_lists {
  display: block !important;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.v4_drawer_list {
  padding: 16px 0px !important;
  font-size: 22px !important;
}

.v4_drawer_list_shop {
  display: flex !important;
  justify-content: space-between !important;
}

.v4_drawer_list span {
  font-size: 22px !important;
}

/* Mobile Styles - Max Width 768px */
@media (max-width: 768px) {
  .v4_main_nav {
    padding: 24px 0;
  }

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

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

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

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

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

  .v4_logo_img {
    height: 24px;
  }

  .v4_nav_right {
    order: 3;
    gap: 8px;
    justify-content: space-between !important;
  }

  .v4_btn_account {
    display: flex !important;
    padding: 11px 20px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    gap: 8px !important;
    width: 200px !important;
    height: 56px !important;
  }

  .v4_btn_account span {
    display: flex !important;
    font-size: 16px !important;
  }

  .v4_user_icon {
    width: auto !important;
    height: auto !important;
  }

  .v4_btn_cart {
    width: 56px !important;
    height: 56px !important;
  }

  .v4_bag_icon {
    width: auto !important;
    height: auto !important;
  }

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

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

  .v4_dropdown_menu {
    width: 100%;
  }

  .v4_dropdown_item {
    font-size: 18px !important;
  }
  
  /* Ensure dropdown wrapper is positioned relative for absolute positioning */
  .v4_drawer_lists .v4_dropdown_wrapper {
    position: relative !important;
  }
  
  /* Fix z-index for shop dropdown in drawer */
  .v4_drawer_lists .v4_dropdown_menu {
    z-index: 10060 !important;
  }
  
  .v4_drawer_lists .v4_shop_menu {
    z-index: 10060 !important;
  }
  
  /* Disable hover behavior for Shop dropdown in mobile drawer - make it click-toggle only */
  .v4_drawer_lists .v4_dropdown_wrapper:hover .v4_dropdown_menu:not(.show) {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-8px) !important;
  }
  
  /* Show/hide dropdown based on .show/.hide classes only - don't change existing styles */
  .v4_drawer_lists .v4_dropdown_menu.show {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    display: block !important;
  }
  
  /* Ensure .show class overrides hover state */
  .v4_drawer_lists .v4_dropdown_wrapper:hover .v4_dropdown_menu.show {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
  }
  
  .v4_drawer_lists .v4_dropdown_menu.hide {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-8px) !important;
    display: none !important;
  }
}

/* Mobile Styles - Max Width 640px */
@media (max-width: 640px) {
  .v4_nav_container {
    padding: 0 12px;
  }

  .v4_nav_left {
    gap: 16px;
  }

  .v4_nav_item {
    font-size: 13px;
  }

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

  .v4_btn_account span {
    display: none;
  }

  .v4_nav_separator {
    margin: 0 6px;
  }
}
.shop-beauty-header {
  letter-spacing: -0.5px !important;
  font-weight: 500 !important;
  font-size: 64px !important;
  line-height: 1.2 !important;
}
.route-text {
  letter-spacing: 0.5px !important;
}

/* ============================================
   SHOP BANNER RESPONSIVE STYLES
   ============================================ */
   
/* Mobile - Max Width 768px */
@media (max-width: 768px) {
  .shop-banner-section {
    height: 400px !important;
    background-size: cover !important;
    background-position: center !important;
  }

  .shop-route-header {
    padding-top: 60px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .shop-route-section {
    gap: 6px !important;
    margin-bottom: 20px !important;
  }

  .route-text {
    font-size: 12px !important;
    letter-spacing: 2px !important;
  }

  .shop-beauty-header {
    font-size: 32px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.3px !important;
  }
}

/* Tablet - Max Width 1024px */
@media (max-width: 1024px) and (min-width: 769px) {
  .shop-banner-section {
    height: 550px !important;
  }

  .shop-route-header {
    padding-top: 80px !important;
  }

  .shop-beauty-header {
    font-size: 48px !important;
    line-height: 1.2 !important;
  }

  .route-text {
    font-size: 16px !important;
  }
}

/* ============================================
   NAVIGATION COMPONENT - TOP NAVIGATION
   ============================================ */

/* Base Styles */
.v4_top_nav {
  background-color: #2d2d2d;
  padding: 10px 0;
}

.v4_top_nav * {
  box-sizing: border-box;
}

.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_divider_vertical {
  width: 1px;
  height: 14px;
  background-color: #4a4a4a;
  margin: 0 6px;
}

.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;
}

/* Top Navigation Link Styles */
.v4_top_nav_link {
  all: unset;
  box-sizing: border-box;
  background: transparent;
  border: none;
  color: #ffffff;
  font-size: 12px;
  font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  cursor: pointer;
  font-weight: 400;
  letter-spacing: 0.2px;
  white-space: nowrap;
  transition: opacity 0.2s;
  padding-left: 10px;
}

.v4_top_nav_link:hover {
  opacity: 0.8;
}

/* Enroller Welcome Message Styles */
.v4_enroller_welcome {
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  text-align: center;
}

.v4_enroller_name {
  text-decoration: underline;
  cursor: pointer;
  font-weight: 400;
  font-style: italic;
  color: #ffffff;
  font-size: 12px;
  font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.v4_enroller_name:hover {
  opacity: 0.8;
}

.v4_enroller_text {
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
  font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Language Button Wrapper */
.language_btn_wrapper {
  position: relative !important;
}

.langugae-mbl-view {
  position: absolute !important;
  top: -4px;
  right: -80px;
}

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

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

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

.v4_country_dropdown {
  gap: 8px;
}

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

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

@media (max-width: 800px) {
  .language_btn_wrapper {
    display: none;
  }
}

@media (max-width: 768px) {
  .v4_top_nav {
    padding: 8px 0;
  }

  .v4_top_nav_content {
    padding: 0 16px;
    justify-content: center;
    flex-direction: column !important;
    gap: 8px !important;
  }

  .v4_enroller_welcome {
    margin-bottom: 4px;
  }

  .v4_top_nav_right {
    gap: 4px;
    position: relative !important;
    right: auto !important;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
  }

  .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;
    display: none !important;
  }

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

  .v4_custom_language_btn,
  .v4_top_nav_link {
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  .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;
  }
}

/* ============================================
   COUNTRY SELECTOR V4 STYLING FIX
   Fix currency-cont to match v4_country_dropdown design
   ============================================ */

.v4_top_nav .currency-cont {
  background: transparent;
  border: none;
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: opacity 0.2s;
  font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  letter-spacing: 0.2px;
  padding-left: 10px;
}

.v4_top_nav .currency-cont:hover {
  opacity: 0.8;
}

.v4_top_nav .currency-cont svg {
  width: 12px;
  height: 12px;
  color: #ffffff;
  margin-left: 0;
  margin-top: 0;
}

/* Ensure country name from CountryFlag component is visible */
.v4_top_nav .currency-cont .flag-name {
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  letter-spacing: 0.2px;
  margin-left: 4px;
  display: inline-block;
}

/* Fix for CountrySelector dropdown trigger */
.v4_top_nav .ant-dropdown-trigger {
  display: flex;
  align-items: center;
  gap: 8px;
}

.ant-dropdown {
  z-index: 9999 !important;
}

/* ============================================
   GOOGLE TRANSLATE LANGUAGE SELECTOR FIX
   Make language selector visible and functional
   ============================================ */

/* Make Google Translate select visible and styled - override globals.scss */
.language_btn_wrapper .goog-te-gadget,
.v4_top_nav .goog-te-gadget,
.goog-te-gadget {
  font-size: 0px !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  z-index: 1000 !important;
}

/* Override globals.scss absolute positioning - make it relative and functional */
.language_btn_wrapper .goog-te-gadget .goog-te-combo,
.v4_top_nav .goog-te-gadget .goog-te-combo,
.goog-te-gadget .goog-te-combo {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  margin: 0px !important;
  background: transparent !important;
  border: 1px solid #ffffff29 !important;
  border-radius: 12px !important;
  color: #fff !important;
  padding: 4px 8px 4px 16px !important;
  cursor: pointer !important;
  font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
  font-weight: 400 !important;
  width: auto !important;
  min-width: 60px !important;
  max-width: 150px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  letter-spacing: 0.2px !important;
  position: relative !important;
  right: auto !important;
  top: auto !important;
  left: auto !important;
  bottom: auto !important;
  text-transform: none !important;
  z-index: 1001 !important;
}

.goog-te-gadget .goog-te-combo:focus {
  outline: none !important;
  border-color: #ffffff40 !important;
}

.goog-te-gadget .goog-te-combo option {
  color: #000 !important;
  background: #fff !important;
}

/* ============================================
   GOOGLE TRANSLATE LANGUAGE SELECTOR FIX
   Make language selector visible and functional
   ============================================ */

/* Fix language selector wrapper positioning */
.language_btn_wrapper {
  position: relative !important;
  display: inline-block !important;
}

.language_btn_wrapper .langugae-mbl-view {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  display: inline-block !important;
}

/* Ensure Google Translate element is visible and clickable */
.language_btn_wrapper #google_translate_element {
  position: relative !important;
  display: inline-block !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Make Google Translate select visible and styled - override globals.scss */
.language_btn_wrapper .goog-te-gadget,
.v4_top_nav .goog-te-gadget,
.goog-te-gadget {
  font-size: 0px !important;
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  z-index: 1000 !important;
}

/* Override globals.scss absolute positioning - make it relative and functional */
.language_btn_wrapper .goog-te-gadget .goog-te-combo,
.v4_top_nav .goog-te-gadget .goog-te-combo,
.goog-te-gadget .goog-te-combo {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  margin: 0px !important;
  background: transparent !important;
  border: 1px solid #ffffff29 !important;
  border-radius: 12px !important;
  color: #fff !important;
  padding: 4px 8px 4px 16px !important;
  cursor: pointer !important;
  font-family: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
  font-weight: 400 !important;
  width: auto !important;
  min-width: 60px !important;
  max-width: 150px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  letter-spacing: 0.2px !important;
  position: relative !important;
  right: auto !important;
  top: auto !important;
  left: auto !important;
  bottom: auto !important;
  text-transform: none !important;
  z-index: 1001 !important;
}

.goog-te-gadget .goog-te-combo:focus {
  outline: none !important;
  border-color: #ffffff40 !important;
}

.goog-te-gadget .goog-te-combo option {
  color: #000 !important;
  background: #fff !important;
}

/* Hide the custom arrow - Google Translate has its own */
.language_btn_wrapper .custom-arrow-lang {
  display: none !important;
}

/* Ensure Google Translate dropdown menu is visible and functional */
.goog-te-menu-value,
.goog-te-menu-frame,
.goog-te-menu {
  z-index: 10000 !important;
  position: fixed !important;
}

/* Ensure Google Translate dropdown menu is visible and functional */
.goog-te-menu-value,
.goog-te-menu-frame {
  z-index: 10000 !important;
  position: fixed !important;
}


/* ============================================
   SNOW DELIVERY SELECT ARROW FIX
   ============================================ */

  .snow_delivery_select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 4L6 8L10 4' stroke='%232c2c2c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 12px !important;
  padding-right: 40px !important;
}

.snow_delivery_select:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 4L6 8L10 4' stroke='%2300b8a9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.snow_delivery_select:focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 4L6 8L10 4' stroke='%2300b8a9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* ============================================
    V4 FLAVOR SELECT ARROW FIX
    ============================================ */

.v4_flavor_select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 4L6 8L10 4' stroke='%232c2c2c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 14px center !important;
  background-size: 12px !important;
  padding-right: 40px !important;
}

.v4_flavor_select:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 4L6 8L10 4' stroke='%2300b8a9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.v4_flavor_select:focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2 4L6 8L10 4' stroke='%2300b8a9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

@media (max-width: 768px) {
  .shop-product-name, .shop-product-price {
    font-size: 16px !important;
  }
  .products-details-section {
    padding: 0 !important;
  }
  .shop-product-name {
    min-height: 0 !important;
  }
  
  /* Hide "VIEW MORE DETAILS" button on mobile */
  .view-more-details {
    display: none !important;
  }
  
  /* Make Add to Cart button smaller on mobile */
  .add-to-cart-btn {
    height: 45px !important;
    font-size: 14px !important;
    padding: 8px 16px !important;
  }

  .add-to-cart-btn span {
    font-size: 14px !important;
  }
  
  /* Remove image shrinking effect on hover for mobile */
  .product-tag-section:hover .shop-image-section {
    height: auto !important;
  }
  
  .product-tag-section .shop-image-section {
    transition: none !important;
  }
}

/* Fix drawer z-index on mobile */
@media (max-width: 768px) {
  .ant-drawer {
    z-index: 10000 !important;
  }
  
  .ant-drawer-mask {
    z-index: 9999 !important;
  }
  
  .ant-drawer-content-wrapper {
    z-index: 10000 !important;
  }
  
  .ant-drawer-content {
    z-index: 10000 !important;
  }
}

/* Fix for user dropdown on mobile */
@media (max-width: 768px) {
  .user-dropdown {
    z-index: 10050 !important;
  }
  
  .user-dropdown .ant-dropdown-menu {
    z-index: 10050 !important;
    position: relative !important;
  }
  
  .v4_btn_account {
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
    cursor: pointer !important;
  }
  
  /* Ensure dropdown is clickable in drawer */
  .ant-drawer-body .user-dropdown {
    z-index: 10051 !important;
  }
  
  .ant-drawer-body .user-dropdown .ant-dropdown-menu {
    z-index: 10051 !important;
    position: absolute !important;
  }
  
  /* Prevent drawer from closing when clicking dropdown */
  .ant-drawer-body .user-dropdown .ant-dropdown-menu,
  .ant-drawer-body .user-dropdown .ant-dropdown-menu * {
    pointer-events: auto !important;
  }
  
  /* Prevent event propagation issues */
  .ant-drawer-body .v4_btn_account {
    pointer-events: auto !important;
  }
  
  /* Make dropdown items more touch-friendly */
  .cbo-top-dropdown .ant-menu-item {
    min-height: 44px !important;
    padding: 8px 16px !important;
    touch-action: manipulation !important;
  }
  
  .cbo-top-dropdown .dropdown-span {
    touch-action: manipulation !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1) !important;
  }
  
  .user-dropdown .ant-dropdown-menu {
    margin-left: 0 !important;
    margin-top: 5px !important;
    min-width: 200px !important;
    width: 100% !important;
  }
  
  /* Make user dropdown width match button width in drawer */
  .ant-drawer-body .user-dropdown .ant-dropdown-menu {
    min-width: 200px !important;
    width: 200px !important;
    max-width: 200px !important;
  }
  
  /* Ensure button and dropdown have same width */
  .ant-drawer-body .v4_btn_account {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
  }
  
  .ant-drawer-body .user-dropdown {
    width: 200px !important;
  }
  
  /* Ensure Shop dropdown toggle works properly */
  .v4_drawer_list_shop {
    cursor: pointer !important;
    user-select: none !important;
  }
  
  .v4_drawer_list_shop svg {
    transition: transform 0.3s ease !important;
  }
  
  .v4_drawer_list_shop:active svg,
  .v4_dropdown.show ~ .v4_drawer_list_shop svg {
    transform: rotate(90deg) !important;
  }
  
  .v4_values_acronym {
    margin-top: 0px !important;
  }
  .shop-fresh-drop-col {
    margin-bottom: 50px !important;
  }
  .shop-image-btn {
    height: 180px !important;
  }
  .v4_shop_menu {
    z-index: 10100 !important;
  }
  .beauty_metabolic_image {
    height: auto !important;
  }
  .body_btn_download_sheet, .body_btn_view_results, .v4_btn_shop_now, .v4_btn_join_nueva {
    padding: 14px 24px !important;
    font-size: 16px !important;
  }
  .snow_faq_title {
    font-size: 32px !important;
  }
  .snow_faq_toggle {
    width: 38px !important;
    height: 38px !important;
  }
}

.shop-product-price-monthly {
  color: rgba(0, 0, 0, 0.65) !important;
}

/* ============================================
   SELECTED THUMBNAIL BORDER
   Add border to current/selected image thumbnail
   ============================================ */
.snow_thumbnail_selected {
  border-color: #00b8a9 !important;
  border-width: 2px !important;
  border-style: solid !important;
}


/* ============================================
   PRODUCT REVIEWS SECTION - REVIEW IMAGE
   ============================================ */

   .nitro_review_image_wrapper {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 12px;
    overflow: hidden;
    background-color: #f5f5f5;
  }
  
  .nitro_review_image {
    width: 100%;
    height: auto;
    max-height: 300px;
    object-fit: cover;
    display: block;
  }
  
  /* ============================================
     PRODUCT REVIEWS SECTION - CAROUSEL VIEW
     ============================================ */
  
  .nitro_reviews_cards_carousel {
    display: flex !important;
    grid-template-columns: none !important;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: 30px;
    padding-bottom: 10px;
  }
  
  .nitro_reviews_cards_carousel::-webkit-scrollbar {
    height: 6px;
  }
  
  .nitro_reviews_cards_carousel::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
  }
  
  .nitro_reviews_cards_carousel::-webkit-scrollbar-thumb {
    background: #00b8a9;
    border-radius: 10px;
  }
  
  .nitro_reviews_cards_carousel::-webkit-scrollbar-thumb:hover {
    background: #009688;
  }
  
  .nitro_reviews_cards_carousel .nitro_review_card {
    flex-shrink: 0;
    scroll-snap-align: start;
    min-width: calc(50% - 15px);
    max-width: calc(50% - 15px);
  }
  
  @media (max-width: 768px) {
    .nitro_reviews_cards_carousel .nitro_review_card {
      min-width: calc(100% - 0px);
      max-width: calc(100% - 0px);
    }
  }

.shop-banner-section {
  justify-content: center !important;
}
.v4_shop_product_card {
  width: 100% !important;
}

/* ============================================
   SHOP PRODUCTS GRID AND CARD STYLES
   Main products grid container and product card styling
   ============================================ */

/* Main Products Grid Container */
.v4_shop_products_grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 32px !important;
  margin-bottom: 40px !important;
}

/* Product Card */
.v4_shop_product_card {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

/* Product Image Wrapper */
.v4_shop_product_image_wrapper {
  width: 100% !important;
  aspect-ratio: 1 !important;
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

/* Product Image */
.v4_shop_product_image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  background-color: white !important;
}

/* Product Content Section */
.v4_shop_product_content {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  flex-direction: column-reverse !important;
  gap: 10px !important;
}

/* Product Name */
.v4_shop_product_name {
  font-size: 24px !important;
  font-weight: 500 !important;
  color: #000000 !important;
  margin: 0 !important;
}

/* Product Rating */
.v4_shop_product_rating {
  display: flex !important;
  gap: 4px !important;
}

/* Monthly Price */
.v4_shop_product_price_monthly {
  font-size: 14px !important;
  color: #14131380 !important;
  font-weight: 500 !important;
}

/* Product Price */
.v4_shop_product_price {
  font-size: 22px !important;
  color: #000000 !important;
  font-weight: 500 !important;
}

/* Product Buttons Container */
.v4_shop_product_buttons {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-top: 8px !important;
}

/* Add to Cart Button */
.v4_shop_product_btn_add {
  width: 100% !important;
  background-color: #00b8a9 !important;
  color: #ffffff !important;
  border: none !important;
  padding: 14px 24px !important;
  border-radius: 12px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 12px rgba(0, 184, 169, 0.3) !important;
  font-family: "Gotham", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif !important;
}

.v4_shop_product_btn_add:hover {
  background-color: #009688 !important;
  box-shadow: 0 6px 16px rgba(0, 184, 169, 0.4) !important;
  transform: translateY(-1px) !important;
}

/* Learn More Button */
.v4_shop_product_btn_learn {
  width: 100% !important;
  background-color: #ffffff !important;
  color: #00b8a9 !important;
  border: 1px solid #00b8a9 !important;
  padding: 14px 24px !important;
  border-radius: 12px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  font-family: "Gotham", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif !important;
}

.v4_shop_product_btn_learn:hover {
  background-color: #f0fdfa !important;
  border-color: #009688 !important;
  color: #009688 !important;
}

/* Responsive Styles */
@media (max-width: 1440px) {
  .v4_shop_products_grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media (max-width: 1024px) {
  .v4_shop_products_grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
  }
}

@media (max-width: 768px) {
  .v4_shop_products_grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 24px !important;
  }
  
  .v4_shop_product_content {
    flex-direction: column-reverse !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }
}

/* Boxing Day Page - 4 columns */
.boxingday-page .v4_shop_products_grid {
  grid-template-columns: repeat(4, 1fr) !important;
}

@media (max-width: 1440px) {
  .boxingday-page .v4_shop_products_grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

@media (max-width: 992px) {
  .boxingday-page .v4_shop_products_grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

.shop-banner-section {
  height: 480px !important;
  position: relative !important;
}

.v4_shop_product_price_monthly, .v4_shop_product_price, .v4_shop_product_name {
  text-align: left !important;
}

.shop-route-header {
  padding-top: 0 !important;
}

/* ============================================
   HOMEPAGE HERO SECTION FIXES
   Center content and make text white
   ============================================ */

/* Hero section - ensure proper positioning and centering */
.hero {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 100vh !important;
  position: relative !important;
}

/* Hero content - center everything */
.v4_hero_content {
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 40px !important;
}

/* Hero title - white color */
.v4_hero_title {
  color: #ffffff !important;
  text-align: center !important;
  margin: 0 auto !important;
  font-size: 64px !important;
  font-weight: 400 !important;
}

/* Hero description - white color */
.v4_hero_description {
  color: #ffffff !important;
  text-align: center !important;
  margin: 0 auto !important;
  font-size: 22px !important;
}

/* Hero buttons - center alignment */
.v4_hero_buttons {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
  .hero {
    min-height: 80vh !important;
  }
  
  .v4_hero_content {
    padding: 0 20px !important;
  }
  
  .v4_hero_title {
    font-size: 36px !important;
  }
  
  .v4_hero_description {
    font-size: 16px !important;
  }
}

.shop-beauty-header {
  text-align: center !important;
}

.v4_hero_overlay {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}