@import url('https://fonts.googleapis.com/css2?family=Geist:wght@500;600;700;800&display=swap');

:root {
  --ugt-ink: #17191d;
  --ugt-blue: #30a3ff;
  --ugt-green: #00c920;
  --ugt-soft: #f4f9ff;
}

.ug-taste-section {
  position: relative;
  isolation: isolate;
  overflow: clip;
  width: min(1180px, calc(100% - 40px));
  margin: clamp(32px, 4vw, 52px) auto;
  padding: clamp(28px, 3vw, 40px);
  border: 1px solid rgba(23, 25, 29, .1);
  border-radius: clamp(24px, 3vw, 40px);
  color: var(--ugt-ink);
  background:
    radial-gradient(circle at 92% 8%, rgba(0, 201, 32, .16), transparent 28%),
    radial-gradient(circle at 4% 88%, rgba(48, 163, 255, .18), transparent 32%),
    #fff;
  box-shadow: 0 28px 80px rgba(23, 25, 29, .1);
}

.ug-taste-section::after {
  content: "";
  position: absolute;
  inset: 14px;
  z-index: -1;
  border: 1px solid rgba(48, 163, 255, .12);
  border-radius: inherit;
  pointer-events: none;
}

.ug-taste-section h2 {
  max-width: 22ch;
  margin: 0 0 14px;
  font-family: Geist, Inter, Arial, sans-serif;
  font-size: clamp(32px, 3.5vw, 50px);
  line-height: .98;
  letter-spacing: -.045em;
}

.ug-taste-section > p:first-of-type,
.ug-taste-section .ug-evjf-choice-intro > p:last-child {
  max-width: 72ch;
  font-size: clamp(16px, 1.4vw, 19px);
  line-height: 1.62;
}

.ug-inline-scene {
  display: inline-block;
  width: clamp(72px, 8vw, 118px);
  height: .68em;
  margin-left: .12em;
  border-radius: 999px;
  vertical-align: .04em;
  background-position: center;
  background-size: cover;
  box-shadow: inset 0 0 0 1px rgba(23,25,29,.12);
}

.ug-taste-section .ug-answer-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-flow: dense;
  gap: 10px;
  margin: clamp(18px, 2vw, 26px) 0;
}

.ug-taste-section .ug-answer-card {
  min-width: 0;
  min-height: 168px;
  padding: 20px;
  overflow: hidden;
  border: 0;
  border-radius: 22px;
  color: #fff;
  background: var(--ugt-ink);
  box-shadow: none;
  transform-origin: center bottom;
  transition: flex .65s cubic-bezier(.2,.8,.2,1), transform .65s cubic-bezier(.2,.8,.2,1), background-color .3s ease;
}

