html.mcd-overflow-hidden,body.mcd-overflow-hidden{overflow:hidden!important;height:100vh!important;height:100dvh!important;position:fixed!important;width:100%!important;touch-action:none}.mcd-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--drawer-z-index);opacity:0;pointer-events:none;transition:opacity .4s ease}.mcd-overlay.is-active{opacity:1;pointer-events:auto}.mcd-drawer{position:fixed;top:0;right:0;width:88%;max-width:390px;height:100vh;height:100dvh;background-color:var(--drawer-bg-color);z-index:calc(var(--drawer-z-index) + 1);box-shadow:-10px 0 30px #0000000d;transform:translate(100%);display:flex;flex-direction:column;transition:transform .45s cubic-bezier(.16,1,.3,1);font-family:var(--body-font-family)}.mcd-drawer.is-active{transform:translate(0)}.mcd-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;background:var(--drawer-bg-color);border-bottom:1px solid rgba(0,0,0,.04)}.mcd-title{margin:0;font-size:1.3rem;font-weight:700;letter-spacing:-.02em;color:var(--text-color);font-family:var(--body-font-family)}.mcd-close-btn{background:none;border:none;cursor:pointer;padding:8px;margin:-8px;color:var(--text-color);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease,transform .2s ease}.mcd-close-btn:hover{background-color:#0000000d}.mcd-close-btn:active{transform:scale(.92)}.mcd-scroll-container{flex:1;position:relative;padding:14px 16px}.mcd-grid{display:grid}.mcd-card{display:flex;flex-direction:column;text-decoration:none;overflow:hidden;background-color:#fff;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 12px #00000005;transition:transform .3s ease,box-shadow .3s ease;position:relative;opacity:0;transform:translateY(24px);transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1)}.mcd-drawer.is-active .mcd-card{opacity:1;transform:translateY(0);transition-delay:calc(var(--stagger-index) * .06s)}.mcd-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000a}.mcd-card:active{transform:scale(.97)}.mcd-card-image-wrapper{position:relative;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.mcd-card-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.mcd-card:hover .mcd-card-image{transform:scale(1.05)}.mcd-fallback-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:25%;opacity:.6}.mcd-placeholder-svg{width:100%;height:100%;fill:currentColor;color:var(--text-color)}.mcd-card-info{text-align:center;background-color:#fff;border-top:1px solid rgba(0,0,0,.02)}.mcd-card-title{display:block;font-weight:600;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.mcd-scroll-container.mcd-layout-3{overflow:hidden}.mcd-layout-3 .mcd-grid-wrapper{padding-bottom:0}.mcd-layout-3 .mcd-grid{grid-template-columns:repeat(3,1fr);gap:10px}.mcd-layout-3 .mcd-card{border-radius:12px}.mcd-layout-3 .mcd-card-image-wrapper{aspect-ratio:1 / 1}.mcd-layout-3 .mcd-card-info{padding:8px 4px}.mcd-layout-3 .mcd-card-title{font-size:.78rem}.mcd-scroll-container.mcd-layout-2{overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.mcd-layout-2 .mcd-grid-wrapper{padding-bottom:60px}.mcd-layout-2 .mcd-grid{grid-template-columns:repeat(2,1fr);gap:16px}.mcd-layout-2 .mcd-card{border-radius:16px}.mcd-layout-2 .mcd-card-image-wrapper{aspect-ratio:1 / 1}.mcd-layout-2 .mcd-card-info{padding:12px 8px}.mcd-layout-2 .mcd-card-title{font-size:.9rem}.mcd-scroll-top-btn{position:absolute;bottom:84px;right:24px;width:44px;height:44px;border-radius:50%;background-color:#000;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;opacity:0;transform:translateY(10px) scale(.9);pointer-events:none;transition:opacity .3s ease,transform .3s ease,background-color .2s ease;z-index:5}.mcd-scroll-top-btn.is-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.mcd-scroll-top-btn:hover{background-color:#222}.mcd-scroll-top-btn:active{transform:scale(.95)}.mcd-footer{position:sticky;bottom:0;background-color:var(--drawer-bg-color);border-top:1px solid rgba(0,0,0,.05);padding:18px 24px;display:flex;align-items:center;box-shadow:0 -4px 15px #00000005}.mcd-account-link{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--text-color);font-weight:600;font-size:.95rem;transition:opacity .2s ease}.mcd-account-link:hover{opacity:.85}.mcd-account-link svg{flex-shrink:0}.mcd-floating-trigger{position:fixed;bottom:24px;left:24px;width:50px;height:50px;border-radius:50%;background-color:var(--accent-color);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #00000026;z-index:998;transition:transform .3s ease,background-color .2s ease}.mcd-floating-trigger:hover{transform:scale(1.06);background-color:#1f423b}.mcd-floating-trigger:active{transform:scale(.95)}@media screen and (max-width:350px){.mcd-grid{gap:10px}.mcd-scroll-container{padding:12px 16px}.mcd-card{border-radius:12px}.mcd-card-title{font-size:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mobile-categories-drawer.css.map */