.nb-gal{--nb-gal-vig: 76px;--nb-gal-ecart: 12px;position:relative;display:block}.nb-gal__scene{position:relative}.nb-gal__piste{position:relative;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;background:var(--nb-blanc)}.nb-gal__piste::-webkit-scrollbar{display:none}.nb-gal__vue{flex:0 0 100%;min-width:0;aspect-ratio:1;scroll-snap-align:start;scroll-snap-stop:always;display:block;overflow:hidden;background:var(--nb-blanc);cursor:zoom-in;-webkit-tap-highlight-color:transparent}.nb-gal__vue img{display:block;width:100%;height:100%;object-fit:contain}.nb-gal__vue:focus-visible{outline:var(--nb-focus);outline-offset:-3px}.nb-gal__fl{position:absolute;top:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-top:-20px;padding:0;border:1px solid var(--nb-ligne-creme);border-radius:50%;background:#fffffff0;color:var(--nb-encre);cursor:pointer;opacity:0;transition:opacity .2s ease,background-color .15s,color .15s,border-color .15s}.nb-gal__fl--prec{left:14px}.nb-gal__fl--suiv{right:14px}.nb-gal__scene:hover .nb-gal__fl,.nb-gal__fl:focus-visible{opacity:1}.nb-gal__fl:hover{background:var(--nb-foret);border-color:var(--nb-foret);color:var(--nb-creme)}.nb-gal__fl:focus-visible{outline:var(--nb-focus);outline-offset:2px}.nb-gal__fl:disabled{opacity:0!important;pointer-events:none}@media(hover:none){.nb-gal__fl{opacity:.9}}.nb-gal__vignettes{position:relative;list-style:none;margin:0;padding:0;scrollbar-width:none}.nb-gal__vignettes::-webkit-scrollbar{display:none}.nb-gal__vignettes li{flex:none}.nb-gal__vig{display:block;width:var(--nb-gal-vig);height:var(--nb-gal-vig);padding:0;border:1px solid var(--nb-ligne);border-radius:var(--nb-r);background:var(--nb-blanc);overflow:hidden;cursor:pointer;opacity:.7;transition:opacity .15s,border-color .15s}.nb-gal__vig img{display:block;width:100%;height:100%;object-fit:cover}.nb-gal__vig:hover{opacity:1;border-color:var(--nb-gris)}.nb-gal__vig[aria-current=true]{opacity:1;border-color:var(--nb-encre)}.nb-gal__vig:focus-visible{outline:var(--nb-focus);outline-offset:-2px}.nb-gal__repere{display:none}@media(min-width:990px){.nb-gal__repere{display:none}.nb-gal--grandes:not(.nb-gal--seule){padding-left:calc(var(--nb-gal-vig) + var(--nb-gal-ecart))}.nb-gal--grandes .nb-gal__vignettes{position:absolute;left:0;top:0;bottom:0;width:var(--nb-gal-vig);display:flex;flex-direction:column;gap:10px;overflow-y:auto;overflow-x:hidden}.nb-gal--grandes .nb-gal__vignettes.is-apres{-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 56px),transparent)}.nb-gal--grandes .nb-gal__vignettes.is-avant{-webkit-mask-image:linear-gradient(0deg,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(0deg,#000 calc(100% - 56px),transparent)}.nb-gal--grandes .nb-gal__vignettes.is-avant.is-apres{-webkit-mask-image:linear-gradient(180deg,transparent,#000 56px,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(180deg,transparent,#000 56px,#000 calc(100% - 56px),transparent)}.nb-gal--compact .nb-gal__vignettes{display:flex;gap:10px;margin-top:var(--nb-gal-ecart);overflow-x:auto;overflow-y:hidden}.nb-gal--compact .nb-gal__vignettes.is-apres{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 56px),transparent)}.nb-gal--compact .nb-gal__vignettes.is-avant{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(270deg,#000 calc(100% - 56px),transparent)}.nb-gal--compact .nb-gal__vignettes.is-avant.is-apres{-webkit-mask-image:linear-gradient(90deg,transparent,#000 56px,#000 calc(100% - 56px),transparent);mask-image:linear-gradient(90deg,transparent,#000 56px,#000 calc(100% - 56px),transparent)}}@media(min-width:990px)and (min-height:820px){.nb-produit:has(.nb-gal) .nb-produit__galerie{position:sticky;top:calc(var(--nb-gal-haut, 0px) + 16px)}body:has(#header-component[data-sticky-state=active]) .nb-produit:has(.nb-gal) .nb-produit__galerie{--nb-gal-haut: var(--header-height, 0px)}}@media(min-width:990px)and (min-height:820px)and (prefers-reduced-motion:no-preference){.nb-produit:has(.nb-gal) .nb-produit__galerie{transition:top .3s ease}}@media(max-width:989px){.nb-gal__piste{margin-inline:calc(-1 * var(--nb-marge))}.nb-produit:has(.nb-gal) .nb-produit__infos{margin-top:0}.nb-gal__vignettes,.nb-gal__fl{display:none}.nb-gal__repere{position:relative;display:flex;align-items:center;justify-content:center;height:30px}.nb-gal__points{display:flex;align-items:center;gap:6px}.nb-gal__pt{display:block;width:6px;height:6px;border-radius:3px;background:var(--nb-ligne-creme)}.nb-gal__pt.is-actuel{width:18px;background:var(--nb-foret)}.nb-gal__barre{position:relative;display:block;width:132px;height:2px;background:var(--nb-ligne);overflow:hidden}.nb-gal__barre>span{position:absolute;top:0;bottom:0;left:calc(100% * var(--nb-gal-i, 0) / var(--nb-gal-n, 1));width:calc(100% / var(--nb-gal-n, 1));background:var(--nb-foret)}.nb-gal__compte{position:absolute;right:0;top:50%;transform:translateY(-50%);font-family:var(--nb-sans);font-size:var(--nb-micro);font-weight:500;letter-spacing:.08em;color:var(--nb-gris);font-variant-numeric:tabular-nums}}@media(max-width:989px)and (prefers-reduced-motion:no-preference){.nb-gal__pt{transition:width .2s ease,background-color .2s ease}.nb-gal__barre>span{transition:left .2s ease}}@media(max-width:989px){.nb-gal__vue{max-height:78vh;max-height:78svh}}@media(max-width:749px){.nb-gal--compact .nb-gal__vue{aspect-ratio:4 / 3}}@media(min-width:750px)and (max-width:989px){.nb-gal--grandes .nb-gal__vue{aspect-ratio:4 / 3}.nb-gal--compact .nb-gal__vue{aspect-ratio:16 / 10}}.nb-gal__vue--3d{position:relative;cursor:default}.nb-gal__3d-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:none;background:var(--nb-blanc)}.nb-gal__vue--3d.is-3d .nb-gal__3d-scene{display:block}.nb-gal__3d-scene>.shopify-model-viewer-ui,.nb-gal__3d-scene>model-viewer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.nb-gal__3d-scene model-viewer{display:block;width:100%;height:100%;--poster-color: transparent;background:var(--nb-blanc)}.nb-gal__3d-actions{position:absolute;left:0;right:0;bottom:18px;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:0 12px}.nb-gal__vue--3d.is-3d .nb-gal__3d-actions{display:none}.nb-gal__3d-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--nb-foret);border-radius:999px;background:#fffffff5;color:var(--nb-foret);font-family:var(--nb-sans);font-size:var(--nb-ui);font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background-color .15s,color .15s}.nb-gal__3d-btn:hover{background:var(--nb-foret);color:var(--nb-creme)}.nb-gal__3d-btn[data-shopify-xr-hidden]{display:none}.nb-gal__3d-sortir{position:absolute;top:12px;left:12px;z-index:3;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid var(--nb-ligne-creme);border-radius:999px;background:#fffffff5;color:var(--nb-encre);font-family:var(--nb-sans);font-size:var(--nb-ui);font-weight:500;cursor:pointer}.nb-gal__3d-sortir[hidden]{display:none}.nb-gal__3d-sortir:hover{border-color:var(--nb-encre)}.nb-gal__3d-btn:focus-visible,.nb-gal__3d-sortir:focus-visible{outline:var(--nb-focus);outline-offset:2px}.nb-gal__vig--3d{position:relative}.nb-gal__vig-3d{position:absolute;right:4px;bottom:4px;padding:2px 5px;border-radius:2px;background:var(--nb-foret);color:var(--nb-creme);font-family:var(--nb-sans);font-size:10px;font-weight:700;letter-spacing:.06em;line-height:1.2}.nb-gal__vide{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:var(--nb-creme)}.nb-gal__vide-logo{display:block;width:32%;max-width:220px;height:auto}@media(max-width:989px){.nb-gal--vide .nb-gal__vide{margin-inline:calc(-1 * var(--nb-marge));max-height:78vh;max-height:78svh}}@media(max-width:749px){.nb-gal--compact .nb-gal__vide{aspect-ratio:4 / 3}}@media(min-width:750px)and (max-width:989px){.nb-gal--grandes .nb-gal__vide{aspect-ratio:4 / 3}.nb-gal--compact .nb-gal__vide{aspect-ratio:16 / 10}}.nb-avec__plus--devis svg{display:block}
/*# sourceMappingURL=/cdn/shop/t/95/assets/nb-galerie.css.map */