.mnd{position:fixed;top:0;left:0;width:min(440px,94vw);height:100%;background:#fff;z-index:500;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .34s cubic-bezier(.16,1,.3,1);overflow:hidden}.mnd.is-open{transform:translate(0)}.mnd__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:490;opacity:0;pointer-events:none;transition:opacity .3s ease}.mnd__backdrop.is-visible{opacity:1;pointer-events:auto}.mnd__header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.125rem;border-bottom:1px solid #f0f0f0;flex-shrink:0;background:#fff}.mnd__logo{display:block;text-decoration:none;line-height:0}.mnd__logo-img{height:30px;width:auto;display:block}.mnd__logo-text{font-size:1.125rem;font-weight:800;color:#1a1a1a}.mnd__close{width:36px;height:36px;border:none;background:#f5f5f5;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#1a1a1a;transition:background .18s ease;flex-shrink:0}.mnd__close:hover{background:#ebebeb}.mnd__body{display:flex;flex:1;overflow:hidden}.mnd__left{width:38%;flex-shrink:0;border-right:1px solid #f0f0f0;background:#fafafa;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}.mnd__cat-list{list-style:none;padding:.5rem 0;margin:0;flex:1}.mnd__cat-item{padding:0;border-left:3px solid transparent;transition:border-color .15s ease}.mnd__cat-item.is-active{border-left-color:var(--accent, #e8546a);background:#fdf0f1}.mnd__cat-nav-link{display:flex;align-items:center;justify-content:flex-start;padding:.875rem .75rem .875rem .875rem;font-size:1.07rem;font-weight:700;color:#333;text-decoration:none;line-height:1.3;transition:background .15s ease,color .15s ease;width:100%}.mnd__cat-nav-link:active{background:#fdf0f1}.mnd__cat-item.is-active .mnd__cat-nav-link{color:var(--accent, #e8546a);font-weight:600}.mnd__left-footer{padding:.875rem;border-top:1px solid #f0f0f0;display:flex;flex-direction:column;gap:.5rem}.mnd__left-footer-link{font-size:.8125rem;color:#888;text-decoration:none;transition:color .15s ease}.mnd__left-footer-link:hover{color:var(--accent, #e8546a)}.mnd__right{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff}.mnd__panel{padding:.75rem .625rem 1.5rem}.mnd__panel[hidden]{display:none}.mnd__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.mnd__card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:10px;overflow:hidden;background:#f7f7f7;transition:transform .18s ease}.mnd__card:active{transform:scale(.96)}.mnd__card-img-wrap{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#fff}.mnd__card-img{width:100%;height:100%;object-fit:contain;display:block;padding:.375rem;box-sizing:border-box}.mnd__card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#f2ede8,#e8e0d8);display:flex;align-items:center;justify-content:center}.mnd__badge{position:absolute;top:.35rem;left:.35rem;padding:.15rem .45rem;border-radius:4px;font-size:.5625rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1.5;z-index:1}.mnd__badge--pink{background:var(--accent, #e8546a);color:#fff}.mnd__badge--red{background:#e8546a;color:#fff}.mnd__card-name{display:block;padding:.4rem .4rem .5rem;font-size:.6875rem;font-weight:500;color:#2a2a2a;line-height:1.3;text-align:center}.mnd__card--more{background:#f0f0f0}.mnd__card-img-wrap--more{background:#ebebeb;display:flex;align-items:center;justify-content:center}.mnd__more-icon{display:flex;align-items:center;justify-content:center}.mnd__shop-all{display:flex;align-items:center;justify-content:center;margin-top:.75rem;padding:.65rem 1.25rem;border:1.5px solid #2a2a2a;border-radius:100px;font-size:.8125rem;font-weight:600;color:#2a2a2a;text-decoration:none;transition:background .18s ease,color .18s ease}.mnd__shop-all:active{background:#2a2a2a;color:#fff}@media(min-width:769px){.mnd,.mnd__backdrop{display:none}}.mobile-drawer__backdrop{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/23/assets/mobile-nav.css.map */
