body.vectone-v3 .vectone-compare-hub{position:absolute;z-index:1000;top:calc(100% + 12px);left:50%;width:min(880px,calc(100vw - 32px));transform:translateX(-50%);padding:28px;background:#fff;border:1px solid rgba(24,61,53,.12);border-radius:17px;box-shadow:0 14px 35px rgba(24,61,53,.12);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}.vectone-compare-hub.is-open{opacity:1;visibility:visible;pointer-events:auto}.vectone-compare-hub__eyebrow{margin:0 0 18px;color:#b9253c;font-size:11px;font-weight:800;letter-spacing:.15em}.vectone-compare-hub__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vectone-compare-hub__item{display:grid;grid-template-columns:28px 1fr 20px;gap:10px;align-items:center;min-height:82px;padding:15px;border:1px solid transparent;border-radius:11px;color:#183d35;text-decoration:none}.vectone-compare-hub__item:hover,.vectone-compare-hub__item:focus-visible{background:#eef1ef;border-color:rgba(24,61,53,.08);outline:none}.vectone-compare-hub__number{color:#b9253c;font-size:12px;font-weight:800}.vectone-compare-hub__title{display:block;font-weight:800}.vectone-compare-hub__description{display:block;margin-top:4px;color:#4b635c;font-size:12px;font-weight:400;line-height:1.35}.vectone-compare-hub__arrow{font-size:20px;transition:transform .18s ease}.vectone-compare-hub__item:hover .vectone-compare-hub__arrow,.vectone-compare-hub__item:focus-visible .vectone-compare-hub__arrow{transform:translateX(3px)}.vectone-compare-hub__item--unavailable{opacity:.55;cursor:not-allowed}.vectone-compare-hub__footer{display:flex;justify-content:flex-end;margin-top:16px;padding-top:17px;border-top:1px solid rgba(24,61,53,.1)}.vectone-compare-hub__all{color:#b9253c;font-weight:800;text-decoration:none}.vectone-compare-hub__all:focus-visible{outline:2px solid #d8ff62;outline-offset:3px}.vectone-compare-toggle{display:inline-flex;align-items:center;gap:7px;background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:8px 0}.vectone-compare-toggle__chevron{font-size:13px;transition:transform .18s ease}.vectone-compare-toggle[aria-expanded=true] .vectone-compare-toggle__chevron{transform:rotate(180deg)}.vectone-compare-hub-mobile{display:none}@media(max-width:767px){body.vectone-v3 .vectone-compare-hub{position:static;display:none;width:auto;transform:none;padding:8px 0 2px;border:0;border-radius:0;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto}.vectone-compare-hub.is-open{display:block}.vectone-compare-hub__grid{display:block}.vectone-compare-hub__item{min-height:0;padding:12px 8px}.vectone-compare-hub__footer{margin-top:8px;padding:12px 8px}.vectone-compare-hub__description{display:none}.vectone-compare-toggle{width:100%;justify-content:space-between}.vectone-compare-hub-mobile{display:block}}
body.vectone-v3 .site-header .vectone-hub-child{display:none!important}@media(min-width:768px){body.vectone-v3 .vectone-compare-hub__item--unavailable{display:flex}}
body.vectone-v3 .site-header .vectone-compare-toggle::after,
body.vectone-v3 .site-header .vectone-compare-toggle::before{display:none!important}
body.vectone-v3 .site-header .site-drawer-header .site-brand{display:flex;align-items:center;min-height:68px;padding:14px 18px}
body.vectone-v3 .site-header .site-drawer-header .site-brand img{display:block;width:auto!important;max-width:190px!important;height:auto!important;max-height:52px!important;object-fit:contain}
body.vectone-v3 .site-header .site-drawer-header .site-close{margin-left:auto}
@media(max-width:767px){body.vectone-v3 .site-header .site-drawer-header .site-brand{padding:16px 20px}.vectone-compare-toggle{min-height:44px}}
body.vectone-v3 .site-header .vectone-compare-parent{position:relative}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu{display:grid!important;grid-template-columns:repeat(2,minmax(260px,1fr));gap:8px;position:absolute;z-index:1000;top:calc(100% + 12px);left:50%;width:min(880px,calc(100vw - 32px));margin:0;padding:28px;transform:translateX(-50%);background:#fff;border:1px solid rgba(24,61,53,.12);border-radius:17px;box-shadow:0 14px 35px rgba(24,61,53,.12);opacity:0;visibility:hidden;pointer-events:none}
body.vectone-v3 .site-header .vectone-compare-parent.is-open > .sub-menu{opacity:1;visibility:visible;pointer-events:auto}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child{display:block!important;min-height:54px;padding:14px;border-radius:11px}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:hover{background:#eef1ef}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child > a{display:block!important;color:#183d35!important;font-weight:700}
@media(max-width:767px){body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu{display:block!important;position:static;width:auto;margin:0;padding:8px 0 2px;transform:none;border:0;border-radius:0;box-shadow:none;opacity:0;visibility:hidden;max-height:0;overflow:hidden;pointer-events:none}.site-header .vectone-compare-parent.is-open > .sub-menu{opacity:1;visibility:visible;max-height:500px;pointer-events:auto}.site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child{min-height:44px;padding:10px 8px}}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu::before{content:"COMPARER LES FORFAITS\A Trouvez l’offre adaptée à votre budget et à vos usages.";display:block;grid-column:1/-1;margin:-2px 0 8px;padding:0 0 20px;color:#183d35;font-size:12px;font-weight:800;letter-spacing:.13em;line-height:1.5;text-transform:uppercase;white-space:pre-line;border-bottom:1px solid rgba(24,61,53,.12)}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child{position:relative;margin:0;padding:16px 38px 16px 46px;border:1px solid transparent;border-radius:10px;box-shadow:inset 2px 0 0 transparent;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child::before{position:absolute;left:16px;top:17px;color:#b9253c;font-size:11px;font-weight:800;letter-spacing:.08em}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:nth-child(1)::before{content:"01"}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:nth-child(2)::before{content:"02"}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:nth-child(3)::before{content:"03"}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:nth-child(4)::before{content:"04"}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:nth-child(5)::before{content:"05"}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child > a{position:relative;padding:0!important;font-size:13px!important;line-height:1.35;text-transform:uppercase;letter-spacing:.04em}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child > a::after{display:block;margin-top:5px;color:#4b635c;font-size:12px;font-weight:400;letter-spacing:0;text-transform:none}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:nth-child(1) > a::after{content:"Restez libre de changer."}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:nth-child(2) > a::after{content:"Découvrez les offres avec durée."}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:nth-child(3) > a::after{content:"Pour les gros usages de data."}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:nth-child(4) > a::after{content:"Comparez les offres à petit prix."}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:nth-child(5) > a::after{content:"Pour vos usages au-delà de la France."}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child::after{content:"→";position:absolute;right:16px;top:50%;color:#183d35;font-size:18px;transform:translateY(-50%);transition:transform .18s ease,color .18s ease}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:hover,
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:focus-within{background:#eef1ef;border-color:rgba(24,61,53,.08);box-shadow:inset 2px 0 0 #b9253c}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:hover::after,
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:focus-within::after{color:#b9253c;transform:translate(3px,-50%)}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:nth-child(5){box-shadow:inset 2px 0 0 #d8ff62}
@media(max-width:767px){body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu::before{padding:8px 8px 14px;font-size:11px}.site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child{padding:13px 34px 13px 40px}.site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child::before{left:8px;top:14px}.site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child::after{right:8px}.site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child > a{font-size:13px!important}.site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child > a::after{font-size:11px}}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu{width:min(840px,calc(100vw - 32px));padding:24px 26px 26px;gap:14px 16px;box-shadow:0 10px 24px rgba(24,61,53,.10);z-index:1100}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu::before{margin:0 0 2px;padding:0 0 16px;line-height:1.35}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child{min-height:68px;padding:13px 38px 13px 48px;box-shadow:inset 2px 0 0 transparent}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child::before{left:16px;top:15px;line-height:1.35}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child > a{line-height:1.25}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child > a::after{margin-top:4px;line-height:1.25}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child::after{right:14px}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:nth-child(5){box-shadow:inset 2px 0 0 transparent}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:hover,
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:focus-within{box-shadow:inset 2px 0 0 #b9253c;background:#f8faf9}
@media(max-width:767px){body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu{width:auto;padding:8px 0 2px;gap:0;box-shadow:none}.site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child{min-height:44px;padding:12px 34px 12px 40px}.site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child::before{left:8px;top:13px}.site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child::after{right:8px}}
body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child::before{content:none!important;display:none!important}

/* Final two-column finish: preserve the existing menu composition. */
@media (min-width: 768px) {
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(820px, calc(100vw - 32px));
    max-width: 820px;
    max-height: calc(100vh - 190px);
    overflow-y: auto;
    top: calc(100% + 8px);
    padding: 24px 26px 26px;
    gap: 10px 22px;
    border: 1px solid rgba(18,61,53,.14);
    border-radius: 14px;
    background: #fcfdfc;
    box-shadow: 0 9px 20px rgba(18,61,53,.09);
  }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu::before {
    margin: 0 0 2px;
    padding: 0 0 14px;
    color: #123d35;
    font-size: 12px;
    letter-spacing: .08em;
    line-height: 1.4;
    text-transform: none;
  }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child {
    display: block !important;
    min-height: 60px;
    height: auto;
    padding: 0;
    border: 0;
    border-bottom: 1px solid rgba(18,61,53,.12);
    border-radius: 0;
    box-shadow: none;
  }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:nth-last-child(-n+2) { border-bottom: 0; }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child::before { content: none; }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child::after {
    right: 12px;
    color: #123d35;
    font-size: 17px;
    content: "→";
  }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child > a {
    display: flex !important;
    align-items: center;
    min-height: 60px;
    padding: 0 30px 0 0 !important;
    color: #123d35 !important;
    font-size: 15px !important;
    font-weight: 600;
    letter-spacing: normal;
    line-height: 1.3;
    text-transform: none;
  }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child > a::after { display: none; }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:hover,
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:focus-within {
    background: #eaf5f1;
    box-shadow: inset 2px 0 0 #b9253c;
  }
}

/* Last cascade: keep the prototype dimensions after legacy rules. */
@media (min-width: 768px) {
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu { width: min(838px,calc(100vw - 32px)); max-width: 838px; padding: 24px 26px 26px; gap: 0 24px; border-radius: 12px; background: #fcfdfc; box-shadow: 0 12px 26px rgba(16,45,40,.11); }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu::before { margin: 0; padding: 0 0 6px; border: 0; content: "COMPARER LES FORFAITS"; font-size: 21px; font-weight: 650; line-height: 1.2; letter-spacing: normal; text-transform: none; }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu::after { grid-column: 1/-1; margin: 0 0 8px; padding: 0 0 16px; border-bottom: 1px solid rgba(18,61,53,.12); color: #4b635c; content: "Trouvez l’offre adaptée à votre budget et à vos usages."; font-size: 13px; font-weight: 400; line-height: 1.4; }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child { min-height: 65px; border-bottom: 1px solid rgba(18,61,53,.11); border-radius: 0; }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:nth-child(6) { border-bottom: 0; }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child > a { min-height: 65px; padding-right: 30px !important; color: #123d35 !important; font-size: 16px !important; font-weight: 600 !important; letter-spacing: normal; text-transform: none; }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child > a::after { right: 10px; color: #123d35; font-size: 17px; }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:hover, body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:focus-within { background: #f1f5f3; box-shadow: inset 0 -2px 0 #b9253c; }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child > a:focus-visible { outline: 2px solid #b9253c; outline-offset: -3px; }
}
@media (min-width: 768px) and (max-width: 900px) { body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu { width: calc(100vw - 28px); padding-inline: 20px; gap: 0 18px; } }
@media (max-width: 767px) {
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu::before { content: "COMPARER LES FORFAITS"; font-size: 17px; font-weight: 650; letter-spacing: normal; text-transform: none; }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu::after { display: block; margin: 0 8px 4px; padding: 0 0 10px; border-bottom: 1px solid rgba(18,61,53,.12); color: #4b635c; content: "Trouvez l’offre adaptée à votre budget et à vos usages."; font-size: 12px; line-height: 1.4; }
}

/* Validated prototype integration: final local cascade for the WordPress menu. */
@media (min-width: 768px) {
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu {
    width: min(838px, calc(100vw - 32px));
    max-width: 838px;
    padding: 24px 26px 26px;
    gap: 0 24px;
    border-radius: 12px;
    background: #fcfdfc;
    box-shadow: 0 12px 26px rgba(16,45,40,.11);
  }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu::before {
    grid-column: 1 / -1;
    margin: 0;
    padding: 0 0 6px;
    border: 0;
    color: #123d35;
    content: "COMPARER LES FORFAITS";
    font-size: 21px;
    font-weight: 650;
    line-height: 1.2;
    letter-spacing: normal;
    text-transform: none;
  }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu::after {
    grid-column: 1 / -1;
    margin: 0 0 8px;
    padding: 0 0 16px;
    border-bottom: 1px solid rgba(18,61,53,.12);
    color: #4b635c;
    content: "Trouvez l’offre adaptée à votre budget et à vos usages.";
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
  }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child,
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:nth-last-child(-n+2) {
    min-height: 65px;
    border-bottom: 1px solid rgba(18,61,53,.11);
  }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:nth-child(6) { border-bottom: 0; }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child > a {
    min-height: 65px;
    padding-right: 30px !important;
    color: #123d35 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.3;
    letter-spacing: normal;
    text-transform: none;
  }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child > a::after {
    right: 10px;
    color: #123d35;
    font-size: 17px;
  }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:hover,
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:focus-within {
    background: #f1f5f3;
    box-shadow: inset 0 -2px 0 #b9253c;
  }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child > a:focus-visible {
    outline: 2px solid #b9253c;
    outline-offset: -3px;
  }
}

@media (min-width: 768px) and (max-width: 900px) {
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu { width: calc(100vw - 28px); padding-inline: 20px; gap: 0 18px; }
}

@media (max-width: 767px) {
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu::before {
    content: "COMPARER LES FORFAITS";
    font-size: 17px;
    font-weight: 650;
    letter-spacing: normal;
    text-transform: none;
  }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu::after {
    display: block;
    margin: 0 8px 4px;
    padding: 0 0 10px;
    border-bottom: 1px solid rgba(18,61,53,.12);
    color: #4b635c;
    content: "Trouvez l’offre adaptée à votre budget et à vos usages.";
    font-size: 12px;
    line-height: 1.4;
  }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child > a { font-weight: 600 !important; }
}

/* Final edge-safe desktop menu: compact and centered. */
@media (min-width: 768px) {
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: min(820px, calc(100vw - 32px)) !important;
    max-width: 820px !important;
    margin: 0 !important;
    padding: 22px 24px 24px !important;
    gap: 0 22px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
    border: 1px solid rgba(18,61,53,.14) !important;
    border-radius: 14px !important;
    background: #fcfdfc !important;
    box-shadow: 0 10px 24px rgba(18,61,53,.1) !important;
  }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child {
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(18,61,53,.12) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:nth-last-child(-n+2) { border-bottom: 0 !important; }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child > a {
    display: flex !important;
    align-items: center !important;
    min-height: 56px !important;
    padding: 0 30px 0 0 !important;
    color: #123d35 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    text-transform: none !important;
  }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:hover,
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:focus-within { background: #eaf5f1 !important; }
}

@media (max-width: 767px) {
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu {
    width: auto;
    max-width: none;
    max-height: none;
    overflow: visible;
    padding: 8px 0 2px;
    gap: 0;
    box-shadow: none;
  }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu::before {
    padding: 8px 8px 12px;
    font-size: 11px;
    letter-spacing: normal;
    text-transform: none;
  }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child,
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:nth-last-child(-n+2) {
    min-height: 48px;
    border-bottom: 1px solid rgba(18,61,53,.12);
  }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:last-child { border-bottom: 0; }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child > a {
    min-height: 48px;
    padding: 0 28px 0 8px !important;
    font-size: 15px !important;
  }
}

/* Compact desktop dropdown: rows follow their content instead of stretching. */
@media (min-width: 768px) {
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu {
    grid-auto-rows: minmax(0, auto);
    align-items: start;
    max-height: calc(100vh - 210px);
    overflow-y: auto;
  }
  body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child {
    min-height: 56px;
    height: auto;
    padding-top: 11px;
    padding-bottom: 11px;
  }
}

/* Final prototype values: placed after legacy menu rules. */
@media (min-width: 768px) {
  html body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu { width: min(838px,calc(100vw - 32px)); max-width: 838px; padding: 24px 26px 26px; gap: 0 24px; border-radius: 12px; background: #fcfdfc; box-shadow: 0 12px 26px rgba(16,45,40,.11); }
  html body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu::before { margin: 0; padding: 0 0 6px; border: 0; content: "COMPARER LES FORFAITS"; font-size: 21px; font-weight: 650; line-height: 1.2; letter-spacing: normal; text-transform: none; }
  html body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu::after { grid-column: 1/-1; margin: 0 0 8px; padding: 0 0 16px; border-bottom: 1px solid rgba(18,61,53,.12); color: #4b635c; content: "Trouvez l’offre adaptée à votre budget et à vos usages."; font-size: 13px; line-height: 1.4; }
  html body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child { min-height: 65px; border-bottom: 1px solid rgba(18,61,53,.11); border-radius: 0; }
  html body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:nth-child(6) { border-bottom: 0; }
  html body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child > a { min-height: 65px; padding-right: 30px !important; color: #123d35 !important; font-size: 16px !important; font-weight: 600 !important; letter-spacing: normal; text-transform: none; }
  html body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child > a::after { right: 10px; color: #123d35; font-size: 17px; }
  html body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:hover, html body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu > .vectone-compare-child:focus-within { background: #f1f5f3; box-shadow: inset 0 -2px 0 #b9253c; }
}
@media (max-width: 767px) { html body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu::before { content: "COMPARER LES FORFAITS"; font-size: 17px; font-weight: 650; letter-spacing: normal; text-transform: none; } html body.vectone-v3 .site-header .vectone-compare-parent > .sub-menu::after { display: block; margin: 0 8px 4px; padding: 0 0 10px; border-bottom: 1px solid rgba(18,61,53,.12); color: #4b635c; content: "Trouvez l’offre adaptée à votre budget et à vos usages."; font-size: 12px; line-height: 1.4; } }