.header{position:absolute;z-index:50;left:0;right:0;top:0;color:var(--ivoire)}.header__inner{position:relative;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 48px}.header__menu{display:flex;gap:min(28px,calc(12.5vw - 141px))}.header__menu a{margin-right:-.06em}.header__menu a,.header__tools a,.header__tools button{transition:opacity .3s var(--ease)}.header__menu a:hover,.header__tools a:hover,.header__tools button:hover{opacity:.7}.header__left-m{display:none}.header__logo{position:absolute;left:50%;top:16px;transform:translate(-50%);width:96px;height:40px}.header__logo img{width:100%;height:100%;object-fit:contain}.header__logo-brun{display:none}.header__tools{display:flex;align-items:center;gap:22px}.header__lang,.header__cadeau{display:flex;align-items:center;gap:6px}.header__cart{display:flex;align-items:center;gap:4px}.header.is-fixed{position:fixed;top:0;background:var(--page);color:var(--brun);box-shadow:inset 0 -1px 0 var(--filet);animation:header-in .5s var(--ease) both}.header.is-fixed .header__logo-ivoire{display:none}.header.is-fixed .header__logo-brun{display:block}.header.is-solide{animation:none}@keyframes header-in{0%{transform:translateY(-100%)}to{transform:none}}@media(max-width:1279px){.header__inner{padding:0 16px}.header__menu,.header__lang,.header__search,.header__cadeau{display:none}.header__left-m{display:flex;align-items:center;gap:16px}.header__logo{width:77px;height:32px;top:calc((var(--header-h) - 32px) / 2)}.header__tools{gap:16px}.header__tools .i{width:22px;height:22px}.header__cart{gap:2px;font-size:13px;line-height:18px}}@media(min-width:768px)and (max-width:1279px){.header__inner{padding:0 var(--gutter)}}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--page);color:var(--brun);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .45s var(--ease)}.drawer.is-open{transform:none}.drawer[hidden]{display:none}.drawer__top{height:56px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--filet)}.drawer__spacer{width:24px}.drawer__nav{display:flex;flex-direction:column;padding:32px 20px;gap:20px;font-family:var(--serif);font-weight:var(--light);font-size:32px;line-height:38px}.drawer__foot{margin-top:auto;padding:24px 20px 32px;display:flex;align-items:center;gap:6px;border-top:1px solid var(--filet)}.header__item{position:relative}.header__item>a{position:relative;display:inline-block}.header__item>a:after{content:"";position:absolute;left:0;right:.06em;bottom:-4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.header__item.is-open>a:after{transform:none}.header__sous{position:absolute;left:-28px;top:calc(100% + (var(--header-h) - 16px) / 2);width:260px;padding:24px 28px 28px;background:var(--page);color:var(--brun);border:1px solid var(--filet);border-top:0;font-weight:400;font-size:13px;line-height:20px;letter-spacing:0;text-transform:none;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .3s var(--ease),transform .3s var(--ease),visibility 0s linear .3s}.header__sous:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:calc((var(--header-h) - 16px) / 2)}.header__item.is-open .header__sous{opacity:1;visibility:visible;transform:none;transition-delay:0s}.header__sous ul{display:flex;flex-direction:column;gap:14px}.header__menu .header__sous a{margin-right:0}.header.is-menu{background:var(--page);color:var(--brun);box-shadow:inset 0 -1px 0 var(--filet)}.header__item.is-open>a{opacity:1}.header.is-menu .header__logo-ivoire{display:none}.header.is-menu .header__logo-brun{display:block}.header{transition:background-color .3s var(--ease),color .3s var(--ease)}.drawer__groupe{display:flex;flex-direction:column}.drawer__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;font:inherit;color:inherit}.drawer__plus{position:relative;flex:none;width:18px;height:18px}.drawer__plus:before,.drawer__plus:after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1px;background:currentColor;transform:translate(-50%,-50%);transition:transform .3s var(--ease)}.drawer__plus:after{transform:translate(-50%,-50%) rotate(90deg)}.drawer__groupe.is-open .drawer__plus:after{transform:translate(-50%,-50%) rotate(0)}.drawer__sous{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}.drawer__sous>div{overflow:hidden}.drawer__sous ul{display:flex;flex-direction:column;gap:12px;padding-top:20px;font-family:var(--sans);font-weight:400;font-size:15px;line-height:24px}.drawer__groupe.is-open .drawer__sous{grid-template-rows:1fr}.header__item--mega{position:static}.header__mega{position:absolute;left:0;right:0;top:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:32px 48px 48px;background:var(--page);color:var(--brun);border-bottom:1px solid var(--filet);font-weight:400;font-size:13px;line-height:20px;letter-spacing:0;text-transform:none;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .3s var(--ease),transform .3s var(--ease),visibility 0s linear .3s}.header__item--mega.is-open .header__mega{opacity:1;visibility:visible;transform:none;transition-delay:0s}.header__menu .header__mega a{margin-right:0}.mega__col{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.mega__titre,.mega__liste{font-family:var(--serif);font-weight:400;font-size:20px;line-height:26px}.mega__titre{min-height:26px;color:var(--attenue)}.mega__photo{display:block;width:100%;aspect-ratio:5 / 3;margin-top:16px;background:var(--blanc);overflow:hidden}.mega__photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.mega__photo:hover img{transform:scale(1.03)}.mega__tout{margin-top:16px;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.mega__liste{display:flex;flex-direction:column;gap:4px;margin-top:24px}.mega__carte,.mega__legende{display:flex;flex-direction:column}.mega__texte{color:var(--attenue)}.drawer__mega{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding-top:20px;font-family:var(--sans);font-weight:400}.drawer__cartes{align-self:stretch;display:grid;grid-template-columns:1fr 1fr;gap:20px}.drawer__cartes .mega__carte{width:auto;gap:8px}.drawer__cartes .mega__photo{aspect-ratio:4 / 3;margin-top:0}.drawer__cartes .mega__legende{gap:8px}.drawer__cartes .mega__texte{font-size:11px;line-height:16px}.drawer__tout{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.menu-tuile{position:relative;display:block;aspect-ratio:3 / 4;overflow:hidden;background:var(--lin)}.menu-tuile>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.menu-tuile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#1c1c2000 55%,#1c1c2073);pointer-events:none}.menu-tuile__texte{position:absolute;z-index:1;left:8px;right:8px;bottom:16px;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.menu-tuile__sac{color:var(--ivoire)}.menu-tuile__nom{text-align:center;font-family:var(--serif);font-weight:var(--light);color:var(--ivoire);font-size:32px;line-height:38px;letter-spacing:0;text-transform:none}@media(hover:hover){.menu-tuile:hover>img{transform:scale(1.03)}}.menu-tuile--packshot{background:var(--ivoire)}.menu-tuile--packshot:after{content:none}.menu-tuile--packshot>img{top:18%;bottom:30%;left:14%;right:14%;width:72%;height:52%;object-fit:contain}.menu-tuile--packshot .menu-tuile__sac{color:var(--attenue)}.menu-tuile--packshot .menu-tuile__nom{color:var(--brun)}.drawer__cartes--tuiles .menu-tuile--packshot>img{top:10%;bottom:40%;height:50%}.drawer__cartes--tuiles .menu-tuile--packshot .menu-tuile__nom{font-size:22px;line-height:26px}.mega__col--tuile .menu-tuile{width:100%;aspect-ratio:327 / 409}.mega__col--tuile .menu-tuile__texte{bottom:24px;gap:4px}.mega__col--tuile .menu-tuile__nom{font-size:36px;line-height:44px}.mega__col:not(.mega__col--tuile) .mega__tout{margin-top:20px}.drawer__cartes--tuiles{gap:12px}.drawer{overflow-y:auto;overscroll-behavior:contain}.drawer__top{position:sticky;top:0;z-index:2;flex:none;background:var(--page)}
/*# sourceMappingURL=/cdn/shop/t/23/assets/obaia-section-header.css.map */