/* ========================================================= HQ AUTOPLAY TAB SYSTEM ========================================================= */ /* Fade non-active items */ .tab-content__bottom:has(.tab-content__item.active) .tab-content__item:not(.active) { opacity: 0.5; } /* Hover interactions (desktop only) */ @media (hover: hover) and (pointer: fine) { .tab-content__item:not(.active):hover .tab-content__item-bottom { background-color: var(--surface-fg); } .tab-content__item:not(.active):hover .content-item__nr { transform: translate(25%, 0px); } }