/* Daytona Customizer - Generated CSS */
:root {
  --daytona-primary: #8B4B5C;
  --daytona-secondary: #E8B4B8;
  --daytona-accent: #F5B7B1;
  --daytona-body-bg: #FFF9F7;
  --daytona-body-text: #2C2C2C;
  --daytona-hero-overlay: rgba(0,0,0,0.3);
  --daytona-font-family: 'Noto Sans', sans-serif;
  --daytona-headings-font: 'Noto Sans', sans-serif;
  --daytona-font-size-base: 16px;
  --daytona-h1-size: 2.5rem;
  --daytona-h2-size: 2rem;
  --daytona-line-height: 1.6;
  --daytona-btn-bg: #8B4B5C;
  --daytona-btn-text: #FFFFFF;
  --daytona-btn-radius: 0px;
  --daytona-btn-padding-x: 24px;
  --daytona-btn-padding-y: 12px;
  --daytona-hero-min-height: 600px;
  --daytona-hero-title-size: 3rem;
  --daytona-hero-title-color: #FFFFFF;
  --daytona-hero-padding: 60px;
  --daytona-features-bg: #FFFFFF;
  --daytona-features-columns: 4;
  --daytona-features-icon-size: 48px;
  --daytona-features-icon-color: #8B4B5C;
  --daytona-features-padding: 80px;
  --daytona-howto-bg: #FFF9F7;
  --daytona-howto-step-bg: #8B4B5C;
  --daytona-howto-step-size: 40px;
  --daytona-howto-padding: 80px;
  --daytona-testimonials-bg: #FFFFFF;
  --daytona-testimonials-card-bg: #FFF9F7;
  --daytona-testimonials-card-radius: 12px;
  --daytona-testimonials-avatar-size: 60px;
  --daytona-testimonials-star-color: #FFD700;
  --daytona-testimonials-padding: 80px;
  --daytona-faq-bg: #FFF9F7;
  --daytona-faq-item-bg: #FFFFFF;
  --daytona-faq-item-border: #E8B4B8;
  --daytona-faq-icon-color: #8B4B5C;
  --daytona-faq-padding: 80px;
  --daytona-cta-bg: #8B4B5C;
  --daytona-cta-text-color: #FFFFFF;
  --daytona-cta-btn-bg: #FFFFFF;
  --daytona-cta-btn-text: Sepete Ekle;
  --daytona-cta-padding: 100px;
  --daytona-section-gap: 0px;
  --daytona-container-width: 1200px;
}

/* Component Styles */
body {
  background-color: var(--daytona-body-bg);
  color: var(--daytona-body-text);
  font-family: var(--daytona-font-family);
  font-size: var(--daytona-font-size-base);
  line-height: var(--daytona-line-height);
}

h1, .h1 { font-size: var(--daytona-h1-size); font-family: var(--daytona-headings-font); }
h2, .h2 { font-size: var(--daytona-h2-size); font-family: var(--daytona-headings-font); }

.btn-primary, .btn-cta {
  background-color: var(--daytona-btn-bg);
  color: var(--daytona-btn-text);
  border-radius: var(--daytona-btn-radius);
  padding: var(--daytona-btn-padding-y) var(--daytona-btn-padding-x);
  transition: all 0.3s ease;
}

.btn-primary:hover, .btn-cta:hover {
  filter: brightness(0.9);
}

.landing-hero {
  min-height: var(--daytona-hero-min-height);
  padding: var(--daytona-hero-padding) 0;
}
.landing-hero__title {
  font-size: var(--daytona-hero-title-size);
  color: var(--daytona-hero-title-color);
}

.landing-features {
  background-color: var(--daytona-features-bg);
  padding: var(--daytona-features-padding) 0;
}
.landing-features .feature-icon {
  font-size: var(--daytona-features-icon-size);
  color: var(--daytona-features-icon-color);
}

.landing-howto {
  background-color: var(--daytona-howto-bg);
  padding: var(--daytona-howto-padding) 0;
}
.landing-howto .step-number {
  width: var(--daytona-howto-step-size);
  height: var(--daytona-howto-step-size);
  background-color: var(--daytona-howto-step-bg);
}

.landing-testimonials {
  background-color: var(--daytona-testimonials-bg);
  padding: var(--daytona-testimonials-padding) 0;
}
.landing-testimonials .testimonial-card {
  background-color: var(--daytona-testimonials-card-bg);
  border-radius: var(--daytona-testimonials-card-radius);
}
.landing-testimonials .star {
  color: var(--daytona-testimonials-star-color);
}
.landing-testimonials .avatar {
  width: var(--daytona-testimonials-avatar-size);
  height: var(--daytona-testimonials-avatar-size);
}

.landing-faq {
  background-color: var(--daytona-faq-bg);
  padding: var(--daytona-faq-padding) 0;
}
.landing-faq .faq-item {
  background-color: var(--daytona-faq-item-bg);
  border-color: var(--daytona-faq-item-border);
}
.landing-faq .faq-icon {
  color: var(--daytona-faq-icon-color);
}

.landing-cta {
  background-color: var(--daytona-cta-bg);
  color: var(--daytona-cta-text-color);
  padding: var(--daytona-cta-padding) 0;
}
.landing-cta .btn-cta {
  background-color: var(--daytona-cta-btn-bg);
  color: var(--daytona-cta-btn-text);
}

.container {
  max-width: var(--daytona-container-width);
}

.landing-section + .landing-section {
  margin-top: var(--daytona-section-gap);
}