/* Carrousel Meilleures ventes (section sb-bestsellers) */
.sbb{--sbb-gap:10px;background:var(--sbb-bg);color:var(--sbb-text);padding:48px 0 56px;overflow:hidden}
.sbb .sbb__wrap{padding-inline:15px}
@media (min-width:1000px){.sbb{padding:64px 0 72px}.sbb .sbb__wrap{padding-inline:20px}}
.sbb .sbb__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}
.sbb .sbb__caption{margin:0 0 6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--sbb-muted)}
.sbb .sbb__title{margin:0;color:var(--sbb-text);font-family:var(--heading-font-family);font-weight:var(--heading-font-weight,400);font-size:clamp(28px,3.2vw,44px);line-height:1.1;letter-spacing:-.01em}
.sbb .sbb__nav{display:flex;align-items:center;gap:14px;flex-shrink:0}
.sbb .sbb__all{color:var(--sbb-text);font-size:13px;letter-spacing:.04em;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.sbb .sbb__arrow{width:34px;height:34px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;background:var(--sbb-text);color:var(--sbb-bg);transition:opacity .3s ease-out,transform .3s ease-out}
.sbb .sbb__arrow[disabled]{opacity:.25;cursor:default}
.sbb .sbb__arrow:not([disabled]):hover{transform:scale(1.08)}
.sbb .sbb__arrow svg{width:14px;height:14px}
@media (max-width:699px){.sbb .sbb__arrow{display:none}}

.sbb .sbb__track{display:flex;gap:var(--sbb-gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0;padding:0;list-style:none}
.sbb .sbb__track::-webkit-scrollbar{display:none}
.sbb .sbb__item{flex:0 0 78%;scroll-snap-align:start}
@media (min-width:700px){.sbb .sbb__item{flex-basis:calc((100% - var(--sbb-gap) * 2) / 2.4)}}
@media (min-width:1000px){.sbb .sbb__item{flex-basis:calc((100% - var(--sbb-gap) * 3) / 4.2)}}

.sbb .sbb__card{position:relative;isolation:isolate;height:100%;display:flex;flex-direction:column;background:var(--sbb-card);border-radius:6px;overflow:hidden;padding:12px}
.sbb .sbb__card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,var(--c1) 0%,var(--c2) 100%);opacity:0;transition:opacity .35s ease-out}
.sbb .sbb__link{position:absolute;inset:0;z-index:1}
.sbb .sbb__media{position:relative;aspect-ratio:1/1;border-radius:4px;overflow:hidden;background:#0d0d0d}
@media (min-width:1000px){.sbb .sbb__media{aspect-ratio:4/3}}
.sbb .sbb__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .45s ease-out,transform .6s cubic-bezier(.2,.7,.2,1)}
.sbb .sbb__img2{opacity:0;transform:scale(1.08) rotate(-2deg)}
.sbb .sbb__media--cut{background:transparent;overflow:visible}
.sbb .sbb__media--cut img{object-fit:contain;padding:9% 11%;filter:drop-shadow(0 16px 22px rgba(0,0,0,.5));transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .6s ease-out}
.sbb .sbb__tags{position:absolute;top:10px;left:10px;right:10px;z-index:2;display:flex;flex-wrap:wrap;gap:6px;transition:opacity .3s ease-out,transform .3s ease-out}
.sbb .sbb__badge{padding:5px 8px;border-radius:3px;font-size:11px;letter-spacing:.05em;line-height:1;background:var(--b,#ff5a00);color:#fff;font-family:var(--text-font-family)}
.sbb .sbb__chips{opacity:0;transform:translateY(-6px)}
.sbb .sbb__chip{padding:6px 8px;border-radius:3px;font-size:11px;line-height:1;background:rgba(20,20,20,.82);border:1px solid rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(4px)}

.sbb .sbb__info{position:relative;display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px 12px;padding:14px 2px 2px}
.sbb .sbb__label{grid-column:1/-1;display:flex;align-items:center;gap:7px;margin:0;font-size:11px;letter-spacing:.06em;color:var(--sbb-muted);transition:opacity .3s ease-out}
.sbb .sbb__dot{width:7px;height:7px;border-radius:50%;background:var(--d,#c9a227)}
.sbb .sbb__name{grid-column:1/2;margin:0;font-size:15px;line-height:1.3;font-weight:500;color:var(--sbb-text)}
.sbb .sbb__swap{grid-column:1/2;position:relative;font-size:13px;line-height:1.3}
.sbb .sbb__price,.sbb .sbb__desc{margin:0;transition:opacity .3s ease-out,transform .3s ease-out}
.sbb .sbb__price s{opacity:.55;margin-right:4px}
.sbb .sbb__desc{display:none}
.sbb .sbb__inbox{grid-column:1/2}
.sbb .sbb__actions{grid-column:2/3;grid-row:2/4;display:flex;gap:6px;position:relative;z-index:2}
.sbb .sbb__actions form{margin:0}
.sbb .sbb__btn{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:transform .25s ease-out,background .25s ease-out,color .25s ease-out;padding:0}
.sbb .sbb__btn svg{width:14px;height:14px}
.sbb .sbb__btn--view{background:transparent;color:var(--sbb-text);border:1px solid rgba(255,255,255,.45)}
.sbb .sbb__btn--add{background:#fff;color:#111;border:0}
.sbb .sbb__btn:hover{transform:scale(1.1)}
.sbb .sbb__btn[disabled]{opacity:.4;cursor:not-allowed}

@media (hover:hover){
  .sbb .sbb__card:hover::before{opacity:1}
  .sbb .sbb__card:hover .sbb__img2{opacity:1;transform:scale(1.03) rotate(0deg)}
  .sbb .sbb__card:hover .sbb__img1{opacity:0;transform:scale(1.04)}
  .sbb .sbb__card:hover .sbb__cut{transform:rotate(-6deg) scale(1.1) translateY(-3%);filter:drop-shadow(0 24px 28px rgba(0,0,0,.55))}
  .sbb .sbb__card:hover .sbb__badges{opacity:0;transform:translateY(-6px)}
  .sbb .sbb__card:hover .sbb__chips{opacity:1;transform:none}
  .sbb .sbb__card:hover .sbb__label{opacity:0}
}
@media (prefers-reduced-motion:reduce){.sbb *{transition:none!important;scroll-behavior:auto!important}}