.clip-carousel { --slide-width:clamp(200px,20vw,330px); display:block; width:100%; overflow:clip; padding-top:4px; touch-action:pan-y; }
.clip-carousel:focus { outline:none; }
.clip-carousel:focus-visible button[data-carousel-current="true"] { outline:1px solid #ffffff80; outline-offset:-4px; }
.clip-carousel-track { display:flex; gap:24px; width:max-content; }
.clip-carousel-track > button { flex:none; width:calc(var(--slide-width) * var(--slide-height,1.25) * var(--image-aspect,.8)); height:calc(var(--slide-width) * var(--slide-height,1.25)); clip-path:inset(var(--slide-inset,10%) 0 round var(--surface-radius)); }
.clip-carousel-track img { width:100%; height:100%; object-fit:contain; user-select:none; -webkit-user-drag:none; }
.clip-carousel .clip-carousel-caption { min-height:42px; max-width:80%; margin:22px auto 0; color:#aaa; font-size:14px; line-height:1.6; text-align:center; }
@media (max-width:600px) {
  .clip-carousel { --slide-width:66vw; }
  .brand-packaging-carousel.clip-carousel { --slide-width:50vw; }
  .clip-carousel-track { gap:18px; }
}