@charset "UTF-8";

/* Off-canvas navigation */
.yamm-offcanvas { --yamm-offcanvas-width:min(500px,100vw); position:fixed; z-index:80; inset:0; visibility:hidden; pointer-events:none; color:#111; }
.yamm-offcanvas.is-wide { --yamm-offcanvas-width:min(980px,100vw); }
.yamm-offcanvas.is-open { visibility:visible; pointer-events:auto; }
.yamm-offcanvas__backdrop { position:absolute; inset:0; width:100%; padding:0; border:0; background:rgba(0,0,0,.52); opacity:0; transition:opacity 220ms ease; }
.yamm-offcanvas.is-open .yamm-offcanvas__backdrop { opacity:1; }
.yamm-offcanvas__drawer { position:relative; z-index:1; width:var(--yamm-offcanvas-width); height:100dvh; overflow:hidden; background:#fffdf8; transform:translate3d(-100%,0,0); transition:transform 300ms cubic-bezier(.16,1,.3,1),width 300ms cubic-bezier(.16,1,.3,1); will-change:transform; }
.yamm-offcanvas.is-open .yamm-offcanvas__drawer { transform:translate3d(0,0,0); }
.yamm-offcanvas__close { position:absolute; z-index:5; top:46px; left:40px; padding:0; border:0; display:inline-flex; align-items:center; gap:14px; background:transparent; color:#111; cursor:pointer; font:inherit; font-size:13px; }
.yamm-offcanvas__close svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.4; stroke-linecap:round; }
.yamm-offcanvas__panel { position:absolute; inset:0; display:grid; grid-template-columns:500px minmax(0,1fr); min-width:0; }
.yamm-offcanvas__panel[hidden] { display:none; }
.yamm-offcanvas__panel:not(.has-selection) { grid-template-columns:1fr; }
.yamm-offcanvas__nav-column,.yamm-offcanvas__selection { min-width:0; overflow-y:auto; overscroll-behavior:contain; }
.yamm-offcanvas__nav-column { display:flex; flex-direction:column; padding:124px 40px 30px; background:#fffdf8; }
.yamm-offcanvas__heading { min-height:44px; margin-bottom:32px; }
.yamm-offcanvas__eyebrow { margin:0 0 13px; color:rgba(17,17,17,.48); font-family:var(--yamm-font-body); font-size:10px; line-height:1; letter-spacing:.17em; }
.yamm-offcanvas__title-row { display:flex; align-items:center; gap:7px; }
.yamm-offcanvas__back { width:16px; height:24px; padding:0; border:0; display:grid; place-items:center; background:transparent; color:inherit; cursor:pointer; }
.yamm-offcanvas__back svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.35; stroke-linecap:round; stroke-linejoin:round; }
.yamm-offcanvas__title { margin:0; outline:0; font-family:var(--yamm-font-ui); font-size:19px; font-weight:400; line-height:1.15; }
.yamm-offcanvas__list { margin:0; padding:0; display:grid; gap:17px; list-style:none; }
.yamm-offcanvas__link { width:100%; min-height:24px; padding:0; border:0; display:flex; align-items:center; justify-content:space-between; gap:18px; background:transparent; color:#111; text-align:left; text-decoration:none; cursor:pointer; font-family:var(--yamm-font-ui); font-size:17px; font-weight:400; line-height:1.25; }
.yamm-offcanvas__link:hover,.yamm-offcanvas__link:focus-visible { color:rgba(17,17,17,.58); outline:none; }
.yamm-offcanvas__link--panel svg { flex:0 0 auto; width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.3; stroke-linecap:round; stroke-linejoin:round; }
.yamm-offcanvas__locale { margin-top:auto; padding-top:28px; border-top:1px solid rgba(0,0,0,.12); display:flex; align-items:center; justify-content:space-between; gap:20px; color:rgba(17,17,17,.68); font-size:11px; }
.yamm-offcanvas__locale-value { display:inline-flex; align-items:center; gap:7px; color:#111; }
.yamm-offcanvas__locale-value svg { width:13px; height:13px; fill:none; stroke:currentColor; stroke-width:1.3; }
.yamm-offcanvas__selection { padding:84px 24px 34px 26px; border-left:1px solid rgba(0,0,0,.1); background:#fffdf8; }
.yamm-offcanvas__selection-label { margin:0 0 16px; color:rgba(17,17,17,.42); font-family:var(--yamm-font-body); font-size:10px; line-height:1; letter-spacing:.17em; }
.yamm-offcanvas__selection-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 12px; }
.yamm-offcanvas__card { min-width:0; color:#111; text-decoration:none; }
.yamm-offcanvas__card-media { display:block; aspect-ratio:4/5.25; overflow:hidden; background:#f1eee8; }
.yamm-offcanvas__card-media img { width:100%; height:100%; object-fit:cover; transition:transform 360ms cubic-bezier(.2,.7,.2,1); }
.yamm-offcanvas__card:hover .yamm-offcanvas__card-media img,.yamm-offcanvas__card:focus-visible .yamm-offcanvas__card-media img { transform:scale(1.015); }
.yamm-offcanvas__card-label { display:block; margin-top:8px; font-family:var(--yamm-font-ui); font-size:12px; line-height:1.25; }

/* Search curtain — legacy Maison YAMM fall, rebuilt on the persistent V2 shell. */
.yamm-header__bar { transition:opacity .30s cubic-bezier(.19,1,.22,1); }
.yamm-header:has(.yamm-search-curtain:not([hidden])) { background-color:transparent !important; border-color:transparent !important; box-shadow:none !important; }
.yamm-header:has(.yamm-search-curtain:not([hidden])) > .yamm-header__bar { opacity:0; pointer-events:none; }
.yamm-header .yamm-search-curtain { position:fixed; z-index:90; inset:0; width:100%; height:100dvh; min-height:100svh; max-height:none; padding:0; overflow-x:hidden; overflow-y:auto; border:0; background:#fff; color:#111; visibility:hidden; pointer-events:none; opacity:0; transform:translate3d(0,-100%,0); transition:transform .36s cubic-bezier(.4,0,.2,1),opacity .28s ease,box-shadow .36s ease,visibility 0s linear .36s; box-shadow:0 28px 80px rgba(0,0,0,.22); will-change:transform,opacity; contain:layout paint style; }
.yamm-header .yamm-search-curtain.is-open { visibility:visible; pointer-events:auto; opacity:1; transform:translate3d(0,0,0); transition:transform .62s cubic-bezier(.19,1,.22,1),opacity .42s ease,box-shadow .5s ease,visibility 0s linear 0s; box-shadow:0 40px 120px rgba(0,0,0,.25); }
.yamm-search-curtain__top { position:sticky; z-index:2; top:0; height:var(--yamm-header-height); padding-inline:var(--yamm-header-inline); display:grid; grid-template-columns:minmax(38px,1fr) auto minmax(38px,1fr); align-items:center; border-bottom:1px solid rgba(0,0,0,.06); background:#fff; }
.yamm-search-curtain__brand { grid-column:2; justify-self:center; display:inline-flex; flex-direction:column; align-items:center; color:#111; text-decoration:none; line-height:1; }
.yamm-search-curtain__brand>span { font-family:var(--yamm-font-brand); font-size:clamp(26px,2.1vw,35px); font-weight:400; letter-spacing:.055em; white-space:nowrap; }
.yamm-search-curtain__brand>small { margin-top:6px; font-family:var(--yamm-font-brand); font-size:11px; letter-spacing:.27em; }
.yamm-search-curtain__close { grid-column:3; justify-self:end; min-width:42px; min-height:42px; display:inline-grid; place-items:center; }
.yamm-search-curtain__close svg { width:20px; height:20px; }
.yamm-search-curtain__body { min-height:calc(100dvh - var(--yamm-header-height)); padding:28px 0 0; opacity:0; transform:translate3d(0,10px,0); filter:blur(2px); transition:opacity .72s cubic-bezier(.19,1,.22,1),transform .72s cubic-bezier(.19,1,.22,1),filter .72s cubic-bezier(.19,1,.22,1); transition-delay:0s; }
.yamm-search-curtain.is-open .yamm-search-curtain__body { opacity:1; transform:translate3d(0,0,0); filter:blur(0); transition-delay:.16s; }
.yamm-search-curtain .yamm-header__search-form { width:min(1094px,calc(100vw - 72px)); margin-inline:auto; display:block; }
.yamm-search-curtain .yamm-header__search-input { width:100%; height:56px; min-height:56px; padding:0 24px; border:1px solid #111; border-radius:999px; outline:0; background:#fff; color:#111; font-family:var(--yamm-font-body); font-size:14px; font-weight:300; box-shadow:none; transition:border-color 150ms ease,box-shadow 180ms ease; }
.yamm-search-curtain .yamm-header__search-input:focus { border-color:#000; box-shadow:0 7px 20px rgba(0,0,0,.045); }
.yamm-search-curtain__explore,.yamm-search-curtain__suggestions { width:min(1364px,calc(100vw - 80px)); margin-inline:auto; display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.yamm-search-curtain__explore { margin-top:18px; }
.yamm-search-curtain__suggestions { margin-top:18px; }
.yamm-search-curtain__explore>span,.yamm-search-curtain__suggestions>span { flex:0 0 126px; margin:0; color:rgba(17,17,17,.55); font-family:var(--yamm-font-body); font-size:10px; font-weight:300; line-height:1; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }
.yamm-search-curtain__suggestions>span { flex-basis:90px; color:#111; font-size:11px; text-transform:none; letter-spacing:0; }
.yamm-search-curtain__explore a,.yamm-search-curtain__suggestions button { min-height:32px; padding:0 13px; border:1px solid rgba(17,17,17,.16); border-radius:999px; display:inline-flex; align-items:center; justify-content:center; gap:7px; background:#fff; color:#111; text-decoration:none; cursor:pointer; font-family:var(--yamm-font-ui); font-size:11px; line-height:1; white-space:nowrap; transition:border-color 150ms ease,transform 180ms cubic-bezier(.16,1,.3,1); }
.yamm-search-curtain__explore a:hover,.yamm-search-curtain__explore a:focus-visible,.yamm-search-curtain__suggestions button:hover,.yamm-search-curtain__suggestions button:focus-visible { border-color:rgba(17,17,17,.72); transform:translateY(-1px); outline:none; }
.yamm-search-curtain__explore b { color:#d4a92e; font-weight:400; }
.yamm-live-search { width:100%; margin:34px 0 0; }
.yamm-live-search__prompt,.yamm-live-search__empty { width:min(1364px,calc(100vw - 80px)); margin:0 auto 24px; color:rgba(0,0,0,.48); font-family:var(--yamm-font-body); font-size:11px; font-weight:300; }
.yamm-live-search__results { width:100%; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:0; background:#f5f5f5; opacity:0; transform:translate3d(0,8px,0); transition:opacity .7s cubic-bezier(.19,1,.22,1),transform .7s cubic-bezier(.19,1,.22,1); }
.yamm-search-curtain.is-open .yamm-live-search__results { opacity:1; transform:translate3d(0,0,0); transition-delay:.24s; }
.yamm-search-result { min-width:0; display:block; background:#fff; color:#111; text-decoration:none; }
.yamm-search-result__media { aspect-ratio:1/1; overflow:hidden; display:block; background:#f3efe8; }
.yamm-search-result__media img { width:100%; height:100%; object-fit:cover; transition:transform 420ms cubic-bezier(.2,.7,.2,1); }
.yamm-search-result__text { min-width:0; min-height:68px; padding:11px 16px 12px; display:flex; flex-direction:column; gap:4px; }
.yamm-search-result__text strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-family:var(--yamm-font-ui); font-size:13px; font-weight:400; }
.yamm-search-result__price { color:rgba(0,0,0,.52); font-family:var(--yamm-font-body); font-size:12px; font-weight:300; }
.yamm-search-result:hover .yamm-search-result__media img,.yamm-search-result:focus-visible .yamm-search-result__media img { transform:scale(1.012); }
.yamm-live-search.is-loading .yamm-live-search__results { opacity:.58; transition:opacity 100ms ease; }
body.yamm-header-open { overflow:hidden; }

/* Gestion Usage explorer opened by “Par accord”: the production V4 sheet, rebuilt on the V2 component. */
.yamm-search-usage { position:fixed; z-index:1400; inset:0; display:grid; place-items:center; padding:5vh 5vw; visibility:hidden; pointer-events:none; font-family:var(--yamm-font-ui); }
.yamm-search-usage:not([hidden]).is-visible { visibility:visible; pointer-events:auto; }
.yamm-search-usage__veil { position:absolute; inset:0; background:rgba(0,0,0,.55); opacity:0; backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); transition:opacity .24s ease; }
.yamm-search-usage.is-visible .yamm-search-usage__veil { opacity:1; }
.yamm-search-usage__sheet { position:relative; z-index:1; width:min(92vw,960px); max-height:88dvh; overflow:hidden; display:flex; flex-direction:column; border:0; border-radius:0; background:#f5f5f5; box-shadow:0 26px 70px rgba(0,0,0,.28); color:#111; opacity:0; transform:translate3d(0,12px,0); transition:transform .30s cubic-bezier(.16,1,.3,1),opacity .22s ease; }
.yamm-search-usage.is-visible .yamm-search-usage__sheet { opacity:1; transform:translate3d(0,0,0); }
.yamm-search-usage__head { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; padding:27px 31px 24px; border-bottom:1px solid #d9d9d9; background:#f5f5f5; }
.yamm-search-usage__kicker,.yamm-search-usage__label { display:block; color:#727272; font-size:10px; font-weight:400; letter-spacing:.12em; line-height:1.2; text-transform:uppercase; }
.yamm-search-usage__head h2 { margin:8px 0 0; color:#111; font-family:var(--yamm-font-ui); font-size:29px; font-weight:400; line-height:1.1; letter-spacing:0; }
.yamm-search-usage__head p { max-width:650px; margin:10px 0 0; color:#626262; font-size:13px; font-weight:400; line-height:1.5; }
.yamm-search-usage__close { flex:0 0 36px; width:36px; height:36px; margin:-4px -6px 0 0; padding:0; border:0; border-radius:0; display:grid; place-items:center; background:transparent; color:#111; cursor:pointer; font:300 25px/1 var(--yamm-font-ui); }
.yamm-search-usage__close:hover { background:#e9e9e9; }
.yamm-search-usage__content { flex:1 1 auto; min-height:0; overflow:auto; padding:0; background:#f5f5f5; -webkit-overflow-scrolling:touch; }
.yamm-search-usage__grid { display:block; }
.yamm-search-usage__item { display:grid; grid-template-columns:190px minmax(0,1fr); align-items:center; gap:26px; min-width:0; padding:23px 31px; border-bottom:1px solid #d9d9d9; background:#f5f5f5; }
.yamm-search-usage__item-head { min-width:0; }
.yamm-search-usage__item-head>strong { display:block; margin:5px 0 0; color:#111; font-size:16px; font-weight:400; line-height:1.25; }
.yamm-search-usage__current { display:block; margin:6px 0 0; color:#777; font-size:11px; font-weight:400; line-height:1.3; }
.yamm-search-usage__choices { min-width:0; display:flex; align-items:stretch; flex-wrap:wrap; gap:8px; }
.yamm-search-usage__choices button { min-height:42px; margin:0; padding:9px 15px; border:1px solid #cfcfcf; border-radius:0; display:inline-flex; align-items:center; justify-content:center; background:#fff; color:#191919; box-shadow:none; cursor:pointer; font:400 12px/1.15 var(--yamm-font-ui); text-align:center; white-space:nowrap; transition:background .15s ease,color .15s ease,border-color .15s ease; }
.yamm-search-usage__choices button:hover { border-color:#111; background:#ededed; }
.yamm-search-usage__choices button.is-selected { border-color:#111; background:#111; color:#fff; }
.yamm-search-usage__footer { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:16px; padding:19px 31px calc(19px + env(safe-area-inset-bottom,0px)); border-top:1px solid #d9d9d9; background:#f5f5f5; }
.yamm-search-usage__footer>button:first-child { justify-self:start; min-height:40px; margin:0; padding:0; border:0; background:transparent; color:#333; cursor:pointer; font:400 12px/1 var(--yamm-font-ui); text-decoration:underline; text-underline-offset:4px; }
.yamm-search-usage__footer>span { color:#777; font-size:11px; font-weight:400; line-height:1.3; text-align:center; }
.yamm-search-usage__submit { justify-self:end; min-width:210px; min-height:48px; margin:0; padding:0 24px; border:1px solid #111; border-radius:0; display:inline-flex; align-items:center; justify-content:center; background:#111; color:#fff; cursor:pointer; font:400 13px/1 var(--yamm-font-ui); transition:background .15s ease; }
.yamm-search-usage__submit:hover { background:#303030; }
.yamm-search-usage__close:focus-visible,.yamm-search-usage__choices button:focus-visible,.yamm-search-usage__footer button:focus-visible { outline:2px solid #111; outline-offset:2px; }

@media (max-width:1180px) {
  .yamm-live-search__results { grid-template-columns:repeat(4,minmax(0,1fr)); }
}
@media (max-width:980px) {
  .yamm-offcanvas,.yamm-offcanvas.is-wide { --yamm-offcanvas-width:min(100vw,560px); }
  .yamm-offcanvas__panel,.yamm-offcanvas__panel.has-selection { grid-template-columns:1fr; }
  .yamm-offcanvas__selection { display:none; }
  .yamm-search-curtain__body { padding-top:24px; }
  .yamm-search-curtain .yamm-header__search-form { width:calc(100vw - 32px); }
  .yamm-search-curtain .yamm-header__search-input { height:50px; min-height:50px; padding-inline:18px; font-size:13px; }
  .yamm-search-curtain__explore,.yamm-search-curtain__suggestions,.yamm-live-search__prompt,.yamm-live-search__empty { width:calc(100vw - 32px); }
  .yamm-search-curtain__explore>span,.yamm-search-curtain__suggestions>span { flex:0 0 100%; margin-bottom:2px; }
  .yamm-search-curtain__explore a,.yamm-search-curtain__suggestions button { min-height:36px; padding-inline:15px; font-size:12px; }
  .yamm-live-search { margin-top:24px; }
  .yamm-live-search__results { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .yamm-search-result__text { min-height:72px; padding:10px 14px 15px; }
  .yamm-search-result__text strong { font-size:14px; }
  .yamm-search-result__price { font-size:13px; }
  .yamm-search-usage__item { grid-template-columns:170px minmax(0,1fr); gap:20px; }
}
@media (max-width:620px) {
  .yamm-offcanvas,.yamm-offcanvas.is-wide { --yamm-offcanvas-width:100vw; }
  .yamm-offcanvas__close { top:28px; left:20px; }
  .yamm-offcanvas__close span { display:none; }
  .yamm-offcanvas__nav-column { padding:92px 20px 24px; }
  .yamm-offcanvas__heading { margin-bottom:26px; }
  .yamm-offcanvas__list { gap:15px; }
  .yamm-offcanvas__link { font-size:16px; }
  .yamm-search-curtain__brand>span { font-size:var(--yamm-brand-mobile-name-size); letter-spacing:var(--yamm-brand-mobile-name-tracking); }
  .yamm-search-curtain__brand>small { margin-top:5px; font-size:var(--yamm-brand-mobile-city-size); letter-spacing:var(--yamm-brand-mobile-city-tracking); }
  .yamm-search-usage { place-items:end stretch; padding:0; }
  .yamm-search-usage__sheet { width:100%; max-height:90dvh; }
  .yamm-search-usage__head { gap:14px; padding:21px 20px 18px; }
  .yamm-search-usage__kicker { font-size:9px; }
  .yamm-search-usage__head h2 { font-size:24px; }
  .yamm-search-usage__head p { margin-top:8px; font-size:12px; line-height:1.45; }
  .yamm-search-usage__close { flex-basis:34px; width:34px; height:34px; font-size:24px; }
  .yamm-search-usage__item { display:block; padding:19px 20px; }
  .yamm-search-usage__item-head { margin-bottom:13px; }
  .yamm-search-usage__item-head>strong { font-size:15px; }
  .yamm-search-usage__current { margin-top:4px; font-size:10px; }
  .yamm-search-usage__choices { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .yamm-search-usage__choices button { width:100%; min-width:0; min-height:46px; padding:9px 8px; font-size:12px; white-space:normal; }
  .yamm-search-usage__footer { position:sticky; bottom:0; z-index:3; grid-template-columns:auto minmax(0,1fr); gap:12px; padding:14px 20px calc(14px + env(safe-area-inset-bottom,0px)); }
  .yamm-search-usage__footer>span { display:none; }
  .yamm-search-usage__submit { width:100%; min-width:0; min-height:48px; padding:0 14px; font-size:13px; }
}
@media (prefers-reduced-motion:reduce) {
  .yamm-offcanvas__drawer,.yamm-offcanvas__backdrop,.yamm-offcanvas__card-media img,.yamm-header .yamm-search-curtain,.yamm-search-curtain__body,.yamm-live-search__results,.yamm-search-result__media img,.yamm-header__bar,.yamm-search-usage__veil,.yamm-search-usage__sheet { transition:none; }
}
