/* Proiecte recente pe paginile de design — carousel identic cu /cum-lucram-vechi. */

.cum-lucram-page .works,
.de-ce-yuka-page .works,
.despre-yuka-page .works,
.yuka-home-page .works,
.margo-page .works,
.contact-page .works {
  padding-top: var(--s9, 64px);
  padding-bottom: var(--s9, 64px);
  background: var(--paper-2, #FFFFFF);
  border-top: 1px solid var(--line, #DEDCD4);
}

.cum-lucram-page .works__head,
.de-ce-yuka-page .works__head,
.despre-yuka-page .works__head,
.yuka-home-page .works__head,
.margo-page .works__head,
.contact-page .works__head {
  margin-bottom: var(--s6, 28px);
}

.cum-lucram-page .works__head h2,
.de-ce-yuka-page .works__head h2,
.despre-yuka-page .works__head h2,
.yuka-home-page .works__head h2,
.margo-page .works__head h2,
.contact-page .works__head h2 {
  font-size: clamp(24px, 3vw, 32px);
}

.cum-lucram-page .works .ypage_section_articles_carousel_w,
.de-ce-yuka-page .works .ypage_section_articles_carousel_w,
.despre-yuka-page .works .ypage_section_articles_carousel_w,
.yuka-home-page .works .ypage_section_articles_carousel_w,
.margo-page .works .ypage_section_articles_carousel_w,
.contact-page .works .ypage_section_articles_carousel_w {
  margin-top: 0;
  margin-bottom: 0;
}

.cum-lucram-page .works .ypage_section_article_w img,
.de-ce-yuka-page .works .ypage_section_article_w img,
.despre-yuka-page .works .ypage_section_article_w img,
.yuka-home-page .works .ypage_section_article_w img,
.margo-page .works .ypage_section_article_w img,
.contact-page .works .ypage_section_article_w img {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
  border-radius: 10px;
}

/* Teaser FAQ — fundal închis, contrast față de Portofoliu (paper-2). */
.cum-lucram-page .faq-teaser,
.de-ce-yuka-page .faq-teaser,
.despre-yuka-page .faq-teaser,
.yuka-home-page .faq-teaser,
.margo-page .faq-teaser,
.contact-page .faq-teaser {
  border-top: 1px solid var(--dark-line, rgba(245,245,240,.12));
}

.cum-lucram-page .faq-teaser__grid,
.de-ce-yuka-page .faq-teaser__grid,
.despre-yuka-page .faq-teaser__grid,
.yuka-home-page .faq-teaser__grid,
.margo-page .faq-teaser__grid,
.contact-page .faq-teaser__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--s7, 40px);
  align-items: center;
}

.cum-lucram-page .faq-teaser h2,
.de-ce-yuka-page .faq-teaser h2,
.despre-yuka-page .faq-teaser h2,
.yuka-home-page .faq-teaser h2,
.margo-page .faq-teaser h2,
.contact-page .faq-teaser h2 {
  font-size: clamp(22px, 3vw, 32px);
  max-width: 28ch;
  line-height: 1.15;
}

.cum-lucram-page .faq-teaser__cta,
.de-ce-yuka-page .faq-teaser__cta,
.despre-yuka-page .faq-teaser__cta,
.yuka-home-page .faq-teaser__cta,
.margo-page .faq-teaser__cta,
.contact-page .faq-teaser__cta {
  flex-shrink: 0;
}

@media (max-width: 900px) {
  .cum-lucram-page .faq-teaser__grid,
  .de-ce-yuka-page .faq-teaser__grid,
  .despre-yuka-page .faq-teaser__grid,
  .yuka-home-page .faq-teaser__grid,
  .margo-page .faq-teaser__grid,
  .contact-page .faq-teaser__grid {
    grid-template-columns: 1fr;
    gap: var(--s5, 24px);
  }

  .cum-lucram-page .faq-teaser__cta .btn,
  .de-ce-yuka-page .faq-teaser__cta .btn,
  .despre-yuka-page .faq-teaser__cta .btn,
  .yuka-home-page .faq-teaser__cta .btn,
  .margo-page .faq-teaser__cta .btn,
  .contact-page .faq-teaser__cta .btn {
    width: 100%;
  }
}