.vs{--b:#63BAE9;--bd:#2A7BB0;--n:#201F4C;--s:#EEF7FC;--l:#E3EEF5;--pk:#DE1A46;color:#3d3d4e;background:#F3F7FB;padding-bottom:8px}
.vs h1,.vs h2,.vs h3{font-family:Comfortaa,sans-serif;color:var(--n)}
.vs a{text-decoration:none}
.vs-note{background:#FFF7E0;border:1px dashed #E8B600;color:#6b5600;border-radius:10px;padding:8px 14px;font-size:13.5px;margin:0 0 12px}
.vs-bc{font-size:13px;color:#6b6b7b;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.vs-bc a{color:var(--bd)!important}.vs-bc a:hover{text-decoration:underline}
.vs-bc span[aria-hidden]{color:#6b6b7b}
.vs-hero{position:relative;background:radial-gradient(60% 80% at 8% 10%,#D3ECFB 0%,rgba(211,236,251,0) 60%),radial-gradient(45% 60% at 92% 0%,#FBE1E8 0%,rgba(251,225,232,0) 60%),radial-gradient(50% 70% at 70% 100%,#DDF1FC 0%,rgba(221,241,252,0) 60%),#F8FBFE;border-radius:0 0 44px 44px;padding:26px 0 44px;margin-bottom:12px}
.vs-hero .row{align-items:center}
.vs-kicker{display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:999px;padding:5px 14px 5px 6px;font-weight:700;font-size:13.5px;color:var(--n);box-shadow:0 2px 10px rgba(32,31,76,.06);margin-bottom:12px}
.vs-kicker img{width:26px;height:26px}
.vs-hero h1{font-size:44px;line-height:1.14;font-weight:700;margin:0 0 14px}
.vs-lead{font-size:17.5px;line-height:1.55;color:#4a4a5a;max-width:620px}
.vs-lead p{margin:0 0 8px}
.vs-search{display:flex;align-items:center;background:#fff;border-radius:999px;box-shadow:0 6px 24px rgba(32,31,76,.10);padding:6px 6px 6px 20px;max-width:560px;margin:20px 0 12px}
.vs-search:focus-within{box-shadow:0 0 0 3px rgba(99,186,233,.35),0 6px 24px rgba(32,31,76,.10)}
.vs-search>i{color:var(--bd);margin-right:10px}
.vs-search input{border:0;outline:0;flex:1;font-size:16px;min-width:0;background:transparent}
.vs-sbtn{display:inline-flex;align-items:center;gap:8px;height:40px;border-radius:999px;padding:0 16px 0 14px;font-size:14px;font-weight:700;background:#EEF7FC;color:#2A7BB0;border:1px solid rgba(99,186,233,.35);white-space:nowrap}
.vs-sbtn:hover,.vs-sbtn:focus{background:#63BAE9;color:#fff;border-color:#63BAE9}
.vs-btns{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 16px}
.vs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:30px;font-weight:700;font-size:15px;height:44px;padding:0 24px;text-decoration:none!important}
.vs-btn-rdv{background:#63BAE9;color:#fff!important}.vs-btn-rdv:hover{background:#2F8FC7}
.vs-btn-s{background:#fff;color:var(--n)!important;border:1px solid var(--l)}.vs-btn-s:hover{border-color:var(--b)}
.vs-trust{display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.vs-trust li{background:#fff;border:1px solid var(--l);border-radius:12px;padding:7px 12px;font-size:13.5px;color:var(--n);display:flex;align-items:center;gap:7px}
.vs-trust .fa{color:var(--bd)}.vs-trust .fa-star{color:#F5B301}
.vs-hero-img{text-align:center;position:relative}
.vs-hero-img img{width:100%;max-width:560px;height:auto;display:inline-block}


.vs-hero-img picture,.vs-hero-img img{position:relative;z-index:1}
.vs-sec{padding:44px 0}
.vs-panel{background:#fff;border-radius:32px;margin:12px clamp(10px,2vw,32px);box-shadow:0 1px 0 rgba(32,31,76,.04),0 12px 40px rgba(32,31,76,.05)}
.vs-sec h2{font-size:30px;font-weight:700;margin:0 0 14px;line-height:1.25}
.vs-sub{color:#5a5a6a;max-width:760px;margin:0 0 22px}
.vs-txt{font-size:16.5px;line-height:1.7;color:#3d3d4e}
.vs-txt p{margin:0 0 14px}
.vs-txt h3{font-size:20px;font-weight:700;margin:22px 0 8px}
.vs-txt strong{color:var(--n)}
.vs-txt a{color:var(--bd)!important;font-weight:700}.vs-txt a:hover{text-decoration:underline}
.vs-txt ul{list-style:none;padding:0;margin:0 0 16px}
.vs-txt ul li{position:relative;padding-left:28px;margin-bottom:8px}
.vs-txt ul li:before{content:"\f00c";font-family:FontAwesome;position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:#EEF7FC;color:#2A7BB0;font-size:11px;display:flex;align-items:center;justify-content:center}
.vs-row{display:grid;grid-template-columns:1.35fr 1fr;gap:48px;align-items:start}
.vs-row.vs-rev{grid-template-columns:1fr 1.35fr}
.vs-row.vs-rev .vs-media{order:-1}
.vs-row.vs-nomedia{grid-template-columns:1fr;max-width:900px}
.vs-media{position:sticky;top:110px}
.vs-media img{width:100%;height:auto;max-height:520px;object-fit:contain;display:block}
.vs-intro{max-width:880px}
.vs-intro .vs-txt{font-size:17px}
.vs-faq details{background:#F3F7FB;border-radius:14px;margin-bottom:10px;padding:0 18px}
.vs-faq summary{list-style:none;cursor:pointer;padding:16px 28px 16px 0;font-weight:700;color:var(--n);position:relative;font-size:16px}
.vs-faq summary::-webkit-details-marker{display:none}
.vs-faq summary:after{content:"+";position:absolute;right:0;top:12px;font-size:22px;color:var(--bd);font-weight:400}
.vs-faq details[open] summary:after{content:"–"}
.vs-faq details>div{padding:0 0 14px;color:#4a4a5a;font-size:15.5px;line-height:1.6}
.vs-faq details>div p{margin:0 0 8px}
.vs-rel{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.vs-card{display:flex;flex-direction:column;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 6px 24px rgba(32,31,76,.07);transition:color .18s,background-color .18s,border-color .18s,box-shadow .18s,transform .18s;text-decoration:none!important}
.vs-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(32,31,76,.12)}
.vs-card>img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}
.vs-card-b{padding:14px 16px 16px;display:flex;flex-direction:column;flex:1}
.vs-card-t{font-family:Comfortaa,sans-serif;font-weight:700;color:var(--n);font-size:16.5px;margin:0 0 6px;line-height:1.3}
.vs-card-d{font-size:13.5px;color:#5f5f70;margin:0 0 10px;line-height:1.45}
.vs-card-a{margin-top:auto;font-size:13px;font-weight:700;color:var(--bd)}
.vs-card-num{display:inline-block;font-family:Comfortaa,sans-serif;font-weight:700;color:#DE1A46;font-size:13px;margin-bottom:4px}
.vs-grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.vs-group{margin-top:26px}
.vs-group h3{font-size:19px;margin:0 0 12px;display:flex;align-items:center;gap:10px}
.vs-group h3:before{content:"";width:22px;height:4px;border-radius:4px;background:#DE1A46}
.vs-grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.vs-cta{position:relative;overflow:hidden;background:radial-gradient(45% 70% at 100% 0%,#FBE1E8 0%,rgba(251,225,232,0) 60%),radial-gradient(50% 80% at 0% 100%,#D3ECFB 0%,rgba(211,236,251,0) 60%),#fff;border-radius:32px;margin:12px clamp(10px,2vw,32px) 24px;padding:52px 0;box-shadow:0 12px 40px rgba(32,31,76,.06)}
.vs-cta .row{align-items:center}
.vs-cta h2{font-size:30px;font-weight:700;margin:0 0 12px}
.vs-cta p{color:#4a4a5a;margin:0 0 6px}
.vs-cta-img img{width:100%;max-width:460px;aspect-ratio:4/3;object-fit:cover;border-radius:24px;display:block;margin-left:auto}
.vs-posts{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.vs-tag{align-self:flex-start;background:var(--n);color:#fff;border-radius:999px;font-size:11.5px;font-weight:700;padding:3px 10px;margin-bottom:8px}
.vs-post-f{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--n);font-weight:600;border-top:1px solid var(--l);padding-top:10px}
.vs-post-f img{width:24px;height:24px;border-radius:50%;object-fit:cover}
.vs-post-f .vs-rt{margin-left:auto;color:#6b6b7b;font-weight:400}
.vs-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.vs-head .vs-sub{margin:0}
.vs-more{font-weight:700;color:var(--bd)!important;white-space:nowrap}
.vs-short{display:none}
@media (max-width:1199px){.vs-rel,.vs-grid4,.vs-posts{grid-template-columns:repeat(2,1fr)}.vs-grid5{grid-template-columns:repeat(3,1fr)}}
@media (max-width:991px){.vs-row,.vs-row.vs-rev{grid-template-columns:1fr;gap:20px}.vs-row.vs-rev .vs-media{order:0}.vs-media{position:static}.vs-media img{aspect-ratio:16/9}.vs-hero h1{font-size:36px}.vs-cta-img{display:none}}
@media (max-width:767px){
.vs-long{display:none}.vs-short{display:inline}
.vs-hero{min-height:calc(100vh - 76px);min-height:calc(100svh - 76px);display:flex;align-items:center;padding:16px 0 22px;border-radius:0 0 28px 28px}
.vs-hero>.container{width:100%}
.vs-hero-img{display:none!important}
.vs-bc{font-size:12px;margin-bottom:10px}
.vs-kicker{margin-bottom:8px}
.vs-hero h1{font-size:28px;line-height:1.18;margin-bottom:10px}
.vs-lead{font-size:15.5px;line-height:1.5}
.vs-search{margin:14px 0 10px;padding:5px 5px 5px 16px}
.vs-btns{flex-wrap:nowrap;margin:2px 0 12px}.vs-btns .vs-btn{flex:1;padding:0 12px}
.vs-trust{gap:6px}.vs-trust li{padding:6px 10px;font-size:12.5px}
.vs-sec{padding:32px 0}.vs-sec h2,.vs-cta h2{font-size:23px}
.vs-panel,.vs-cta{margin:10px 8px;border-radius:24px}
.vs-txt{font-size:15.5px}
.vs-rel,.vs-grid4,.vs-posts{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -12px;padding:4px 12px 12px;scrollbar-width:none}
.vs-rel>*,.vs-grid4>*,.vs-posts>*{flex:0 0 72%;scroll-snap-align:start}
.vs-grid5{grid-template-columns:repeat(2,1fr);gap:10px}
.vs-grid5 .vs-card-d{display:none}
.vs-cta{padding:32px 0}
.vs-faq summary{font-size:15px}
}
.vs-card-ic{width:52px;height:52px;border-radius:16px;background:#EEF7FC;display:flex;align-items:center;justify-content:center;margin-bottom:12px;flex:none}
.vs-card-ic img{width:32px;height:32px}
.vs-card.vs-ic .vs-card-b{padding:18px 18px 16px}
.vs-txt .vs-pre{font-size:17px;color:#4a4a5a;margin-bottom:18px}
@media (max-width:767px){.vs-card-ic{width:44px;height:44px;border-radius:13px;margin-bottom:8px}.vs-card-ic img{width:26px;height:26px}.vs-media img{max-height:280px}}
.vs-lmore{display:none}
@media (max-width:767px){.vs-lead.vs-clamp{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.vs-lead.vs-clamp p{display:inline}.vs-lead.vs-clamp p+p:before{content:" "}.vs-lead.vs-clamp.open{display:block}.vs-lead.vs-clamp.open p{display:block}.vs-lmore{display:inline-block;border:0;background:none;color:#2A7BB0;font-weight:700;font-size:14px;padding:0;margin:4px 0 2px}}
.vs-btn{white-space:nowrap}.vs-lbl-m{display:none}
@media (max-width:767px){.vs-lbl-d{display:none}.vs-lbl-m{display:inline}.vs-btns .vs-btn-s i{color:var(--b)}}
/* a11y 2026-10-02 */
.vs :is(a,button,summary,[tabindex]):focus-visible{outline:3px solid #2A7BB0!important;outline-offset:2px}
.vs :is(a,button,summary){touch-action:manipulation;-webkit-tap-highlight-color:rgba(99,186,233,.2)}
.vs :is(h1,h2,h3){text-wrap:balance}
.vs [id]{scroll-margin-top:110px}
:where(.vs) img{height:auto}
@media (prefers-reduced-motion:reduce){.vs *,.vs *::before,.vs *::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}

.vs-bc a{display:inline-block;padding:8px 0}.vs-lmore{min-height:40px;padding:8px 0}.vs-more{display:inline-flex;align-items:center;min-height:40px}

/* hero mobile : contenu réparti dans la ligne de flottaison 2026-10-03 */
@media (max-width:767px){.vs-hero{align-items:stretch!important;padding-top:10px!important;padding-bottom:16px!important}.vs-hero>.container{display:flex;flex-direction:column}.vs-hero .row{flex:1;align-items:stretch!important}.vs-hero .row>.col-lg-7{display:flex;flex-direction:column;gap:10px;padding-top:clamp(6px,2svh,20px)}.vs-hero .row>.col-lg-7>*{margin-top:0!important;margin-bottom:0!important}.vs-hero .row>.col-lg-7>.vs-search,.vs-hero .row>.col-lg-7>.vs-trust{margin-top:auto!important}.vs-hero .row>.col-lg-7>:last-child{margin-bottom:auto!important}}

/* hero mobile : hauteur réelle du header (80 px) + bandeau clinique ClubVET (40 px) 2026-10-02 */
@media (max-width:767px){.vs-hero{min-height:calc(100svh - 80px)!important}.navbarhead[style*="display: flex"]~main .vs-hero{min-height:calc(100svh - 120px)!important}}
@media (max-width:767px) and (max-height:640px){.vs-hero{padding-top:6px!important;padding-bottom:8px!important}.vs-hero .row>.col-lg-7{gap:6px!important;padding-top:4px!important}}

/* hero mobile : bloc recherche + boutons aéré (02/10/2026) */
@media (max-width:767px){.vs-hero .vs-search{height:58px!important;padding:6px 6px 6px 18px!important}.vs-hero .vs-search button{height:46px!important;padding:0 18px 0 16px!important;font-size:15px!important}.vs-hero .vs-search input{font-size:16px!important}.vs-hero .row>.col-lg-7>.vs-btns{gap:12px!important;margin-top:clamp(8px,1.6svh,14px)!important}.vs-hero .vs-btns a{height:52px!important;font-size:16px!important}.vs-hero .vs-trust{gap:8px!important}}@media (max-width:767px) and (max-height:640px){.vs-hero .vs-search{height:52px!important}.vs-hero .vs-search button{height:42px!important}.vs-hero .vs-btns a{height:46px!important}.vs-hero .row>.col-lg-7>.vs-btns{margin-top:4px!important}}

/* pages services : hero texte seul, recherche + RDV + badges dans « Contacter ma clinique » (02/10/2026) */
.vs-cta .vs-trust{margin-top:16px}
@media (max-width:767px){#wrap .vs-hero.vs-hero-txt{min-height:0!important;padding-bottom:22px!important}#wrap .vs-hero.vs-hero-txt .row>.col-lg-7>:last-child{margin-bottom:0!important}.vs-cta .vs-trust{margin-top:14px}}
@media (max-width:767px){.vs-cta .vs-search{height:58px!important;padding:6px 6px 6px 18px!important;margin-top:12px}.vs-cta .vs-search button{height:46px!important;padding:0 18px 0 16px!important;font-size:15px!important}.vs-cta .vs-search input{font-size:16px!important}.vs-cta .vs-btns{gap:12px!important;margin-top:14px!important}.vs-cta .vs-btns a{height:52px!important;font-size:16px!important}.vs-cta .vs-trust{gap:8px}}

/* espace texte / flèche (02/10/2026) */
.vs-more{gap:.45em}.vs-card-a .fa-arrow-right{margin-left:.25em}

/* hub : raccourcis familles + étiquette famille (02/10/2026) */
a.vs-kicker{color:var(--n);text-decoration:none}a.vs-kicker:hover{color:var(--bd)}
.vs-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.vs-jump a{display:inline-flex;align-items:center;gap:.5em;min-height:42px;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid var(--l);color:var(--n);font-weight:600;font-size:14.5px;text-decoration:none;box-shadow:0 4px 14px rgba(32,31,76,.05);transition:color .15s,border-color .15s,box-shadow .15s}.vs-jump a:hover{border-color:#63BAE9;color:var(--bd)}.vs-jump .fa{color:var(--bd);font-size:12px}
@media (max-width:767px){.vs-jump{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.vs-jump a{justify-content:space-between;min-height:48px;padding:8px 14px;font-size:14px;line-height:1.25;border-radius:16px}}

/* raccourcis : picto + nombre */
.vs-jump a{gap:.6em;padding-left:10px}.vs-jump img{flex:none;width:24px;height:24px}.vs-jump-n{min-width:24px;height:24px;border-radius:999px;background:#E6F4FC;color:var(--bd);font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 7px;margin-left:2px}
@media (max-width:767px){.vs-jump a{justify-content:flex-start;padding-left:10px}.vs-jump-l{flex:1}}
