html{scroll-behavior:smooth;scroll-padding-top:79px}body{margin:0;background:#fff}
.v-content-block,.legacy-host,.v-main-product{width:100%;min-width:0;scroll-margin-top:82px}
.v-main-product>.wrap{width:calc(100% - 96px);margin-inline:48px;max-width:none}
/* CORRECTION V1.1 : la grille originale 565px + 535px laissait un tiers vide
   à droite sur les écrans larges. Les proportions restent proches de la maquette,
   mais les deux colonnes remplissent désormais le conteneur à marges validées. */
#presentation .product{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:clamp(28px,3.7vw,72px)}
@media(max-width:800px){#presentation .product{grid-template-columns:minmax(0,1fr);gap:24px}}
.v-product-subnav{position:sticky;top:0;z-index:1600;background:#fff;border-top:1px solid #e1e6ee;border-bottom:1px solid #e1e6ee;box-shadow:0 4px 15px #18204409}
.v-product-subnav-inner{min-height:58px;width:calc(100% - 96px);margin:0 48px;display:flex;align-items:center;gap:30px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}
.v-product-subnav strong{font-size:14px;min-width:130px;color:#171d48;font-weight:760}
.v-product-subnav a{font-size:13px;font-weight:680;color:#52617f;padding:19px 1px 16px;text-decoration:none;border-bottom:3px solid transparent}
.v-product-subnav a:hover,.v-product-subnav a.is-active{border-bottom-color:#1fb5c5;color:#171d48}
#essentiel .vetdoc-science{max-width:none;width:100%;padding:66px 48px 72px}
#essentiel .vetdoc-science h2{font-size:clamp(32px,3vw,43px)}
#essentiel .vetdoc-science .property{grid-template-columns:25px 58px minmax(0,1fr);min-height:102px;padding:15px 0;column-gap:14px}
#essentiel .vetdoc-science .property-icon{width:58px;height:58px}
#essentiel .vetdoc-science .property-no{padding-top:17px}
#essentiel .vetdoc-science .chem-art{min-height:245px;margin:0 0 10px}
#essentiel .vetdoc-science .chem-art img{max-width:430px;max-height:380px}
#essentiel .vetdoc-science .details-grid{gap:clamp(25px,4vw,58px);margin-top:36px}
#caracteristiques .repere-inner{padding:66px 48px 70px}
#caracteristiques .repere-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#technique{padding:36px 0 75px;background:#fff}
#technique .container{width:calc(100% - 96px);max-width:none;margin-inline:48px}
#technique .layout{grid-template-columns:248px minmax(0,1fr)}
#technique .hero.vd-doc-hero{padding:18px 0 20px;min-height:130px}
#technique #stage{scroll-margin-top:85px}
#technique .stage{min-width:0}
#vetdoc-footer-root{width:100%}
#vetdoc-footer-root .vf-v5 .vf-wrap{max-width:none;width:calc(100% - 96px);margin-inline:auto}
.vetdoc-message-dialog{border:1px solid #dce5ee;border-radius:15px;padding:29px;max-width:440px;width:calc(100% - 36px);color:#171d48;box-shadow:0 17px 58px #10163344}
.vetdoc-message-dialog::backdrop{background:#101632aa}
.vetdoc-message-dialog h2{font-size:24px;margin:0 0 12px}.vetdoc-message-dialog p{font-size:15px;line-height:1.6}
.vetdoc-message-dialog button{background:#171d48;color:white;border:0;border-radius:8px;padding:11px 19px;margin-top:15px}
@media(max-width:1199px){#caracteristiques .repere-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:880px){#technique .layout{grid-template-columns:1fr}}
@media(max-width:740px){.v-main-product>.wrap,#technique .container{width:calc(100% - 48px);margin-inline:24px}.v-product-subnav-inner{width:calc(100% - 48px);margin-inline:24px}#essentiel .vetdoc-science{padding:48px 24px 58px}#caracteristiques .repere-inner{padding:52px 24px 54px}#vetdoc-footer-root .vf-v5 .vf-wrap{width:calc(100% - 48px)}}
@media(max-width:560px){.v-main-product>.wrap,#technique .container{width:calc(100% - 36px);margin-inline:18px}.v-product-subnav-inner{width:calc(100% - 36px);margin-inline:18px;min-height:53px;gap:21px}.v-product-subnav strong{min-width:90px}.v-product-subnav a{font-size:12px;padding-block:17px 13px}#essentiel .vetdoc-science{padding:42px 18px 48px}#caracteristiques .repere-inner{padding:43px 18px 45px}#caracteristiques .repere-grid{grid-template-columns:1fr}#technique{padding:20px 0 52px}#vetdoc-footer-root .vf-v5 .vf-wrap{width:calc(100% - 36px)}#essentiel .vetdoc-science .property{grid-template-columns:25px 54px minmax(0,1fr);column-gap:11px}#essentiel .vetdoc-science .property-icon{width:54px;height:54px}}

#cvc-zone .vetdoc-quick-contact{display:flex;flex-wrap:wrap;gap:9px 16px;align-items:center;margin-top:10px;padding:12px 15px;background:#f3fafd;border:1px solid #d6e8ed;border-radius:9px;color:#171d48;font-size:14px}#cvc-zone .vetdoc-quick-contact span{color:#586985}#cvc-zone .vetdoc-quick-contact a{color:#00889b;font-weight:750;text-decoration:underline;text-underline-offset:2px}


/* ===== V1.2 — RESTAURATION DES MAQUETTES VALIDÉES =====
   Bloc 1 : capture approuvée avec galerie compacte (395 px), 2 colonnes à marges
   48/24/18 px et 24 px de respiration sous le bouton de disponibilité.
   Le style est volontairement limité au bloc #presentation. */
@media (min-width: 801px) {
  #presentation .g4 .gallery-frame {
    height: 395px;
    aspect-ratio: auto;
  }
  #presentation .g4 .gallery-frame .main-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
}
#presentation .product {
  padding-bottom: 24px;
}
/* Le CSS de la fiche RCP/Notice provenait d'un HTML autonome. Le :root de cette
   fiche n'avait pas été préservé durant l'intégration, d'où des styles d'onglets
   partiellement invalides (notamment var(--cyan)). Les variables sont remises
   sur son conteneur seulement, sans altérer les couleurs des autres blocs. */
#technique {
  --navy: #191f4a;
  --navy-deep: #111736;
  --ink: #1d2447;
  --muted: #65718e;
  --cyan: #52c6d5;
  --line: #d7dfed;
  --pale: #f5f7fb;
  --pale2: #f9fbfd;
  --white: #fff;
  --radius: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1.65;
  color: var(--ink);
}
/* Respecter les états des onglets RCP/Notice, tableau clinique et les boutons
   latéraux de la maquette technique d'origine. */
#technique .side-item.active,
#technique .compare-category.selected {
  box-shadow: inset 0 3px 0 var(--cyan);
}

/* V1.3 — isolation des chevrons des onglets de documentation.
   Le style .arrow de la galerie ne doit jamais changer la taille des chevrons
   de la navigation latérale. Alignement conforme au bloc technique validé. */
#technique .sidebar .side-item > .arrow {
  display: inline-block;
  width: auto;
  height: auto;
  flex: 0 0 auto;
  min-width: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
  font-size: 15px;
  line-height: 1;
}
#technique .sidebar .side-item.active > .arrow { color: #fff; }
#technique .sidebar .side-item:not(.active) > .arrow { color: #7787a2; }

/* Mobile navigation: keep all sections available using the native phone picker. */
#technique .vd-mobile-navigation { display:none; }
@media (max-width:880px) {
  #technique .sidebar { display:block; position:static; overflow:visible; }
  #technique .sidebar > .side-head,
  #technique .sidebar > #sidebarTabs { display:none !important; }
  #technique .vd-mobile-navigation { display:block; padding:18px; border-radius:10px; background:var(--navy); color:#fff; }
  #technique .vd-mobile-nav-title { font-size:16px; font-weight:700; margin-bottom:12px; }
  #technique .vd-mobile-navigation label { display:block; font-size:13px; line-height:1.5; margin-bottom:6px; color:#e2edf7; }
  #technique #vd-mobile-section { display:block; box-sizing:border-box; width:100%; max-width:100%; min-width:0; min-height:48px; margin:0; padding:12px 36px 12px 12px; border:1px solid #d7dfed; border-radius:7px; font:400 16px/1.4 Arial,Helvetica,sans-serif; color:var(--navy); background-color:#fff; appearance:auto; -webkit-appearance:menulist; cursor:pointer; }
  #technique #vd-mobile-section:focus-visible { outline:3px solid var(--cyan); outline-offset:3px; }
}