/* ===========================================================
   Choco Pop v2 — Header (desktop + mobile top bar + header popovers)
   Templates: templates/includes/header.html,
              components/header/unified_header_desktop.html,
              components/header/top_section_header_mobile.html,
              components/header/header_mobile_drawers.html
   Behaviour: js/choco-motion.js (initHeader / initNavBlob / initDrawers)

   ⚠ Never put transform / filter / backdrop-filter / will-change on the
   header rows in their resting state: the city-selector modal is
   position:fixed *inside* them and any of those would trap it.
   Transforms are only applied while tucked (when the modal can't be open).
   =========================================================== */

:root{ --cp-hd-top:74px; --cp-hd-nav:48px; }

/* reserve room for the drip so nothing on the page starts underneath it */
/* custom.css forces `header{margin:0 !important}`; this is more specific, so it wins */
body header.cp-header{background:transparent;margin-bottom:var(--cp-drip-space,42px) !important;}
@media (max-width:767.98px){body header.cp-header{--cp-drip-space:36px;}}
header.cp-header.is-tucked{pointer-events:none;}
header.cp-header.is-tucked .cp-hd__top,
header.cp-header.is-tucked .mobile-header-top,
header.cp-header .header-city-modal,
header.cp-header #header-overlay{pointer-events:auto;}

