/** Shopify CDN: Minification failed

Line 211:11 Unexpected "/"
Line 214:19 Unexpected "/"
Line 219:8 Unexpected "/"
Line 264:10 Unexpected "/"
Line 318:35 Unexpected "/"
Line 327:37 Unexpected "/"

**/
/* ==== Spacing ==== */
.l4u-m-0 { margin: 0; }
.l4u-p-0 { padding: 0; }

.l4u-m-1 { margin: 4px; }
.l4u-m-2 { margin: 8px; }
.l4u-m-3 { margin: 12px; }
.l4u-m-4 { margin: 16px; }

.l4u-p-1 { padding: 4px; }
.l4u-p-2 { padding: 8px; }
.l4u-p-3 { padding: 12px; }
.l4u-p-4 { padding: 16px; }

/* ==== Flex & Layout ==== */
.l4u-flex { display: flex; }
.l4u-flex-center { display: flex; align-items: center; justify-content: center; }
.l4u-flex-between { display: flex; justify-content: space-between; }
.l4u-flex-col { display: flex; flex-direction: column; }

/* ==== Width ==== */
.l4u-w-full { width: 100%; }
.l4u-max-w-screen { max-width: 1280px; margin: 0 auto; }

/* ==== Text ==== */
.l4u-text-sm { font-size: 0.875rem; }
.l4u-text-md { font-size: 1rem; }
.l4u-text-lg { font-size: 3.75rem; }
.l4u-text-center { text-align: center; }
.l4u-font-bold { font-weight: 700; }

