.menu-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;visibility:hidden;pointer-events:none}.menu-drawer[aria-hidden=false]{visibility:visible;pointer-events:auto}.menu-drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0006;opacity:0;transition:opacity .3s ease;cursor:pointer;border:none}.menu-drawer[aria-hidden=false] .menu-drawer__overlay{opacity:1}.menu-drawer__panel{position:absolute;top:0;left:0;width:88%;max-width:380px;height:100%;background-color:var(--color-white, #fff);transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain}.menu-drawer[aria-hidden=false] .menu-drawer__panel{transform:translate(0)}.menu-drawer__panels{position:relative;flex:1;overflow:hidden}.menu-drawer__page{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background-color:var(--color-white, #fff);overflow-y:auto;-webkit-overflow-scrolling:touch}.menu-drawer__page--root{transform:translate(0);z-index:1}.menu-drawer__page--sub{transform:translate(100%);visibility:hidden;z-index:2;transition:transform .32s cubic-bezier(.4,0,.2,1),visibility .32s}.menu-drawer__page--sub.is-active{transform:translate(0);visibility:visible}.menu-drawer__bar{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px 20px;flex-shrink:0}.menu-drawer__logo{display:flex;align-items:center;text-decoration:none}.menu-drawer__logo-img{height:50px;width:auto;object-fit:contain;display:block}.menu-drawer__shop-name{font-family:var(--font-heading);font-size:var(--text-title-small, 16px);color:var(--color-text-dark, #272727);text-transform:uppercase;letter-spacing:var(--letter-spacing-heading, .04em)}.menu-drawer__back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;padding:4px 4px 4px 0;font-family:var(--font-body);font-size:16px;font-weight:500;color:var(--color-text-dark, #272727);transition:opacity var(--transition-base, .18s ease)}.menu-drawer__back:hover{opacity:.6}.menu-drawer__back svg{display:block}.menu-drawer__close{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#f0eeec;border:none;cursor:pointer;color:var(--color-text-dark, #272727);flex-shrink:0;transition:opacity var(--transition-base, .18s ease)}.menu-drawer__close:hover{opacity:.7}.menu-drawer__close svg{width:18px;height:18px;display:block}.menu-drawer__nav{flex:1;overflow-y:auto;padding:4px 20px 8px}.menu-drawer__list{list-style:none;margin:0;padding:0}.menu-drawer__item{display:flex;align-items:center}.menu-drawer__link{flex:1;display:flex;align-items:center;min-width:0;padding:14px 0;font-family:var(--font-heading, "Times New Roman", serif);font-size:16px;font-weight:400;line-height:1.2;color:var(--color-text-dark, #272727);text-transform:none;letter-spacing:0;text-decoration:none;background:none;border:none;cursor:pointer;text-align:left;transition:opacity var(--transition-base, .18s ease)}.menu-drawer__link:hover{opacity:.6}.menu-drawer__expand{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:8px;padding:0;background:none;border:none;cursor:pointer;color:#9a938b;transition:opacity var(--transition-base, .18s ease)}.menu-drawer__expand:hover{opacity:.6}.menu-drawer__chevron-right{width:16px;height:16px;flex-shrink:0;color:#9a938b}.menu-drawer__secondary{margin-top:14px;padding-top:18px;border-top:1px solid var(--color-border, rgba(0, 0, 0, .1));display:flex;flex-direction:column}.menu-drawer__secondary-link{display:flex;align-items:center;gap:10px;padding:12px 0;font-family:var(--font-body);font-size:16px;font-weight:400;color:#6e6a66;text-decoration:none;transition:opacity var(--transition-base, .18s ease)}.menu-drawer__secondary-link:hover{opacity:.6}.menu-drawer__secondary-link svg{flex-shrink:0;color:#6e6a66}.menu-drawer__page-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 24px 40px}.menu-drawer__page-title{margin:6px 0 22px;font-family:var(--font-heading, "Times New Roman", serif);font-size:20px;font-weight:400;line-height:1.15;color:var(--color-text-dark, #272727)}.menu-drawer__sublist{list-style:none;margin:0;padding:0}.menu-drawer__subitem{display:block;margin-bottom:0}.menu-drawer__sub-heading{display:block;padding:22px 0 12px;font-family:var(--font-body);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#272727}.menu-drawer__sublist .menu-drawer__subitem:first-child .menu-drawer__sub-heading{padding-top:4px}.menu-drawer__sublink{display:block;padding:11px 0;font-family:var(--font-body);font-size:16px;font-weight:400;color:#6e6a66;text-transform:none;letter-spacing:0;text-decoration:none;transition:opacity var(--transition-base, .18s ease)}.menu-drawer__sublink:hover{opacity:.6}.menu-drawer__sub-image-card{display:block;padding:14px 0 4px;text-decoration:none}.menu-drawer__sub-image-card img{width:100%;height:auto;display:block;border-radius:6px}.menu-drawer__sub-image-sublabel{display:block;font-family:var(--font-body);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:#a2907a;margin-top:10px}.menu-drawer__sub-image-label{display:block;font-family:var(--font-heading, "Times New Roman", serif);font-size:16px;font-weight:400;color:#272727;margin-top:3px}.menu-drawer__sub-brand{display:flex;align-items:center;gap:12px;padding:10px 0;text-decoration:none;color:#272727;transition:opacity var(--transition-base, .18s ease)}.menu-drawer__sub-brand:hover{opacity:.6}.menu-drawer__sub-brand-img{height:80px;width:auto;max-width:80px;object-fit:contain;display:block;flex-shrink:0}.menu-drawer__sub-brand-name{font-family:var(--font-body);font-size:15px;font-weight:400;color:#6e6a66}.menu-drawer__footer{display:flex;flex-direction:row;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid var(--color-border, rgba(0, 0, 0, .1));flex-shrink:0}.menu-drawer__footer-img{width:auto;max-width:120px;object-fit:contain;display:block}.menu-drawer__footer-rolex{display:flex;align-items:center;flex-shrink:0;position:relative}.menu-drawer__footer-rolex a{position:absolute;height:100%;width:100%;z-index:1;font-size:0px}body.menu-drawer--open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/136/assets/component-menu-drawer.css.map */