/* Ticker de fotos "Escolhas da Mari" (secao #looks) — fita horizontal
   continua e arrastavel, inspirada no componente DraggableTicker do Framer,
   reimplementada sem dependencias (sem React/framer-motion). */

.looks-ticker{
  position:relative;
  overflow:hidden;
  width:min(var(--max),calc(100% - 48px));
  margin:70px auto 0;
  cursor:grab;
  touch-action:pan-y;
}
.looks-ticker.is-dragging{cursor:grabbing}

.looks-ticker__track{
  display:flex;
  align-items:center;
  gap:22px;
  width:max-content;
  will-change:transform;
}

.looks-ticker__item{
  flex:0 0 auto;
  margin:0;
  width:clamp(200px,20vw,300px);
  aspect-ratio:4/5;
  overflow:hidden;
  border-radius:24px;
  border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);
  background:var(--paper,#fff);
  box-shadow:0 24px 50px rgba(0,0,0,.12);
  user-select:none;
  -webkit-user-drag:none;
}
.looks-ticker__item img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  pointer-events:none;
  -webkit-user-drag:none;
}

@media(max-width:680px){
  .looks-ticker{margin-top:50px}
  .looks-ticker__item{width:clamp(150px,52vw,220px)}
  .looks-ticker__track{gap:14px}
}

@media(prefers-reduced-motion:reduce){
  .looks-ticker{overflow-x:auto;cursor:auto;scrollbar-width:thin}
}