.cdn-christmas-banner-wrap{box-sizing:border-box;width:100%;max-width:1540px;margin:21px auto 8px;padding:0 1rem}
.cdn-christmas-banner{display:block;overflow:hidden;border-radius:1.75rem;border:1px solid #d9f0ef;box-shadow:0 12px 34px #0f647514;transition:box-shadow .2s}
.cdn-christmas-banner:hover{box-shadow:0 14px 38px #0f647529}
.cdn-christmas-banner:focus-visible{outline:3px solid #0e7490;outline-offset:4px}
.cdn-christmas-banner picture,.cdn-christmas-banner img{display:block;width:100%;height:auto}
/* Logo habituel : aucun bonnet de Noel. */
.cdn-advent-badge{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:5px 9px;border:1px solid #a3e4b2;border-radius:999px;background:#dcfce7;color:#166534!important;font:800 10px/1.25 Inter,Arial,sans-serif;white-space:nowrap;vertical-align:middle;box-shadow:0 1px 2px #14532d0a}
.cdn-advent-badge svg{width:14px;height:14px;flex-shrink:0}
.cdn-advent-notice{display:flex;align-items:flex-start;gap:18px;margin-bottom:20px;padding:24px 28px;border:1px solid #cde6dc;border-radius:24px;background:#fff;box-shadow:0 10px 30px #0f172a06;color:#12364c}
.cdn-advent-notice>svg{width:36px;height:36px;flex-shrink:0;color:#15803d}
.cdn-advent-notice strong{display:block;margin:0 0 7px;color:#15803d;font-size:22px;line-height:1.3}
.cdn-advent-notice p{margin:0;line-height:1.65}
.cdn-advent-notice .cdn-advent-notice__kicker{margin-bottom:10px;font-weight:600}
.cdn-advent-hero>div{background:#bceff1}
.cdn-advent-hero .cdn-advent-hero-bg{background-size:auto 100%!important;background-position:right center!important;background-repeat:no-repeat}
.cdn-advent-hero .cdn-advent-hero-bg>div{background:linear-gradient(90deg,#bceff1 0%,#bceff1e8 30%,transparent 65%)}
.cdn-season-preview{position:fixed;bottom:10px;left:10px;z-index:2000;max-width:calc(100vw - 20px);display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;border:1px solid #d97706;border-radius:12px;background:#fffbeb;color:#78350f;box-shadow:0 4px 20px #0002;font:600 12px/1.3 Arial,sans-serif}
.cdn-season-preview a{text-decoration:underline}
@media(min-width:640px){.cdn-christmas-banner-wrap{padding-left:1.5rem;padding-right:1.5rem}}
@media(min-width:1024px){.cdn-christmas-banner-wrap{padding-left:2.5rem;padding-right:2.5rem}.cdn-advent-hero .max-w-\[760px\]{max-width:68%}}
@media(min-width:1280px){.cdn-christmas-banner-wrap{padding-left:3.5rem;padding-right:3.5rem}}
@media(max-width:767px){.cdn-christmas-banner-wrap{padding:0 .625rem;margin-top:14px}.cdn-christmas-banner{border-radius:1.35rem}.cdn-advent-notice{padding:19px;gap:12px}.cdn-advent-notice strong{font-size:19px}.cdn-advent-notice>svg{width:27px;height:27px}.cdn-advent-hero .cdn-advent-hero-bg>div{background:linear-gradient(90deg,#d8f5f5f5,#d8f5f5df 65%,#d8f5f580)}.cdn-advent-badge{font-size:9px;padding:4px 7px}}


/* Avent desktop : le fondu commence au bord reel de l'image.
   L'illustration conserve ses proportions et sa hauteur naturelle dans le hero. */
@media (min-width: 1024px) {
  .cdn-advent-hero .cdn-advent-hero-bg {
    background-color: #bceff1 !important;
    background-size: auto 100% !important;
    background-position: right center !important;
  }
  .cdn-advent-hero .cdn-advent-hero-bg > div {
    left: auto;
    right: 0;
    top: 0;
    bottom: 0;
    width: auto;
    height: 100%;
    max-width: 100%;
    aspect-ratio: 2172 / 724;
    background: linear-gradient(90deg, #bceff1 0%, #bceff1 3%, rgba(188,239,241,.85) 15%, rgba(188,239,241,0) 45%);
  }
}