.jhs-cover-slots {
  --cover-slots-columns: 2;
  --cover-slots-gap-x: 7px;
  --cover-slots-gap-y: 12px;
  display: grid;
  grid-template-columns: repeat(var(--cover-slots-columns), minmax(0, 1fr));
  gap: var(--cover-slots-gap-y) var(--cover-slots-gap-x);
  min-width: 0;
}

.jhs-cover-slots__item {
  min-width: 0;
  pointer-events: none;
}

[data-cover-grid]:not([data-cover-ready]) { display: none; }
html.jhs-cover-slots-enabled [data-cover-slots]:has(+ [data-cover-grid][data-cover-ready]) { display: none; }

@media (min-width: 769px) {
  .jhs-cover-slots--pc-long,
  .jhs-cover-slots--pc-search-video,
  .jhs-cover-slots--pc-profile-video { --cover-slots-columns: 4; --cover-slots-gap-x: 16px; --cover-slots-gap-y: 24px; }
  .jhs-cover-slots--pc-drama,
  .jhs-cover-slots--pc-search-drama,
  .jhs-cover-slots--pc-profile-drama { --cover-slots-columns: 6; --cover-slots-gap-x: 12px; --cover-slots-gap-y: 24px; }
  .jhs-cover-slots--pc-search-short { --cover-slots-columns: 6; --cover-slots-gap-x: 12px; --cover-slots-gap-y: 24px; }
  .jhs-cover-slots--pc-recommendations { --cover-slots-columns: 6; --cover-slots-gap-x: 12px; --cover-slots-gap-y: 12px; }
  .jhs-cover-slots--pc-detail { --cover-slots-columns: 4; --cover-slots-gap-x: 16px; --cover-slots-gap-y: 24px; }
}

@media (min-width: 769px) and (max-width: 1099px) {
  .jhs-cover-slots--mobile-long,
  .jhs-cover-slots--mobile-drama { --cover-slots-columns: 4; --cover-slots-gap-x: 16px; --cover-slots-gap-y: 24px; }
}

@media (min-width: 1100px) {
  .jhs-cover-slots--mobile-long { --cover-slots-columns: 5; --cover-slots-gap-x: 16px; --cover-slots-gap-y: 24px; }
  .jhs-cover-slots--mobile-drama { --cover-slots-columns: 5; --cover-slots-gap-x: 16px; --cover-slots-gap-y: 24px; }
}