.dda {
  --dda-blue: #046bd2;
  --dda-blue-dark: #010840;
  --dda-ink: #1e293b;
  --dda-muted: #64748b;
  --dda-line: #dbe5f0;
  --dda-soft: #f3f8fd;
  --dda-white: #fff;
  color: var(--dda-ink);
  font-family: inherit;
  margin-inline: auto;
  max-width: 1240px;
  padding: 20px 20px 56px;
}

.dda * { box-sizing: border-box; }

body.delices-accueil-page .site-main > article.ast-article-single { padding-top: 16px !important; }

.dda__header { margin: 0 auto 34px; max-width: 720px; text-align: center; }
.dda__title { color: var(--dda-blue-dark); font-size: clamp(30px, 4vw, 46px); letter-spacing: -.03em; line-height: 1.1; margin: 0; }
.dda__intro { color: var(--dda-muted); font-size: 17px; margin: 13px 0 0; }

.dda__grid { display: grid; gap: clamp(14px, 2vw, 24px); grid-template-columns: repeat(4, minmax(0, 1fr)); }
.dda__card { background: var(--dda-white); border: 1px solid var(--dda-line); border-radius: 18px; box-shadow: 0 8px 26px rgba(1,8,64,.06); color: var(--dda-blue-dark) !important; display: block; min-width: 0; overflow: hidden; text-decoration: none !important; transition: border-color .2s, box-shadow .2s, transform .2s; }
.dda__card:hover { border-color: var(--dda-blue); box-shadow: 0 15px 36px rgba(1,8,64,.13); transform: translateY(-4px); }
.dda__card:focus-visible { outline: 3px solid rgba(4,107,210,.28); outline-offset: 3px; }
.dda__image-wrap { aspect-ratio: 1 / 1; background: linear-gradient(145deg, #fff, var(--dda-soft)); display: block; overflow: hidden; }
.dda__image { display: block; height: 100%; object-fit: cover; transition: transform .35s ease; width: 100%; }
.dda__card:hover .dda__image { transform: scale(1.045); }
.dda__card-footer { align-items: center; display: flex; gap: 12px; justify-content: space-between; min-height: 66px; padding: 15px 17px; }
.dda__name { font-size: 15px; font-weight: 800; line-height: 1.3; }
.dda__arrow { align-items: center; background: var(--dda-soft); border-radius: 999px; color: var(--dda-blue); display: flex; flex: 0 0 auto; font-size: 19px; height: 32px; justify-content: center; transition: background-color .2s, color .2s, transform .2s; width: 32px; }
.dda__card:hover .dda__arrow { background: var(--dda-blue); color: var(--dda-white); transform: translateX(2px); }
.dda__all-wrap { margin: 38px 0 0; text-align: center; }
.dda__all { background: var(--dda-blue-dark); border-radius: 999px; color: var(--dda-white) !important; display: inline-block; font-size: 15px; font-weight: 800; padding: 14px 23px; text-decoration: none !important; transition: background-color .2s, transform .2s; }
.dda__all:hover { background: var(--dda-blue); transform: translateY(-2px); }

@media (max-width: 960px) { .dda__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 640px) {
  .dda { padding: 10px 14px 40px; }
  .dda__header { margin-bottom: 24px; }
  .dda__grid { gap: 11px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dda__card { border-radius: 13px; }
  .dda__card-footer { min-height: 58px; padding: 11px 12px; }
  .dda__name { font-size: 13px; }
  .dda__arrow { height: 27px; width: 27px; }
}
@media (prefers-reduced-motion: reduce) { .dda *, .dda *::before, .dda *::after { transition: none !important; } }