/* Encadré vaccination de la Pharmacie NOTO */
.vaccination-section{background:#08775f;color:#fff;border-top:7px solid #e8e42b}
.vaccination-inner{max-width:1440px;margin:auto;padding:4rem 7%;display:grid;grid-template-columns:1fr .93fr;gap:7%;align-items:center}
.vaccination-main .eyebrow{color:#e8e42b;margin-bottom:1rem}
.vaccination-main h2{color:#fff;font-size:clamp(2.5rem,4.5vw,4.5rem);margin-bottom:1.3rem}
.vaccination-main h2 em{font-style:normal;color:#e8e42b;font-weight:800;font-size:.76em;letter-spacing:-.055em}
.vaccination-intro{font-size:1.15rem;line-height:1.55;max-width:35rem;color:#f1faf5}
.vaccination-actions{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;margin:1.6rem 0}
.vaccination-actions .button{background:#d20b72;color:white}
.vaccination-actions .button:hover{background:#ae085c}
.vaccination-actions>a:not(.button){font-weight:700;text-decoration:underline;text-underline-offset:4px}
.vaccination-condition{font-size:.91rem;color:#e8f3ec;max-width:34rem;margin-bottom:0}
.vaccination-details{background:#fff;color:#183f37;padding:2rem 2.25rem;border-radius:5px}
.vaccination-kicker{color:#08775f;font-size:.78rem;letter-spacing:.12em;font-weight:800;margin-bottom:1rem}
.vaccination-details ul{list-style:none;padding:0;margin:0 0 1.5rem}
.vaccination-details li{padding:.9rem 0;border-top:1px solid #dce5df}
.vaccination-details li strong{display:block;color:#164f43;font-size:1.05rem}
.vaccination-details li span{display:block;color:#56665f;font-size:.91rem;line-height:1.5;margin-top:.2rem}
.vaccination-details>a{color:#08775f;text-decoration:underline;text-underline-offset:3px;font-weight:700;font-size:.88rem}
@media(max-width:900px){.vaccination-inner{grid-template-columns:1fr;gap:2rem;padding:3.5rem 6%}}
@media(max-width:640px){.vaccination-inner{padding:2.8rem 6%}.vaccination-main h2{font-size:2.6rem}.vaccination-intro{font-size:1rem}.vaccination-details{padding:1.5rem}.vaccination-actions .button{width:100%;text-align:center}}
@media print{.vaccination-section{background:white;color:black;border-top:1px solid #aaa}.vaccination-main h2,.vaccination-main h2 em,.vaccination-intro,.vaccination-condition,.vaccination-main .eyebrow{color:black}.vaccination-inner{display:block;padding:1rem}.vaccination-details{border:1px solid #aaa}}

/* Photo vaccination */
.vaccination-photo-wrap{
  margin:22px 0 20px;
  width:100%;
  aspect-ratio:3/2;
  overflow:hidden;
  border-radius:18px;
}
.vaccination-photo-wrap img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
@media(max-width:700px){
  .vaccination-photo-wrap{
    margin:18px 0;
    border-radius:14px;
  }
}

/* Petite vignette après SANS RENDEZ-VOUS */
.vaccination-thumb{
  float:left;
  width:190px;
  height:145px;
  object-fit:cover;
  border-radius:14px;
  margin:10px 18px 12px 0;
}

.vaccination-actions{
  clear:both;
}

@media(max-width:700px){
  .vaccination-thumb{
    width:130px;
    height:100px;
    margin-right:14px;
  }
}



/* FORCE PETITE VIGNETTE */
.vaccination-thumb{
  width:110px !important;
  height:84px !important;
  max-width:110px !important;
  flex:0 0 110px !important;
  object-fit:cover !important;
  border-radius:10px !important;
  margin:8px 14px 10px 0 !important;
}

@media(max-width:700px){
  .vaccination-thumb{
    width:90px !important;
    height:68px !important;
    max-width:90px !important;
    flex-basis:90px !important;
  }
}
/* FIN FORCE PETITE VIGNETTE */