.aaa-cc-strip{
  width:100%;
  background:var(--aaa-cc-strip-bg,#101010);
  padding:var(--aaa-cc-strip-padding,12px) 0;
  overflow:hidden;
  position:relative;
  z-index:2;
  box-sizing:border-box;
}
.aaa-cc-strip *,
.aaa-cc-strip *::before,
.aaa-cc-strip *::after{box-sizing:border-box}
.aaa-cc-shell{
  width:min(calc(100% - 20px),var(--aaa-cc-max-width,1500px));
  margin:0 auto;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
}
.aaa-cc-strip:not(:has(.aaa-cc-arrow)) .aaa-cc-shell{grid-template-columns:minmax(0,1fr)}
.aaa-cc-viewport{
  min-width:0;
  width:100%;
  overflow:hidden;
  touch-action:pan-y;
  overscroll-behavior-x:contain;
}
.aaa-cc-track{
  display:flex;
  align-items:stretch;
  gap:var(--aaa-cc-gap,14px);
  width:max-content;
  min-width:100%;
  user-select:none;
  will-change:transform;
  cursor:default;
}
.aaa-cc-track.is-draggable{cursor:grab}
.aaa-cc-track.is-dragging{cursor:grabbing}
.aaa-cc-item{
  flex:0 0 var(--aaa-cc-card-width,180px);
  min-width:0;
  min-height:var(--aaa-cc-card-min-height,74px);
  padding:var(--aaa-cc-card-py,10px) var(--aaa-cc-card-px,16px);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  background:var(--aaa-cc-card-bg,#f5eee4);
  color:var(--aaa-cc-card-text,#101010);
  border:1px solid color-mix(in srgb,var(--aaa-cc-border,#ee2fab) 36%,transparent);
  border-radius:var(--aaa-cc-card-radius,14px);
  text-decoration:none!important;
  font-size:var(--aaa-cc-font-size,14px);
  font-weight:var(--aaa-cc-font-weight,700);
  line-height:1.15;
  transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease,filter .18s ease;
  -webkit-tap-highlight-color:transparent;
}
.aaa-cc-has-shadow .aaa-cc-item{box-shadow:0 7px 18px rgba(0,0,0,.12)}
.aaa-cc-item:hover,
.aaa-cc-item:focus-visible{
  transform:translateY(-2px);
  background:var(--aaa-cc-card-hover-bg,#fff6fb);
  color:var(--aaa-cc-card-hover-text,#101010);
  border-color:var(--aaa-cc-border,#ee2fab);
  outline:none;
}
.aaa-cc-thumb{
  width:var(--aaa-cc-thumb-size,54px);
  height:var(--aaa-cc-thumb-size,54px);
  min-width:var(--aaa-cc-thumb-size,54px);
  border-radius:var(--aaa-cc-thumb-radius,999px);
  background:var(--aaa-cc-image-bg,#fff);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  box-shadow:0 3px 12px rgba(0,0,0,.10);
}
.aaa-cc-thumb img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  pointer-events:none;
}
.aaa-cc-fit-cover .aaa-cc-thumb img{object-fit:cover}
.aaa-cc-initial{
  font-size:clamp(16px,calc(var(--aaa-cc-thumb-size,54px) * .42),34px);
  font-weight:800;
  color:var(--aaa-cc-accent,#ee2fab);
  text-transform:uppercase;
}
.aaa-cc-copy{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  text-align:center;
}
.aaa-cc-label{white-space:normal;overflow-wrap:anywhere}
.aaa-cc-count{
  display:inline-flex;
  min-width:22px;
  height:22px;
  padding:0 6px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:color-mix(in srgb,var(--aaa-cc-accent,#ee2fab) 14%,transparent);
  color:inherit;
  font-size:.82em;
  line-height:1;
}
.aaa-cc-layout-vertical .aaa-cc-item{flex-direction:column;text-align:center}
.aaa-cc-layout-vertical .aaa-cc-copy{flex-direction:column;gap:3px}
.aaa-cc-no-images .aaa-cc-item{justify-content:center;text-align:center}
.aaa-cc-arrow{
  width:40px;
  height:40px;
  min-width:40px;
  border:0;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--aaa-cc-arrow-bg,#fff);
  color:var(--aaa-cc-arrow-color,#101010);
  box-shadow:0 4px 14px rgba(0,0,0,.14);
  cursor:pointer;
  padding:0;
  transition:transform .16s ease,filter .16s ease;
}
.aaa-cc-arrow:hover{transform:scale(1.04);filter:brightness(.97)}
.aaa-cc-arrow:focus-visible{outline:2px solid var(--aaa-cc-accent,#ee2fab);outline-offset:2px}
.aaa-cc-arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:900px){
  .aaa-cc-shell{width:calc(100% - 16px);gap:7px}
  .aaa-cc-arrow{width:34px;height:34px;min-width:34px}
  .aaa-cc-item{gap:8px}
}
@media(max-width:600px){
  .aaa-cc-strip{padding:calc(var(--aaa-cc-strip-padding,12px) * .8) 0}
  .aaa-cc-shell{width:calc(100% - 12px);gap:5px}
  .aaa-cc-arrow{width:30px;height:30px;min-width:30px}
  .aaa-cc-arrow svg{width:17px;height:17px}
  .aaa-cc-item{font-size:max(11px,calc(var(--aaa-cc-font-size,14px) - 1px));padding:calc(var(--aaa-cc-card-py,10px) * .82) calc(var(--aaa-cc-card-px,16px) * .72)}
  .aaa-cc-thumb{width:min(var(--aaa-cc-thumb-size,54px),48px);height:min(var(--aaa-cc-thumb-size,54px),48px);min-width:min(var(--aaa-cc-thumb-size,54px),48px)}
}
@media(prefers-reduced-motion:reduce){
  .aaa-cc-item,.aaa-cc-arrow{transition:none}
}