/* Global Styles */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Montserrat", sans-serif;
  line-height: 1.5;
  color: #000;
  background-color: #fff;
}

.container {
  width: 100%;
  max-width: 600px; /* Mobile-focused max-width for the content column */
  margin: 0 auto;
  padding: 20px;
  text-align: center;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* Typography & Colors */
.highlight-green {
  color: #00b140; /* Green from reference */
  font-weight: 700;
  text-decoration: underline;
}

/* Header / Hero Section */
.hero-section {
  padding-top: 40px;
  padding-bottom: 60px;
  background-color: #000000;
  color: #ffffff;
}

.hero-headline {
  font-family: "Montserrat", sans-serif;
  font-size: 36px; /* Slightly larger on desktop */
  font-weight: 900;
  text-transform: uppercase;
  color: #ff69b4;
  margin-bottom: 20px;
  line-height: 1.1;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-wrap: balance; /* Progressive enhancement for balanced wrapping */
}

.hero-subhead {
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 30px;
  line-height: 1.5;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.highlight-yellow {
  color: #ffcc00;
  font-weight: 700;
}

.video-callout {
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 20px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap; /* Allow wrapping on very small screens */
}

.box-icon {
  color: #ffcc00;
  font-size: 12px;
}

.hero-description {
  font-size: 16px;
  line-height: 1.6;
  color: #cccccc;
  max-width: 700px;
  margin: 30px auto;
  padding: 0 15px; /* Ensure padding on mobile */
}

.hero-image-container {
  margin-bottom: 20px;
}

.hero-image {
  border-radius: 40px;
  box-shadow: 0 4px 20px rgba(255, 255, 255, 0.1);
  aspect-ratio: 4/3;
  object-fit: cover;
}

.cta-button {
  display: inline-block;
  background-color: #1a8e3e;
  color: white;
  font-weight: 900;
  text-decoration: none;
  padding: 20px 20px; /* Adjusted padding */
  border-radius: 5px;
  font-size: 18px;
  text-transform: uppercase;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
  line-height: 1.2;
  width: 100%;
  max-width: 450px;
  transition: transform 0.2s, background-color 0.2s;
  border: 1px solid #1a8e3e;
}

.cta-button:hover {
  background-color: #146c2e;
  transform: scale(1.02);
}

/* Mobile Adjustments */
@media (max-width: 600px) {
  .hero-section {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .hero-headline {
    font-size: 24px; /* Optimized size for mobile */
    line-height: 1.2;
    padding: 0 10px;
  }

  .hero-subhead {
    font-size: 15px;
    padding: 0 10px;
    line-height: 1.4;
    margin-bottom: 20px;
  }

  .hero-description {
    font-size: 14px;
    padding: 0 15px;
  }

  .cta-button {
    font-size: 16px;
    padding: 18px 20px;
  }
}

/* Sections General */
.section {
  padding: 60px 0; /* increased padding for better spacing */
  content-visibility: auto;
  contain-intrinsic-size: 1px 1000px;
}

.section-headline {
  font-family: "Volkhov", serif;
  font-size: 28px; /* Slightly larger */
  font-weight: 900;
  text-align: center;
  margin-bottom: 40px;
  line-height: 1.2;
}

/* Alternating Backgrounds */
.learn-section {
  background-color: #fff0f5; /* Light Pink */
}

.audience-section {
  background-color: #000000; /* Dark Background like Hero */
  color: #ffffff;
}

.content-included-section {
  background-color: #ffffff;
}

.bonuses-section {
  background-color: #000000; /* Dark Background for Bonuses */
  padding-top: 80px;
  padding-bottom: 80px;
}

.bonuses-headline {
  color: #ffffff !important;
  font-size: 2.5rem;
  margin-bottom: 60px;
}

.bonuses-headline i {
  color: #ffcc00; /* Gold Gift Icon */
}

.gradient-text {
  background: linear-gradient(90deg, #ff69b4, #ff8c00);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 900;
}

.guarantee-access-section {
  background-color: #ffffff;
}

.green-text {
  color: #00b140;
  text-decoration: underline;
}

.black-text {
  color: #000;
}

.underline-title {
  text-decoration: underline;
  margin-top: 0;
}

/* Gallery Grid */
.gallery-grid {
  display: flex;
  justify-content: center;
  gap: 5px;
  margin-bottom: 40px;
}

.gallery-grid img {
  width: 32%; /* Fits 3 in a row */
  border-radius: 5px;
  object-fit: cover;
}

/* Marquee / Infinite Scroll Gallery */
.marquee-container {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 20px 0;
  mask-image: linear-gradient(
    to right,
    transparent,
    black 10%,
    black 90%,
    transparent
  );
  -webkit-mask-image: linear-gradient(
    to right,
    transparent,
    black 10%,
    black 90%,
    transparent
  );
}

.marquee-content {
  display: flex;
  gap: 20px;
  width: max-content;
  animation: scroll 40s linear infinite;
}

.marquee-content:hover {
  animation-play-state: paused;
}

.marquee-content img {
  height: 250px; /* Fixed height for consistency */
  width: auto;
  border-radius: 15px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  object-fit: cover;
  transition: transform 0.3s ease;
}

.marquee-content img:hover {
  transform: scale(1.05);
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(
      -50%
    ); /* Move by half the width (one full set of images) */
  }
}

/* Sub-headline Large */
.sub-headline-large {
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 40px;
}

.sub-headline-large span.underline {
  font-weight: 900;
  text-decoration: underline;
}

/* Content Split (Text + Phone Image) */
.content-split {
  display: flex;
  flex-direction: column; /* Mobile first: stack */
  align-items: center;
  gap: 30px;
}

.text-content {
  text-align: left;
  font-size: 14px;
}

.intro-text {
  margin-bottom: 15px;
}

.feature-list {
  list-style-type: disc;
  padding-left: 20px;
  margin-bottom: 10px;
}

.feature-list li {
  margin-bottom: 5px;
  text-decoration: underline;
  font-weight: 700;
  font-size: 13px;
}

/* Authority Section */
.authority-section .cta-button {
  margin-bottom: 40px;
}

.bio-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  margin-bottom: 40px;
  text-align: left;
}

.bio-image {
  width: 100%;
  max-width: 300px;
  border: 2px solid #000; /* Optional border based on look */
}

.bio-text h4 {
  font-weight: 900;
  margin-bottom: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
}

.bio-text p {
  font-size: 12px;
  margin-bottom: 15px;
  line-height: 1.4;
}

.social-proof-block {
  margin-bottom: 40px;
}

.proof-image {
  border-radius: 10px;
  margin-bottom: 10px;
}

.caption {
  font-size: 12px;
  text-decoration: underline;
  font-weight: 700;
}

.image-content-border {
  border: 4px solid #111111;
}

/* Desktop Adjustments */
@media (min-width: 768px) {
  .content-split {
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
  }

  .text-content {
    flex: 1;
    max-width: 400px;
  }

  .image-content {
    flex: 1;
    max-width: 300px;
  }

  .bio-block {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
  }

  .bio-image {
    margin-right: 30px;
  }

  .bio-text {
    max-width: 300px;
  }
}

/* Conteúdo Incluso Section (Bonuses Styles) */
.features-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2 columns on mobile */
  gap: 20px;
  margin-bottom: 40px;
}

/* Bonus Grid Specifics */
.bonuses-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 30px;
  max-width: 1000px;
  margin: 0 auto 40px;
}