.ug-taste-section .ug-answer-card:nth-child(2) { background: #087ac2; }
.ug-taste-section .ug-answer-card:nth-child(3) { background: #057a1a; }
.ug-taste-section .ug-answer-card:hover { transform: translateY(-8px) scale(1.015); }
.ug-taste-section .ug-answer-card h3 { margin-top: 18px; color: #fff; font-family: Geist, Inter, Arial, sans-serif; font-size: clamp(22px, 1.8vw, 28px); }
.ug-taste-section .ug-answer-card p { color: rgba(255,255,255,.82); }
.ug-taste-section .ug-answer-card-label { color: rgba(255,255,255,.72); }

.ug-taste-section .ug-table-wrap {
  margin-top: clamp(18px, 2vw, 26px);
  overflow: auto;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(23, 25, 29, .09);
}

.ug-taste-section .ug-comparison-table { margin: 0; border-collapse: collapse; }
.ug-taste-section .ug-comparison-table caption { padding: 14px 20px; color: #fff; text-align: left; background: var(--ugt-ink); }
.ug-taste-section .ug-comparison-table th { color: var(--ugt-ink); background: linear-gradient(90deg, rgba(48,163,255,.14), rgba(0,201,32,.1)); }
.ug-taste-section .ug-comparison-table th,
.ug-taste-section .ug-comparison-table td { padding: 11px 16px; }
.ug-taste-section .ug-comparison-table tbody tr { transition: background-color .25s ease, transform .25s ease; }
.ug-taste-section .ug-comparison-table tbody tr:hover { background: #f0f8ff; }

.ug-taste-section > p:last-child,
.ug-taste-section .ug-evjf-choice-actions {
  margin-top: 18px;
  padding: 18px 22px;
  border-radius: 22px;
  color: #fff;
  background: var(--ugt-ink);
}

.ug-taste-section > p:last-child a,
.ug-taste-section .ug-evjf-choice-actions a { color: #8effa4; }

.ug-taste-section .ug-evjf-choice-actions .ug-evjf-choice-primary {
  color: var(--ugt-ink) !important;
  background: #55e96d;
}

.ug-taste-evjf .ug-inline-scene { background-image: url('../images/669922cad4a7f6612dfade91_Photo-souvenir-bubble-EVJF-p-800.webp'); }
.ug-taste-evg .ug-inline-scene { background-image: url('../images/66a0df7aac080be0caaa39aa_Photo-souvenir-bubble-EVG-2.avif'); }
.ug-taste-seminaire .ug-inline-scene { background-image: url('../images/Activite-seminaire-entreprise-bordeaux.webp'); }

@media (min-width: 768px) {
  .ug-taste-evjf { padding-top: 28px; padding-bottom: 28px; }
  .ug-taste-evjf .ug-answer-card { min-height: 150px; }
  .ug-taste-evjf .ug-comparison-table td { padding-top: 8px; padding-bottom: 8px; }
}

.ug-author-card,
.ug-related-links {
  font-family: Geist, Inter, Arial, sans-serif;
}

.ug-author-card {
  border: 1px solid rgba(23,25,29,.1) !important;
  border-radius: 24px !important;
  background: linear-gradient(120deg, #fff 60%, rgba(48,163,255,.1)) !important;
  box-shadow: 0 18px 52px rgba(23,25,29,.08) !important;
}

.ug-author-avatar {
  color: #fff !important;
  background: linear-gradient(145deg, var(--ugt-blue), var(--ugt-green)) !important;
  box-shadow: 0 10px 26px rgba(48,163,255,.24);
}

.ug-related-links {
  position: relative;
  overflow: hidden;
  border-radius: 30px !important;
  background: radial-gradient(circle at 100% 0, rgba(48,163,255,.35), transparent 34%), var(--ugt-ink) !important;
}

.ug-related-links .ug-link-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-flow: dense;
  gap: 10px;
  margin-top: 24px;
}

.ug-related-links .ug-link-list li { margin: 0; }
.ug-related-links .ug-link-list a {
  display: flex;
  min-height: 74px;
  align-items: center;
  padding: 16px 18px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 16px;
  color: #fff !important;
  background: rgba(255,255,255,.07);
  transition: transform .45s cubic-bezier(.2,.8,.2,1), background-color .3s ease;
}
.ug-related-links .ug-link-list a:hover { transform: translateY(-5px); background: rgba(255,255,255,.14); }

@media (max-width: 767px) {
  .ug-taste-section { width: calc(100% - 24px); margin: 26px auto; padding: 22px 16px; border-radius: 26px; }
  .ug-taste-section h2 { font-size: clamp(31px, 10vw, 42px); line-height: 1.02; }
  .ug-inline-scene { width: 68px; }
  .ug-taste-section .ug-answer-grid { display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; }
  .ug-taste-section .ug-answer-card { flex: 0 0 min(78vw, 286px); min-height: 178px; padding: 18px; scroll-snap-align: start; }
  .ug-taste-section .ug-answer-card h3 { margin-top: 18px; }
  .ug-taste-section .ug-table-wrap { max-height: 352px; overflow: auto; }
  .ug-taste-section .ug-comparison-table,
  .ug-evjf-choice-section .ug-comparison-table { display: table !important; width: 760px !important; min-width: 760px; table-layout: fixed; }
  .ug-taste-section .ug-comparison-table caption { display: table-caption !important; }
  .ug-taste-section .ug-comparison-table thead,
  .ug-evjf-choice-section .ug-comparison-table thead { position: static; display: table-header-group !important; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; }
  .ug-taste-section .ug-comparison-table tbody,
  .ug-evjf-choice-section .ug-comparison-table tbody { display: table-row-group !important; width: auto !important; }
  .ug-taste-section .ug-comparison-table tr,
  .ug-evjf-choice-section .ug-comparison-table tr { display: table-row !important; width: auto !important; height: auto; margin: 0; padding: 0; border: 0; border-radius: 0; }
  .ug-taste-section .ug-comparison-table th,
  .ug-taste-section .ug-comparison-table td,
  .ug-taste-section.ug-evjf-choice-section .ug-comparison-table td { display: table-cell !important; width: auto !important; min-width: 0; height: auto; padding: 10px 14px; border: 0; vertical-align: middle; background: transparent; }
  .ug-taste-section .ug-comparison-table td::before,
  .ug-evjf-choice-section .ug-comparison-table td::before { display: none; }
  .ug-taste-section > p:last-child,
  .ug-taste-section .ug-evjf-choice-actions { padding: 16px; }
  .ug-related-links .ug-link-list { grid-template-columns: 1fr; }
  .ug-related-links .ug-link-list a { min-height: 58px; }
}

@media (prefers-reduced-motion: reduce) {
  .ug-taste-section *, .ug-author-card, .ug-related-links * { transition: none !important; }
}