.mango-variety-videos { margin: 28px 0; min-width: 0; }
.variety-video-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #ddd; padding-bottom: 12px; margin-bottom: 18px; }
.variety-video-heading h3 { font-size: 22px; margin: 0; }
.variety-video-rotation { flex: 0 0 36px; width: 36px; height: 36px; background: #fff; border: 1px solid #dce1d8; border-radius: 4px; cursor: pointer; color: #486631; }
.variety-video-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.variety-video-grid.owl-loaded { display: block; }
.mango-variety-videos .owl-stage { display: flex; flex-wrap: nowrap; align-items: stretch; }
.mango-variety-videos .owl-stage::after { display: none; }
.mango-variety-videos .owl-item { display: flex; flex: 0 0 auto; float: none; min-width: 0; }
.variety-video-grid:not(.owl-loaded) > article:nth-child(n+4) { display: none; }
.mango-variety-videos .owl-carousel-videos .owl-nav { position: static; transform: none; display: flex; justify-content: flex-end; gap: 8px; margin-top: 12px; }
.mango-variety-videos .owl-carousel-videos .owl-nav button { position: static; transform: none; width: 36px; height: 36px; margin: 0; line-height: 32px; font-size: 20px; border: 1px solid #dce1d8; border-radius: 4px; background: #fff; color: #486631; }
.mango-variety-videos .owl-carousel-videos .owl-nav.disabled { display: none; }
.variety-video-grid article { min-width: 0; width: 100%; border: 1px solid #dce1d8; border-radius: 4px; overflow: hidden; background: #fff; }
.variety-video-grid h4 { box-sizing: border-box; font-size: 14px; line-height: 1.6; margin: 0; padding: 10px 12px; height: calc(4.8em + 20px); overflow-wrap: anywhere; }
.variety-video-grid h4 a { color: #486631; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.variety-video-grid h4 a:hover { color: #263d19; text-decoration: underline; }
.variety-video-play { position: relative; width: 100%; padding: 0; display: block; border: 0; border-radius: 0; overflow: hidden; background: #202520; cursor: pointer; aspect-ratio: 16 / 9; }
.variety-video-play img { width: 100%; height: 100%; object-fit: cover; display: block; }
.variety-video-play-icon { position: absolute; bottom: 10px; left: 10px; background: #fff; color: #b42020; width: 36px; height: 36px; border-radius: 4px; display: grid; place-items: center; }
.variety-video-dialog { width: min(90vw,800px); max-width: 90vw; padding: 14px; border: 1px solid #dce1d8; border-radius: 6px; }
.variety-video-dialog::backdrop { background: #000b; }
.variety-video-close { display: block; margin: 0 0 10px auto; width: 36px; height: 36px; border: 1px solid #ddd; background: #fff; border-radius: 4px; cursor: pointer; }
.variety-video-player iframe { display: block; width: 100%; min-height: 200px; aspect-ratio: 16 / 9; border: 0; }
@media(max-width:767px) { .variety-video-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; } .variety-video-grid:not(.owl-loaded) > article:nth-child(n+3) { display: none; } }
@media(max-width:479px) { .variety-video-grid { grid-template-columns: minmax(0,1fr); } .variety-video-grid:not(.owl-loaded) > article:nth-child(n+2) { display: none; } }