/* YOORSHOP v2026 CLOUD HA V2 START */
.ys26-product-cloud .ys26-product-kicker{border-color:#28a6ff;background:rgba(10,112,205,.13);color:#d9f2ff}
.ys26-product-cloud .ys26-product-hero h1 strong{color:#38a8ff}
.ys26-product-cloud .ys26-cloud-ha-visual{overflow:hidden;background:radial-gradient(circle at 70% 44%,rgba(28,143,255,.18),transparent 55%)}
.ys26-product-cloud .ys26-cloud-ha-visual img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.05) contrast(1.03)}
.ys26-product-cloud .ys26-product-plan-featured{border-color:#28a6ff;box-shadow:0 0 0 2px rgba(40,166,255,.25),0 18px 42px rgba(0,96,194,.22)}
.ys26-product-cloud .ys26-product-popular{background:#168fff}
.ys26-product-cloud .ys26-product-discount{background:#159f5b;color:#fff}
.ys26-product-cloud .ys26-cloud-comparison{padding-top:22px}
.ys26-product-cloud .ys26-product-reviews{padding-bottom:34px}
.ys26-product-cloud .ys26-cloud-faq{padding-top:34px;padding-bottom:82px}
@media(max-width:900px){.ys26-product-cloud .ys26-cloud-ha-visual{min-height:340px}}
@media(max-width:700px){.ys26-product-cloud .ys26-cloud-ha-visual{min-height:280px}.ys26-product-cloud .ys26-cloud-comparison{padding-top:8px}}
/* YOORSHOP v2026 CLOUD HA V2 END */

/* YOORSHOP V2026 PRODUCT FINAL CUMUL V1 START */
/*
 * Desktop : le hero seul sort de tout conteneur parent. La grille garde la
 * gouttière gauche centrée, mais sa seconde colonne va jusqu'au bord viewport.
 * --ys26-client-width/half sont posées par le JS produit avec clientWidth afin
 * d'éviter le faux débordement de 100vw causé par la barre de défilement.
 */
@media (min-width:1025px){
  .ys26-product .ys26-product-hero{
    position:relative!important;
    width:var(--ys26-client-width,100vw)!important;
    max-width:var(--ys26-client-width,100vw)!important;
    margin-left:calc(50% - var(--ys26-half-client-width,50vw))!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    overflow:hidden!important;
    border-radius:0!important;
    box-sizing:border-box!important;
  }
  .ys26-product .ys26-product-wrap.ys26-product-hero-grid{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,650px) minmax(0,1fr)!important;
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:max(24px,calc((var(--ys26-client-width,100vw) - 1348px)/2))!important;
    padding-right:0!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  .ys26-product .ys26-product-hero-copy{
    position:relative!important;
    z-index:4!important;
    grid-column:1!important;
    width:100%!important;
    max-width:650px!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
  .ys26-product .ys26-product-hero-visual{
    position:relative!important;
    z-index:1!important;
    grid-column:2!important;
    align-self:stretch!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    left:auto!important;
    inset:auto!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    min-height:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:0!important;
    transform:none!important;
    box-sizing:border-box!important;
  }
  .ys26-product .ys26-product-hero-visual img{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:100%!important;
    min-height:100%!important;
    margin:0!important;
    padding:0!important;
    object-fit:cover!important;
    object-position:center right!important;
    border-radius:0!important;
    transform:none!important;
  }
}

/* Transfert du jaune : les couleurs sont lues sur les vrais boutons au runtime. */
.ys26-product-plan-grid.ys26-plan-interacting
:is(.ys26-product-plan-card-featured,.ys26-product-plan-featured):not(.ys26-plan-active)
:is(a[href*="cart.php"],button,.ys26-product-plan-cta){
  background:var(--ys26-plan-normal-bg)!important;
  background-color:var(--ys26-plan-normal-bg)!important;
  border-color:var(--ys26-plan-normal-border)!important;
  color:var(--ys26-plan-normal-color)!important;
  box-shadow:var(--ys26-plan-normal-shadow)!important;
}
.ys26-product-plan-grid.ys26-plan-interacting
.ys26-product-plan-card.ys26-plan-active
:is(a[href*="cart.php"],button,.ys26-product-plan-cta){
  background:var(--ys26-plan-active-bg)!important;
  background-color:var(--ys26-plan-active-bg)!important;
  border-color:var(--ys26-plan-active-border)!important;
  color:var(--ys26-plan-active-color)!important;
  box-shadow:var(--ys26-plan-active-shadow)!important;
}
.ys26-product-plan-card :is(a[href*="cart.php"],button,.ys26-product-plan-cta){
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease!important;
}
/* YOORSHOP V2026 PRODUCT FINAL CUMUL V1 END */

/* YOORSHOP CLOUD HA FR EN FINAL V3 20260720 START */
@media (min-width:1366px){
  .ys26-product-cloud.ys26-cloud-ha-fullcanvas-fr .ys26-product-hero{background-color:#020712!important;background-image:url("../img/ys26-cloud-ha-fullcanvas-fr-2048-final-v3-20260720.png?v=20260720CLOUDHAFINAL3")!important;background-repeat:no-repeat!important;background-size:auto 100%!important;background-position:right top!important;}
  .ys26-product-cloud.ys26-cloud-ha-fullcanvas-en .ys26-product-hero{background-color:#020712!important;background-image:url("../img/ys26-cloud-ha-fullcanvas-en-2048-final-v3-20260720.png?v=20260720CLOUDHAFINAL3")!important;background-repeat:no-repeat!important;background-size:auto 100%!important;background-position:right top!important;}
  .ys26-product-cloud:is(.ys26-cloud-ha-fullcanvas-fr,.ys26-cloud-ha-fullcanvas-en) .ys26-product-hero-grid{display:block!important;min-height:clamp(560px,42.8711vw,878px)!important;}
  .ys26-product-cloud:is(.ys26-cloud-ha-fullcanvas-fr,.ys26-cloud-ha-fullcanvas-en) .ys26-product-hero-copy{position:relative!important;z-index:4!important;width:min(520px,34%)!important;max-width:520px!important;padding:64px 0 56px!important;}
  .ys26-product-cloud:is(.ys26-cloud-ha-fullcanvas-fr,.ys26-cloud-ha-fullcanvas-en) .ys26-product-hero-copy>h1{max-width:520px!important;}
  .ys26-product-cloud:is(.ys26-cloud-ha-fullcanvas-fr,.ys26-cloud-ha-fullcanvas-en) .ys26-product-hero-copy>p{width:100%!important;max-width:480px!important;}
  .ys26-product-cloud:is(.ys26-cloud-ha-fullcanvas-fr,.ys26-cloud-ha-fullcanvas-en) .ys26-cloud-ha-visual{display:none!important;}
}
@media (max-width:1365px){
  .ys26-product-cloud.ys26-cloud-ha-fullcanvas-fr .ys26-cloud-ha-visual{background-color:#020712!important;background-image:url("../img/ys26-cloud-ha-fullcanvas-fr-2048-final-v3-20260720.png?v=20260720CLOUDHAFINAL3")!important;background-repeat:no-repeat!important;background-size:auto 100%!important;background-position:right top!important;}
  .ys26-product-cloud.ys26-cloud-ha-fullcanvas-en .ys26-cloud-ha-visual{background-color:#020712!important;background-image:url("../img/ys26-cloud-ha-fullcanvas-en-2048-final-v3-20260720.png?v=20260720CLOUDHAFINAL3")!important;background-repeat:no-repeat!important;background-size:auto 100%!important;background-position:right top!important;}
  .ys26-product-cloud:is(.ys26-cloud-ha-fullcanvas-fr,.ys26-cloud-ha-fullcanvas-en) .ys26-product-hero-grid{display:grid!important;grid-template-columns:1fr!important;min-height:auto!important;}
  .ys26-product-cloud:is(.ys26-cloud-ha-fullcanvas-fr,.ys26-cloud-ha-fullcanvas-en) .ys26-product-hero-copy{grid-column:1!important;width:100%!important;max-width:650px!important;padding-bottom:30px!important;}
  .ys26-product-cloud:is(.ys26-cloud-ha-fullcanvas-fr,.ys26-cloud-ha-fullcanvas-en) .ys26-cloud-ha-visual{display:block!important;grid-column:1!important;width:100%!important;max-width:none!important;min-height:clamp(235px,42.8711vw,585px)!important;margin:0!important;}
  .ys26-product-cloud:is(.ys26-cloud-ha-fullcanvas-fr,.ys26-cloud-ha-fullcanvas-en) .ys26-cloud-ha-visual>img{opacity:0!important;visibility:hidden!important;}
}
.ys26-product-cloud:is(.ys26-cloud-ha-fullcanvas-fr,.ys26-cloud-ha-fullcanvas-en) .ys26-product-trust{margin-top:0!important;}
/* YOORSHOP CLOUD HA FR EN FINAL V3 20260720 END */