/* V08 : navigation ajoutée à la maquette V07, sans modifier sa fiche produit. */
.navigation-shell{position:relative;z-index:5;border-bottom:1px solid var(--line);background:var(--paper)}
.desktop-navigation{max-width:1400px;margin:auto;min-height:50px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.desktop-navigation>a,.desktop-navigation>button{display:flex;gap:8px;align-items:center;min-height:46px;padding:0 2px;font-size:12px;white-space:nowrap;position:relative}
.desktop-navigation>button span{font-size:14px;color:#8b927c;transition:transform .15s}
.desktop-navigation>button.is-active span{transform:rotate(180deg)}
.desktop-navigation>button.is-active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold);border-radius:2px}
.desktop-navigation>a:hover,.desktop-navigation>button:hover,.desktop-navigation>button.is-active{color:var(--gold)}
.desktop-navigation .nav-story{font:italic 15px var(--serif);color:#7b825f}
.desktop-menu{position:absolute;top:100%;left:max(24px,calc((100vw - 1304px)/2));right:max(24px,calc((100vw - 1304px)/2));background:#fcfaf5;border:1px solid #e0e1d5;border-top:0;border-radius:0 0 24px 24px;box-shadow:0 18px 35px #253b3020;padding:24px 32px 30px}
.nav-panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.nav-panel-heading h2{font:normal 28px/1.1 var(--serif);margin:0}
#desktop-menu-close{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);font-size:25px}
#desktop-menu-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.nav-menu-group h3{font-size:9px;color:var(--gold);letter-spacing:1.5px;font-weight:600;margin:0 0 12px}
.nav-menu-links{display:flex;flex-direction:column;gap:1px}
.nav-menu-links a{display:flex;align-items:center;justify-content:space-between;min-height:38px;gap:15px;font-size:12px;padding:7px 0;border-bottom:1px solid #e8e8df}
.nav-menu-links a span{color:#9ba287;font-size:13px}
.nav-menu-links a:hover{color:var(--gold)}
#desktop-menu-content:not([data-section=Produits]){display:block}
#desktop-menu-content:not([data-section=Produits]) .nav-menu-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:36px;row-gap:6px}
.mobile-navigation{display:none}
#mobile-menu{width:min(430px,calc(100vw - 20px));max-width:none;max-height:calc(100dvh - 28px);overflow:hidden;padding:0;border-radius:25px;box-shadow:0 20px 60px #17231c44}
#mobile-menu[open]{display:flex;flex-direction:column}
#mobile-menu::backdrop{background:#24372cd4;backdrop-filter:blur(4px)}
.mobile-menu-heading{position:relative;padding:27px 24px 20px;flex:none}
.mobile-menu-heading .eyebrow{font-size:8px;letter-spacing:1.6px;margin:0 0 11px}
.mobile-menu-heading h2{font:normal 27px/1.12 var(--serif);letter-spacing:-.6px;margin:0}
.mobile-menu-heading h2 em{color:#6b7d5c}
#mobile-menu-close{top:16px;right:14px;width:40px;height:40px;min-width:40px;min-height:40px;border:1px solid var(--line);background:#f0eee5;font-size:25px}
.mobile-menu-sections{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;flex:none;margin:0 18px 15px;padding:4px;background:#eeeee3;border-radius:999px}
.mobile-menu-sections button{font-size:11px;padding:9px 2px;min-height:40px;border-radius:999px;white-space:nowrap}
.mobile-menu-sections button.is-active{background:var(--ink);color:#fffdf5;box-shadow:0 3px 7px #253b3014}
.mobile-menu-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:0 24px 24px;scrollbar-width:thin}
#mobile-menu-content{display:flex;flex-direction:column;gap:24px}
#mobile-menu-content .nav-menu-group h3{margin:10px 0 8px;font-size:9px}
#mobile-menu-content .nav-menu-links a{font-size:13px;min-height:43px;padding:9px 0}
.mobile-menu-extra{margin-top:22px;padding-top:14px;border-top:1px solid #cfd4c3;display:flex;flex-direction:column}
.mobile-menu-extra a{display:flex;align-items:center;justify-content:space-between;min-height:42px;font-size:12px}
.mobile-menu-extra a:last-child{font:italic 17px var(--serif);color:#77805e}
body:has(#mobile-menu[open]){overflow:hidden}
@media(min-width:721px){
 .header{gap:40px;border-bottom:1px solid #e6e6dc}
 .header .brand{flex:none}
 .header-search{display:flex;align-items:center;position:relative;width:min(480px,52vw);height:42px;border-radius:999px;border:1px solid #d8ccb4;background:#f7f3e9;margin:auto}
 .header-search:focus-within{border-color:var(--gold);box-shadow:0 0 0 2px #9e7d4b18}
 .header-search input{background:none;border:0;outline:none;border-radius:999px;font:14px var(--serif);padding:0 18px;width:100%;min-width:0;height:100%;color:var(--ink)}
 .header-search input::placeholder{font:italic 15px var(--serif);color:#6c735c}
 .header-search>button{position:relative;flex:none;width:44px;height:40px;display:grid;place-items:center}
 .header-search>button:before{content:'';position:absolute;width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#f8edda,#e9d5ae);border:1px solid #dec69e}
 .header-search>button svg{position:relative;width:21px;height:21px;color:#40523e;stroke-width:1.4}
 .search-spark{fill:#ac8548;stroke:#ac8548;stroke-width:.65}
 .search-results{position:absolute;z-index:8;top:calc(100% + 7px);left:0;right:0;padding:10px 15px 15px;border:1px solid var(--line);border-radius:20px;background:var(--paper);box-shadow:0 12px 28px #253b3020}
 .search-result-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted)}
 #close-search{width:36px;height:36px;font-size:23px;border-radius:50%}
 #search-status{font-size:12px;margin:6px 0 9px;color:#66715f}
 #search-status:empty{display:none}
 .search-match{display:flex;align-items:center;gap:12px;width:100%;padding:9px 0;text-align:left;border-top:1px solid var(--line);font-size:12px}
 .search-match img{width:44px;height:44px;border-radius:10px;object-fit:cover}
 .search-match small{display:block;margin-top:2px;font-size:10px;color:var(--muted)}
}
@media(min-width:721px) and (max-width:1000px){
 .desktop-navigation{padding:0 25px;gap:8px;flex-wrap:wrap;justify-content:center;min-height:50px}
 .desktop-navigation>a,.desktop-navigation>button{font-size:11px;min-height:39px;margin:0 5px}
 .desktop-navigation .nav-story{font-size:13px}
 .desktop-menu{left:20px;right:20px;padding:20px 24px}
 #desktop-menu-content{gap:23px}
}
@media(max-width:720px){
 .navigation-shell{border:0;z-index:4}
 .desktop-navigation,.desktop-menu{display:none}
 .mobile-navigation{display:flex;align-items:center;justify-content:space-between;height:44px;margin:0 14px 2px;padding:0 4px;border-top:1px solid #e9e6da;border-bottom:1px solid #e2e4d7}
 .mobile-navigation>a,.mobile-navigation>button{min-height:42px;display:flex;align-items:center;justify-content:center;font-size:11px;padding:0 9px;gap:6px}
 #mobile-menu-open{padding-left:0;padding-right:15px;position:relative}
 #mobile-menu-open:after{content:'';position:absolute;right:0;height:15px;width:1px;background:#d5d9ca}
 #mobile-menu-open svg{width:19px;height:19px;stroke-width:1.5}
 .mobile-navigation .season-link{font:italic 14px var(--serif);color:#826b41}
 .season-link span{font-size:16px}
 .breadcrumbs{padding-top:1px}
}

/* V09 — sous-menus compacts, hiérarchie douce, accordéons sur téléphone. */
.desktop-menu{width:min(850px,calc(100vw - 64px));left:max(32px,calc((100vw - 1304px)/2));right:auto;top:calc(100% + 5px);padding:21px 24px 0;border:1px solid #e2e1d3;border-radius:24px;background:#fcfaf5;box-shadow:0 14px 32px #253b301a,0 3px 8px #253b3005;animation:menu-arrive .16s ease-out;transform-origin:top left}
.desktop-menu:before{content:'';position:absolute;top:-8px;left:0;right:0;height:8px}
@keyframes menu-arrive{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.nav-panel-heading{margin-bottom:19px;align-items:center}
.nav-kicker{font-size:8px;letter-spacing:1.65px;color:#948058;margin:0 0 7px}
.nav-panel-heading h2{font-size:24px;letter-spacing:-.45px;line-height:1.1}
#desktop-menu-close{width:34px;height:34px;font-size:21px;background:#f3f1e8;border-color:#e5e3d7;color:#778068;flex:none}
#desktop-menu-content{gap:12px;align-items:stretch}
#desktop-menu-content .nav-menu-group{padding:16px 16px 12px;border-radius:17px;background:#f4f3eb;border:1px solid #eeede2}
#desktop-menu-content .nav-menu-group:nth-child(2){background:#f1f2e8}
#desktop-menu-content .nav-menu-group:nth-child(3){background:#f5f0e5}
#desktop-menu-content .nav-menu-group h3{font:normal 18px/1.2 var(--serif);letter-spacing:-.3px;color:#43563e;text-transform:none;margin:0 0 13px;padding-bottom:11px;border-bottom:1px solid #dddfd0}
#desktop-menu-content .nav-menu-links{gap:1px}
#desktop-menu-content .nav-menu-links a{min-height:34px;font-size:11.5px;line-height:1.45;padding:7px 8px;margin:0 -8px;border:0;border-radius:9px;justify-content:flex-start;gap:0}
#desktop-menu-content .nav-menu-links a>span{display:none}
#desktop-menu-content .nav-menu-links a:hover{color:#344b36;background:#e7eadd}
#desktop-menu-content .nav-menu-links a:focus-visible{outline-offset:0;background:#e7eadd}
#desktop-menu-content:not([data-section=Produits]) .nav-menu-group{background:#f4f3eb}
#desktop-menu-content:not([data-section=Produits]) .nav-menu-group h3{font:500 9px/1.4 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:1.3px;color:var(--gold)}
#desktop-menu-content:not([data-section=Produits]) .nav-menu-links{column-gap:24px;row-gap:4px}
#desktop-menu-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 1px 15px;margin-top:13px;border-top:1px solid #e7e6dc;font-size:10px;color:#81856f}
#desktop-menu-footer a{display:flex;align-items:center;gap:18px;color:#4f6346;font-size:11px;min-height:30px}
#desktop-menu-footer a:hover{color:#917245}
#desktop-menu-footer a>span{font-size:17px}
#mobile-menu{background:#fcfaf5;width:min(430px,calc(100vw - 24px));border:1px solid #ece9db;border-radius:26px;box-shadow:0 15px 45px #17231c33}
#mobile-menu::backdrop{background:#24372c91;backdrop-filter:blur(5px)}
.mobile-menu-heading{padding:27px 22px 20px}
.mobile-menu-heading h2{font-size:27px;letter-spacing:-.55px}
.mobile-menu-heading .eyebrow{font-size:8px;color:#918060}
#mobile-menu-close{width:36px;height:36px;min-width:36px;min-height:36px;right:14px;top:15px;background:#f3f1e8;color:#66755d;border-color:#e5e3d7;font-size:23px}
.mobile-menu-sections{margin:0 18px 18px;padding:3px;background:#efefe5;border:1px solid #e7e8dc;gap:2px}
.mobile-menu-sections button{font-size:10.5px;min-height:38px;padding:8px 1px}
.mobile-menu-sections button.is-active{background:#4c6045;box-shadow:0 2px 6px #253b3010}
.mobile-menu-scroll{padding:0 18px 19px}
#mobile-menu-content{gap:9px}
.nav-family{border:1px solid #e5e4d8!important;border-radius:17px;background:#f4f3eb;overflow:hidden}
.nav-family:nth-child(2){background:#f1f2e8}
.nav-family:nth-child(3){background:#f5f0e5}
.nav-family summary{position:relative;display:grid;grid-template-columns:1fr 23px;gap:3px 8px;padding:15px 16px;min-height:71px}
.nav-family summary .nav-family-name{grid-column:1;grid-row:1;font:normal 18px/1.2 var(--serif);letter-spacing:-.25px;transform:none;color:#3f543a}
.nav-family summary .nav-family-hint{grid-column:1;grid-row:2;font:10px/1.5 -apple-system,BlinkMacSystemFont,sans-serif;transform:none;color:#7c816e}
.nav-family summary .nav-family-chevron{grid-column:2;grid-row:1/3;align-self:center;justify-self:center;font-size:17px;transition:transform .18s;color:#8f977b}
.nav-family[open] summary .nav-family-chevron{transform:rotate(180deg)}
.nav-family[open] summary{padding-bottom:12px}
#mobile-menu-content .nav-family .nav-menu-links{padding:0 16px 12px;border:0;gap:0}
#mobile-menu-content .nav-family .nav-menu-links a{min-height:42px;padding:10px 3px;font-size:12px;border:0;border-top:1px solid #e3e4d8;line-height:1.45}
#mobile-menu-content .nav-family .nav-menu-links a>span{display:none}
#mobile-menu-content .nav-family .nav-menu-links a:hover{color:#8e7046}
#mobile-menu-content>.nav-menu-group{padding:13px 16px 10px;border:1px solid #e5e4d8;border-radius:17px;background:#f4f3eb}
#mobile-menu-content>.nav-menu-group h3{font-size:8px;color:#94805b;line-height:1.5;margin:0 0 8px}
#mobile-menu-content>.nav-menu-group .nav-menu-links a{font-size:12px;min-height:42px;border-color:#e5e5d9}
#mobile-menu-content>.nav-menu-group .nav-menu-links a>span{display:none}
#mobile-menu-all{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 17px;min-height:45px;margin:13px 0 0;border-radius:999px;border:1px solid #cbd3be;background:#fafaf4;color:#506547;font-size:11px}
#mobile-menu-all span{font-size:17px}
.mobile-menu-extra{margin-top:17px;padding:10px 2px 0;border-color:#e5e4d9}
.mobile-menu-extra a{min-height:38px;font-size:11px;color:#69765f}
.mobile-menu-extra a:last-child{font-size:15px;color:#887952}
@media(min-width:721px) and (max-width:1000px){.desktop-menu{width:calc(100vw - 48px);left:24px;padding:20px 20px 0}.desktop-navigation{gap:6px}#desktop-menu-content{gap:10px}#desktop-menu-content .nav-menu-group{padding:14px}#desktop-menu-content .nav-menu-group h3{font-size:17px}}
@media(max-width:720px){.desktop-menu{display:none}#desktop-menu-footer{display:none}}
@media(prefers-reduced-motion:reduce){.desktop-menu{animation:none}}