/** Shopify CDN: Minification failed

Line 153:10 Unexpected "@media"
Line 162:10 Unexpected "@media"

**/
.labelnou{--paper:#FAF8F4;--paper-2:#F1EBE3;--ink:#141210;--ink-2:#57504A;--muted:#928A80;--line:#E4DCD1;--rouge:#B0372C;
--display:'Bodoni Moda',Georgia,serif;--ui:'Jost',-apple-system,'Segoe UI',sans-serif;
--gut:clamp(18px,3.6vw,56px);--maxw:1600px;--ease:cubic-bezier(.19,1,.22,1)}
.labelnou *,.labelnou *::before,.labelnou *::after{box-sizing:border-box}
.labelnou{-webkit-text-size-adjust:100%}
.labelnou{margin:0 auto;max-width:var(--maxw);padding-inline:clamp(0px,2.4vw,40px);background:var(--paper);color:var(--ink);font-family:var(--ui);font-weight:300;font-size:15px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}
.labelnou img{display:block;max-width:100%}
.labelnou h1,.labelnou h2,.labelnou h3{margin:0;font-family:var(--display);font-weight:400;line-height:1.04;letter-spacing:-.015em}
.labelnou p{margin:0}
.labelnou a{color:inherit;text-decoration:none}
.labelnou a:hover{color:var(--rouge)}
.labelnou button,.labelnou select{font:inherit;color:inherit}
.labelnou :focus-visible{outline:1.5px solid var(--rouge);outline-offset:3px}
.labelnou .wrap{padding-inline:var(--gut)}
.labelnou .lab{font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted)}
.labelnou .cta{display:inline-block;font-size:11px;letter-spacing:.28em;text-transform:uppercase;position:relative;padding-bottom:7px}
.labelnou .cta::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:currentColor;transform-origin:left;transform:scaleX(.3);transition:transform .55s var(--ease)}
.labelnou .cta:hover{color:inherit}.labelnou .cta:hover::after{transform:scaleX(1)}
.labelnou .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 30px;background:var(--ink);color:var(--paper);font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;transition:background .4s var(--ease)}
.labelnou .btn:hover{background:var(--rouge);color:#fff}
.labelnou .btn--light{background:var(--paper);color:var(--ink)}
.labelnou .btn--light:hover{background:var(--rouge);color:#fff}
.labelnou .rv{opacity:0;transform:translateY(24px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
.labelnou .rv.in{opacity:1;transform:none}
.labelnou .rv-d1{transition-delay:.1s}.labelnou .rv-d2{transition-delay:.2s}.labelnou .rv-d3{transition-delay:.3s}/* ── OMES chrome ─────────────────────── */

.labelnou .promo{background:var(--ink);color:rgba(255,255,255,.9);display:flex;justify-content:center;align-items:center;gap:16px;padding:9px 20px;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase}
.labelnou .promo i{opacity:.4;font-style:normal}
.labelnou .onav{position:sticky;top:0;z-index:90;display:flex;align-items:center;gap:48px;padding:16px var(--gut);background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--line)}
.labelnou .onav__brand{font-size:20px;font-weight:500;letter-spacing:-.04em}
.labelnou .onav__brand .dot{display:inline-block;width:6px;height:6px;background:#E8442B;border-radius:50%;vertical-align:3px;margin-left:1px}
.labelnou .onav__links{display:flex;gap:24px;font-size:12.5px;color:var(--ink-2)}
.labelnou .onav__links a.on,.labelnou .onav__links a:hover{color:var(--ink)}
.labelnou .onav__tools{margin-left:auto;display:flex;gap:18px}
.labelnou .onav__tools svg{width:19px;height:19px;stroke:var(--ink);stroke-width:1.3;fill:none}
.labelnou .crumbs{display:flex;gap:9px;padding:18px 0 0;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.labelnou .crumbs::-webkit-scrollbar{display:none}
.labelnou .crumbs .sep{color:var(--line)}.labelnou .crumbs .cur{color:var(--ink)}/* ── brand hero ──────────────────────── */

.labelnou .hero{position:relative;margin-top:16px;height:min(64vh,620px);min-height:400px;overflow:hidden;background:var(--ink)}
.labelnou .hero__img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover;object-position:52% 38%;transform:scale(1.06);animation:hIn 2.6s var(--ease) forwards}
@keyframes hIn{to{transform:scale(1)}}
.labelnou .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(102deg,rgba(10,9,8,.8) 0%,rgba(10,9,8,.62) 42%,rgba(10,9,8,.3) 72%,rgba(10,9,8,.12) 100%),linear-gradient(to top,rgba(10,9,8,.5) 0%,rgba(10,9,8,0) 52%)}
.labelnou .hero__in{position:absolute;z-index:2;left:var(--gut);bottom:clamp(30px,5vh,58px);right:var(--gut);max-width:min(760px,62%);color:#fff}
.labelnou .hero__mark{position:absolute;z-index:1;left:clamp(48px,9vw,150px);top:clamp(60px,8vw,100px);height:clamp(150px,26vw,360px);width:auto;opacity:.2;filter:brightness(0) invert(1)}
.labelnou .hero h1{font-size:clamp(34px,5.6vw,80px);margin-top:16px;letter-spacing:-.025em}
.labelnou .hero h1 em{font-style:italic}
.labelnou .hero__row{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 30px}
.labelnou .hero__row p{font-size:14px;color:rgba(255,255,255,.88);max-width:36ch;text-shadow:0 1px 14px rgba(0,0,0,.35)}
.labelnou .vfd{display:inline-flex;align-items:center;gap:8px;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;border:1px solid rgba(255,255,255,.34);border-radius:999px;padding:7px 14px;background:rgba(255,255,255,.09);color:#fff}
.labelnou .vfd::before{content:"";width:5px;height:5px;border-radius:50%;background:#7FBF8E}
.labelnou .hero > .vfd{position:absolute;z-index:3;right:var(--gut);top:clamp(20px,3.4vw,42px);color:#fff}
.labelnou .hero__cta{margin-top:24px;display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center}
.labelnou .btn--follow{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#9A1F14;color:#fff;border:1px solid #9A1F14}
.labelnou .btn--follow:hover{background:#7d180f;border-color:#7d180f}
.labelnou .btn--follow svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;flex:none;display:block;position:relative;top:-.5px}
.labelnou .hero .cta{color:#fff}/* ── filter bar (OMES pattern) ───────── */

.labelnou .bar{position:sticky;top:52px;z-index:80;background:color-mix(in srgb,var(--paper) 95%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.labelnou .bar__in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px var(--gut);flex-wrap:wrap}
.labelnou .bar.is-stuck .bar__in{padding-top:22px;padding-bottom:22px}
.labelnou .bar.is-stuck{box-shadow:0 1px 14px rgba(20,18,16,.06)}
.labelnou .chips{display:flex;gap:8px;flex-wrap:wrap;min-width:0}
.labelnou .chip{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:9px 16px;background:none;cursor:pointer;transition:.35s var(--ease)}
.labelnou .chip:hover{border-color:var(--ink);color:var(--ink)}
.labelnou .chip.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.labelnou .chip .n{opacity:.5;margin-left:6px}
.labelnou .bar__r{display:flex;align-items:center;gap:18px}
.labelnou .cnt{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.labelnou .sortsel{font-size:10px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);background:#fff;padding:10px 13px;cursor:pointer;outline:none}/* ── product grid ────────────────────── */

.labelnou .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(26px,3vw,52px) clamp(14px,1.6vw,26px);padding:clamp(34px,5vh,62px) var(--gut) clamp(56px,8vh,100px)}
.labelnou .pc{display:block;position:relative}
.labelnou .pc__ph{position:relative;aspect-ratio:2/3;overflow:hidden;background:var(--paper-2)}
.labelnou .pc__ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease),opacity .7s var(--ease)}
.labelnou .pc__alt{opacity:0}
.labelnou .pc:hover .pc__alt{opacity:1}
.labelnou .pc:hover .pc__ph img{transform:scale(1.035)}
.labelnou .pc__flag{position:absolute;top:12px;left:12px;z-index:3;font-size:9px;letter-spacing:.16em;text-transform:uppercase;background:rgba(250,248,244,.94);padding:5px 10px}
.labelnou .pc__flag--sale{background:var(--rouge);color:#fff}
.labelnou .pc__add{position:absolute;left:12px;right:12px;bottom:12px;z-index:3;background:rgba(250,248,244,.95);text-align:center;font-size:10px;letter-spacing:.24em;text-transform:uppercase;padding:14px;opacity:0;transform:translateY(10px);transition:.45s var(--ease);cursor:pointer;border:0;width:auto}
.labelnou .pc__add:hover{background:var(--ink);color:var(--paper)}
.labelnou .pc:hover .pc__add{opacity:1;transform:none}
.labelnou .pc__meta{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding-top:14px}
.labelnou .pc__nm{font-family:var(--display);font-size:20px}
.labelnou .pc__ds{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.labelnou .pc__pr{font-size:12.5px;letter-spacing:.05em;white-space:nowrap}
.labelnou .pc__pr s{color:var(--muted);margin-right:8px}
.labelnou .pc__pr .sale{color:var(--rouge)}/* ── editorial break ─────────────────── */

.labelnou .brk{position:relative;height:min(74vh,700px);overflow:hidden;background:var(--ink)}
.labelnou .brk img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;object-position:56% 42%}
.labelnou .brk::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,7,6,.56),rgba(8,7,6,.05) 62%)}
.labelnou .brk__in{position:absolute;z-index:2;left:var(--gut);right:var(--gut);bottom:clamp(34px,6vh,74px);color:#fff}
.labelnou .brk .lab{color:rgba(255,255,255,.6)}
.labelnou .brk h2{font-size:clamp(30px,5.4vw,84px);margin-top:14px;max-width:18ch}
.labelnou .brk h2 em{font-style:italic}/* ── look rail ───────────────────────── */

.labelnou .looks{padding:clamp(56px,9vh,110px) 0}
.labelnou .looks__h{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-inline:var(--gut)}
.labelnou .looks__h h2{font-size:clamp(26px,3vw,44px);margin-top:12px}
.labelnou .rail{display:flex;gap:clamp(12px,1.6vw,24px);margin-top:clamp(26px,4vh,48px);padding:0 var(--gut) 4px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;cursor:grab}
.labelnou .rail::-webkit-scrollbar{display:none}
.labelnou .rail.drag{cursor:grabbing}
.labelnou .lk{flex:0 0 calc((100% - 2*clamp(12px,1.6vw,24px))/3.2);scroll-snap-align:start}
.labelnou .lk__ph{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--paper-2)}
.labelnou .lk__ph img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}
.labelnou .lk:hover img{transform:scale(1.04)}
.labelnou .lk__cap{display:flex;justify-content:space-between;gap:12px;padding-top:13px;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.labelnou .railnav{display:flex;gap:10px;margin-top:24px;padding-inline:var(--gut)}
.labelnou .railnav button{width:40px;height:40px;border:1px solid var(--line);background:none;cursor:pointer;transition:.35s var(--ease)}
.labelnou .railnav button:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}/* ── house note ──────────────────────── */

.labelnou .house{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,72px);align-items:center;padding:0 var(--gut) clamp(56px,9vh,110px)}
.labelnou .house__ph{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--paper-2)}
.labelnou .house__ph img{width:100%;height:100%;object-fit:cover;object-position:60% 30%}
.labelnou .house h2{font-size:clamp(28px,3.4vw,52px);margin-top:16px}
.labelnou .house h2 em{font-style:italic}
.labelnou .house p{margin-top:18px;font-size:15.5px;line-height:1.8;color:var(--ink-2);max-width:40ch;text-wrap:pretty}
.labelnou .house__facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:30px}
.labelnou .house__facts div{background:var(--paper);padding:20px 22px}
.labelnou .house__facts b{display:block;font-family:var(--display);font-size:22px;font-weight:400}
.labelnou .house__facts span{display:block;margin-top:5px;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.labelnou .house .btn{margin-top:28px}
.labelnou .maison{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,72px);align-items:center;padding:0 var(--gut) clamp(56px,9vh,110px)}.labelnou .maison__ph{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--paper-2)}
.labelnou .maison__ph img{width:100%;height:100%;object-fit:cover;object-position:58% 34%}
.labelnou .maison h2{font-size:clamp(28px,3.4vw,52px);margin-top:14px}
.labelnou .maison h2 em{font-style:italic;color:var(--rouge)}
.labelnou .maison p{margin-top:20px;font-size:15.5px;line-height:1.85;color:var(--ink-2);max-width:42ch;text-wrap:pretty}
.labelnou .maison__pts{margin-top:26px;display:flex;flex-wrap:wrap;gap:8px}
.labelnou .maison__pts span{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--line);padding:7px 13px;color:var(--ink-2);background:#fff}
.labelnou .maison .btn{margin-top:30px}
@media(max-width:720px){.labelnou .maison{grid-template-columns:1fr;gap:22px;padding-bottom:48px}.labelnou .maison__ph{margin-inline:calc(var(--gut)*-1)}.labelnou .maison h2{font-size:30px}}/* ── footer ──────────────────────────── */

.labelnou .foot{background:var(--ink);color:rgba(255,255,255,.66);padding:clamp(48px,8vh,80px) var(--gut) 26px}
.labelnou .foot__top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.13)}
.labelnou .foot__mark{height:52px;width:auto;filter:brightness(0) invert(1)}
.labelnou .foot p{margin-top:14px;font-size:13px;line-height:1.75;max-width:32ch}
.labelnou .foot__partner{margin-top:18px;font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.labelnou .foot__partner b{color:#E8442B;font-weight:400}
.labelnou .foot h4{margin:0 0 14px;font-family:var(--ui);font-size:9.5px;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:#fff}
.labelnou .foot a{display:block;font-size:13px;padding:5px 0;color:rgba(255,255,255,.66)}
.labelnou .foot a:hover{color:#fff}
.labelnou .foot__bot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:22px;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.42)}
.labelnou .tabbar{display:none}/* ── tablet ──────────────────────────── */

.labelnou @media(max-width:1024px){
.onav{gap:24px}.onav__links{display:none}
.grid{grid-template-columns:repeat(3,1fr)}
.lk{flex:0 0 calc((100% - 24px)/2.3)}
.maison{grid-template-columns:1fr;gap:30px}
.maison__ph{aspect-ratio:16/10}
.foot__top{grid-template-columns:1fr 1fr;gap:30px}
}/* ── mobile: dedicated ───────────────── */

.labelnou @media(max-width:720px){
.maison{grid-template-columns:1fr;gap:20px;padding:0 var(--gut) 44px}
.maison__ph{aspect-ratio:4/5;margin-inline:calc(var(--gut)*-1)}
.maison h2{font-size:clamp(26px,7.6vw,34px);margin-top:10px}
.maison p{margin-top:14px;font-size:15px;max-width:none}
.maison__pts{margin-top:18px;gap:6px}
.maison__pts span{font-size:9px;padding:6px 11px}
.maison .btn{margin-top:22px;width:100%}
.hero > .vfd{right:14px;top:14px;font-size:8.5px;padding:6px 11px}
.looks__h .cta{font-size:10px}
.lk__cap{font-size:9px;letter-spacing:.14em}
.pc__add{box-shadow:0 2px 10px rgba(0,0,0,.14)}
}
@media(max-width:720px){
.labelnou{font-size:14.5px;padding-bottom:66px}
.labelnou .promo{font-size:9px;letter-spacing:.14em;gap:10px}.labelnou .promo i,.labelnou .promo span:last-child{display:none}
.labelnou .onav{padding:12px var(--gut)}
.labelnou .onav__brand{font-size:18px}
.labelnou .hero{margin-top:12px;height:66vh;min-height:420px}
.labelnou .hero::after{background:linear-gradient(to top,rgba(9,8,7,.86) 0%,rgba(9,8,7,.38) 42%,rgba(9,8,7,.04) 76%)}
.labelnou .hero__img{object-position:58% 32%}
.labelnou .hero__mark{height:clamp(110px,32vw,170px);left:14px;top:56px}
.labelnou .hero__in{max-width:none}
.labelnou .hero h1{font-size:38px;margin-top:12px}
.labelnou .hero__row{margin-top:14px;gap:10px 16px}
.labelnou .hero__row p{font-size:13px;max-width:28ch}
.labelnou .hero__cta{margin-top:18px;gap:16px}
.labelnou .hero__cta .btn{padding:14px 22px;font-size:11px}/* filters: edge-to-edge scroller + sort row */

.labelnou .bar{top:47px}
.labelnou .bar__in{flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0;padding:0}
.labelnou .chips,.labelnou .bar__r{width:100%;min-width:0}
.labelnou .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:7px;padding:12px var(--gut)}
.labelnou .chips::-webkit-scrollbar{display:none}
.labelnou .chip{flex:0 0 auto;padding:8px 14px;font-size:9.5px}
.labelnou .bar__r{justify-content:space-between;padding:10px var(--gut) 11px;border-top:1px solid var(--line)}
.labelnou .sortsel{border:0;background:none;padding:0;text-align:right}/* grid: 2-up, quick-add always reachable */

.labelnou .grid{grid-template-columns:1fr 1fr;gap:24px 10px;padding:20px var(--gut) 48px}
.labelnou .pc__ph{aspect-ratio:3/4}
.labelnou .pc__flag{top:8px;left:8px;font-size:8px;padding:4px 8px}
.labelnou .pc__add{opacity:1;transform:none;left:auto;right:8px;bottom:8px;width:42px;height:42px;padding:0;display:grid;place-items:center;border-radius:50%;font-size:0;letter-spacing:0}
.labelnou .pc__add::after{content:"+";font-size:17px;letter-spacing:0}
.labelnou .pc__meta{flex-direction:column;align-items:flex-start;gap:2px}
.labelnou .pc__nm{font-size:17px}
.labelnou .pc__ds{margin-top:2px;font-size:8.5px}
.labelnou .pc__pr{font-size:11.5px;margin-top:4px}/* looks: peek carousel */

.labelnou .looks{padding:48px 0}
.labelnou .looks__h{flex-direction:column;align-items:flex-start;gap:4px}
.labelnou .looks__h h2{font-size:28px}
.labelnou .rail{margin-top:22px;scroll-snap-type:x mandatory;gap:10px}
.labelnou .lk{flex:0 0 68%}
.labelnou .railnav{display:none}
.labelnou .foot{padding-top:44px}
.labelnou .foot__top{grid-template-columns:1fr;gap:0;padding-bottom:24px}
.labelnou .foot__top > div:not(:first-child){border-top:1px solid rgba(255,255,255,.13);padding-top:18px;margin-top:18px}
.labelnou .foot__bot{flex-direction:column;gap:6px;font-size:8.5px}/* OMES tab bar */

.labelnou .tabbar{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:120;grid-template-columns:repeat(5,1fr);background:color-mix(in srgb,var(--paper) 96%,transparent);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:7px 0 max(7px,env(safe-area-inset-bottom))}
.labelnou .tabbar a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);min-height:44px;justify-content:center}
.labelnou .tabbar a.on{color:var(--ink)}
.labelnou .tabbar svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.3;fill:none}
}
@media(prefers-reduced-motion:reduce){.labelnou *{animation:none!important;transition-duration:.01ms!important}.labelnou .rv{opacity:1;transform:none}.labelnou .hero__img{transform:none}}
/* ── Ajouts d'intégration OMES ───────────────────────────────────────────────
   Filtrage serveur (puces = liens), lien de carte étendu, pagination.
   Tout reste scopé sous .labelnou : rien ne fuit vers le reste du thème.      */
