/*
 * Trode Collection Slider
 * Scoped component styles only. No theme-wide selectors, no pink hover state,
 * and no dependency on a page builder's product-loop markup.
 */
.tco-collection-slider{
  --tco-cs-ink:#101010;
  --tco-cs-paper:#ffffff;
  --tco-cs-media:#f3f3f1;
  --tco-cs-line:rgba(16,16,16,.12);
  --tco-cs-muted:rgba(16,16,16,.58);
  --tco-cs-active-cols:var(--tco-cs-cols-desktop,4);
  display:block;
  width:100%;
  max-width:100%;
  color:var(--tco-cs-ink);
  background:transparent;
  font-family:inherit;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}
.tco-collection-slider *{box-sizing:border-box;}
.tco-collection-slider .tco-cs__header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  margin:0 0 14px;
  padding:0;
}
.tco-collection-slider .tco-cs__heading{
  margin:0;
  color:inherit;
  font:inherit;
  font-size:12px;
  font-weight:500;
  line-height:1.15;
  letter-spacing:.105em;
  text-transform:uppercase;
}
.tco-collection-slider .tco-cs__viewport{
  position:relative;
  width:100%;
  overflow:hidden;
  outline:none;
}
.tco-collection-slider .tco-cs__viewport:focus-visible{
  outline:1px solid var(--tco-cs-ink);
  outline-offset:4px;
}
.tco-collection-slider .tco-cs__track{
  display:flex;
  align-items:stretch;
  gap:var(--tco-cs-gap,2px);
  width:100%;
  margin:0;
  padding:0;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-padding-inline:1px;
  scroll-behavior:smooth;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  /* Horizontal drag is owned by the slider; vertical movement remains page scrolling. */
  touch-action:pan-y;
  cursor:grab;
  user-select:none;
  -webkit-user-select:none;
}
.tco-collection-slider .tco-cs__track::-webkit-scrollbar{display:none;width:0;height:0;}
.tco-collection-slider.is-dragging .tco-cs__track{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto;}
.tco-collection-slider .tco-cs__item{
  flex:0 0 calc((100% - ((var(--tco-cs-active-cols) - 1) * var(--tco-cs-gap,2px))) / var(--tco-cs-active-cols));
  width:calc((100% - ((var(--tco-cs-active-cols) - 1) * var(--tco-cs-gap,2px))) / var(--tco-cs-active-cols));
  min-width:0;
  margin:0;
  scroll-snap-align:start;
  scroll-snap-stop:normal;
}
.tco-collection-slider .tco-cs__product{
  display:flex;
  flex-direction:column;
  min-width:0;
  background:var(--tco-cs-paper);
}
.tco-collection-slider .tco-cs__image-link{
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:var(--tco-cs-ratio,3/4);
  overflow:hidden;
  color:inherit;
  background:var(--tco-cs-media);
  text-decoration:none;
}
.tco-collection-slider .tco-cs__image{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  background:var(--tco-cs-media);
  transition:transform .62s cubic-bezier(.22,.61,.36,1),filter .32s ease;
  -webkit-user-drag:none;
}
.tco-collection-slider .tco-cs__product:hover .tco-cs__image,
.tco-collection-slider .tco-cs__product:focus-within .tco-cs__image{transform:scale(1.022);}
.tco-collection-slider .tco-cs__badge{
  position:absolute;
  top:9px;
  left:9px;
  display:inline-flex;
  min-height:20px;
  align-items:center;
  padding:0 7px;
  border:1px solid rgba(16,16,16,.72);
  background:rgba(255,255,255,.92);
  color:var(--tco-cs-ink);
  font-size:8px;
  font-weight:500;
  letter-spacing:.12em;
  line-height:1;
  text-transform:uppercase;
}
.tco-collection-slider .tco-cs__meta{
  display:grid;
  grid-template-rows:auto auto;
  align-content:start;
  min-height:65px;
  padding:9px 6px 16px;
  border-bottom:1px solid var(--tco-cs-line);
  background:var(--tco-cs-paper);
  text-align:center;
}
.tco-collection-slider .tco-cs__title{
  min-width:0;
  margin:0;
  color:var(--tco-cs-ink);
  font:inherit;
  font-size:10px;
  font-weight:400;
  letter-spacing:.035em;
  line-height:1.35;
  text-transform:none;
}
.tco-collection-slider .tco-cs__title a{
  display:block;
  overflow:hidden;
  color:inherit;
  text-decoration:none;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.tco-collection-slider .tco-cs__title a:hover,
.tco-collection-slider .tco-cs__title a:focus-visible{text-decoration:underline;text-underline-offset:3px;}
.tco-collection-slider .tco-cs__price{
  min-height:16px;
  margin-top:3px;
  color:var(--tco-cs-muted);
  font-size:10px;
  font-weight:400;
  letter-spacing:.02em;
  line-height:1.35;
}
.tco-collection-slider .tco-cs__price .amount,
.tco-collection-slider .tco-cs__price bdi{color:inherit;font:inherit;}
.tco-collection-slider .tco-cs__price del{margin-right:4px;color:rgba(16,16,16,.46);text-decoration-thickness:1px;}
.tco-collection-slider .tco-cs__price ins{color:inherit;background:transparent;text-decoration:none;}
.tco-collection-slider .tco-cs__more{
  position:relative;
  display:flex;
  min-width:0;
  min-height:0;
  align-self:stretch;
  color:var(--tco-cs-ink);
  background:transparent;
  text-decoration:none;
}
.tco-collection-slider .tco-cs__more::before{
  display:block;
  width:100%;
  content:"";
  aspect-ratio:var(--tco-cs-ratio,3/4);
}
.tco-collection-slider .tco-cs__more-visual{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:20px;
  background:transparent;
  color:inherit;
}
.tco-collection-slider .tco-cs__more-label{
  position:relative;
  display:inline-block;
  padding:0 0 4px;
  color:inherit;
  font-size:10px;
  font-weight:500;
  letter-spacing:.11em;
  line-height:1.15;
  text-transform:uppercase;
  transition:letter-spacing .28s cubic-bezier(.22,.61,.36,1),opacity .28s ease;
}
.tco-collection-slider .tco-cs__more-label::after{
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  height:1px;
  content:"";
  background:currentColor;
  transform:scaleX(.45);
  transform-origin:left center;
  transition:transform .28s cubic-bezier(.22,.61,.36,1);
}
.tco-collection-slider .tco-cs__more-arrow{
  display:inline-flex;
  width:16px;
  height:16px;
  opacity:.72;
  transition:transform .28s cubic-bezier(.22,.61,.36,1),opacity .28s ease;
}
.tco-collection-slider .tco-cs__more-arrow svg{display:block;width:100%;height:100%;}
/* Deliberately text-only: no black fill, no tile inversion, no theatrical rectangle. */
.tco-collection-slider .tco-cs__more:hover .tco-cs__more-label,
.tco-collection-slider .tco-cs__more:focus-visible .tco-cs__more-label{
  letter-spacing:.15em;
}
.tco-collection-slider .tco-cs__more:hover .tco-cs__more-label::after,
.tco-collection-slider .tco-cs__more:focus-visible .tco-cs__more-label::after{transform:scaleX(1);}
.tco-collection-slider .tco-cs__more:hover .tco-cs__more-arrow,
.tco-collection-slider .tco-cs__more:focus-visible .tco-cs__more-arrow{opacity:1;transform:translateX(5px);}
.tco-collection-slider .tco-cs__more:focus-visible{outline:1px solid var(--tco-cs-ink);outline-offset:-6px;}
.tco-collection-slider .tco-cs__nav{
  position:absolute;
  z-index:3;
  top:calc((100% - 65px) * .5);
  right:10px;
  left:10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  pointer-events:none;
  opacity:0;
  transition:opacity .22s ease;
}
.tco-collection-slider:hover .tco-cs__nav,
.tco-collection-slider:focus-within .tco-cs__nav{opacity:1;}
.tco-collection-slider .tco-cs__nav-button{
  display:inline-flex;
  width:34px;
  height:34px;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0;
  border:1px solid rgba(16,16,16,.15);
  border-radius:0;
  background:rgba(255,255,255,.82);
  box-shadow:none;
  color:var(--tco-cs-ink);
  cursor:pointer;
  opacity:1;
  pointer-events:auto;
  transition:background-color .22s ease,color .22s ease,opacity .22s ease,transform .22s cubic-bezier(.22,.61,.36,1);
}
.tco-collection-slider .tco-cs__nav-button:hover,
.tco-collection-slider .tco-cs__nav-button:focus-visible{
  border-color:rgba(16,16,16,.36);
  background:var(--tco-cs-paper);
  color:var(--tco-cs-ink);
  outline:none;
}
.tco-collection-slider .tco-cs__nav-button:active{transform:scale(.94);}
.tco-collection-slider .tco-cs__nav-button:disabled{cursor:default;opacity:0;pointer-events:none;}
.tco-collection-slider .tco-cs__nav-button svg{display:block;width:18px;height:18px;}
.tco-collection-slider.is-static .tco-cs__nav{visibility:hidden;}
.tco-cs__empty{
  padding:14px;
  border:1px solid rgba(16,16,16,.15);
  color:#101010;
  background:#fff;
  font-size:12px;
}
@media (max-width:1366px){
  .tco-collection-slider{--tco-cs-active-cols:var(--tco-cs-cols-laptop,4);}
}
@media (max-width:1024px){
  .tco-collection-slider{--tco-cs-active-cols:var(--tco-cs-cols-tablet,3);}
}
@media (max-width:767px){
  .tco-collection-slider{--tco-cs-active-cols:var(--tco-cs-cols-mobile,1.18);}
  .tco-collection-slider .tco-cs__meta{min-height:61px;padding:8px 5px 14px;}
  .tco-collection-slider .tco-cs__title{font-size:10px;}
  .tco-collection-slider .tco-cs__price{font-size:9.5px;}
  .tco-collection-slider .tco-cs__nav{display:none;}
  .tco-collection-slider .tco-cs__badge{top:7px;left:7px;}
}
@media (prefers-reduced-motion:reduce){
  .tco-collection-slider .tco-cs__track{scroll-behavior:auto;}
  .tco-collection-slider .tco-cs__image,
  .tco-collection-slider .tco-cs__more-visual,
  .tco-collection-slider .tco-cs__more-arrow,
  .tco-collection-slider .tco-cs__nav{transition:none;}
}