@media (min-width: 768px) {
  .bonuses-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.bonus-item {
  background: #ffffff;
  border-radius: 30px;
  padding: 25px;
  position: relative;
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.3s ease;
}

.bonus-item:hover {
  transform: translateY(-10px);
}

.bonus-badge {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #d81b60; /* Deep Pink */
  color: white;
  font-weight: 800;
  font-size: 12px;
  padding: 8px 20px;
  border-radius: 20px;
  text-transform: uppercase;
  box-shadow: 0 5px 15px rgba(216, 27, 96, 0.4);
  z-index: 2;
  white-space: nowrap;
}

.bonus-item img {
  width: 100%;
  border-radius: 15px;
  margin-bottom: 20px;
}

.bonus-content {
  text-align: center;
}

.bonus-title {
  font-size: 18px;
  font-weight: 800;
  color: #1f2937;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.bonus-title i {
  color: #d81b60;
}

.bonus-desc {
  font-size: 13px;
  color: #4b5563;
  line-height: 1.4;
}

/* General Feature Item (kept for Content Included section) */
.feature-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.feature-item img {
  border-radius: 20px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  margin-bottom: 10px;
  width: 100%;
  max-width: 150px; /* Limit size on mobile */
  transition: transform 0.3s ease;
}

.feature-item img:hover {
  transform: scale(1.05); /* Hover effect */
}

.feature-caption {
  font-size: 12px;
  font-weight: 700;
  text-decoration: underline;
  text-align: center;
  line-height: 1.3;
}

/* Testimonials Section */
.insta-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 14px;
}

.testimonial-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px;
}

.chat-image {
  border-radius: 20px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
  margin-bottom: 15px;
  max-width: 280px;
}

.method-list {
  list-style-type: none;
}

.method-image-container {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}

.method-image {
  border-radius: 20px;
  max-width: 100%;
}

/* Desktop Adjustments for New Sections */
@media (min-width: 768px) {
  .features-grid {
    grid-template-columns: repeat(4, 1fr); /* 4 columns on desktop */
  }

  .feature-item img {
    max-width: 200px;
  }
}

/* Certificate Section */
.certificate-image-container {
  margin-bottom: 20px;
}

