/* MXonnowell v0.3.35 — Keşfet tam video kütüphanesi. Yalnız Keşfet video alanlarını etkiler. */
.mx335-explore-video-library{overflow-x:clip}
.mx335-explore-video-library.is-apex{background:#f7fbff}
.mx335-explore-video-library.is-onnowell{background:#f8fcf6}
.mx335-video-library-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 24px;color:#607080}
.mx335-video-library-meta span{display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;border:1px solid #d9e5ed;border-radius:999px;background:#fff;color:#0d3f77;font-weight:700;font-size:13px}
.mx335-video-library-meta small{font-size:13px}
.mx335-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.mx335-video-card{min-width:0;overflow:hidden;border:1px solid #dfe8ee;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(9,48,84,.07)}
.mx335-video-card__frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:#07182b;isolation:isolate}
.mx335-video-card__poster,.mx335-video-card video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;object-position:center;background:#07182b}
.mx335-video-card__poster{z-index:1}
.mx335-video-card video{z-index:2}
.mx335-video-card__brand{position:absolute;inset:0;z-index:1;display:grid;place-items:center;align-content:center;gap:16px;padding:20px;text-align:center;background:linear-gradient(135deg,#0a3158,#0c6f9d);color:#fff}
.mx335-explore-video-library.is-onnowell .mx335-video-card__brand{background:linear-gradient(135deg,#0b5139,#2e8b4c)}
.mx335-video-card__brand span{font-size:13px;font-weight:800;letter-spacing:.16em}
.mx335-video-card__brand i{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.94);color:#0d5b98}
.mx335-video-card__brand svg,.mx335-video-card__trigger svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mx335-video-card__trigger{position:absolute;z-index:4;left:50%;top:50%;display:grid;place-items:center;width:58px;height:58px;transform:translate(-50%,-50%);border:0;border-radius:50%;background:rgba(255,255,255,.96);color:#0d5b98;box-shadow:0 8px 26px rgba(0,0,0,.16);cursor:pointer}
.mx335-video-card.is-playing .mx335-video-card__trigger{opacity:0;visibility:hidden;pointer-events:none}
.mx335-video-card.is-ready .mx335-video-card__poster,.mx335-video-card.is-ready .mx335-video-card__brand{opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}
.mx335-video-card.is-error .mx335-video-card__trigger{opacity:1;visibility:visible;color:#8f2d2d}
.mx335-video-card__body{padding:16px 17px 18px}
.mx335-video-card__eyebrow{display:block;margin-bottom:6px;color:#16833f;font-size:11px;font-weight:800;letter-spacing:.14em}
.mx335-explore-video-library.is-apex .mx335-video-card__eyebrow{color:#0d69a7}
.mx335-video-card h3{margin:0;color:#123b69;font-size:18px;line-height:1.3;overflow-wrap:anywhere}
.mx335-video-empty{padding:24px;border:1px dashed #cbdbe5;border-radius:16px;background:#fff;color:#63717e}
@media (min-width:768px) and (max-width:1100px){.mx335-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media (max-width:767px){
  .mx335-video-grid{grid-template-columns:1fr;gap:14px}
  .mx335-video-card{border-radius:15px}
  .mx335-video-card__body{padding:14px 15px 16px}
  .mx335-video-card h3{font-size:17px}
  .mx335-video-library-meta{margin:10px 0 18px}
}
@media (max-width:350px){.mx335-video-card__trigger{width:50px;height:50px}.mx335-video-card__body{padding:12px 13px 14px}}
@media (prefers-reduced-motion:reduce){.mx335-video-card__poster,.mx335-video-card__brand{transition:none!important}}