/* ---------- shared header surface ---------- */
.cp-hd__top,
.cp-hd__nav,
header.cp-header .mobile-header-top{
  background:
    radial-gradient(circle at 12% 30%, rgba(237,155,51,.10) 0 2px, transparent 2.5px) 0 0/86px 40px,
    radial-gradient(circle at 70% 70%, rgba(166,25,46,.07) 0 2px, transparent 2.5px) 0 0/112px 46px,
    linear-gradient(180deg,#FFFBF5,#FFF4E5);
}

/* ===================== desktop ===================== */
.cp-hd{position:relative;}
.cp-hd__top{position:relative;z-index:3;padding:0 20px;transition:box-shadow var(--cp-mid) ease;}
.cp-hd .dk-header-main-row{height:var(--cp-hd-top) !important;min-height:var(--cp-hd-top) !important;max-height:none !important;gap:20px;}
header.cp-header.is-scrolled .cp-hd__top{box-shadow:0 6px 18px -10px rgba(79,44,29,.35);}

/* logo: jelly wobble on hover */
.cp-hd .dk-header-logo-img{height:2.4rem;transition:transform var(--cp-mid) var(--cp-ease-jelly);transform-origin:50% 80%;}
.cp-logo-link:hover .dk-header-logo-img{animation:cpJelly .75s ease both;}

/* search */
.cp-search{
  height:50px !important;padding:0 8px 0 18px !important;gap:10px !important;
  background:linear-gradient(180deg,#fff,var(--cp-milk)) !important;
  border:2px solid rgba(246,200,122,.55) !important;
  box-shadow:inset 0 2px 6px rgba(79,44,29,.06), 0 3px 0 rgba(237,155,51,.18) !important;
  transition:border-color var(--cp-fast) ease, box-shadow var(--cp-mid) ease, transform var(--cp-mid) var(--cp-ease-jelly) !important;
}
.cp-search:hover{border-color:rgba(237,155,51,.7) !important;}
.cp-search:focus-within{
  border-color:var(--clay-gold) !important;transform:translateY(-1px) scale(1.012);
  box-shadow:0 0 0 5px rgba(237,155,51,.16), 0 6px 0 rgba(237,155,51,.22), inset 0 2px 6px rgba(79,44,29,.04) !important;
}
.cp-search__icon{
  width:36px;height:36px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 32% 28%, #fff, var(--clay-cream) 75%);
  box-shadow:var(--cp-shadow-xs);transition:transform .5s var(--cp-ease-jelly);
}
.cp-search__icon img{width:22px !important;height:22px !important;}
.cp-search:focus-within .cp-search__icon{transform:rotate(-20deg) scale(1.1);}
.cp-search input{font-weight:500;color:var(--cp-ink) !important;}
.cp-search input::placeholder{color:var(--clay-cocoa-pale) !important;transition:opacity .2s;}

/* actions */
.cp-hd .dk-header-actions{gap:14px;}
.cp-hd .dk-header-login-btn.clay-pill-btn{height:46px;padding:0 16px 0 18px;border:1px solid rgba(255,255,255,.9);font-size:.8125rem;font-weight:700;color:var(--clay-cocoa);}
.cp-hd .dk-header-login-btn.clay-pill-btn:hover{background:radial-gradient(circle at 30% 20%, #fff, #fff3df 60%, var(--clay-cream-gold) 100%);border-color:#fff;color:var(--clay-wine-dark);}
.cp-hd .dk-header-cart-btn.clay-icon-btn{width:50px;height:50px;transition:transform var(--cp-mid) var(--cp-ease-jelly), translate .25s ease-out;}
.cp-hd .dk-header-cart-btn img.dk-header-icon-img{width:28px;height:28px;}
.cp-hd .dk-header-cart-btn .clay-badge{top:-5px;right:-5px;min-width:22px;height:22px;font-size:11px;}

/* nav row */
.cp-hd__nav{
  position:relative;z-index:2;
  transition:transform .45s var(--cp-ease-out), opacity .3s ease;
}
.cp-hd .dk-header-nav{height:var(--cp-hd-nav) !important;min-height:var(--cp-hd-nav) !important;max-height:none !important;border-bottom:0;padding:0 20px 4px;}
.cp-hd .dk-nav-link{
  position:relative;z-index:1;padding:8px 13px;border:0;border-radius:999px;
  font-size:.8rem;font-weight:600;color:var(--clay-cocoa);
  transition:color var(--cp-fast) ease;
}
.cp-hd .dk-nav-link:hover,.cp-hd .dk-nav-link:focus-visible{color:var(--clay-wine-dark);border:0;outline:none;}
.cp-hd .dk-nav-link img.menu-icon-img{transition:transform .5s var(--cp-ease-jelly);}
.cp-hd .dk-nav-link:hover img.menu-icon-img{transform:translateY(-3px) rotate(-12deg) scale(1.15);}
.cp-hd .dk-nav-link.is-current{color:var(--clay-wine);}
.cp-hd .dk-nav-link.is-current::after{
  content:"";position:absolute;bottom:1px;left:50%;width:16px;height:4px;margin-left:-8px;border-radius:4px;
  background:linear-gradient(90deg,var(--clay-wine),var(--clay-gold));
}

/* the jelly blob that slides between hovered nav links */
.cp-nav-blob{
  position:absolute;left:0;top:50%;height:36px;margin-top:-20px;z-index:0;pointer-events:none;
  border-radius:999px;
  background:radial-gradient(circle at 30% 25%, #fff, #FFF0D9 65%, var(--clay-cream) 100%);
  box-shadow:0 3px 0 rgba(237,155,51,.3), 0 6px 12px rgba(79,44,29,.1), inset 0 2px 0 #fff;
  opacity:0;scale:.6 .4;
  transition:transform .5s var(--cp-ease-jelly), width .5s var(--cp-ease-jelly), opacity .2s ease, scale .35s var(--cp-ease-jelly);
}
.cp-nav-blob.is-on{opacity:1;scale:1 1;}
.cp-nav-blob.is-jump{transition:none;}

/* categories trigger = the wine candy pill */
.cp-hd .dk-nav-categories{
  margin-inline-end:10px;padding:6px 8px 6px 16px;gap:8px;border:0;border-radius:999px;
  font-size:.8rem;font-weight:700;color:#fff;
  background:linear-gradient(180deg,var(--clay-wine),var(--clay-wine-dark));
  box-shadow:0 4px 0 var(--clay-wine-deep), 0 8px 14px rgba(130,17,35,.25), inset 0 1px 0 rgba(255,255,255,.3);
  transition:transform var(--cp-mid) var(--cp-ease-jelly), box-shadow var(--cp-fast) ease;
  position:relative;overflow:hidden;
}
.cp-hd .dk-nav-categories::after{
  content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;pointer-events:none;
  background:linear-gradient(115deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);
  transition:left .6s ease;
}
.cp-hd #desktopMegamenuWrapper:hover .dk-nav-categories{transform:translateY(-2px);color:#fff;border:0;}
.cp-hd #desktopMegamenuWrapper:hover .dk-nav-categories::after{left:130%;}
.cp-hd .dk-nav-categories img.dk-nav-categories-icon{
  width:28px;height:28px;padding:4px;border-radius:50%;
  background:radial-gradient(circle at 32% 28%, #fff, var(--clay-cream) 80%);
  box-shadow:0 2px 0 rgba(0,0,0,.18);transition:transform .55s var(--cp-ease-jelly);
}
.cp-hd #desktopMegamenuWrapper:hover .dk-nav-categories-icon{transform:rotate(-180deg) scale(1.05);}

/* city selector in the nav row */
.cp-hd .dk-header-city-nav-btn{position:relative;z-index:1;padding:7px 12px;border-radius:999px;color:var(--clay-cocoa-light);font-weight:600;}
.cp-hd .dk-header-city-nav-btn:hover{color:var(--clay-wine-dark);}
.dk-header-city-nav-btn:hover img.dk-header-city-nav-icon,
.dk-header-city-nav-btn:focus-visible img.dk-header-city-nav-icon{animation:cpPinDrop .7s var(--cp-ease-jelly);}

/* tucked (scrolling down): nav row slides under the top row */
@media (min-width:768px){
  header.cp-header.is-tucked .cp-hd__nav{transform:translateY(-100%);opacity:0;pointer-events:none;}
  header.cp-header.is-tucked .cp-drip{transform:translateY(calc(var(--cp-hd-nav) * -1));}
}

/* ---------- mega menu ---------- */
#header-overlay{background:rgba(38,19,11,.28) !important;-webkit-backdrop-filter:blur(3px) !important;backdrop-filter:blur(3px) !important;}
#header-overlay:not(.hidden){animation:cpFadeIn .3s ease both;}
#megamenu-container{top:calc(100% + 6px);}
.cp-mega{border-radius:28px !important;}
.cp-mega__col{background:transparent;border-inline-end:1px dashed var(--cp-line-strong);}
.cp-mega__head{padding:14px 18px 8px;font-size:11px;font-weight:800;letter-spacing:.02em;color:var(--clay-gold-deep);display:flex;align-items:center;gap:6px;}
.cp-mega__head::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--clay-gold);box-shadow:0 0 0 3px rgba(237,155,51,.2);}
.cp-mega .dk-mega-l1-link{
  display:flex;align-items:center;gap:12px;padding:8px 10px 8px 12px;border-radius:16px;
  font-size:.82rem;font-weight:600;color:var(--clay-cocoa);
  transition:background-color var(--cp-fast) ease, color var(--cp-fast) ease, transform var(--cp-mid) var(--cp-ease-jelly);
}
.cp-mega .dk-mega-l1-link:hover{color:var(--clay-wine-dark);}
.cp-mega__thumb{
  width:40px;height:40px;flex-shrink:0;border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:radial-gradient(circle at 32% 26%, #fff, var(--cp-milk-2) 75%);box-shadow:var(--cp-shadow-xs);
  transition:transform .45s var(--cp-ease-jelly);
}
.cp-mega__thumb img{width:28px;height:28px;object-fit:contain;}
.cp-mega .dk-mega-l1-item--active .dk-mega-l1-link{
  background:linear-gradient(90deg, rgba(253,227,189,.95), rgba(253,227,189,.35));color:var(--clay-wine-dark);transform:translateX(-4px);
}
.cp-mega .dk-mega-l1-item--active .cp-mega__thumb{transform:rotate(-8deg) scale(1.08);}
.cp-mega .dk-mega-l1-chevron{opacity:.5;transition:transform var(--cp-mid) var(--cp-ease-jelly), opacity var(--cp-fast);}
.cp-mega .dk-mega-l1-item--active .dk-mega-l1-chevron{opacity:1;transform:translateX(-3px);}
#desktopMegamenu:not(.hidden) .dk-mega-l1-item{animation:cpSlideInRow .42s var(--cp-ease-out) both;animation-delay:calc(var(--i, 0) * 32ms + 80ms);}
.cp-mega__all{
  display:flex;align-items:center;justify-content:center;gap:8px;margin:8px;padding:10px 12px;border-radius:999px;
  font-size:.8rem;font-weight:700;color:var(--clay-wine);background:var(--cp-milk-2);
  transition:background-color var(--cp-fast) ease, transform var(--cp-mid) var(--cp-ease-jelly);
}
.cp-mega__all:hover{background:var(--clay-cream);transform:translateY(-2px);}
.cp-mega__l2{background:linear-gradient(180deg, rgba(255,241,222,.7), rgba(255,252,247,.4));}
.cp-mega .mega-l2-panel.flex{animation:cpRiseIn .38s var(--cp-ease-out) both;}
.cp-mega__l2-head{padding:14px 18px 10px;border-bottom:1px dashed var(--cp-line-strong);}
.cp-mega__l2-title{font-size:.95rem;font-weight:800;color:var(--clay-cocoa-dark);}
.cp-mega__l2-sub{font-size:11px;color:var(--clay-cocoa-light);margin-top:2px;}
.cp-mega__l2-link{display:inline-block;padding:2px 4px;border-radius:8px;font-size:.84rem;font-weight:700;color:var(--clay-cocoa-dark);transition:color var(--cp-fast);}
.cp-mega__l2-link:hover{color:var(--clay-wine);}
.cp-mega__chips{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px;padding-inline-start:10px;border-inline-start:3px solid rgba(246,200,122,.6);}
.cp-mega__chip{
  display:inline-flex;align-items:center;max-width:100%;padding:6px 12px;border-radius:999px;
  font-size:.74rem;font-weight:600;color:var(--clay-cocoa);background:#fff;border:1px solid var(--cp-line);
  box-shadow:0 2px 0 rgba(237,155,51,.18);
  transition:transform var(--cp-mid) var(--cp-ease-jelly), background-color var(--cp-fast), color var(--cp-fast), box-shadow var(--cp-fast);
}
.cp-mega__chip:hover{transform:translateY(-2px) rotate(-1.5deg);background:var(--clay-cream);color:var(--clay-wine-dark);box-shadow:0 4px 0 rgba(237,155,51,.3);}
.cp-mega .mega-l2-panel.flex .cp-mega__l2-list > li{animation:cpRiseIn .4s var(--cp-ease-out) both;animation-delay:calc(var(--i, 0) * 40ms + 60ms);}
.cp-mega__empty-icon{width:56px;height:56px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 32% 28%, #fff, var(--clay-cream) 80%);box-shadow:var(--cp-shadow-sm);animation:cpFloat 3s ease-in-out infinite;}

/* ---------- account dropdown ---------- */
.cp-account{width:270px;}
.cp-account__head{
  display:flex;align-items:center;gap:12px;padding:16px 16px 14px;
  background:
    radial-gradient(circle at 85% 20%, rgba(255,255,255,.25) 0 2px, transparent 3px) 0 0/34px 30px,
    linear-gradient(135deg,var(--clay-wine),var(--clay-wine-dark));
  color:#fff;
}
.cp-account__avatar{
  width:46px;height:46px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(circle at 32% 28%, #fff, var(--clay-cream) 80%);box-shadow:0 3px 0 rgba(0,0,0,.2);
  animation:cpWave 2.6s ease-in-out 1;
}
.cp-account__avatar img{width:28px;height:28px;}
.cp-account__hello{font-size:11px;opacity:.85;}
.cp-account__name{font-size:.92rem;font-weight:800;line-height:1.5;}

/* ---------- desktop cart dropdown shell (content restyled in the cart step) ---------- */
.cp-cart-pop{border-radius:26px !important;}

/* ---------- live search results ---------- */
.cp-search-pop{border-radius:26px !important;margin-top:10px !important;}
.cp-sr-item{
  display:flex;align-items:center;gap:12px;padding:8px;margin-bottom:6px;border-radius:20px;background:#fff;
  border:1px solid var(--cp-line);box-shadow:0 3px 0 rgba(237,155,51,.16);
  animation:cpRiseIn .42s var(--cp-ease-out) both;animation-delay:calc(var(--i, 0) * 45ms);
  transition:transform var(--cp-mid) var(--cp-ease-jelly), background-color var(--cp-fast), box-shadow var(--cp-fast);
}
.cp-sr-item:hover{transform:translateX(-4px);background:var(--cp-milk);box-shadow:0 4px 0 rgba(237,155,51,.28);}
.cp-sr-item__img{width:58px;height:58px;flex-shrink:0;border-radius:16px;overflow:hidden;background:var(--cp-milk-2);display:flex;align-items:center;justify-content:center;}
.cp-sr-item__img img{width:100%;height:100%;object-fit:contain;transition:transform .5s var(--cp-ease-jelly);}
.cp-sr-item:hover .cp-sr-item__img img{transform:scale(1.12) rotate(-6deg);}
.cp-sr-item__name{font-size:.84rem;font-weight:700;color:var(--clay-cocoa-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cp-sr-item__cat{font-size:11px;font-weight:600;color:var(--clay-wine);margin-top:3px;}
.cp-sr-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px 12px;text-align:center;animation:cpRiseIn .4s var(--cp-ease-out) both;}
.cp-sr-state .clay-icon-btn{animation:cpFloat 2.6s ease-in-out infinite;}
.cp-sr-loading{display:flex;align-items:center;justify-content:center;gap:6px;padding:22px 0;}
.cp-sr-loading i{width:10px;height:10px;border-radius:50%;background:var(--clay-gold);animation:cpBounceDot .9s var(--cp-ease-jelly) infinite;}
.cp-sr-loading i:nth-child(2){background:var(--clay-wine);animation-delay:.12s;}
.cp-sr-loading i:nth-child(3){background:var(--clay-cocoa);animation-delay:.24s;}
.cp-sr-loading span{margin-inline-start:8px;font-size:.8rem;color:var(--clay-cocoa-light);}

/* ===================== mobile top bar ===================== */
header.cp-header .mobile-header-top{height:64px;padding-inline:14px;box-shadow:none;position:relative;z-index:3;transition:box-shadow var(--cp-mid) ease;}
header.cp-header.is-scrolled .mobile-header-top{box-shadow:0 6px 16px -10px rgba(79,44,29,.4);}
header.cp-header .mobile-header-top__logo img{height:1.9rem;}
header.cp-header .mobile-header-top__logo:active img{animation:cpJelly .6s ease both;}
header.cp-header .mobile-header-top .dk-header-city-nav-btn{
  padding:6px 10px;border-radius:999px;font-weight:700;color:var(--clay-cocoa);
  background:radial-gradient(circle at 30% 20%, #fff, #fff3df 70%);box-shadow:var(--cp-shadow-xs);
}
@media (max-width:767.98px){
  header.cp-header{transition:transform .4s var(--cp-ease-out);}
  header.cp-header.is-tucked{transform:translateY(calc(-100% - 70px));} /* far enough that the drip (≈64px) leaves the screen too */
}

/* ===================== chocolate drip edge =====================
   One organic SVG drawn by choco-motion.js (initDrip) at the real width:
   wavy glossy band + drips that flare out of the band, neck in, end in a
   heavy bulb. Each drip slowly "breathes"; a few drop a bead. */
.cp-drip{
  position:absolute;left:0;right:0;top:100%;height:64px;z-index:0;pointer-events:none;
  transition:transform .45s var(--cp-ease-out);
}
.cp-drip__svg{display:block;overflow:visible;filter:drop-shadow(0 4px 3px rgba(38,19,11,.22));}
.cp-drip__g{transform-box:fill-box;transform-origin:50% 0;animation:cpDripStretch var(--t,7s) ease-in-out infinite;animation-delay:var(--dl,0s);}
.cp-drip__drop{transform-box:fill-box;transform-origin:50% 0;opacity:0;animation:cpDripFall var(--t,9s) cubic-bezier(.5,0,.9,.6) infinite;animation-delay:var(--dl,0s);}

/* ===================== first-visit intro ===================== */
.cp-header--intro .cp-logo-link,
.cp-header--intro .mobile-header-top__logo{animation:cpDropIn .8s var(--cp-ease-jelly) both .1s;}
.cp-header--intro .cp-search{animation:cpGrowX .7s var(--cp-ease-jelly) both .2s !important;}
.cp-header--intro .dk-header-actions > *{animation:cpPopInT .6s var(--cp-ease-jelly) both;}
.cp-header--intro .dk-header-actions > *:nth-child(1){animation-delay:.35s;}
.cp-header--intro .dk-header-actions > *:nth-child(2){animation-delay:.45s;}
.cp-header--intro .dk-header-nav li,
.cp-header--intro .dk-header-nav .header-city-selector{animation:cpRiseIn .5s var(--cp-ease-out) both;animation-delay:.4s;}
.cp-header--intro .cp-drip__g{animation:cpDripGrow 1.2s var(--cp-ease-jelly) both .45s, cpDripStretch var(--t,7s) ease-in-out infinite 1.65s;}

/* ---------- mobile drawers (opened from the bottom nav / top bar) ---------- */
[data-cp-drawer].is-open [data-cp-drawer-list] > li{animation:cpSlideInRow .45s var(--cp-ease-out) both;animation-delay:calc(var(--i, 0) * 45ms + 120ms);}
[data-cp-drawer].is-open{box-shadow:0 0 40px -12px rgba(38,19,11,.55);}
.cp-drawer-head{
  margin:-16px -16px 16px;padding:18px 16px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:linear-gradient(180deg,#FFF4E5,#FDF3E7);border-bottom:1px dashed var(--cp-line-strong);
}
.cp-drawer-hello{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;border-radius:20px;background:#fff;box-shadow:var(--cp-shadow-sm);}
.cp-drawer-hello img{width:34px;height:34px;animation:cpFloat 3s ease-in-out infinite;}
.cp-drawer-hello b{display:block;font-size:.85rem;color:var(--clay-cocoa-dark);}
.cp-drawer-hello span{font-size:.72rem;color:var(--clay-cocoa-light);}

/* ---------- keyframes (header-specific) ---------- */
@keyframes cpFadeIn{from{opacity:0;}}
@keyframes cpPinDrop{0%{transform:translateY(0);}30%{transform:translateY(-9px) scale(1.1,.9);}55%{transform:translateY(0) scale(1.15,.85);}75%{transform:translateY(-3px) scale(.95,1.05);}100%{transform:none;}}
@keyframes cpWave{0%,100%{transform:rotate(0);}20%{transform:rotate(-14deg);}40%{transform:rotate(12deg);}60%{transform:rotate(-8deg);}80%{transform:rotate(5deg);}}
@keyframes cpBounceDot{0%,100%{transform:translateY(0) scale(1);}40%{transform:translateY(-9px) scale(1.1,.9);}}
@keyframes cpDripStretch{0%,100%{transform:scaleY(.9);}50%{transform:scaleY(1.08);}}
@keyframes cpDripGrow{from{transform:scaleY(0);}to{transform:scaleY(.9);}}
@keyframes cpDripFall{0%,70%{opacity:0;transform:translateY(-6px) scale(.4);}74%{opacity:1;transform:translateY(0) scale(1);}94%{opacity:1;transform:translateY(30px) scale(.85,1.15);}100%{opacity:0;transform:translateY(38px) scale(.6);}}
@keyframes cpDropIn{0%{opacity:0;transform:translateY(-40px) scale(.7);}60%{opacity:1;transform:translateY(5px) scale(1.06,.94);}100%{transform:none;}}
@keyframes cpGrowX{from{opacity:0;transform:scaleX(.6);}to{opacity:1;transform:none;}}
@keyframes cpPopInT{from{opacity:0;transform:scale(.4) rotate(-15deg);}to{opacity:1;transform:none;}}

@media (prefers-reduced-motion: reduce){
  .cp-drip__g,.cp-drip__drop,.cp-header--intro *,.cp-nav-blob,#desktopMegamenu .dk-mega-l1-item,.cp-sr-item,.cp-sr-state,
  [data-cp-drawer] li,.cp-account__avatar,.cp-mega__empty-icon,.cp-drawer-hello img{animation:none !important;transition:none !important;}
  header.cp-header,.cp-hd__nav,.cp-drip{transition:none !important;}
}