.reel {position: relative;width: 100%;max-width: 360px;aspect-ratio: 9 / 16;border-radius: 16px;overflow: hidden;cursor: pointer;background: #000;}.reel-image {width: 100%;height: 100%;object-fit: cover;transition: transform 0.35s ease;}.reel-overlay {position: absolute;inset: 0;background: linear-gradient(to top,rgba(0,0,0,0.6),rgba(0,0,0,0.15),transparent);display: flex;justify-content: space-between;align-items: flex-end;padding: 16px;pointer-events: none;}.reel-logo {width: 46px;}.reel-play {width: 58px;opacity: 0.9;}.reel:hover .reel-image {transform: scale(1.04);}@media (min-width: 769px) {.plg5d {padding-top:0px !important;padding-left:25px !Important;}.reelList {display: flex;flex-direction: row;flex-wrap: nowrap;overflow-x: auto;overflow-y: hidden;gap: 16px;padding: 24px 12px;max-width: 100%;justify-content: flex-start;scroll-behavior: smooth;}.reel {flex: 0 0 180px;max-width: 180px;}.reelList::-webkit-scrollbar {height: 6px;}.reelList::-webkit-scrollbar-thumb {background: rgba(255,255,255,0.25);border-radius: 10px;}.reelList {scrollbar-color: rgba(255,255,255,0.25) transparent;}}@media (max-width: 768px) {.reelList {flex-direction: row !important;justify-content: flex-start !important;align-items: stretch !important;overflow-x: auto;overflow-y: hidden;gap: 12px;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;padding-left: 16px;padding-right: 16px;}.reelList::-webkit-scrollbar {display: none;}.reelList {scrollbar-width: none;}.reel {flex: 0 0 60%; scroll-snap-align: start;max-width: 60%;}}