/* 所有樣式都限定在 .t180-fcp 內，避免影響其他外掛 */

.t180-fcp .t180-fcp-gallery{
  display:flex;
  flex-wrap:wrap;
  gap: 14px;
  align-items:flex-start;
}

.t180-fcp .t180-fcp-item{
  appearance:none;
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  border-radius: 14px;
  overflow: hidden;
  line-height: 0;
}

.t180-fcp .t180-fcp-img{
  display:block;
  width:100%;
  height:auto;
  border-radius: 14px;
}

/* 播放中動畫（只作用於本外掛 item） */
.t180-fcp .t180-fcp-item.is-playing{
  animation: t180_fcp_pulse 1.2s infinite;
  transform: scale(1.05);
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.6);
  transition: all 0.3s ease;
}

@keyframes t180_fcp_pulse {
  0%   { transform: scale(1.05); box-shadow: 0 0 10px rgba(255, 215, 0, 0.4); }
  50%  { transform: scale(1.10); box-shadow: 0 0 22px rgba(255, 215, 0, 0.7); }
  100% { transform: scale(1.05); box-shadow: 0 0 10px rgba(255, 215, 0, 0.4); }
}

/* 欄位排版 */
.t180-fcp .t180-fcp-gallery.cols-4 .t180-fcp-item{ flex: 0 0 calc(25% - 14px); }
.t180-fcp .t180-fcp-gallery.cols-3 .t180-fcp-item{ flex: 0 0 calc(33.333% - 14px); }
.t180-fcp .t180-fcp-gallery.cols-2 .t180-fcp-item{ flex: 0 0 calc(50% - 14px); }
.t180-fcp .t180-fcp-gallery.cols-1 .t180-fcp-item{ flex: 0 0 100%; }

@media (max-width: 820px){
  .t180-fcp .t180-fcp-gallery.cols-4 .t180-fcp-item{ flex-basis: calc(50% - 14px); }
  .t180-fcp .t180-fcp-gallery.cols-3 .t180-fcp-item{ flex-basis: calc(50% - 14px); }
}

@media (max-width: 520px){
  .t180-fcp .t180-fcp-item{ flex-basis: 100% !important; }
}