.nb-card{position:relative;display:block;color:inherit}
  .nb-card__link{position:absolute;inset:0;z-index:2;display:block}
  .nb-card__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .nb-card__img--alt{opacity:0;transition:opacity .45s ease}

  @media (hover:hover) and (pointer:fine){
    .nb-card:hover .nb-card__img--alt,
    .nb-card:focus-within .nb-card__img--alt{opacity:1}

    .nb-card:hover .nb-card__img--main:not(:only-of-type),
    .nb-card:focus-within .nb-card__img--main:not(:only-of-type){opacity:0}
  }
  .nb-card__img--main{transition:opacity .45s ease}
  @media (prefers-reduced-motion:reduce){
    .nb-card__img--alt,.nb-card__img--main{transition:none}
  }

  @media (hover:none),(pointer:coarse){
    .nb-card__img--alt{display:none}

    .nb-card.is-touch .nb-card__img--alt{display:block;opacity:1}
    .nb-card.is-touch .nb-card__img--main:not(:only-of-type){opacity:0}
  }
  .nb-card__meta{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;
    padding:12px 2px 0;color:inherit;text-decoration:none}

  @media (min-width:761px){.nb-card__meta{flex-direction:row;justify-content:space-between;align-items:baseline;gap:10px;padding-top:16px}}
  .nb-card__meta-l{display:block;min-width:0}

  .nb-card__name{display:block;font-family:var(--nb-sans,'Jost',sans-serif);font-weight:400;font-size:14px;
    letter-spacing:.12em;text-transform:uppercase;line-height:1.3;color:var(--nb-ink,#1A1512)}

  .nb-card__dots{display:flex;align-items:center;margin:8px 2px 0;min-height:12px}
  .nb-card__dots-l{display:inline-flex;align-items:center;gap:6px}
  .nb-card__dot{flex:0 0 auto;width:11px;height:11px;border-radius:50%;background:var(--sw,#d9d4cf);
    box-shadow:inset 0 0 0 1px rgba(26,21,18,.24)}
  .nb-card__dots-more{margin-left:1px;font-family:var(--nb-sans,sans-serif);font-size:11px;line-height:1;
    letter-spacing:.04em;color:rgba(26,21,18,.72)}
  .nb-card__mat{display:block;text-transform:capitalize}

  .nb-card__price{white-space:nowrap;font-weight:500;font-size:15px;letter-spacing:.04em;color:var(--nb-ink,#1A1512)}

  .nb-card__unit{display:block;font-weight:400;font-size:11px;letter-spacing:.06em;color:rgba(26,21,18,.62);margin-top:1px}

  .nb-card__lot{position:absolute;top:12px;left:12px;z-index:1;
    font-family:var(--nb-sans);font-weight:500;font-size:10px;letter-spacing:.14em;
    text-transform:uppercase;line-height:1;padding:7px 11px 6px;
    color:#4A3410;background:linear-gradient(180deg,#E8CE94 0%,#D4B268 100%);
    border:1px solid rgba(122,92,51,.35);border-radius:2px;
    box-shadow:0 1px 6px rgba(26,21,18,.14);pointer-events:none}
  @media (max-width:600px){.nb-card__lot{top:8px;left:8px;font-size:9px;padding:6px 9px 5px;letter-spacing:.12em}}
  .nb-u-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
    clip:rect(0 0 0 0);white-space:nowrap;border:0}
  @media (hover:none),(pointer:coarse){.nb-add{opacity:1;transform:none}}

  .nb-card:focus-within .nb-add,.nb-add:focus-visible{opacity:1;transform:none}
  .nb-card__badge{position:absolute;top:12px;left:12px;z-index:4;padding:5px 10px;
    background:var(--nb-gold,#8a6b3f);color:var(--nb-cream,#F7EDED);
    font-family:var(--nb-sans,sans-serif);font-size:10px;letter-spacing:.22em;font-weight:500;
    line-height:1;pointer-events:none}
  .nb-card__soldout{position:absolute;left:18px;bottom:18px;z-index:4;padding:8px 14px;
    background:rgba(26,21,18,.62);color:var(--nb-cream,#F7EDED);
    font-size:10px;letter-spacing:.22em;text-transform:uppercase;pointer-events:none}

  .nb-card__qbtn{position:absolute;right:10px;bottom:10px;z-index:6;width:44px;height:44px;
    border-radius:999px;border:1px solid rgba(194,122,142,.55);background:rgba(251,238,241,.94);
    -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--nb-ink,#1A1512);
    cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
  .nb-card__qbtn-i{font-family:var(--nb-sans,sans-serif);font-size:23px;line-height:1;font-weight:300;
    transition:transform .3s}
  .nb-card.is-qopen .nb-card__qbtn-i{transform:rotate(45deg)}

  .nb-card.is-qopen .nb-card__qbtn{top:10px;bottom:auto}
  .nb-card__q{position:absolute;left:8px;right:8px;bottom:8px;z-index:5;
    background:rgba(251,238,241,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
    border:1px solid rgba(194,122,142,.45);padding:8px 8px 9px;
    opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .3s,transform .3s}

  .nb-card__q{max-height:calc(100% - 16px);overflow-y:auto;overflow-x:clip}
  .nb-card.is-qopen .nb-card__q{opacity:1;transform:none;pointer-events:auto}

  @media (hover:none),(pointer:coarse){
    .nb-card__q{overscroll-behavior:contain}
    .nb-card.is-qopen .nb-card__q--deux{top:8px;bottom:8px;max-height:none;padding-top:58px}
  }
  .nb-card.is-qopen .nb-card__link{pointer-events:none}

  .nb-card__qlink{position:absolute;left:8px;right:8px;bottom:8px;z-index:3;display:block;
    text-align:center;padding:9px 10px;border-radius:2px;text-decoration:none;
    font-family:var(--nb-sans,sans-serif);font-size:12px;letter-spacing:.08em;text-transform:uppercase;
    color:var(--nb-ink,#1A1512);background:rgba(255,255,255,.94);
    box-shadow:0 1px 10px rgba(0,0,0,.10);opacity:0;transform:translateY(6px);
    transition:opacity .18s ease,transform .18s ease;pointer-events:none}
  @media (hover:hover) and (pointer:fine){
    .nb-card:hover .nb-card__qlink,.nb-card:focus-within .nb-card__qlink{opacity:1;transform:none;pointer-events:auto}
  }
  @media (hover:none),(pointer:coarse){.nb-card__qlink{opacity:1;transform:none;pointer-events:auto}}

  .nb-card__q--deux .nb-card__q-l:nth-of-type(2){margin-top:8px}
  .nb-card__q-sw{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 0 2px}
  .nb-card__sw{position:relative;width:30px;height:30px;padding:0;border-radius:50%;cursor:pointer;
    border:1px solid rgba(26,21,18,.22);background:var(--sw,#c9c9c9);background-size:cover;background-position:center}
  .nb-card__sw::after{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}
  .nb-card__sw.is-active{box-shadow:0 0 0 2px #fff,0 0 0 3px var(--nb-ink,#1A1512)}
  .nb-card__sw.is-out{opacity:.4}
  .nb-card__q [hidden]{display:none !important}
  .nb-card__q-l{display:block;text-align:center;font-family:var(--nb-sans,sans-serif);font-size:12px;
    letter-spacing:.26em;text-transform:uppercase;color:rgba(26,21,18,.72);margin-bottom:6px}
  .nb-card__q-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:5px}
  .nb-card__q-s{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 6px;
    border:1px solid rgba(194,122,142,.5);background:rgba(255,255,255,.65);color:var(--nb-ink,#1A1512);
    font-family:var(--nb-sans,sans-serif);font-size:12px;letter-spacing:.06em;cursor:pointer;
    transition:background .2s,color .2s,border-color .2s}
  .nb-card__q-s:focus-visible{background:var(--nb-ink,#1A1512);
    border-color:var(--nb-ink,#1A1512);color:var(--nb-cream,#F7EDED)}@media (hover:hover) and (pointer:fine){.nb-card__q-s:hover{background:var(--nb-ink,#1A1512);
    border-color:var(--nb-ink,#1A1512);color:var(--nb-cream,#F7EDED)}}

  .nb-card__q-s.is-out{opacity:1;color:var(--nb-ink,#1A1512);text-decoration:line-through;
    cursor:not-allowed;border-color:rgba(26,21,18,.45);
    background:repeating-linear-gradient(135deg,rgba(255,255,255,.65) 0 6px,rgba(26,21,18,.18) 6px 7px)}
  @media (hover:hover) and (pointer:fine){
    .nb-card__qbtn{display:none}

.nb-card:hover .nb-card__q{opacity:1;transform:none;pointer-events:none}
.nb-card:has(:focus-visible) .nb-card__q{opacity:1;transform:none;pointer-events:none}
@supports not selector(:has(:focus-visible)){
  .nb-card:focus-within .nb-card__q{opacity:1;transform:none;pointer-events:none}
}
.nb-card:hover .nb-card__q button,.nb-card:hover .nb-card__q a,.nb-card:hover .nb-card__q .is-out,.nb-card:focus-within .nb-card__q button,.nb-card:focus-within .nb-card__q a{pointer-events:auto}
  }
  @media (prefers-reduced-motion:reduce){.nb-card__q,.nb-card__qbtn-i{transition:none}}

  .nb-card__badge--aw{top:12px;left:auto;right:12px;background:rgba(138,107,63,.92);color:#FBF6EF;
    letter-spacing:.2em;text-transform:uppercase}
  .nb-card:has(.nb-card__badge--aw) .nb-card__badge:not(.nb-card__badge--aw){left:12px}

.nb-card.is-coloris .nb-card__img--alt{display:none !important;opacity:0 !important}
.nb-card.is-coloris .nb-card__img--main{opacity:1 !important}

@font-face{font-family:'NB Chiffre A';font-style:normal;font-weight:400 500;font-display:block;
  src:url('nb-bodoni-italic.woff2') format('woff2');unicode-range:U+0030-0039;size-adjust:150%}

@font-face{font-family:'NB Chiffre A tel';font-style:normal;font-weight:400 500;font-display:block;
  src:url('nb-bodoni-italic.woff2') format('woff2');unicode-range:U+0030-0039;size-adjust:135%}
@font-face{font-family:'NB Plus';font-style:normal;font-weight:300 600;font-display:block;
  src:url('nb-jost.woff2') format('woff2');unicode-range:U+002B;size-adjust:135%}

html body .nb-card .nb-card__shot > .nb-card__lot,
html body .nb-card .nb-card__shot > .nb-card__badge{
  --ink:#715834; --filet:rgba(113,88,52,.6);
  position:absolute; top:0; bottom:auto; left:14px; right:auto; z-index:4;
  display:inline-flex; align-items:center; box-sizing:border-box;
  height:36px; margin:0; padding:4px calc(13px - .16em) 0 13px;
  border:0; border-radius:0 0 1px 1px;
  background:#FAF6F2; color:var(--ink);
  font-family:'NB Chiffre A','NB Plus','Jost',system-ui,-apple-system,sans-serif; font-style:normal; font-weight:500;
  font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; line-height:1; white-space:nowrap;
  box-shadow:0 1px 1px rgba(26,21,18,.08),0 8px 16px -6px rgba(26,21,18,.28);
  pointer-events:none;
}

html body .nb-card .nb-card__shot > .nb-card__lot::before,
html body .nb-card .nb-card__shot > .nb-card__badge::before{
  content:""; position:absolute; top:0; left:3px; right:3px; bottom:3px;
  border:1px solid var(--filet); border-top:0; pointer-events:none;
}

html body .nb-card .nb-card__shot > .nb-card__lot::after,
html body .nb-card .nb-card__shot > .nb-card__badge::after{
  content:""; position:absolute; top:4px; left:7px; right:7px; height:0;
  border-top:1px dashed var(--filet); opacity:.8; pointer-events:none;
}

html body .nb-card .nb-card__shot > .nb-card__badge:not(.nb-card__badge--aw){--ink:#9E3450;--filet:rgba(158,52,80,.6)}

html body .nb-card .nb-card__shot > .nb-card__badge.nb-card__badge--aw{--ink:#1A1512;--filet:#A85A70;left:auto;right:14px}

html body .nb-card .nb-card__shot:has(> .nb-card__badge:not(.nb-card__badge--aw)) > .nb-card__lot{top:40px}

@media (max-width:600px){
  html body .nb-card .nb-card__shot > .nb-card__lot,
  html body .nb-card .nb-card__shot > .nb-card__badge{
    left:6px; height:24px; padding:2px calc(6px - .04em) 0 6px;
    font-size:11.5px; letter-spacing:.04em;
    font-family:'NB Chiffre A tel','NB Plus','Jost',system-ui,-apple-system,sans-serif;
    box-shadow:0 1px 1px rgba(26,21,18,.08),0 5px 10px -4px rgba(26,21,18,.28);
  }
  html body .nb-card .nb-card__shot > .nb-card__lot::before,
  html body .nb-card .nb-card__shot > .nb-card__badge::before{left:2px;right:2px;bottom:2px}
  html body .nb-card .nb-card__shot > .nb-card__lot::after,
  html body .nb-card .nb-card__shot > .nb-card__badge::after{top:3px;left:4px;right:4px}
  html body .nb-card .nb-card__shot > .nb-card__badge.nb-card__badge--aw{left:auto;right:5px}
  html body .nb-card .nb-card__shot:has(> .nb-card__badge:not(.nb-card__badge--aw)) > .nb-card__lot{top:28px}
}

html body .nb-pdp__gal{position:relative}
html body .nb-pdp__gal > .nb-g-ribbon,
html body .nb-pdp__gal > .nb-g-season{
  --ink:#715834; --filet:rgba(113,88,52,.6);
  position:absolute; top:0; bottom:auto; left:16px; right:auto; z-index:4;
  display:inline-flex; align-items:center; box-sizing:border-box;
  height:36px; margin:0; padding:4px calc(14px - .16em) 0 14px;
  border:0; border-radius:0 0 1px 1px;
  background:#FAF6F2; color:var(--ink);
  font-family:'NB Chiffre A','NB Plus','Jost',system-ui,-apple-system,sans-serif; font-style:normal; font-weight:500;
  font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; line-height:1; white-space:nowrap;
  box-shadow:0 1px 1px rgba(26,21,18,.08),0 8px 16px -6px rgba(26,21,18,.28);
  pointer-events:none; max-width:calc(100% - 32px);
}
html body .nb-pdp__gal > .nb-g-ribbon::before,
html body .nb-pdp__gal > .nb-g-season::before{
  content:""; position:absolute; top:0; left:3px; right:3px; bottom:3px;
  border:1px solid var(--filet); border-top:0; pointer-events:none;
}
html body .nb-pdp__gal > .nb-g-ribbon::after,
html body .nb-pdp__gal > .nb-g-season::after{
  content:""; position:absolute; top:4px; left:7px; right:7px; height:0;
  border-top:1px dashed var(--filet); opacity:.8; pointer-events:none;
}

html body .nb-pdp__gal > .nb-g-ribbon{--ink:#9E3450;--filet:rgba(158,52,80,.6)}

html body .nb-pdp__gal > .nb-g-season{--ink:#1A1512;--filet:#A85A70;left:auto;right:16px;top:0}
html body .nb-pdp__gal > .nb-g-season.nb-g-season--low{top:0}

@media (max-width:760px){
  html body .nb-pdp__gal > .nb-g-ribbon,
  html body .nb-pdp__gal > .nb-g-season{
    left:8px; height:26px; padding:2px calc(8px - .03em) 0 8px;
    font-size:11.5px; letter-spacing:.03em;
    font-family:'NB Chiffre A tel','NB Plus','Jost',system-ui,-apple-system,sans-serif;
    box-shadow:0 1px 1px rgba(26,21,18,.08),0 5px 10px -4px rgba(26,21,18,.28);
    max-width:calc(100% - 16px);
  }
  html body .nb-pdp__gal > .nb-g-ribbon::before,
  html body .nb-pdp__gal > .nb-g-season::before{left:2px;right:2px;bottom:2px}
  html body .nb-pdp__gal > .nb-g-ribbon::after,
  html body .nb-pdp__gal > .nb-g-season::after{top:3px;left:4px;right:4px}
  html body .nb-pdp__gal > .nb-g-season{left:auto;right:8px}

  html body .nb-pdp__gal > .nb-g-season.nb-g-season--low{top:30px}
}

.nb-card.nb-card--cta{display:flex;flex-direction:column}
.nb-card--cta > .nb-card__shot{flex:0 0 auto}
.nb-card__cta-esp{display:block;flex:1 0 12px;min-height:12px}
.nb-card__cta{display:flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:0 12px;
  border:1px solid var(--nb-ink,#1A1512);background:transparent;color:var(--nb-ink,#1A1512);
  font-family:var(--nb-sans,'Jost',sans-serif);font-size:11.5px;font-weight:500;letter-spacing:.18em;line-height:1;
  text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background .25s,color .25s}
.nb-card__cta i{font-style:normal;letter-spacing:0}
.nb-card__cta:focus-visible{outline:2px solid var(--nb-ink,#1A1512);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.nb-card__cta:hover{background:var(--nb-ink,#1A1512);color:var(--nb-cream,#F7EDED)}}
@media (max-width:760px){.nb-card__cta{min-height:44px;font-size:11.5px;letter-spacing:.14em;gap:8px}}
