.care-cards{
      display:grid;
      grid-template-columns:repeat(3, 1fr);
      gap:.9rem;
    }
    .care-card{
      position:relative;
      height:200px;
      border-radius:16px;
      overflow:hidden;
      cursor:pointer;
      box-shadow:0 10px 34px rgba(15,76,129,.10);
      transition:transform .5s cubic-bezier(.22,1,.36,1),
                 box-shadow .5s ease;
    }
    .care-card:hover{
      transform:translateY(-8px);
      box-shadow:0 32px 70px rgba(15,76,129,.24);
    }
    /* inner hairline ring for a finished, glassy edge */
    .care-card::after{
      content:"";
      position:absolute;
      inset:0;
      z-index:3;
      border-radius:inherit;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
      pointer-events:none;
    }
    .care-card-img{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:cover;
      transition:transform .8s cubic-bezier(.22,1,.36,1);
    }
    .care-card:hover .care-card-img{
      transform:scale(1.08);
    }
    .care-card-overlay{
      position:absolute;
      inset:0;
      background:linear-gradient(to top,
        rgba(7,33,57,.94) 0%,
        rgba(9,42,72,.62) 32%,
        rgba(15,76,129,.08) 58%,
        rgba(15,76,129,0) 72%);
      pointer-events:none;
      transition:opacity .5s ease;
    }
    /* editorial number, top-left */
    .care-card-num{
      position:absolute;
      top:14px;
      left:18px;
      z-index:2;
      font-family:"Cormorant Garamond", Georgia, serif;
      font-style:italic;
      font-size:1rem;
      font-weight:600;
      letter-spacing:.08em;
      color:rgba(255,255,255,.85);
      text-shadow:0 2px 10px rgba(7,33,57,.55);
    }
    .care-card-content{
      position:absolute;
      left:0;
      right:0;
      bottom:0;
      z-index:2;
      padding:1.2rem 1.3rem 1.1rem;
      color:#fff;
    }
    /* accent line that stretches on hover */
    .care-card-content::before{
      content:"";
      display:block;
      width:24px;
      height:2px;
      margin-bottom:.65rem;
      border-radius:2px;
      background:#22B8CF;
      transition:width .5s cubic-bezier(.22,1,.36,1);
    }
    .care-card:hover .care-card-content::before{
      width:48px;
    }
    .care-card-title{
      font-family:"Cormorant Garamond", Georgia, serif;
      font-size:1.3rem;
      font-weight:600;
      line-height:1.18;
      text-shadow:0 2px 14px rgba(7,33,57,.45);
    }
    .care-card-desc{
      margin-top:.55rem;
      max-height:80px;
      opacity:1;
      overflow:hidden;
      font-size:.82rem;
      line-height:1.55;
      color:rgba(255,255,255,.88);
    }
    .care-card-link{
      display:inline-flex;
      align-items:center;
      gap:.5rem;
      margin-top:.7rem;
      font-size:.7rem;
      font-weight:700;
      letter-spacing:.14em;
      text-transform:uppercase;
      color:#fff;
      white-space:nowrap;
      transition:gap .25s ease;
    }
    .care-card-link:hover{
      gap:.75rem;
    }
    .care-card-link svg{
      height:.85rem;
      width:.85rem;
    }

    @media (max-width:900px){
      .care-cards{
        display:flex;
        align-items:stretch;
        height:min(250px, 60vw);
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
        scroll-snap-type:x mandatory;
        padding-bottom:.5rem;
        scrollbar-width:none;        /* Firefox */
        -ms-overflow-style:none;     /* IE / anciens Edge */
      }
      /* masquer la barre de défilement (le swipe reste actif) */
      .care-cards::-webkit-scrollbar{ display:none; }  /* Chrome / Safari */
      .care-card{
        flex:0 0 72%;
        aspect-ratio:auto;
        height:100%;
        scroll-snap-align:start;
      }
      .care-card:hover{
        transform:none;
      }
    }