.certificate-image {
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.certificate-text {
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline;
  text-align: center;
  margin-bottom: 30px;
}

/* Audience Section */
.audience-text {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.5;
  color: #e2e8f0; /* Off-white for readability */
}

.audience-section .section-headline {
  color: #ffffff; /* Override any global headers */
}

.audience-section .underline-title {
  text-decoration-color: #ff69b4; /* Pink underline for contrast */
}

.phone-mockup {
  position: relative;
  width: 280px;
  height: 560px;
  background: #111;
  border-radius: 36px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
  border: 12px solid #111;
  margin: 0 auto;
  overflow: hidden;
}

.phone-screen {
  width: 100%;
  height: 100%;
  background: #000;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
}

.audience-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Guarantee & Access Section */
.guarantee-logo-container {
  margin-bottom: 20px;
}

.guarantee-text {
  font-size: 14px;
  margin-bottom: 20px;
  text-align: center;
  line-height: 1.5;
}

.access-steps-grid {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 40px;
}

.access-step {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.step-icon {
  width: 80px;
  height: 80px;
  margin-bottom: 15px;
}

.step-title {
  font-size: 18px;
  font-weight: 900;
  text-decoration: underline;
  margin-bottom: 10px;
}

.step-desc {
  font-size: 12px;
  line-height: 1.4;
  margin-bottom: 10px;
}

.stars {
  color: #ff9900; /* Orange stars */
  font-size: 18px;
}

/* Recipes Section */
.recipes-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr); /* 1 column on mobile */
  gap: 20px;
}

.recipe-card {
  background-color: #f9f9f9; /* Light background for cards */
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.recipe-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.recipe-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.recipe-info {
  padding: 15px;
  text-align: center;
}

.recipe-title {
  font-size: 16px;
  font-weight: 900;
  text-decoration: underline;
  margin-bottom: 10px;
}

.recipe-desc {
  font-size: 12px;
  line-height: 1.4;
  color: #333;
}

/* Desktop Adjustments for New Sections */
@media (min-width: 768px) {
  .access-steps-grid {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
  }

  .access-step {
    flex: 1;
    max-width: 300px;
  }

  .recipes-grid {
    grid-template-columns: repeat(4, 1fr); /* 4 columns on desktop */
  }
}

/* Bonuses Section */
.bonuses-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 30px;
  margin-bottom: 40px;
}

.bonus-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.bonus-item img {
  border-radius: 10px;
  margin-bottom: 15px;
}

.bonus-title {
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 10px;
}

.bonus-desc {
  font-size: 12px;
  line-height: 1.4;
  margin-bottom: 10px;
}

/* Method Recap Section */
.recap-grid {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 40px;
}

.recap-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.recap-image {
  max-height: 400px;
  max-width: 100%;
  margin-bottom: 15px;
  border: 4px solid rgba(255, 255, 255, 0.2);
}

.recap-title {
  font-size: 16px;
  font-weight: 700;
  color: white;
}

.recap-text {
  text-align: center;
  font-size: 14px;
  line-height: 1.6;
  color: white;
}

/* Safety Section */
.safety-grid {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}

.safety-image {
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  max-width: 100%;
}

/* Testimonial Carousel Styles */
.testimonial-carousel {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
  padding: 0 50px 60px;
}

