/* Nini — header bám theo khi cuộn + animation. Nạp bởi plugin nini-shop. */

/* Header tràn hết chiều ngang (bỏ padding 24px mặc định của khung ngoài) */
.e-con.nini-header{--padding-left:0px!important;--padding-right:0px!important;--padding-top:0px!important;--padding-bottom:0px!important;padding:0!important}

/* Menu luôn một dòng */
@media (min-width:1025px){
  .nini-header .hfe-nav-menu__layout-horizontal .hfe-nav-menu{flex-wrap:nowrap}
  .nini-header .hfe-nav-menu .menu-item a{white-space:nowrap}
}

/* Header bám theo khi cuộn */
body.ehf-header #masthead{position:sticky;top:0;z-index:999;transition:box-shadow .3s ease}
body.admin-bar.ehf-header #masthead{top:32px}
@media (max-width:782px){body.admin-bar.ehf-header #masthead{top:46px}}
@media (max-width:600px){body.admin-bar.ehf-header #masthead{top:0}}
.nini-header>.e-con:first-child{max-height:90px;overflow:hidden;transition:max-height .35s ease,padding .35s ease,opacity .25s ease}
.nini-scrolled .nini-header>.e-con:first-child{max-height:0;padding-top:0!important;padding-bottom:0!important;opacity:0}
.nini-header .nini-logo img{transition:max-height .3s ease}
.nini-scrolled .nini-header .nini-logo img{max-height:42px}
.nini-scrolled #masthead{box-shadow:0 10px 30px rgba(11,42,66,.10)}
.nini-scrolled .nini-header>.e-con:nth-child(2){background-color:rgba(245,250,254,.92);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px)}

/* Hiện dần khi cuộn tới */
.nini-js .nini-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--nini-d,0ms);will-change:opacity,transform}
.nini-js .nini-reveal.is-in{opacity:1;transform:none}
.nini-js .nini-reveal.nini-zoom{transform:scale(.94)}
.nini-js .nini-reveal.nini-zoom.is-in{transform:none}

/* Hero khi mở trang */
@keyframes nini-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes nini-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.nini-hero-img img{animation:nini-float 6s ease-in-out 1.2s infinite}

/* Tương tác */
.nini-card,.e-con[class*="elementor-element"].nini-lift{transition:transform .25s ease,box-shadow .25s ease}
.woocommerce ul.products li.product a img{transition:transform .5s ease}
.woocommerce ul.products li.product:hover a img{transform:scale(1.05)}
.elementor-widget-icon-box .elementor-icon{transition:transform .3s ease}
.elementor-widget-icon-box:hover .elementor-icon{transform:translateY(-3px) rotate(-4deg)}
.elementor-button{transition:background-color .2s,color .2s,box-shadow .2s,transform .2s}
.elementor-button:hover{transform:translateY(-2px)}
.elementor-button:active{transform:translateY(0)}
.nini-float a{transition:transform .2s ease}
.nini-float a:hover{transform:scale(1.08)}
.nini-float .call{animation:nini-pulse 2.6s ease-out infinite}
@keyframes nini-pulse{0%{box-shadow:0 0 0 0 rgba(217,83,79,.45)}70%{box-shadow:0 0 0 16px rgba(217,83,79,0)}100%{box-shadow:0 0 0 0 rgba(217,83,79,0)}}
.nini-sizes .row{transition:background-color .2s,border-color .2s}

@media (prefers-reduced-motion:reduce){
  .nini-js .nini-reveal{opacity:1!important;transform:none!important;transition:none!important}
  .nini-hero-img img,.nini-float .call{animation:none!important}
  .elementor-button:hover,.woocommerce ul.products li.product:hover a img{transform:none}
}