/* Homepage-only refinements: retain the existing panels and 18px spacing. */
.split-panel + #boxsets { margin-top: 18px; }
.continue-item img { max-width: 100%; }
.continue-item--discovery {
    grid-template-columns: 110px minmax(0, 1fr);
    row-gap: 6px;
}
.continue-item--discovery img { grid-row: 1 / span 2; }
.continue-item--discovery strong { align-self: end; }
.continue-item--discovery small { grid-column: 2; align-self: start; }
.continue-item [hidden] { display: none; }
.gallery-shelf { position: relative; min-width: 0; }
.gallery-controls { position: absolute; inset: 0 0 6px; pointer-events: none; }
.gallery-controls[hidden] { display: none; }
[data-home-gallery] .section-heading > a { margin-left: auto; }
.gallery-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    display: grid;
    place-items: center;
    width: 44px;
    padding: 0;
    border: 0;
    border-radius: 10px;
    color: var(--cyan);
    cursor: pointer;
    opacity: 0;
    pointer-events: auto;
    transition: opacity 180ms ease;
}
.gallery-arrow--previous { left: 0; background: linear-gradient(to right, rgba(7, 16, 20, .8), transparent); }
.gallery-arrow--next { right: 0; background: linear-gradient(to left, rgba(7, 16, 20, .8), transparent); }
.gallery-arrow svg { width: 24px; height: 46px; padding: 4px; border-radius: 5px; background: rgba(39, 215, 255, .07); box-shadow: inset 0 0 0 1px rgba(39, 215, 255, .12); opacity: .8; }
.gallery-arrow:hover:not(:disabled), .gallery-arrow:focus-visible { opacity: 1; }
.gallery-arrow:disabled { opacity: 0; visibility: hidden; pointer-events: none; }
.gallery-arrow:focus-visible { outline: 2px solid var(--cyan); outline-offset: -2px; }
.poster-track.is-gallery:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.poster-track.is-gallery { scrollbar-width: none; }
.poster-track.is-gallery::-webkit-scrollbar { display: none; }
@media (hover: hover) and (pointer: fine) {
    .poster-track.is-gallery { cursor: grab; }
    .poster-track.is-gallery.is-dragging, .poster-track.is-gallery.is-dragging a { cursor: grabbing; user-select: none; }
}
@media (hover: none) { .gallery-controls { display: none; } }
@media (prefers-reduced-motion: reduce) { .gallery-arrow { transition: none; } }
@media (max-width: 640px) {
    .continue-item--discovery { grid-template-columns: 92px minmax(0, 1fr); }
    [data-home-gallery] .section-heading { gap: 8px; flex-wrap: wrap; }
}