.labelnou .bar{top:var(--lbn-bar-top,52px)}
.labelnou .chip{display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}
.labelnou .chip.on:hover{color:var(--paper)}
.labelnou .pc__t{color:inherit;text-decoration:none}
.labelnou .pc__t::after{content:"";position:absolute;inset:0;z-index:2}
.labelnou .pc__add{z-index:3}
.labelnou .pc__nm{position:relative;z-index:1}
.labelnou .lbn-sort{margin:0}
.labelnou .lbn-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.labelnou .lbn-empty{grid-column:1/-1;padding:48px 0;text-align:center;color:var(--muted);font-size:13px}
.labelnou .lbn-pager{display:flex;justify-content:center;padding:0 var(--gut) clamp(56px,8vh,100px)}
.labelnou .lbn-pager .pagination,.labelnou .lbn-pager ul{display:flex;gap:6px;list-style:none;margin:0;padding:0}
.labelnou .lbn-pager a,.labelnou .lbn-pager span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:999px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);transition:.35s var(--ease)}
.labelnou .lbn-pager a:hover{border-color:var(--ink);color:var(--ink)}
.labelnou .lbn-pager .current,.labelnou .lbn-pager [aria-current]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
@media(max-width:720px){
  /* cible tactile ≥ 44px (règle mobile-first OMES) */
  .labelnou .pc__add{width:44px;height:44px}
  .labelnou .bar__in{gap:12px}
  .labelnou .lbn-pager{padding-bottom:72px}
}