.carousel-track-container {
  overflow: hidden;
  border-radius: 15px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.carousel-track {
  display: flex;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform;
}

.carousel-slide {
  min-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  animation: fadeIn 0.5s ease-in-out forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.carousel-slide img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 15px;
}

/* Navigation Buttons */
.carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: linear-gradient(135deg, #00b140 0%, #059669 100%);
  color: white;
  border: none;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  box-shadow: 0 4px 15px rgba(0, 177, 64, 0.3);
  transition: all 0.3s ease;
  z-index: 10;
  opacity: 0.9;
}

.carousel-btn:hover {
  opacity: 1;
  transform: translateY(-50%) scale(1.1);
  box-shadow: 0 6px 20px rgba(0, 177, 64, 0.5);
}

.carousel-btn:active {
  transform: translateY(-50%) scale(0.95);
}

.carousel-btn-prev {
  left: 0;
}

.carousel-btn-next {
  right: 0;
}

/* Progress Indicators */
.carousel-indicators {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 25px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.indicator {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid #00b140;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
}

.indicator.active {
  background: #00b140;
  width: 30px;
  border-radius: 5px;
  animation: indicatorPulse 0.3s ease;
}

@keyframes indicatorPulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

.indicator:hover:not(.active) {
  background: rgba(0, 177, 64, 0.3);
  transform: scale(1.2);
}

/* Mobile Adjustments */
@media (max-width: 600px) {
  .testimonial-carousel {
    padding: 0 40px 50px;
  }

  .carousel-btn {
    width: 38px;
    height: 38px;
    font-size: 14px;
  }

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

  .indicator.active {
    width: 24px;
  }
}

/* Desktop Adjustments for Final Sections */
@media (min-width: 768px) {
  .bonuses-grid {
    grid-template-columns: repeat(3, 1fr); /* 3 columns on desktop */
  }

  .recap-grid {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
  }

  .recap-item {
    flex: 1;
    max-width: 300px;
  }

  .safety-grid {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
  }

  .safety-image {
    max-width: 300px;
  }

  .testimonial-carousel {
    max-width: 700px;
    padding: 0 60px 70px;
  }

  .carousel-btn {
    width: 50px;
    height: 50px;
    font-size: 20px;
  }
}

/* Benefits Section */
.benefits-grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
  margin-top: 30px;
}

.benefit-card {
  background-color: white;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.benefit-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.benefit-info {
  padding: 20px;
}

.benefit-title {
  font-size: 16px;
  font-weight: 900;
  color: #e07a5f; /* Terracotta color from image */
  margin-bottom: 10px;
  line-height: 1.3;
}

.benefit-desc {
  font-size: 13px;
  line-height: 1.5;
  color: #333;
}

/* About Bottom Section */
.about-bottom-section {
  background-color: white;
  padding: 40px 0;
}

.about-bottom-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.about-bottom-image {
  position: relative;
  margin-bottom: 20px;
}

.about-bottom-image img {
  border-radius: 10px;
  max-width: 100%;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

.image-caption {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  color: white;
  font-weight: bold;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

.about-desc {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 30px;
  color: #555;
}

/* FAQ Section */
.faq-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 30px;
}

.faq-item {
  background-color: #f9f9f9;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.faq-question {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #333;
}

.faq-answer {
  font-size: 14px;
  line-height: 1.5;
  color: #555;
}

/* Desktop Adjustments for Final Sections */
@media (min-width: 768px) {
  .benefits-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .about-bottom-content {
    max-width: 800px;
    margin: 0 auto;
  }

  .faq-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

/* Accordion Styles */
.accordion {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.accordion-item {
  background-color: #f9f9f9;
  border-radius: 10px;
  margin-bottom: 15px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.accordion-header {
  background-color: #f9f9f9;
  color: #333;
  cursor: pointer;
  padding: 20px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.4s;
}

.accordion-header:hover {
  background-color: #f1f1f1;
}

.accordion-header i {
  transition: transform 0.3s ease;
}

.accordion-header.active i {
  transform: rotate(180deg);
}

.accordion-content {
  padding: 0 20px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

.accordion-content p {
  padding: 20px 0;
  font-size: 14px;
  line-height: 1.5;
  color: #555;
}

/* Offer Page Styles */
.offer-selection-section {
  padding: 60px 20px;
  background-color: #fdfbf1;
  text-align: center;
}

.offer-cards-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 30px;
  max-width: 900px;
  margin: 40px auto 0;
}

@media (min-width: 768px) {
  .offer-cards-container {
    grid-template-columns: 1fr 1fr;
  }
}

.offer-card {
  background: white;
  border-radius: 15px;
  padding: 30px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  position: relative;
  border: 1px solid #eee;
  transition: transform 0.3s ease;
}

.offer-card:hover {
  transform: translateY(-5px);
}

.offer-card.complete-plan {
  border: 2px solid #00b140;
  background: #fff;
}

.best-value-badge {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  background: #00b140;
  color: white;
  padding: 5px 15px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.plan-title {
  font-family: "Volkhov", serif;
  font-size: 24px;
  color: #333;
  margin-bottom: 10px;
}

.plan-price {
  font-family: "Montserrat", sans-serif;
  font-size: 36px;
  font-weight: 900;
  color: #00b140;
  margin-bottom: 20px;
}

.plan-old-price {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  color: #999;
  text-decoration: line-through;
  margin-bottom: 5px;
}

.basic-plan .plan-price {
  color: #333;
}

.plan-features {
  list-style: none;
  padding: 0;
  margin-bottom: 30px;
  text-align: left;
}

.plan-features li {
  margin-bottom: 12px;
  font-size: 14px;
  color: #555;
  display: flex;
  align-items: center;
  gap: 10px;
}

.plan-features li i {
  color: #00b140;
}

.plan-features li.excluded {
  color: #999;
  text-decoration: line-through;
}

.plan-features li.excluded i {
  color: #ccc;
}

.plan-cta {
  width: 100%;
  display: block;
  text-align: center;
}

.basic-plan .plan-cta {
  background: #ccc;
  box-shadow: none;
}
.basic-plan .plan-cta:hover {
  background: #bbb;
}

/* Transform Section Styles */
.transform-section {
  padding: 60px 20px;
  background-color: white;
  text-align: center;
}

.transform-banner {
  background: linear-gradient(90deg, #4facfe 0%, #00f2fe 100%); /* Fallback */
  background: linear-gradient(
    90deg,
    #3b82f6 0%,
    #6366f1 100%
  ); /* Blue/Indigo gradient */
  color: white;
  padding: 40px 20px;
  border-radius: 15px;
  margin-bottom: -50px; /* Overlap with profile */
  position: relative;
  z-index: 1;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.transform-headline {
  font-family: "Volkhov", serif;
  font-size: 28px;
  margin-bottom: 10px;
}

.transform-subheadline {
  font-size: 16px;
  opacity: 0.9;
}

.transform-profile {
  position: relative;
  z-index: 2;
  margin-bottom: 30px;
}

.profile-img {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  border: 5px solid white;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
  object-fit: cover;
}

.transform-box {
  background: #f0f7ff; /* Light blue bg */
  border-radius: 10px;
  padding: 30px;
  max-width: 800px;
  margin: 0 auto 30px;
  border: 1px solid #dbeafe;
}

.bio-box {
  font-size: 18px;
  line-height: 1.6;
  color: #333;
}

.blue-text {
  color: #2563eb;
  font-weight: 700;
}

.why-box {
  background: white;
  border: 1px solid #eee;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.why-headline {
  font-family: "Volkhov", serif;
  font-size: 24px;
  margin-bottom: 15px;
  color: #333;
}

.why-desc {
  font-size: 16px;
  color: #555;
  margin-bottom: 25px;
  line-height: 1.6;
}

.why-tags {
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
}

.tag {
  background: #f3e8ff; /* Light purple */
  color: #9333ea; /* Purple text */
  padding: 8px 15px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 700;
}

.tag:nth-child(2) {
  background: #ffe4e6; /* Light pink */
  color: #e11d48; /* Pink text */
}

.tag:nth-child(3) {
  background: #f3e8ff;
  color: #9333ea;
}

/* Offer Callout Section (Index) */
.offer-callout-section {
  padding: 60px 20px;
  background-color: #050505; /* Black background */
  text-align: center;
  color: white;
  border-top: none;
  border-bottom: none;
}

.offer-callout-content {
  max-width: 800px;
  margin: 0 auto;
}

.lote-info {
  margin-bottom: 30px;
}

.lote-closed {
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  color: #ef4444; /* Red */
  text-decoration: line-through;
  font-weight: 700;
  margin-bottom: 5px;
  opacity: 0.8;
}

.lote-open {
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  color: #fbbf24; /* Yellow */
  font-weight: 900;
  margin-top: 15px;
  text-transform: uppercase;
}

.callout-benefits {
  margin-bottom: 30px;
}

.callout-benefits p {
  font-size: 18px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 600;
}

.callout-benefits i {
  color: #4ade80; /* Green check */
}

.pulse-green {
  background-color: #4ade80;
  color: #000;
  font-weight: 900;
  font-size: 20px;
  padding: 20px 40px;
  border-radius: 50px;
  box-shadow: 0 0 20px rgba(74, 222, 128, 0.5);
  animation: pulse-green-anim 2s infinite;
}

.pulse-green:hover {
  background-color: #22c55e;
  transform: scale(1.05);
}

@keyframes pulse-green-anim {
  0% {
    box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.7);
  }
  70% {
    box-shadow: 0 0 0 20px rgba(74, 222, 128, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(74, 222, 128, 0);
  }
}

.guarantee-text {
  font-size: 14px;
  margin-top: 30px;
  margin-bottom: 30px;
  color: #ccc;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 1.5;
}

.payment-icons {
  font-size: 32px;
  color: #9ca3af;
  display: flex;
  justify-content: center;
  gap: 20px;
}

/* Offer Intro Card Styles */
.offer-intro-card {
  max-width: 600px;
  margin: 0 auto 40px;
  text-align: center;
}

.intro-card-image {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 15px;
  margin-bottom: -40px; /* Overlap effect if desired, or just spacing */
  margin-bottom: 20px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.intro-card-content {
  background: white;
  border: 2px solid #86efac; /* Light green border */
  border-radius: 20px;
  padding: 30px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.intro-card-headline {
  font-family: "Volkhov", serif;
  font-size: 24px;
  color: #1f2937; /* Dark gray */
  margin-bottom: 15px;
  line-height: 1.3;
}

.green-highlight {
  color: #00b140; /* Brand Green */
  display: block; /* Force new line if needed, or inline */
}

.intro-card-subheadline {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  color: #4b5563; /* Gray */
  line-height: 1.5;
}

/* Upsell Modal Styles */
.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  align-items: center;
  justify-content: center;
}

.modal-content {
  background-color: white;
  padding: 30px;
  border-radius: 20px;
  width: 90%;
  max-width: 450px;
  text-align: center;
  position: relative;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  animation: modalFadeIn 0.3s ease;
}

@keyframes modalFadeIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.close-modal {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 28px;
  font-weight: bold;
  color: #aaa;
  cursor: pointer;
}

.close-modal:hover {
  color: #333;
}

.modal-headline {
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  font-weight: 900;
  color: #1f2937;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.modal-subheadline {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  color: #4b5563;
  margin-bottom: 20px;
}

.modal-offer-box {
  background-color: #eff6ff; /* Light blue */
  border: 1px solid #bfdbfe;
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 20px;
}

.modal-offer-header {
  font-size: 20px;
  font-weight: 800;
  color: #1f2937;
  margin-bottom: 10px;
}

.modal-offer-desc {
  font-size: 14px;
  color: #4b5563;
  margin-bottom: 5px;
}

.modal-price {
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
  font-weight: 900;
  color: #2563eb; /* Blue */
  margin-bottom: 10px;
}

.modal-savings {
  font-size: 12px;
  color: #6b7280;
  margin-bottom: 10px;
}

.strike {
  text-decoration: line-through;
}

.modal-benefits {
  font-size: 13px;
  font-weight: 700;
  color: #2563eb;
  line-height: 1.4;
}

.modal-accept-btn {
  background-color: #2563eb;
  color: white;
  font-size: 14px;
  padding: 15px;
  width: 100%;
  margin-bottom: 10px;
  border: none;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 800;
  box-shadow: 0 4px 6px rgba(37, 99, 235, 0.2);
}

.modal-accept-btn:hover {
  background-color: #1d4ed8;
  transform: translateY(-2px);
}

.modal-decline-btn {
  background-color: #9ca3af; /* Grey */
  color: white;
  font-size: 14px;
  padding: 12px;
  width: 100%;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  font-weight: 600;
  transition: background 0.3s;
}

.modal-decline-btn:hover {
  background-color: #6b7280;
}

/* Thank You Page Styles */
.success-top-bar {
  background-color: #ff6b4a; /* Orange */
  color: white;
  text-align: center;
  padding: 15px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1px;
}

.success-section {
  padding: 60px 20px;
  text-align: center;
  min-height: 70vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.success-icon {
  width: 80px;
  height: 80px;
  background-color: #34d399; /* Green */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 30px;
  color: white;
  font-size: 40px;
}

.success-headline {
  font-family: "Volkhov", serif;
  font-size: 36px;
  color: #1f2937;
  margin-bottom: 15px;
  line-height: 1.2;
}

.success-subheadline {
  font-size: 18px;
  color: #4b5563;
  margin-bottom: 40px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.next-steps-box {
  background-color: white;
  border: 1px solid #e5e7eb;
  border-radius: 15px;
  padding: 40px;
  max-width: 600px;
  margin: 0 auto 30px;
  text-align: left;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
}

.next-steps-title {
  font-size: 18px;
  font-weight: 700;
  color: #1f2937;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.next-steps-text {
  font-size: 16px;
  color: #6b7280;
  margin-bottom: 15px;
  line-height: 1.6;
}

.next-steps-text:last-child {
  margin-bottom: 0;
}

.spam-notice {
  font-size: 14px;
  color: #9ca3af;
}

.simple-footer {
  border-top: 1px solid #eee;
  margin-top: auto;
  padding: 30px 0;
}

/* Special Offer Page Styles */
.special-offer-body {
  background-color: #fdfbf1; /* Cream background */
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.special-offer-card {
  background: white;
  border-radius: 20px;
  padding: 40px;
  max-width: 500px;
  width: 100%;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  border-top: 5px solid #e11d48; /* Red/Pink accent top border similar to image */
}

.special-offer-header {
  font-family: "Volkhov", serif;
  font-size: 28px;
  color: #e07a5f; /* Terracotta/Salmon */
  margin-bottom: 20px;
  line-height: 1.2;
  font-weight: 700;
}

.special-offer-text {
  font-size: 16px;
  color: #555;
  margin-bottom: 30px;
  line-height: 1.6;
}

.special-price-box {
  margin-bottom: 30px;
}

.old-price {
  font-size: 18px;
  color: #777;
  display: block;
  margin-bottom: 5px;
}

.new-price {
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
  font-weight: 900;
  color: #1f2937;
}

.coupon-box {
  border: 2px dashed #e07a5f;
  border-radius: 15px;
  padding: 20px;
  background-color: #fffaf9;
  margin-bottom: 20px;
}

.coupon-label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #777;
  margin-bottom: 10px;
  font-weight: 700;
}

.coupon-code {
  font-family: "Montserrat", sans-serif;
  font-size: 32px;
  font-weight: 900;
  color: #1f2937;
  margin-bottom: 15px;
  letter-spacing: 1px;
}

.copy-coupon-btn {
  background: white;
  border: 1px solid #e07a5f;
  color: #e07a5f;
  padding: 8px 20px;
  border-radius: 20px;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.3s;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.copy-coupon-btn:hover {
  background: #e07a5f;
  color: white;
}

.offer-disclaimer {
  font-size: 12px;
  color: #999;
  margin-bottom: 30px;
}

.special-offer-cta {
  background-color: #34d399; /* Green */
  font-weight: 800;
  box-shadow: 0 4px 15px rgba(52, 211, 153, 0.4);
}

.special-offer-cta:hover {
  background-color: #10b981;
  transform: translateY(-2px);
}

/* Toast Notification Styles */
#toast {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 50px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

#toast.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    bottom: 0;
    opacity: 0;
  }
  to {
    bottom: 30px;
    opacity: 1;
  }
}

@-webkit-keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}

@keyframes fadeout {
  from {
    bottom: 30px;
    opacity: 1;
  }
  to {
    bottom: 0;
    opacity: 0;
  }
}
/* Dark Premium Offer Styles */
.offer-section-dark {
  background-color: #020617 !important; /* Extremely dark blue/black */
  color: white;
  padding: 60px 0;
}

.offer-card-glow {
  background: linear-gradient(180deg, #051030 0%, #020617 100%);
  border: 2px solid #d4af37; /* Gold Border */
  border-radius: 20px;
  padding: 40px 20px;
  box-shadow: 0 0 20px rgba(212, 175, 55, 0.3),
    inset 0 0 20px rgba(212, 175, 55, 0.1);
  max-width: 500px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  overflow: hidden;
}

/* Optional Top Glow Effect */
.offer-card-glow::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(
    circle,
    rgba(212, 175, 55, 0.1) 0%,
    transparent 70%
  );
  pointer-events: none;
  z-index: 0;
}

.offer-card-glow > * {
  position: relative;
  z-index: 1;
}

.offer-header-gold {
  margin-bottom: 30px;
}

.offer-title-gold {
  font-family: "Volkhov", serif;
  font-size: 36px;
  font-weight: 700;
  color: white;
  line-height: 1.2;
  margin-bottom: 10px;
}

.offer-subtitle-white {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  color: #e2e8f0;
  font-weight: 400;
}

.offer-features-list {
  list-style: none;
  padding: 0;
  margin: 0 auto 30px;
  text-align: left;
  max-width: 90%;
}

.offer-features-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  color: #f8fafc;
  margin-bottom: 15px;
  font-family: "Montserrat", sans-serif;
}

.offer-features-list li i {
  color: #d4af37; /* Gold Icon */
  font-size: 14px;
  background: rgba(255, 255, 255, 0.1);
  padding: 2px;
  border-radius: 50%;
}

.price-container-gold {
  margin-bottom: 30px;
}

.price-label {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #cbd5e1;
  margin-bottom: 5px;
}

.price-value-gold {
  font-size: 64px;
  font-weight: 900;
  color: #d4af37; /* Gold */
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  text-shadow: 0 0 10px rgba(212, 175, 55, 0.3);
}

.price-installments {
  font-size: 18px;
  color: white;
  font-weight: 600;
}

.btn-gold-gradient {
  background: linear-gradient(180deg, #10b981 0%, #059669 100%);
  color: white; /* White text for contrast */
  font-weight: 800;
  text-transform: uppercase;
  padding: 18px 30px;
  border-radius: 10px;
  font-size: 20px;
  display: block;
  width: 100%;
  margin-bottom: 20px;
  box-shadow: 0 4px 15px rgba(16, 185, 129, 0.4);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  border: none;
  text-decoration: none;
}

.btn-gold-gradient:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(16, 185, 129, 0.6);
  background: linear-gradient(180deg, #34d399 0%, #10b981 100%);
  color: white;
}

.scarcity-text {
  font-size: 14px;
  color: #94a3b8;
  margin-top: 20px;
}

.payment-icons-gold {
  color: #cbd5e1;
  font-size: 24px;
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 15px;
  opacity: 0.7;
}

/* Lifetime Access Box */
.lifetime-access-box {
  background: rgba(212, 175, 55, 0.1);
  border: 1px solid rgba(212, 175, 55, 0.3);
  border-radius: 12px;
  padding: 15px 20px;
  margin: 20px auto;
  max-width: 90%;
}

.lifetime-access-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #f8fafc;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
}

.lifetime-access-content i {
  color: #d4af37;
  font-size: 20px;
  animation: rotate-infinity 3s linear infinite;
}

@keyframes rotate-infinity {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.lifetime-access-content strong {
  color: #d4af37;
}

/* Warning Text */
.warning-text-container {
  text-align: center;
  margin-top: 10px;
}
.warning-text {
  color: #cbd5e1;
  font-size: 12px;
  max-width: 300px;
  margin: 0 auto;
  line-height: 1.4;
}
/* Custom VSL Player Styles */
#vsl-container {
  position: relative;
  width: 100%;
  max-width: 800px; /* Adjust max-width as needed */
  margin: 20px auto 40px; /* Spacing */
  border-radius: 12px;
  overflow: hidden;
  background-color: #000;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  aspect-ratio: 9 / 16; /* Vertical Video */
  max-width: 400px; /* Reduced width for vertical format */
}

#vsl-video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* or contain, depending on video */
  display: block;
}

/* Unmute Button Overlay */
#vsl-unmute-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(255, 68, 0, 0.9); /* Brand Orange/Red */
  color: white;
  padding: 15px 30px;
  border-radius: 50px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-size: 18px;
  border: 2px solid white;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 0 20px rgba(255, 68, 0, 0.5);
  animation: vsl-pulse 2s infinite;
  text-transform: uppercase;
  white-space: nowrap;
}

#vsl-unmute-btn:hover {
  background-color: rgb(255, 68, 0);
  transform: translate(-50%, -50%) scale(1.05);
}

@keyframes vsl-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 68, 0, 0.7);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(255, 68, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 68, 0, 0);
  }
}

/* Click to Listen Label (Top Left) - Optional per user request "Canto superior" */
#vsl-unmute-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1); /* Subtle darkening */
  z-index: 5;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Progress Bar Container */
.vsl-progress-container {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: rgba(255, 255, 255, 0.2);
  z-index: 20;
  pointer-events: none; /* Non-interactive */
}

/* Actual Progress Bar */
.vsl-progress-bar {
  height: 100%;
  background: linear-gradient(
    90deg,
    #fdb931 0%,
    #d4af37 100%
  ); /* Gold Gradient from theme */
  width: 0%;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  transition: width 0.3s cubic-bezier(0.2, 0.9, 0.2, 1); /* Smooth easing */
  box-shadow: 0 0 10px rgba(212, 175, 55, 0.5);
}

/* Mobile Adjustments */
/* Mobile Adjustments */
@media (max-width: 600px) {
  #vsl-container {
    width: 100%;
    margin: 15px auto 30px;
    border-radius: 8px; /* Slightly smaller radius on mobile */
  }

  #vsl-unmute-btn {
    font-size: 12px; /* Smaller font */
    padding: 10px 16px; /* Smaller padding */
    border-width: 1px; /* Thinner border */
  }

  /* Adjust Pulse Animation for mobile to be less intrusive */
  @keyframes vsl-pulse {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 68, 0, 0.7);
    }
    70% {
      box-shadow: 0 0 0 8px rgba(255, 68, 0, 0);
    } /* Reduced pulse size */
    100% {
      box-shadow: 0 0 0 0 rgba(255, 68, 0, 0);
    }
  }
}

