:root{--mm-or: #b08d57;--mm-or-clair: #f5ece0;--mm-ink: #1a1a18;--mm-muted: #7a7570;--mm-border: #e8e3dc;--mm-surface: #faf9f7;--mm-dur: .22s;--mm-ease: cubic-bezier(.4, 0, .2, 1)}.mega-menu-panel{position:fixed;left:0;right:0;top:0;background:#fff;border-top:1px solid var(--mm-border);border-bottom:2px solid var(--mm-or);box-shadow:0 12px 48px #0000001a,0 2px 6px #0000000f;z-index:199;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity var(--mm-dur) var(--mm-ease),visibility var(--mm-dur) var(--mm-ease),transform var(--mm-dur) var(--mm-ease);pointer-events:none}.mega-menu-panel--open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.mega-menu-inner{max-width:1280px;margin:0 auto;padding:36px 40px 30px;display:grid;gap:0}.mega-menu-inner--joaillerie{grid-template-columns:1fr 1fr 1fr 220px}.mega-menu-inner--mesure,.mega-menu-inner--apropos,.mega-menu-inner--selections{grid-template-columns:1fr 1fr 220px}.mm-col{padding:0 32px;border-right:1px solid var(--mm-border)}.mm-col:first-child{padding-left:0}.mm-col:last-of-type{border-right:none}.mm-col-title{display:block;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--mm-or);font-weight:600;margin-bottom:16px}.mm-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.mm-links a{display:block;padding:8px 0;font-size:13.5px;color:var(--mm-ink);text-decoration:none;letter-spacing:.01em;transition:color var(--mm-dur) var(--mm-ease),padding-left var(--mm-dur) var(--mm-ease);border-bottom:1px solid transparent}.mm-links a:hover{color:var(--mm-or);padding-left:6px}.mm-sub-title{display:block;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--mm-muted);font-weight:500;margin:20px 0 10px}.mm-cat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mm-cat-card{position:relative;aspect-ratio:3/4;overflow:hidden;display:block;text-decoration:none}.mm-cat-card img,.mm-cat-card .placeholder-svg{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.82);transition:transform .4s var(--mm-ease),filter .4s var(--mm-ease);background:var(--mm-border)}.mm-cat-card:hover img,.mm-cat-card:hover .placeholder-svg{transform:scale(1.06);filter:brightness(.6)}.mm-cat-label{position:absolute;bottom:10px;left:10px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#fff;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.4)}.mm-col-banner{padding-left:32px}.mm-banner{position:relative;background:var(--mm-ink);display:flex;flex-direction:column;justify-content:flex-end;padding:22px 20px;height:100%;min-height:200px;overflow:hidden;text-decoration:none}.mm-banner-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.45;transition:transform .5s var(--mm-ease)}.mm-banner:hover .mm-banner-bg{transform:scale(1.05)}.mm-banner-content{position:relative;z-index:1}.mm-banner-badge{display:inline-block;font-size:8px;letter-spacing:.2em;text-transform:uppercase;background:var(--mm-or);color:#fff;padding:4px 10px;margin-bottom:12px;font-weight:600}.mm-banner-title{font-size:17px;font-weight:400;letter-spacing:.04em;line-height:1.3;color:#fff;margin-bottom:6px}.mm-banner-sub{font-size:10px;color:#ffffffa6;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}.mm-banner-cta{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#fff;border-bottom:1px solid var(--mm-or);padding-bottom:3px;transition:gap var(--mm-dur) var(--mm-ease)}.mm-banner:hover .mm-banner-cta{gap:14px}.mega-menu-footer{max-width:1280px;margin:0 auto;padding:0 40px 18px}.mega-menu-footer-inner{border-top:1px solid var(--mm-border);padding-top:14px;display:flex;gap:24px;flex-wrap:wrap;align-items:center}.mega-menu-footer-label{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--mm-border)}.mega-menu-footer a{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mm-muted);text-decoration:none;transition:color var(--mm-dur) var(--mm-ease)}.mega-menu-footer a:hover{color:var(--mm-or)}@media(prefers-reduced-motion:reduce){.mega-menu-panel,.mm-cat-card img,.mm-banner-bg,.mm-links a{transition:none}}@media screen and (max-width:989px){.mega-menu-panel{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/105/assets/mega-menu.css.map */