/* ── Barre de filtres sur une seule ligne (desktop) ──────────────────────────
   Avec 10 puces la barre passait sur deux lignes : les puces enveloppaient,
   puis le compteur et le tri tombaient dessous. Les puces défilent maintenant
   horizontalement dans leur propre conteneur — le corps de page ne défile
   jamais latéralement. Sous 720px la mise en page mobile (colonne) reste
   intacte : cette règle ne s'y applique pas.                                  */

/* ── Ajustements hero + barre de filtres (desktop) ───────────────────────────
   1. Le compteur « N pièces » est retiré du balisage : l'information est déjà
      portée par la puce « Tout ». Il chevauchait la dernière puce une fois la
      barre passée sur une seule ligne.
   2. Moins d'air entre la bannière et les puces.
   3. « Labelnou — La collection » tient sur une seule ligne : le titre montait
      à 80px et passait à la ligne, on réduit la taille et on élargit un peu le
      bloc de texte plutôt que de laisser le titre déborder.
   4. Bannière un peu moins haute, recadrée par le haut pour laisser voir les
      jambes (object-position monte de 38% à 78%).                             */

/* Icône cœur du bouton « Suivre la marque » : le décalage `top:-.5px` et la
   hauteur de ligne héritée (1.65) désalignaient le pictogramme par rapport au
   libellé. line-height:1 donne au texte et à l'icône la même boîte, et
   align-items:center fait le reste.                                          */