/* ========================================= */
/* PRE-OFFER DECISION BLOCK */
/* ========================================= */
.decision-block {
  text-align: center;
  max-width: 600px;
  margin: 0 auto 50px;
  padding: 0 20px;
}

.decision-badge {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 105, 180, 0.15);
  border: 1px solid rgba(255, 105, 180, 0.4);
  color: #fff;
  padding: 10px 25px;
  border-radius: 50px;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.decision-badge i {
  color: #ffcc00; /* Gold Icon */
}

.decision-headline {
  font-family: "Montserrat", sans-serif;
  font-size: 3.5rem;
  font-weight: 900;
  color: #fff;
  line-height: 1.1;
  margin-bottom: 25px;
  text-shadow: 0 0 30px rgba(255, 105, 180, 0.6); /* Strong Glow */
}

.decision-text {
  font-family: "Montserrat", sans-serif;
  font-size: 1.2rem;
  color: #e2e8f0;
  line-height: 1.6;
}

.highlight-gold {
  color: #ffcc00;
  font-weight: 800;
  text-shadow: 0 0 10px rgba(255, 204, 0, 0.3);
}

/* Responsive Decision Block */
@media (max-width: 600px) {
  .decision-headline {
    font-size: 2.5rem;
  }
  .decision-text {
    font-size: 1rem;
  }
}

