.cc_ud0vift4_6uGbVrTKdO .ca {
  background: var(--kbdkEkTUuO);
  color: var(--xzwz2GSx9S);
}

.cc_ud0vift4_6uGbVrTKdO .ca-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 32px;
}

.cc_ud0vift4_6uGbVrTKdO .ca-heading {
  margin: 0;
  font-size: var(--t-collection-accordion-heading-size, 40px);
  font-weight: var(--t-collection-accordion-heading-weight, 600);
  line-height: 1.1;

}

.cc_ud0vift4_6uGbVrTKdO .ca-track {
  display: flex;
  gap: var(--ca-gap);
  height: var(--ca-height);
}

.cc_ud0vift4_6uGbVrTKdO .ca-cell {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  cursor: pointer;
  border-radius: 24px;
  transition: flex-grow 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
.cc_ud0vift4_6uGbVrTKdO .ca-cell.is-active { flex-grow: 5.2; cursor: default; }
.cc_ud0vift4_6uGbVrTKdO .ca-cell:focus-visible { outline: 2px solid var(--eIjF7PvDc3); outline-offset: 4px; }

/* state-driven visuals of CollectionPanel (class names owned by the child) */
.cc_ud0vift4_6uGbVrTKdO .ca-cell .cp-full {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s ease, visibility 0s linear 0.35s;
}
.cc_ud0vift4_6uGbVrTKdO .ca-cell.is-active .cp-full {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s ease 0.25s, visibility 0s;
}
.cc_ud0vift4_6uGbVrTKdO .ca-cell .cp-plus, .cc_ud0vift4_6uGbVrTKdO .ca-cell .cp-mini-title { transition: opacity 0.3s ease 0.2s; }
.cc_ud0vift4_6uGbVrTKdO .ca-cell.is-active .cp-plus, .cc_ud0vift4_6uGbVrTKdO .ca-cell.is-active .cp-mini-title { opacity: 0; transition-delay: 0s; }

@media (max-width: 768px) {
  .cc_ud0vift4_6uGbVrTKdO .ca-head { flex-direction: column; align-items: flex-start; gap: 8px; margin-bottom: 24px; }
  .cc_ud0vift4_6uGbVrTKdO .ca-track { flex-direction: column; height: auto; }
  .cc_ud0vift4_6uGbVrTKdO .ca-cell {
    flex: none;
    height: 84px;
    border-radius: 24px;
    transition: height 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .cc_ud0vift4_6uGbVrTKdO .ca-cell.is-active { height: 460px; }
}

@media (prefers-reduced-motion: reduce) {
  .cc_ud0vift4_6uGbVrTKdO .ca-cell, .cc_ud0vift4_6uGbVrTKdO .ca-cell .cp-full, .cc_ud0vift4_6uGbVrTKdO .ca-cell .cp-plus, .cc_ud0vift4_6uGbVrTKdO .ca-cell .cp-mini-title { transition: none !important; }
}

@media (max-width: 640px) {
  .cc_ud0vift4_6uGbVrTKdO .ca-heading { font-size: min(var(--t-collection-accordion-heading-size, 40px), 32px); }
}