.labelnou .btn--follow{line-height:1}
.labelnou .btn--follow svg{top:0;flex:none;align-self:center}

/* ── Liste de souhaits + pagination ──────────────────────────────────────────
   Le cœur apparaît au survol de la photo, et reste visible dès qu'il est
   coché ou au clavier — sinon un produit déjà enregistré n'en donnerait aucun
   signe. Sur écran tactile (aucun survol possible) il est toujours affiché.
   z-index 4 : au-dessus du lien étendu de la carte (2) et de l'ajout rapide (3). */
.labelnou .pc__wish{position:absolute;top:12px;right:12px;z-index:4;width:38px;height:38px;display:grid;place-items:center;padding:0;border:0;border-radius:999px;background:rgba(250,248,244,.94);box-shadow:0 1px 6px rgba(20,18,16,.14);cursor:pointer;opacity:0;transform:translateY(-4px);transition:opacity .3s var(--ease),transform .3s var(--ease),background .25s var(--ease)}
.labelnou .pc:hover .pc__wish,.labelnou .pc__wish:focus-visible,.labelnou .pc__wish.is-wished{opacity:1;transform:none}
.labelnou .pc__wish:hover{background:#fff}
.labelnou .pc__wish svg{width:17px;height:17px;fill:none;stroke:var(--ink);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:fill .2s var(--ease),stroke .2s var(--ease),transform .2s var(--ease)}
.labelnou .pc__wish.is-wished svg{fill:var(--rouge);stroke:var(--rouge);transform:scale(1.06)}
@media(hover:none){.labelnou .pc__wish{opacity:1;transform:none}}
@media(max-width:720px){.labelnou .pc__wish{top:8px;right:8px;width:36px;height:36px}}

/* Pagination : balisage désormais à plat, donc une seule pastille par élément.
   Taille fixe pour les numéros, un peu plus large pour « précédent/suivant ». */
.labelnou .lbn-pager{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap}
.labelnou .lbn-pager a,.labelnou .lbn-pager span{box-sizing:border-box;width:44px;min-width:0;height:44px;padding:0;font-size:11px;letter-spacing:.06em}
.labelnou .lbn-pager .lbn-pager__gap{border-color:transparent;background:none;width:24px}
.labelnou .lbn-pager .is-current{background:var(--ink);border-color:var(--ink);color:var(--paper)}

/* La barre de filtres doit toujours passer SOUS l'en-tête du thème
   (.sticky-header, z-index 666), jamais au-dessus.                            */
.labelnou .bar{z-index:60}

/* Le titre de la carte était collé à la photo : h3 hérite de margin:0 du reset
   et n'avait aucune marge propre, alors que .pc__meta juste en dessous a
   déjà 14px. On rétablit le même rythme au-dessus du titre.                   */
.labelnou .pc__nm{margin-top:14px}
@media(max-width:720px){.labelnou .pc__nm{margin-top:10px}}

/* `position:sticky` de la barre de filtres ne fonctionnait pas : le conteneur
   .labelnou portait `overflow-x:hidden`, ce qui force `overflow-y:auto` et en
   fait un conteneur de défilement — la barre se collait alors à CE bloc, pas à
   la fenêtre, donc jamais. La règle venait de `body` (où le comportement est
   différent) et a été transposée telle quelle lors du scoping.
   `clip` protège du débordement horizontal SANS créer de conteneur de
   défilement : c'est d'ailleurs ce que labelnou-brand.css utilise déjà.       */
.labelnou{overflow-x:clip}

/* ── Bouton « + » mobile ─────────────────────────────────────────────────────
   Le « + » n'était pas centré : le bouton est en display:grid et contient DEUX
   éléments — le nœud texte « Ajout rapide » (masqué par font-size:0) et le
   ::after. Ils occupaient deux rangées, donc place-items:center centrait le
   « + » dans la cellule du bas, pas dans le cercle. On sort le ::after du flux
   et on le centre sur toute la surface du bouton.

   Cercle réduit à 36px (au lieu de 44) pour s'accorder au cœur de la carte,
   mais ::before étend la zone tactile à 44px : la règle mobile-first d'OMES
   (cible ≥ 44px) est respectée sans grossir le visuel.                        */
@media(max-width:720px){
  .labelnou .pc__add{width:36px;height:36px;font-size:0;line-height:1}
  .labelnou .pc__add::after{position:absolute;inset:0;display:grid;place-items:center;font-size:16px;line-height:1}
  .labelnou .pc__add::before{content:"";position:absolute;inset:-4px;border-radius:50%}
}

/* ── Tri : un contrôle, pas une puce ─────────────────────────────────────────
   « Meilleures ventes » s'affichait dans une boîte blanche bordée, du même
   poids visuel que les puces de filtre, ce qui le faisait lire comme un
   filtre de plus. Il devient un contrôle étiqueté : plus de boîte, un chevron,
   et un filet vertical qui le sépare de la zone de filtres. La typographie
   reste celle du système (Jost, 10px, capitales, interlettrage large).       */
.labelnou .lbn-sort{display:inline-flex;align-items:center;gap:10px}
.labelnou .lbn-sort__label{font-family:var(--ui);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.labelnou .sortsel{border:0;background:none;padding:0 16px 0 0;color:var(--ink);cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23141210' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;background-size:9px 6px}
.labelnou .sortsel:focus-visible{outline:1.5px solid var(--rouge);outline-offset:4px}

/* Pastille mobile : panier plutôt que « + ». Le glyphe est celui du thème
   (même sac que l'en-tête et kira-collection), en traits fins.
   inset:0 + margin:auto le centre quel que soit le nœud texte du bouton,
   masqué par font-size:0 — c'est ce nœud qui décentrait le « + ».            */
.labelnou .pc__add-ico{display:none}
@media(max-width:720px){
  .labelnou .pc__add::after{content:none}
  .labelnou .pc__add-ico{display:block;position:absolute;inset:0;margin:auto;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
}

/* Plus d'air entre la bannière et la barre de filtres — desktop uniquement.
   Posé en marge basse du hero plutôt qu'en padding de .bar__in : la barre
   garde ainsi sa hauteur propre et son comportement collant (.is-stuck
   repasse à 22px), et le mobile n'est pas touché.                            */
@media(min-width:721px){
  .labelnou .hero{margin-bottom:clamp(16px,2vw,32px)}
}

/* ── Tri : alignement et affordance ──────────────────────────────────────────
   « Trier » et « Meilleures ventes » ne partageaient pas le même axe (5px
   d'écart mesuré) : hauteurs de ligne héritées différentes entre le label 9px
   et le select 10px. line-height:1 des deux côtés les remet sur le même axe.
   Le chevron passe de 9x6 à 12x8 avec un trait plus franc, et le select gagne
   un filet bas : on comprend que c'est une liste déroulante, pas du texte.   */
.labelnou .lbn-sort{display:inline-flex;flex-direction:row;align-items:center;gap:10px}
.labelnou .lbn-sort__label{line-height:1;display:inline-flex;align-items:center}
.labelnou .sortsel{line-height:1;display:inline-flex;align-items:center;padding:6px 22px 6px 0;border-bottom:1px solid var(--line);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23141210' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:12px 8px;background-position:right center;transition:border-color .3s var(--ease)}
.labelnou .sortsel:hover{border-bottom-color:var(--ink)}

/* Le thème donne à <label> une marge basse de 5px et à <select> une de 15px.
   align-items:center centre la boîte de MARGE, donc les boîtes visibles se
   retrouvaient décalées de 5px alors que le centrage était correct.          */
.labelnou .lbn-sort__label,.labelnou .sortsel{margin:0}