/* Accueil uniquement : les vingt fiches restent dans le HTML, avec défilement natif. */
#cas-clients { --cc-visible: 4; --cc-gap: 18px; }
#cas-clients .develop-row > .container { max-width: 1800px; width: calc(100% - 64px); padding: 0; }
#cas-clients .cc-shell { margin: 0 auto; color: #262454; font-family: Poppins, sans-serif; }
#cas-clients .titlebar { margin-bottom: 42px; }
#cas-clients .cc-shell * { box-sizing: border-box; }
#cas-clients .cc-nav { display: flex; align-items: flex-end; gap: 16px; margin-bottom: 18px; }
#cas-clients [hidden] { display: none !important; }
#cas-clients .cc-picker { flex: 1; max-width: 560px; min-width: 0; display: block; margin: 0; }
#cas-clients .cc-picker-label { display: block; font-size: 13px; font-weight: 500; margin-bottom: 6px; color: #5b5976; }
#cas-clients .cc-picker select { width: 100%; background: #fff; color: #262454; border: 1px solid #c9c8dd; border-radius: 12px; padding: 11px 36px 11px 13px; font: 500 16px/1.5 Poppins, sans-serif; min-height: 46px; }
#cas-clients .cc-arrows { display: flex; gap: 8px; flex: 0 0 auto; margin-left: auto; }
#cas-clients .cc-arrow, #cas-clients .cc-toggle { display: flex; align-items: center; justify-content: center; height: 46px; border: 0; background: #262454; color: #fff; cursor: pointer; }
#cas-clients .cc-arrow { width: 46px; border-radius: 50%; font: 500 23px/1 Poppins, sans-serif; }
#cas-clients .cc-toggle { min-width: 112px; padding: 0 16px; border-radius: 24px; font: 500 14px/1.4 Poppins, sans-serif; }
#cas-clients .cc-arrow:disabled { background: #eeeef4; color: #9998aa; cursor: default; }
#cas-clients .cc-arrow:hover:not(:disabled), #cas-clients .cc-toggle:hover { background: #3c38b2; }
#cas-clients .cc-arrow:focus-visible, #cas-clients .cc-toggle:focus-visible, #cas-clients select:focus-visible, #cas-clients .cc-track:focus-visible { outline: 3px solid #3c38b2; outline-offset: 3px; }
#cas-clients .cc-track { position: relative; display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - (var(--cc-visible) - 1) * var(--cc-gap)) / var(--cc-visible)); align-items: stretch; gap: var(--cc-gap); overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; padding-bottom: 12px; scrollbar-width: thin; scrollbar-color: #b9b6d9 #f1f0f6; }
#cas-clients .cc-case { min-width: 0; margin: 0; border: 1px solid #e4e2ef; border-radius: 22px; overflow: hidden; background: #fff; display: flex; flex-direction: column; scroll-snap-align: start; scroll-snap-stop: always; scroll-margin-top: 125px; }
#cas-clients .cc-case-head { position: static; inset: auto; z-index: auto; padding: 0; transition: none; display: flex; flex-direction: column; background: #3c38b2; color: #fcf5c9; }
#cas-clients .cc-case-heading { padding: 20px 18px; display: flex; flex-direction: column; justify-content: center; min-width: 0; min-height: 192px; }
#cas-clients .cc-sector { font: 500 11px/1.5 Poppins, sans-serif; text-transform: uppercase; letter-spacing: .8px; margin-bottom: 9px; }
#cas-clients .cc-case-head h3 { font: 800 21px/1.3 Montserrat, sans-serif; color: #fcf5c9; margin: 0 0 12px; overflow-wrap: break-word; }
#cas-clients .cc-highlight { font: 600 14px/1.6 Poppins, sans-serif; margin: 0; color: #fff; }
#cas-clients .cc-photo-wrap { position: relative; min-width: 0; height: 144px; order: -1; }
#cas-clients .cc-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
#cas-clients .cc-content { display: flex; flex-direction: column; flex: 1; gap: 18px; padding: 20px 18px; }
#cas-clients h4 { font: 700 16px/1.4 Montserrat, sans-serif; color: #262454; margin: 0 0 7px; }
#cas-clients .cc-content p { margin: 0; color: #44415e; font: 400 15px/1.7 Poppins, sans-serif; }
#cas-clients .cc-results { background: #fcf5c9; border-radius: 14px; padding: 15px; }
#cas-clients .cc-results p { color: #262454; }
#cas-clients .cc-budget { display: flex; flex-direction: column; gap: 5px; padding-top: 15px; margin-top: auto; border-top: 1px solid #e9e7f0; }
#cas-clients .cc-budget span { font-size: 12px; color: #5b5976; }
#cas-clients .cc-budget strong { font-size: 15px; font-weight: 600; color: #262454; }
#cas-clients .cc-counter { margin: 12px 0 0; text-align: center; font: 400 13px/1.6 Poppins, sans-serif; color: #5b5976; }
@media (min-width: 1700px) { #cas-clients { --cc-visible: 5; } }
@media (max-width: 1199px) { #cas-clients { --cc-visible: 3; } }
@media (max-width: 999px) { #cas-clients { --cc-visible: 2; } }
@media (max-width: 680px) {
  #cas-clients { --cc-visible: 1; }
  #cas-clients .develop-row > .container { width: calc(100% - 30px); }
  #cas-clients .titlebar { margin-bottom: 30px; }
  #cas-clients .cc-nav { gap: 10px; flex-wrap: wrap; }
  #cas-clients .cc-picker { flex-basis: 100%; max-width: none; }
  #cas-clients .cc-case { scroll-margin-top: 85px; }
  #cas-clients .cc-case-heading { padding: 23px 20px; min-height: 0; }
  #cas-clients .cc-case-head h3 { font-size: 25px; }
  #cas-clients .cc-photo-wrap { height: 170px; }
  #cas-clients .cc-content { padding: 22px 18px; gap: 22px; }
  #cas-clients .cc-content p { font-size: 16px; }
  #cas-clients .cc-results { padding: 17px; }
}