/* IC45 Bottom Navigation owner — V0.6. Approved bear-icon visual + hide-at-top behavior. */
@media(max-width:850px), (orientation:landscape) and (max-width:1024px) and (max-height:600px){
 body.ic45-has-mobile-nav{padding-bottom:28px!important}body.ic45-nav-visible{padding-bottom:calc(130px + env(safe-area-inset-bottom,0px))!important}
 .ic45-mobile-nav{position:fixed;left:10px;right:10px;bottom:calc(2px + env(safe-area-inset-bottom,0px));z-index:5000;height:92px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;padding:6px;background:#fff;border:1px solid #e6d8f7;border-radius:31px;box-shadow:0 9px 24px rgba(86,55,126,.08);overflow:visible;transition:transform .24s ease,opacity .2s ease,visibility .24s ease}
 .ic45-mobile-nav.is-hidden{transform:translateY(calc(100% + 26px));opacity:0;visibility:hidden;pointer-events:none}.ic45-mobile-nav.is-visible{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}
 .ic45-mobile-nav__item{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:24px;text-decoration:none;color:#5d557b;-webkit-tap-highlight-color:transparent;transition:transform .14s ease,background-color .14s ease,color .14s ease}
 .ic45-mobile-nav__item:active{transform:scale(.97)}.ic45-mobile-nav__icon{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto}.ic45-mobile-nav__icon img{display:block;width:100%;height:100%;object-fit:contain}.ic45-mobile-nav__label{display:block;font-size:11.8px;line-height:1.05;font-weight:800;white-space:nowrap;color:#5d557b}
 .ic45-mobile-nav__item.is-active{background:#f8f1ff}.ic45-mobile-nav__item.is-active::after{content:none!important;display:none!important}.ic45-mobile-nav__item.is-active .ic45-mobile-nav__label{color:#7443ac}
 .ic45-mobile-nav__home{margin:0;padding:0}.ic45-mobile-nav__home .ic45-mobile-nav__icon{width:66px;height:64px;margin:0}.ic45-mobile-nav__home .ic45-mobile-nav__icon img{width:62px;height:62px;max-width:none;max-height:none;object-fit:contain}.ic45-mobile-nav__home .ic45-mobile-nav__label{display:none}.ic45-mobile-nav__home.is-active{background:linear-gradient(180deg,#faf6ff 0%,#f3eaff 100%)}
}
@media(max-width:390px){.ic45-mobile-nav{left:9px;right:9px;height:90px;padding:6px 5px;border-radius:30px}.ic45-mobile-nav__icon{width:45px;height:45px}.ic45-mobile-nav__label{font-size:10.9px}.ic45-mobile-nav__home .ic45-mobile-nav__icon{width:63px;height:61px}.ic45-mobile-nav__home .ic45-mobile-nav__icon img{width:59px;height:59px}}
@media(max-width:350px){.ic45-mobile-nav__icon{width:41px;height:41px}.ic45-mobile-nav__label{font-size:9.9px}.ic45-mobile-nav__home .ic45-mobile-nav__icon{width:58px;height:56px}.ic45-mobile-nav__home .ic45-mobile-nav__icon img{width:54px;height:54px}}
@media(min-width:851px){.ic45-mobile-nav{display:none!important}body.ic45-has-mobile-nav,body.ic45-nav-visible{padding-bottom:0!important}}
@media(prefers-reduced-motion:reduce){.ic45-mobile-nav{transition:none}}

/* V0.7.6 — mobile landscape quick-nav must remain usable without consuming a quarter of the viewport. */
@media (orientation:landscape) and (max-width:1024px) and (max-height:600px){
 body.ic45-has-mobile-nav{padding-bottom:18px!important}
 body.ic45-nav-visible{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important}
 .ic45-mobile-nav{display:grid!important;left:12px;right:12px;bottom:calc(2px + env(safe-area-inset-bottom,0px));height:64px;padding:4px 6px;border-radius:22px}
 .ic45-mobile-nav.is-hidden{transform:translateY(calc(100% + 18px))}
 .ic45-mobile-nav__item{gap:0;border-radius:17px}
 .ic45-mobile-nav__icon{width:31px;height:31px}
 .ic45-mobile-nav__label{font-size:9px;line-height:1;font-weight:850}
 .ic45-mobile-nav__item.is-active::after{content:none!important;display:none!important}
 .ic45-mobile-nav__home{margin:0;padding:0}
 .ic45-mobile-nav__home .ic45-mobile-nav__icon{width:45px;height:43px;margin:0}
 .ic45-mobile-nav__home .ic45-mobile-nav__icon img{width:42px;height:42px}
}


/* V0.7.10 — geometric/optical centering for the five navigation cells. */
@media(max-width:850px), (orientation:landscape) and (max-width:1024px) and (max-height:600px){
 .ic45-mobile-nav__item{width:100%;box-sizing:border-box;display:grid;grid-template-rows:auto auto;justify-items:center;align-content:center;justify-content:stretch;text-align:center;gap:2px!important}
 .ic45-mobile-nav__icon{margin-inline:auto!important;justify-self:center!important;align-self:center!important}
 .ic45-mobile-nav__label{width:100%;margin:0!important;text-align:center!important;justify-self:stretch!important}
 .ic45-mobile-nav__home{grid-template-rows:1fr!important;place-items:center!important}
 .ic45-mobile-nav__item[data-ic45-nav="music"] .ic45-mobile-nav__icon img{transform:translateX(-1.2%)}
 .ic45-mobile-nav__item[data-ic45-nav="shop"] .ic45-mobile-nav__icon img{transform:translateX(-7.5%)}
 .ic45-mobile-nav__item[data-ic45-nav="member"] .ic45-mobile-nav__icon img{transform:translateY(-1%)}
 .ic45-mobile-nav__item.is-active::after{content:none!important;display:none!important}
}

/* IC45 Bata V1.0 — approved contact bear/phone artwork. Other menu items stay unchanged. */
@media(max-width:850px), (orientation:landscape) and (max-width:1024px) and (max-height:600px){
 .bata-bottom-nav [data-bottom-key="contact"].is-active{background:#eee5fc}
 .bata-bottom-nav [data-bottom-key="contact"]:focus-visible{background:#f7f0ff;outline:2px solid #775598;outline-offset:-2px}
}
@media(hover:hover) and (max-width:850px), (hover:hover) and (orientation:landscape) and (max-width:1024px) and (max-height:600px){
 .bata-bottom-nav [data-bottom-key="contact"]:hover{background:#f7f0ff}
 .bata-bottom-nav [data-bottom-key="contact"].is-active:hover{background:#eee5fc}
}