/* ===== ROZBALOVACIE MENU - nove ===== */
@media (min-width:992px){
#navigation .menu-level-1>li.ext{position:relative!important}
#navigation .menu-level-1>li.ext>.menu-level-2{left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:auto!important;min-width:0!important;max-width:none!important;padding:14px!important;gap:10px!important;border-radius:22px!important;box-shadow:0 22px 50px rgba(42,34,40,.14)!important;border:0!important;flex-wrap:nowrap!important;justify-content:flex-start!important;background:#fff!important}
#navigation .menu-level-2>li{flex:0 0 200px!important;width:200px!important;padding:12px 12px 16px!important;border-radius:18px!important;margin:0!important;transition:background .2s}
#navigation .menu-level-2>li:hover{background:#FDE3EF!important}
#navigation .menu-level-2 .menu-image{width:100%!important;height:140px!important;background:#EEF7FA!important;border-radius:14px!important;padding:16px!important;margin:0 0 12px!important;display:flex!important;align-items:center;justify-content:center;box-sizing:border-box}
#navigation .menu-level-2>li:hover .menu-image{background:#fff!important}
#navigation .menu-level-2 .menu-image img{width:100%!important;height:100%!important;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}
#navigation .menu-level-2>li:hover .menu-image img{transform:scale(1.06)}
#navigation .menu-level-2>li>div>a{font:800 16px/1.3 Nunito,sans-serif!important;color:#2A2228!important;text-transform:none!important;letter-spacing:0!important;display:block}
#navigation .menu-level-2>li>div>a::after{content:"Zobrazi\0165  \2192";display:block;margin-top:4px;font:700 13px/1.2 Nunito,sans-serif;color:#D1047C}
}

/* ===== ANIMACIE ===== */
/* objavenie pri scrollovani (triedy pridava skript v paticke) */
.bl-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.bl-reveal.bl-in{opacity:1;transform:none}

/* uvodny banner - texty postupne */
@keyframes blUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.carousel-wrapper .item.active .extended-banner-title{animation:blUp .7s .15s cubic-bezier(.2,.7,.2,1) both}
.carousel-wrapper .item.active .extended-banner-text{animation:blUp .7s .3s cubic-bezier(.2,.7,.2,1) both}
.carousel-wrapper .item.active .extended-banner-link{animation:blUp .7s .45s cubic-bezier(.2,.7,.2,1) both}
.carousel-wrapper .item.active .extended-banner-texts::before,.carousel-wrapper .item.active .extended-banner-texts::after{animation:blUp .7s .05s cubic-bezier(.2,.7,.2,1) both}

/* rozbalovacie menu - jemne vysunutie */
@keyframes blDrop{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@media (min-width:992px){
#navigation .menu-level-1>li.ext:hover>.menu-level-2{animation:blDrop .22s ease-out}
}

/* karty produktov - jemne nadvihnutie */
.products .product .p{transition:transform .25s ease}
.products .product:hover .p{transform:translateY(-4px)}

/* tlacidla - plynule prechody a stlacenie */
.btn,.bl-var,.listSorting__control,.unveil-button,.extended-banner-link,.shp-tab-link,.subcategories li a{transition:background-color .2s,border-color .2s,color .2s,transform .15s,box-shadow .2s!important}
.btn:active,.bl-var:active,.listSorting__control:active,.extended-banner-link:active,.add-to-cart-button:active{transform:scale(.97)!important}

/* hlavne menu - podciarknutie */
@media (min-width:992px){
#navigation .menu-level-1>li>a{position:relative}
#navigation .menu-level-1>li>a::after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:2px;border-radius:2px;background:#D1047C;transform:scaleX(0);transition:transform .25s ease}
#navigation .menu-level-1>li:hover>a::after{transform:scaleX(1)}
}

/* ikony v hlavicke */
#header .navigation-buttons a,#header .navigation-buttons button{transition:transform .2s}
#header .navigation-buttons a:hover,#header .navigation-buttons button:hover{transform:translateY(-2px)}

@media (prefers-reduced-motion:reduce){
.bl-reveal{opacity:1!important;transform:none!important;transition:none!important}
.carousel-wrapper .item.active *,#navigation .menu-level-2{animation:none!important}
}