/* ========================================= */
/* NEW OFFER SECTION GLOW UP DESIGN */
/* ========================================= */

.new-offer-section {
  background: linear-gradient(
    180deg,
    #000000 0%,
    #1a0510 100%
  ); /* Deep Dark Gradient */
  padding: 10px 6px 80px; /* Adjusted padding */
  text-align: center;
}

.new-offer-card {
  background: #000000; /* Dark Theme */
  border-radius: 30px;
  border: 4px solid #ff69b4; /* Hot Pink Border */
  padding: 50px 30px;
  max-width: 500px;
  margin: 60px auto 0;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5); /* Strong shadow */
  position: relative;
  overflow: visible;
}

.new-offer-img-container {
  margin-top: -120px; /* Pull image up out of card */
  margin-bottom: 20px;
}

.new-offer-img {
  width: 100%;
  max-width: 450px;
  filter: drop-shadow(
    0 10px 20px rgba(255, 105, 180, 0.4)
  ); /* Pink glow shadow */
  border-radius: 10px;
}

.new-offer-logo {
  font-family: "Volkhov", serif;
  font-size: 2.5rem;
  margin-bottom: 10px;
  color: #ffffff; /* White text */
  font-weight: 700;
  line-height: 1.2;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* Price Styles */
.new-offer-price-container {
  margin-bottom: 30px;
}

.new-price-anchor {
  color: #ff69b4; /* Pink for anchor price */
  font-family: "Montserrat", sans-serif;
  font-size: 1.1rem;
  font-weight: 700;
  text-decoration: line-through;
  display: block;
  margin-bottom: 5px;
}

.new-price-main {
  font-family: "Montserrat", sans-serif;
  font-size: 4.5rem; /* Larger impact */
  font-weight: 900;
  color: #ffcc00; /* Gold */
  line-height: 1;
  letter-spacing: -2px;
  text-shadow: 0 2px 10px rgba(255, 204, 0, 0.3);
}

.new-price-subtitle {
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  color: #ffffff;
  font-weight: 600;
  margin-top: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Button */
.new-offer-btn {
  background-color: #1a8e3e; /* Consistent Green */
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 1.2rem;
  text-transform: uppercase;
  padding: 24px 20px;
  border-radius: 12px;
  width: 100%;
  border: 2px solid #1a8e3e;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-decoration: none;
  box-shadow: 0 4px 15px rgba(26, 142, 62, 0.4);
  transition: all 0.3s ease;
  margin-bottom: 20px;
  animation: pulse-green 2s infinite;
}

@keyframes pulse-green {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(26, 142, 62, 0.7);
  }
  70% {
    transform: scale(1.02);
    box-shadow: 0 0 0 10px rgba(26, 142, 62, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(26, 142, 62, 0);
  }
}

.new-offer-btn:hover {
  background-color: #146c2e;
  transform: translateY(-2px);
  animation: none;
}

.new-offer-btn i {
  font-size: 1.1rem;
  color: #ffcc00; /* Gold icon */
}

/* Guarantee Text */
.new-guarantee-text {
  font-size: 0.9rem;
  color: #cccccc;
  margin-top: 15px;
}

.new-guarantee-text i {
  color: #ffcc00;
}

/* Responsive */
@media (max-width: 600px) {
  .new-price-main {
    font-size: 3.5rem;
  }
}