/* Extracted from current frame.php; no iframe or document-global styles. */


#wp-unit-root{box-sizing:border-box;width:100%;min-height:260px;height:auto;overflow:visible;background:transparent;padding:8px}
.wp-unit-player{position:relative;width:100%;height:360px;max-height:48vh;min-height:260px;background:#000;border-radius:8px;overflow:hidden;margin:0 0 8px 0;box-sizing:border-box}
.wp-unit-player video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000;display:block;outline:none}
.wp-unit-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#fafafa;padding:8px;border-radius:8px;box-sizing:border-box;min-height:100%;align-content:start}
#wp-unit-root.has-top-player .wp-unit-grid{min-height:0}
.wp-unit-card{position:relative;border-radius:6px;cursor:pointer;background:#000;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden;touch-action:manipulation;-webkit-tap-highlight-color:transparent;aspect-ratio:4/5}
.wp-unit-card img,.wp-unit-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#000}
.wp-unit-card.is-active img,.wp-unit-card.is-active .wp-unit-mark{display:none}
.wp-unit-mark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;background:url('/play-button-2.png') no-repeat center/contain;pointer-events:none}
.wp-unit-card.is-active{box-shadow:none!important;background:#000!important}
.wp-unit-card.is-active video{-webkit-tap-highlight-color:transparent;outline:none}
.wp-unit-card video:fullscreen{width:100vw!important;height:100vh!important;object-fit:contain!important;background:#000!important}
.wp-unit-card video:-webkit-full-screen{width:100vw!important;height:100vh!important;object-fit:contain!important;background:#000!important}
/* Responsive columns: mobile 2, tablet 3, desktop 4. */
@media (min-width: 601px) and (max-width: 1024px) {
  .wp-unit-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 12px; }
}
@media (min-width: 1025px) {
  .wp-unit-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; padding: 14px; }
  .wp-unit-player { width: 100%; max-width: 1000px; height: auto; aspect-ratio: 16 / 9; max-height: none; min-height: 0; margin: 0 auto 16px; }
}
/* ===== SOLID WHITE GALLERY BACKGROUND ===== */

#wp-unit-root,
.wp-unit-grid {
    background: #fff !important;
}

#wp-unit-root {
    width: 100%;
    min-height: 0;
}  

#wp-unit-root { overflow:visible; height:auto; max-width:1200px; margin:0 auto; }

/* Native video links retain the exact previous card appearance. */
a.wp-unit-card{display:block;text-decoration:none;color:inherit}