.sl-od{--od-gold: #EFA43B;--od-gold-dark: #D98A1F;--od-gold-soft: #FFF6E8;--od-red: #E3262B;--od-ink: #1F2328;--od-text: #4A4F57;--od-muted: #7A808A;--od-line: #ECE8E1;--od-surface: #FAFAF8;--od-r-lg: 8px;--od-r-sm: 4px;container-type:inline-size;container-name:sl-od;margin:16px 0;border:1px solid var(--od-gold);border-radius:var(--od-r-lg);background:#fff;color:var(--od-text);font-family:inherit;overflow:hidden}.sl-od p{margin:0}.sl-od-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sl-od-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;margin:0;padding:12px 16px;border:0;border-radius:0;background:var(--od-gold-soft);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .2s ease}.sl-od-head:hover{background:#ffefd6}.sl-od-head:focus-visible{outline:2px solid var(--od-gold-dark);outline-offset:-2px}.sl-od[data-open=true] .sl-od-head{border-bottom:1px solid var(--od-line)}.sl-od-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--od-r-sm);background:var(--od-gold);color:#fff}.sl-od-title{font-size:clamp(13px,calc((100cqi - 165px) / 22),15px);font-weight:700;line-height:1.3;color:var(--od-ink);white-space:nowrap}.sl-od-head-txt{display:flex;flex-direction:column;gap:3px;min-width:0}.sl-od-title{display:block}.sl-od-more{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;line-height:1.3;color:#a8580a;white-space:nowrap}.sl-od-head:hover .sl-od-more-txt{text-decoration:underline;text-underline-offset:2px}.sl-od-chev{flex:0 0 auto;transition:transform .3s ease}.sl-od[data-open=true] .sl-od-chev{transform:rotate(180deg)}.sl-od-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease}.sl-od[data-open=true] .sl-od-panel{grid-template-rows:1fr}.sl-od-panel-in{min-height:0;overflow:hidden;visibility:hidden;transition:visibility 0s linear .32s}.sl-od[data-open=true] .sl-od-panel-in{visibility:visible;transition-delay:0s}.sl-od-badge{padding:6px 9px;border-radius:var(--od-r-sm);background:var(--od-red);color:#fff;font-size:16px;font-weight:700;line-height:1;white-space:nowrap}.sl-od-zonebar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:12px 16px;border-bottom:1px solid var(--od-line)}.sl-od-zonetxt{font-size:13px;font-weight:600;color:var(--od-ink)}.sl-od-seg{display:inline-flex;padding:3px;border-radius:999px;background:#f1efeb}.sl-od-seg-btn{display:inline-flex;align-items:baseline;gap:6px;padding:6px 12px;border:0;border-radius:999px;background:transparent;color:var(--od-muted);font-family:inherit;font-size:13px;line-height:1.2;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.sl-od-seg-name{font-weight:600}.sl-od-seg-ip{font-size:12px;font-weight:400}.sl-od-seg-btn[aria-pressed=true]{background:#fff;color:var(--od-ink);box-shadow:0 1px 2px #1f23281f,0 0 0 1px #1f23280a}.sl-od-seg--single .sl-od-seg-btn{cursor:default}.sl-od-seg-btn:focus-visible{outline:2px solid var(--od-gold-dark);outline-offset:1px}.sl-od-list{position:relative;padding:14px 0 16px}.sl-od-list[hidden]{display:none}.sl-od-list.is-entering .sl-od-track{animation:sl-od-in .22s ease-out}@keyframes sl-od-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}.sl-od-track{--od-card-w: 46%;display:grid;grid-auto-flow:column;grid-auto-columns:var(--od-card-w);gap:12px;padding:2px 16px 4px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.sl-od-track::-webkit-scrollbar{display:none}.sl-od-track:focus-visible{outline:2px solid var(--od-gold-dark);outline-offset:-2px}.sl-od-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--od-line);border-radius:var(--od-r-lg);background:#fff;overflow:hidden;scroll-snap-align:start;transition:border-color .2s ease}.sl-od-card.is-added{border-color:var(--od-gold);box-shadow:0 0 0 1px var(--od-gold)}.sl-od-media{position:relative;display:block;aspect-ratio:4 / 3;background:var(--od-surface);overflow:hidden}.sl-od-media img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;padding:10px;object-fit:contain;mix-blend-mode:multiply}.sl-od-ip{position:absolute;z-index:1;top:8px;left:8px;padding:2px 6px;border-radius:3px;background:#fff;box-shadow:0 0 0 1px var(--od-line);color:var(--od-ink);font-size:12px;font-weight:600;line-height:1.3}.sl-od-card-body{flex:1 1 auto;display:flex;flex-direction:column;gap:6px;padding:10px 10px 12px}.sl-od-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em;font-size:13px;font-weight:400;line-height:1.35;color:var(--od-ink);text-decoration:none}.sl-od-name:hover{text-decoration:underline;text-underline-offset:2px}.sl-od-prices{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}.sl-od-new{font-size:16px;font-weight:700;line-height:1.1;color:var(--od-red)}.sl-od-old{font-size:12px;color:var(--od-muted)}.sl-od-nav{position:absolute;top:calc(14px + 2px + (var(--od-media-h, 120px) / 2));z-index:2;display:grid;place-items:center;width:36px;height:36px;margin-top:-18px;padding:0;border:1px solid var(--od-line);border-radius:50%;background:#fff;color:var(--od-ink);box-shadow:0 2px 6px #1f23281f;cursor:pointer;transition:opacity .2s ease,background-color .2s ease}.sl-od-nav:hover{background:var(--od-gold-soft)}.sl-od-nav:focus-visible{outline:2px solid var(--od-gold-dark);outline-offset:2px}.sl-od-nav--prev{left:6px}.sl-od-nav--next{right:6px}.sl-od-nav[disabled]{opacity:0;pointer-events:none}.sl-od-list.is-static .sl-od-nav{display:none}.sl-od-add{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;height:38px;margin-top:auto;padding:0 10px;border:0;border-radius:var(--od-r-sm);background:var(--od-gold);color:#fff;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:background-color .2s ease}.sl-od-add:hover{background:var(--od-gold-dark)}.sl-od-add:focus-visible{outline:2px solid var(--od-ink);outline-offset:2px}.sl-od-done-ico{display:none}.sl-od-add.is-loading{pointer-events:none}.sl-od-add.is-loading .sl-od-add-ico{animation:sl-od-spin .8s linear infinite}@keyframes sl-od-spin{to{transform:rotate(360deg)}}.sl-od-add.is-done{background:var(--od-ink);pointer-events:none}.sl-od-add.is-done .sl-od-add-ico{display:none}.sl-od-add.is-done .sl-od-done-ico{display:block}.sl-od-add.is-error{background:var(--od-red)}.sl-od-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:12px 16px 14px;border-top:1px solid var(--od-line);background:var(--od-surface)}.sl-od-note{flex:1 1 260px;font-size:12px;line-height:1.5;color:var(--od-muted)}.sl-od-cartlink{flex:0 0 auto;display:inline-flex;align-items:center;height:34px;padding:0 14px;border:1px solid var(--od-gold);border-radius:var(--od-r-sm);background:#fff;color:var(--od-ink);font-size:12px;font-weight:700;text-decoration:none}.sl-od-cartlink:hover{background:var(--od-gold-soft)}.sl-od-cartlink[hidden]{display:none}@container sl-od (min-width: 420px){.sl-od-track{--od-card-w: calc((100% - 32px - 24px) / 2.35)}}@container sl-od (min-width: 680px){.sl-od-track{--od-card-w: calc((100% - 32px - 36px) / 3.4)}}@container sl-od (max-width: 420px){.sl-od-head{gap:10px;padding:12px 14px}.sl-od-icon{width:34px;height:34px}.sl-od-badge{display:none}.sl-od-title{font-size:clamp(12px,calc((100cqi - 80px) / 22),14px)}.sl-od-more{font-size:12px}.sl-od-zonebar,.sl-od-foot{padding-left:14px;padding-right:14px}.sl-od-track{padding-left:14px;padding-right:14px;scroll-padding-inline:14px}.sl-od-seg{width:100%}.sl-od-seg-btn{flex:1 1 0;flex-direction:column;align-items:center;gap:1px;padding:6px 8px}}@container sl-od (max-width: 340px){.sl-od-title{white-space:normal}}@media(hover:none){.sl-od-nav{display:none}}@media(prefers-reduced-motion:reduce){.sl-od-list.is-entering .sl-od-track,.sl-od-add.is-loading .sl-od-add-ico{animation:none}.sl-od-seg-btn,.sl-od-add,.sl-od-nav,.sl-od-card,.sl-od-head,.sl-od-chev,.sl-od-panel,.sl-od-panel-in{transition:none}.sl-od-track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/sl-offre-detecteur.css.map */