/* My Little Cashier · official pink navigation artwork. Safe overlay for prior styles. */
html body .nav.mlc-image-navigation{
 display:flex!important;
 align-items:center!important;
 justify-content:flex-start!important;
 gap:clamp(5px,0.7vw,12px)!important;
 width:100%;
 padding:8px 6px 15px!important;
 overflow-x:auto!important;
 overflow-y:hidden!important;
 scroll-snap-type:x proximity;
 overscroll-behavior-x:contain;
 -webkit-overflow-scrolling:touch;
 scrollbar-width:thin;
 scrollbar-color:#f8a9cc transparent;
 touch-action:pan-x;
}
html body .nav.mlc-image-navigation::-webkit-scrollbar{height:5px}
html body .nav.mlc-image-navigation::-webkit-scrollbar-thumb{background:#ffc0db;border-radius:999px}
html body .nav.mlc-image-navigation>.nav-icon-item,
html body .nav.mlc-image-navigation>.nav-icon-item.nav-shop-link{
 position:relative;
 display:flex!important;
 flex:0 0 auto!important;
 align-items:center!important;
 justify-content:center!important;
 box-sizing:border-box!important;
 width:clamp(79px,7vw,112px)!important;
 height:clamp(79px,7vw,112px)!important;
 padding:3px!important;
 margin:0!important;
 border:2px solid transparent!important;
 border-radius:24px!important;
 background:transparent!important;
 color:inherit!important;
 box-shadow:none!important;
 text-decoration:none!important;
 font-size:0!important;
 line-height:0!important;
 scroll-snap-align:start;
 transition:transform 150ms ease, background 150ms ease, border-color 150ms ease,box-shadow 150ms ease!important;
 -webkit-tap-highlight-color:transparent;
}
html body .nav.mlc-image-navigation>.nav-icon-item img{
 display:block!important;
 width:100%!important;
 height:100%!important;
 max-width:100%!important;
 max-height:100%!important;
 aspect-ratio:1!important;
 object-fit:contain!important;
 border-radius:21px;
 pointer-events:none;
 image-rendering:auto;
 user-select:none;
}
html body .nav.mlc-image-navigation>.nav-icon-item:hover{
 transform:translateY(-2px);
 background:#fff9fdcc!important;
}
html body .nav.mlc-image-navigation>.nav-icon-item.active{
 background:linear-gradient(150deg,#fff8fc,#ffd3e8)!important;
 border-color:#f478b2!important;
 box-shadow:0 4px 0 #ed8db933,0 0 0 3px #fff8fc!important;
 transform:none!important;
}
html body .nav.mlc-image-navigation>.nav-icon-item.active:after{
 content:"";position:absolute;left:30%;right:30%;bottom:-7px;height:3px;background:#ee5b9e;border-radius:999px;
}
html body .nav.mlc-image-navigation>.nav-icon-item:focus-visible{
 outline:3px solid #c3347f!important;outline-offset:3px!important;
}
@media (min-width:1140px){
 html body .nav.mlc-image-navigation{justify-content:center!important;}
}
@media (max-width:700px){
 html body .nav.mlc-image-navigation{gap:7px!important;padding:6px 3px 14px!important;}
 html body .nav.mlc-image-navigation>.nav-icon-item,
 html body .nav.mlc-image-navigation>.nav-icon-item.nav-shop-link{
  width:80px!important;height:80px!important;padding:2px!important;border-radius:19px!important;
 }
 html body .nav.mlc-image-navigation>.nav-icon-item img{border-radius:16px;}
}
@media (prefers-reduced-motion:reduce){
 html body .nav.mlc-image-navigation>.nav-icon-item{transition:none!important;}
}