/* Shared fixes for the .cases-v4 success-stories carousel (CasesCarouselSection),
   for pages whose carousel includes oversized/ultra-wide case art (DIFWEB-196).
   Loaded by the pages that need it (Agentic, Discovery, AI Development) — NOT in
   styles.min.css, which the production build purges (the [src*=…] attribute rule
   could be stripped). about-us uses the same carousel but only portrait art, so
   it doesn't load this. */

/* The carousel keeps overflow:visible on its track so the adjacent slide peeks
   (dimmed) — matching prod. But .cases-v4 .item__art img has only a max-height,
   no max-width, so wide landscape art (e.g. RedTrack's dashboard) renders
   ~1000px+ wide and spills out of its slide into the neighbour. Clip each slide
   to its own rounded card so art stays inside; the dimmed peek is unaffected. */
.cases-v4 .item {
  overflow: hidden;
}

/* RedTrack's dashboard art is ultra-wide (1400x633, ~2.2:1). At the carousel's
   default max-height:600 it rendered ~1326px wide, dominating the row and
   crushing the title into a narrow column. Cap its width and add margin so the
   art stays fully visible with breathing room and the title gets a normal-width
   column. Desktop only — mobile stacks art under text at full width. Targeted
   by src so the other (portrait) slides are unaffected. */
@media (min-width: 1280px) {
  .cases-v4 .item__art img[src*="redtrack"] {
    max-width: 640px;
    margin: 36px;
  }
}

/* ...and vertically center that RedTrack art (the carousel bottom-aligns art
   via margin-top:auto; the dashboard reads better centered against the text). */
@media (min-width: 1280px) {
  .cases-v4 .item__art:has(img[src*="redtrack"]) {
    margin-top: auto;
    margin-bottom: auto;
  }
}

/* FAQ-neighbourhood spacing on the AI service pages. The success-stories
   carousel is immediately followed by the FAQ (a self-contained grey panel)
   and then the contact form. With the standard 80px section padding the FAQ
   floats in ~160px of whitespace each side; the gap is dominated by the
   NEIGHBOURS' padding (carousel bottom + form top), so trim all three to 32px
   for a tighter ~64px gap. Only the pages that link this file are affected. */
.cases-carousel-v4 {
  padding-bottom: 32px;
}
.faq {
  padding-top: 32px;
  padding-bottom: 32px;
}
.get-started-v5 {
  padding-top: 32px;
}