/* Quote band — Figma: Teklif bandı (121:1165 · mobile 124:1200 · tablet 362:7154)
   Mobile / tablet: stacked panel, full-width M button · desktop: text left, L button right. */

.quote-band { padding-block: var(--space-16) var(--space-56); }

.quote-band__panel {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-12);
  padding: var(--space-28) var(--space-20);
  border-radius: var(--radius-lg);
  background: var(--color-brand-tint);
}

.quote-band__text { display: flex; flex-direction: column; gap: var(--space-12); }
.quote-band__title {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.015em;
  color: var(--color-text-primary);
}
.quote-band__lead { font-size: 15px; line-height: 1.5; color: var(--color-text-secondary); }

/* M size on mobile / tablet (the component renders L) */
.quote-band__button {
  height: 46px;
  min-height: 46px;
  margin-top: var(--space-8);
  padding-inline: var(--space-20);
  font-size: 15px;
  letter-spacing: -0.002em;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .quote-band__panel { padding-inline: var(--space-40); }
}

@media (min-width: 1024px) {
  .quote-band { padding-block: var(--space-40) 120px; }
  .quote-band__panel {
    flex-direction: row;
    align-items: center;
    gap: var(--space-48);
    padding: var(--space-56) var(--space-64);
    border-radius: 28px;
  }
  .quote-band__text { flex: 1 1 auto; min-width: 0; }
  .quote-band__title { font-size: 40px; line-height: 1.1; letter-spacing: -0.025em; }
  .quote-band__lead { font-size: 17px; }
  .quote-band__button { flex: 0 0 auto; height: 56px; min-height: 56px; margin-top: 0; padding-inline: var(--space-24); font-size: 17px; letter-spacing: -0.003em; }
}