.yma-wrapper{width:100%;position:relative}
.yma-filters,.yma-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.yma-filter-btn,.yma-tab,.yma-page-btn,.yma-load-more,.yma-link-btn,.yma-thumb-btn,.yma-modal-close,.yma-modal-prev,.yma-modal-next{cursor:pointer}
.yma-filter-btn,.yma-tab,.yma-page-btn,.yma-load-more{border:1px solid #d8d8d8;background:#fff;color:#111;border-radius:999px;padding:10px 14px;font-size:14px}
.yma-filter-btn.is-active,.yma-tab.is-active,.yma-page-btn.is-active,.yma-load-more:hover{background:#111;color:#fff;border-color:#111}
.yma-grid{width:100%}
.yma-grid:after{content:"";display:block;clear:both}
.yma-item{margin-bottom:20px;background:#fff;border:1px solid #e7e7e7;border-radius:14px;overflow:hidden;box-sizing:border-box;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.yma-thumb-btn{display:block;width:100%;padding:0;border:0;background:transparent;position:relative;text-align:left}
.yma-thumb-btn img{display:block;width:100%;height:auto}
.yma-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:50px;border-radius:14px;background:rgba(204,0,0,.88)}
.yma-play-icon:before{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #fff}
.yma-card-body{padding:14px}
.yma-title{margin:0 0 8px;font-size:16px;line-height:1.4}
.yma-link-btn{padding:0;border:0;background:none;font:inherit;color:#111;text-align:left}
.yma-link-btn:hover{color:#cc0000}
.yma-date{font-size:13px;color:#666;margin-bottom:8px}
.yma-description{font-size:14px;line-height:1.5;color:#444}
.yma-short-pill{display:inline-block;margin-top:10px;padding:4px 8px;border-radius:999px;background:#f4f4f4;font-size:12px}
.yma-pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px}
.yma-load-more-wrap{text-align:center;margin-top:18px}
.yma-modal{display:none}
.yma-modal.is-open{display:block}
.yma-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.84);z-index:999998}
.yma-modal-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(92vw,1100px);z-index:999999}
.yma-modal-player{position:relative;padding-top:56.25%;background:#000;border-radius:16px;overflow:hidden}
.yma-player-frame,.yma-player-inner,.yma-player-frame iframe{position:absolute;inset:0;width:100%;height:100%}
.yma-modal-close,.yma-modal-prev,.yma-modal-next{position:absolute;border:0;background:#fff;color:#111;border-radius:999px;width:42px;height:42px;font-size:28px;line-height:1;z-index:2}
.yma-modal-close{top:-52px;right:0}
.yma-modal-prev{top:50%;left:-52px;transform:translateY(-50%)}
.yma-modal-next{top:50%;right:-52px;transform:translateY(-50%)}
.yma-player-events{margin-top:10px;color:#fff;text-align:center;font-size:14px}
body.yma-modal-open{overflow:hidden}
.cols-d-1 .yma-item{width:100%}.cols-d-2 .yma-item{width:calc(50% - 10px)}.cols-d-3 .yma-item{width:calc(33.333% - 13.34px)}.cols-d-4 .yma-item{width:calc(25% - 15px)}
@media (max-width:1024px){.cols-t-1 .yma-item{width:100%}.cols-t-2 .yma-item{width:calc(50% - 10px)}.cols-t-3 .yma-item{width:calc(33.333% - 13.34px)}.cols-t-4 .yma-item{width:calc(25% - 15px)}}
@media (max-width:640px){.cols-m-1 .yma-item{width:100%}.cols-m-2 .yma-item{width:calc(50% - 10px)}.cols-m-3 .yma-item{width:calc(33.333% - 13.34px)}.cols-m-4 .yma-item{width:calc(25% - 15px)}.yma-modal-dialog{width:94vw}.yma-modal-prev{left:6px}.yma-modal-next{right:6px}.yma-modal-close{right:6px;top:6px}}