/* ==== Colors ==== */
.l4u-bg-primary { background: #C7AB62; }
.l4u-bg-dark { background: #111; }
.l4u-bg-light { background: #f8f8f8; }

.l4u-text-primary { color: #C7AB62; }
.l4u-text-white { color: #fff; }
.l4u-text-dark { color: #111; }

/* ==== Buttons ==== */
.l4u-btn {
padding: 10px 18px;
border-radius: 4px;
border: none;
cursor: pointer;
font-weight: 600;
display: inline-block;
}

.l4u-btn-primary {
background: #C7AB62;
color: #fff;
}

.l4u-btn-primary:hover {
background: #C7AB62;
}

/* ==== Cards ==== */
.l4u-card {
background: #fff;
border-radius: 8px;
padding: 16px;
border: 1px solid #eee;
box-shadow: 0 1px 4px rgba(0,0,0,0.05);
}

/* ==== Carousel ==== */
.l4u-carousel {
display: flex;
overflow-x: auto;
gap: 12px;
scroll-snap-type: x mandatory;
}

.l4u-carousel-item {
flex: 0 0 auto;
width: 220px;
scroll-snap-align: start;
}

/* ==== Images ==== */
.l4u-img-cover {
width: 100%;
height: 100%;
object-fit: cover;
}


/* GRID SYSTEM */
.l4u-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(1, 1fr);
}

/* Medium Screen */
@media (min-width: 640px) {
  .l4u-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Large Screen */
@media (min-width: 1024px) {
  .l4u-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
/* ============================
   HOW IT WORKS - Love4U Styles
   ============================ */

/* Background + spacing utilities */
.l4u-bg-light {
  background: #fff7f9;
}

.l4u-py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.l4u-px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Max width container */
.l4u-max-w-4xl {
  max-width: 1100px;
}
.l4u-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

/* Typography */
.l4u-text-center {
  text-align: center;
}
.l4u-text-xl {
  font-size: 2rem;
}
.l4u-font-bold {
  font-weight: bold;
}
.l4u-text-primary {
  color: #e91e63;
}
.l4u-mb-6 {
  margin-bottom: 1.5rem;
}

/* Flex + item alignment */
.l4u-flex {
  display: flex;
}
.l4u-items-center {
  align-items: center;
}
.l4u-justify-start {
  justify-content: flex-start;
}
.l4u-justify-end {
  justify-content: flex-end;
}

/* Spacing utilities */
.l4u-mb-8 {
  margin-bottom: 2rem;
}
.l4u-pr-6 {
  padding-right: 1.5rem;
}
.l4u-pl-6 {
  padding-left: 1.5rem;
}

/* Positioning */
.l4u-relative {
  position: relative;
}
.l4u-absolute {
  position: absolute;
}

/* Timeline vertical line */
.l4u-border-l-2 {
  border-left: 2px solid;
}
.l4u-border-pink {
  border-color: #f8b0c7;
}
.l4u-h-full {
  height: 100%;
}

/* Center shifting */
.l4u-left-1/2 {
  left: 50%;
}
.l4u--translate-x-1/2 {
  transform: translateX(-50%);
}

/* Width utilities */
.l4u-w-1/2 {
  width: 50%;
}

/* ==== CARD STYLING ==== */
.l4u-card {
  background: white;
  padding: 1.5rem;
  border-radius: 14px;
  border: 1px solid #f7c4d2;
  box-shadow: 0 4px 10px rgba(255, 173, 198, 0.15);
  transition: 0.3s ease;
}
.l4u-card:hover {
  box-shadow: 0 6px 16px rgba(255, 120, 165, 0.3);
}
.l4u-card-title {
  font-size: 1.3rem;
  margin-bottom: 0.6rem;
  color: #e91e63;
}

/* ==== ICON CIRCLE ==== */
.l4u-icon-circle {
  position: absolute;
  top: 2.5rem;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 4px solid #ffe4ed;
  box-shadow: 0 2px 6px rgba(255, 120, 165, 0.25);
  font-size: 18px;
  color: white;
}

/* Pink background for icons */
.l4u-bg-primary {
  background: linear-gradient(90deg, #f54e87, #d81b60);
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .l4u-w-1/2 {
    width: 100%;
  }
  .l4u-pl-6,
  .l4u-pr-6 {
    padding-left: 0;
    padding-right: 0;
  }
  .l4u-icon-circle {
    left: 50%;
    transform: translateX(-50%);
  }
}

/* ENSURE THE TIMELINE STRETCHES HEIGHT */
#how-it-works .l4u-relative {
  position: relative;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

/* Fix vertical line height */
#how-it-works .l4u-border-l-2 {
  top: 0;
  bottom: 0;
}

/* Flex alignment like React */
#how-it-works .l4u-flex {
  width: 100%;
}

/* LEFT STEPS – Card on left of the timeline */
#how-it-works .l4u-justify-start .l4u-relative {
  margin-left: 0;
  margin-right: auto;
}

/* RIGHT STEPS – Card on right of the timeline */
#how-it-works .l4u-justify-end .l4u-relative {
  margin-right: 0;
  margin-left: auto;
}

/* Position icons correctly depending on side */
#how-it-works .l4u-justify-start .l4u-icon-circle {
  right: -20px;
}

#how-it-works .l4u-justify-end .l4u-icon-circle {
  left: -20px;
}

/* Make sure cards don't overlap the line */
#how-it-works .l4u-relative.l4u-w-1/2 {
  max-width: 460px;
}

/* MOBILE FIX – Stack everything center */
@media (max-width: 768px) {
  #how-it-works .l4u-border-l-2 {
    left: 20px;  /* Move line to the side */
  }
  #how-it-works .l4u-relative.l4u-w-1/2 {
    width: 100%;
    max-width: 100%;
    padding-left: 2.5rem !important;
    padding-right: 0 !important;
  }
  #how-it-works .l4u-icon-circle {
    left: -20px !important;
    right: auto !important;
  }
  #how-it-works .l4u-flex {
    justify-content: flex-start !important;
  }
}
.faq-section {
padding: 60px 20px;
background: #fff;
}

.faq-heading {
text-align: center;
font-size: 28px;
font-weight: 700;
margin-bottom: 40px;
color: #111;
}

.faq-container {
max-width: 900px;
margin: auto;
}

.faq-item {
border-bottom: 1px solid #ddd;
/* padding: 10px 0; */
}

.faq-question {
width: 100%;
background: none;
border: none;
padding: 12px 0;
text-align: left;
font-size: 18px;
font-weight: 600;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}

.faq-icon {
font-size: 22px;
font-weight: bold;
}

.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height .35s ease;
padding-right: 10px;
}

.faq-answer p {
margin: 10px 0 0;
color: #444;
line-height: 1.6;
}

/* Mobile */
@media (max-width: 768px) {
.faq-heading {
font-size: 24px;
}
}