.as-l-fullwidth{
  width:100%;
  overflow:hidden;
}

.dd-fill-tertiary{
  background-color:#f5f5f7;
  --ribbon-background-color:rgb(245,245,247);
}

.single-product .dd-fill-tertiary{
  background-color:#fff;
}
.dd-holiday-202511-header .dd-container{
  width:100vw;
  height:88px;
  position:relative;
}

.dd-holiday-202511-header .dd-colors{
  position:relative;
  width:100%;
  height:100%;
  opacity:1;
  transform:translate3d(0,0,0);
}

.dd-holiday-202511-header .dd-color{
  position:absolute;
  border-radius:50%;
  filter:blur(20px);
  will-change:transform;
  transform:translate3d(0,0,0);
}

/* blobs */
.dd-holiday-202511-header .dd-blue{
  width:60vw;
  height:75px;
  top:-100px;
  left:0;
  background:#00a0ff;
  animation:blue-animation 1s ease .2s forwards;
}

.dd-holiday-202511-header .dd-orange{
  width:50vw;
  height:50px;
  top:-75px;
  right:0;
  background:#fa8238;
  animation:orange-animation 1.5s ease-out .5s forwards;
}

.dd-holiday-202511-header .dd-yellow-orange{
  width:25vw;
  height:150px;
  top:-200px;
  right:30%;
  background:linear-gradient(90deg,#f1e8c8,#f1e8c8,#f1e8c8,#fdb545,#fdb545,#fa8238);
  animation:yellow-orange-animation 1.2s ease-in-out forwards;
}

.dd-holiday-202511-header .dd-blue-yellow{
  width:15vw;
  height:150px;
  top:-200px;
  left:35vw;
  background:linear-gradient(90deg,#00a0ff,#91dafc,#91dafc,#f1e8c8,#f1e8c8);
  animation:blue-yellow-animation 2s ease-in-out forwards;
}

/* keyframes */
@keyframes orange-animation{
  0%{ top:-75px; right:10vw; }
  50%{ top:-30px; }
  100%{ top:-28px; right:-1vw; }
}

@keyframes blue-yellow-animation{
  0%{ top:-200px; transform:scaleX(1) translateX(0); }
  25%{ top:-110px; transform:scaleX(1.5) translateX(0); }
  50%{ top:-120px; transform:scaleX(2.25) translateX(10%); }
  100%{ top:-105px; transform:scaleX(2.2) translateX(5%); }
}

@keyframes yellow-orange-animation{
  0%{ top:-200px; transform:scaleX(.5) translateX(0); }
  25%{ top:-110px; transform:scaleX(.7) translateX(-10%); }
  50%{ top:-130px; transform:scaleX(2.25) translateX(-5%); }
  100%{ top:-110px; transform:scaleX(2.25) translateX(0); }
}

@keyframes blue-animation{
  0%{ top:-100px; transform:translateX(0); }
  50%{ top:-50px; transform:translateX(-15%); }
  100%{ top:-50px; transform:translateX(-5%); }
}

/* responsive */
@media (max-width:768px){
  .dd-holiday-202511-header .dd-colors{
    transform:translate3d(0,0,0) translateY(-10px);
  }
  .dd-holiday-202511-header .dd-color{
    filter:blur(17px);
  }
}

/* accessibility */
@media (prefers-reduced-motion: reduce){
  .dd-holiday-202511-header .dd-color{
    animation:none !important;
  }
}
.whb-header {
  margin-bottom: 0 !important;
}