/* Bloc promo Vendredi 13 — vert #2BD96B */
.v13{
    --v13-vert:#2BD96B;
    display:flex;align-items:center;justify-content:space-between;
    width:1280px;max-width:100%;margin:0 auto;box-sizing:border-box;
    padding:110px 0 50px;min-height:600px;text-align:left;color:#fff;
}
.v13_texte{flex:1 1 auto;max-width:700px;}
.v13_tag{display:inline-block;background:var(--v13-vert);color:#06111d;font-family:ubb,sans-serif;font-size:13px;letter-spacing:.4px;padding:4px 8px;border-radius:2px;margin-bottom:34px;}
.v13_titre{display:flex;align-items:center;gap:20px;margin-bottom:28px;}
.v13_pct{font-family:ubb,sans-serif;font-size:130px;line-height:1;letter-spacing:-4px;}
.v13_titre_txt{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-family:ubb,sans-serif;font-size:26px;line-height:1.1;}
.v13_surligne{background:var(--v13-vert);color:#06111d;padding:6px 14px;font-size:30px;border-radius:3px;}
.v13_accroche{font-size:16px;line-height:1.5;max-width:520px;margin:0 0 34px;color:#fff;}
.v13_prix{font-size:16px;margin-bottom:24px;}
.v13_prix s{font-family:ubb,sans-serif;margin:0 6px;}
.v13_prix strong{font-family:ubb,sans-serif;font-size:34px;margin-right:4px;}
.v13_btn{display:inline-flex;align-items:center;gap:8px;background:var(--v13-vert);color:#06111d;font-family:ubb,sans-serif;font-size:14px;padding:12px 18px;border-radius:3px;text-decoration:none;}
.v13_btn:hover{filter:brightness(1.1);}
.v13_visuel{position:relative;flex:0 0 520px;}
.v13_plateforme{display:block;width:100%;height:auto;}
.v13_badge{position:absolute;left:-30px;bottom:30px;width:180px;height:auto;}

.v13_texte{min-width:0;}
.v13_titre{flex-wrap:wrap;}

/* Responsive — largeurs identiques à #cat_accueil : 1280 / 1040 (≤1320) / 790 (≤1080) / 639 (≤840) / 450 (≤680) / 310 (≤480), sans marge latérale */
@media (max-width:1320px){
    .v13{width:1040px;padding:110px 0 40px;min-height:0;}
    .v13_visuel{flex:0 0 420px;}
    .v13_pct{font-size:110px;}
    .v13_titre_txt{font-size:22px;}.v13_surligne{font-size:26px;}
}
@media (max-width:1080px){
    .v13{width:790px;flex-direction:column;align-items:flex-start;padding:40px 0 30px;}
    .v13_texte{max-width:none;width:100%;}
    .v13_visuel{flex:0 0 auto;width:clamp(240px,45vw,340px);max-width:100%;margin:24px auto 0;}
    .v13_badge{width:120px;left:-10px;bottom:10px;}
    .v13_tag{margin-bottom:22px;}
}
@media (max-width:840px){.v13{width:639px;}}
/* ≤680px : tout est fluide (clamp + vw), la hauteur du hero suit le contenu */
@media (max-width:680px){
    .v13{width:450px;padding:clamp(24px,7vw,36px) 0 clamp(18px,5vw,24px);}
    .v13_tag{font-size:clamp(10px,2.9vw,13px);line-height:1.3;margin-bottom:clamp(12px,3.5vw,22px);}
    .v13_pct{font-size:clamp(56px,18vw,90px);letter-spacing:-3px;}
    .v13_titre{gap:clamp(8px,2.5vw,12px);margin-bottom:clamp(12px,4vw,20px);}
    .v13_titre_txt{font-size:clamp(15px,4.6vw,20px);gap:5px;}
    .v13_surligne{font-size:clamp(16px,5vw,22px);padding:4px clamp(8px,2.5vw,10px);}
    .v13_accroche{font-size:clamp(13px,3.8vw,15px);line-height:1.4;margin-bottom:clamp(12px,4vw,22px);}
    .v13_prix{font-size:clamp(13px,3.7vw,15px);margin-bottom:clamp(12px,4vw,24px);}
    .v13_prix strong{font-size:clamp(22px,7vw,28px);}
    .v13_btn{display:flex;justify-content:center;width:100%;box-sizing:border-box;padding:clamp(10px,3vw,12px) 14px;}
    .v13_visuel{width:clamp(180px,56vw,300px);margin-top:clamp(8px,3vw,24px);}
    .v13_badge{width:34%;}
}

/* Rubans d'angle : positionnés par rapport au conteneur général (classe v13_hote), peuvent déborder du cadre 1280px */
.v13_hote{position:relative;overflow:hidden;}
.v13_ruban{position:absolute;z-index:2;width:600px;height:32px;top:54px;line-height:32px;white-space:nowrap;overflow:hidden;
    font-family:ubb,sans-serif;font-size:14px;letter-spacing:.5px;text-transform:uppercase;pointer-events:none;}
/* Le ruban est ancré sur le bord de la page (pivot à 40px du bord, ligne médiane à y=70px) puis relevé de --v13-angle :
   plus la page est étroite, plus l'angle se ferme, et plus tôt le ruban sort par le haut (jamais de bout visible). */
.v13_ruban_gauche{--v13-angle:14deg;left:-40px;transform-origin:40px 50%;transform:rotate(calc(var(--v13-angle) * -1));background:#06111d;color:#2BD96B;border:1px solid #2BD96B;box-sizing:border-box;line-height:30px;}
.v13_ruban_droite{--v13-angle:14deg;right:-40px;transform-origin:calc(100% - 40px) 50%;transform:rotate(var(--v13-angle));background:#2BD96B;color:#03210F;}
@media (max-width:1320px){.v13_ruban{--v13-angle:18deg;}}
@media (max-width:1220px){.v13_ruban{--v13-angle:23deg;}}
@media (max-width:1150px){.v13_ruban{--v13-angle:28deg;}}
@media (max-width:1100px){.v13_ruban{--v13-angle:32deg;}}
@media (max-width:480px){.v13{width:310px;}}

/* Rubans masqués sous 1080px */
@media (max-width:1080px){.v13_ruban{display:none;}}

/* Défilement du texte des rubans : le contenu est doublé, on décale de 50% pour boucler sans saut */
.v13_defile{display:inline-block;white-space:nowrap;animation:v13_defile 25s linear infinite;}
.v13_ruban_droite .v13_defile{animation-direction:reverse;}
@keyframes v13_defile{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){.v13_defile{animation:none;}}