/* Up to four portrait previews in two columns, and one full-width player. */
.dd-video-section [hidden]{display:none!important;}
.dd-profile-video-grid{display:grid;grid-template-columns:repeat(var(--video-columns,2),minmax(0,1fr));gap:8px;padding:14px;}
.dd-profile-video-preview{position:relative;display:block;width:100%;min-width:0;aspect-ratio:9/16;padding:0;border:1px solid #ffffff20;border-radius:10px;overflow:hidden;background:#0c0910;color:#fff;cursor:pointer;}
.dd-profile-video-preview video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;}
.dd-profile-video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#08060bbf;font-size:13px;}
.dd-profile-video-label{position:absolute;left:0;right:0;bottom:0;padding:18px 5px 7px;background:linear-gradient(transparent,#09070dd9);font-size:10px;line-height:1.4;text-align:center;}
.dd-profile-video-toolbar,.dd-profile-video-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px;}
.dd-profile-video-pager{font-size:12px;}
.dd-profile-video-pager button:disabled{opacity:.4;cursor:default;}
.dd-profile-video-player{display:block;width:100%;aspect-ratio:9/16;max-height:650px;object-fit:contain;background:#0c0910;}
.dd-profile-video-player:fullscreen{width:100%;height:100%;max-height:none;background:#000;}
.dd-profile-video-viewer>p{padding:0 14px 14px;margin:0;font-size:13px;}
@media(max-width:500px){.dd-profile-video-grid{gap:6px;padding:12px;}.dd-profile-video-label{font-size:9px;}.dd-profile-video-play{width:26px;height:26px;}}

.dd-video-section .dd-hub-text-button{color:#f4a4cf;font:inherit;font-size:13px;padding:8px 0;border:0;background:transparent;cursor:pointer;}

/* Keep videos below the photo gallery when the mobile columns flatten. */
@media(max-width:800px){.dd-glass-advertisement #listing-videos-section{order:1;width:100%;max-width:480px;margin:0 auto;}}

/* The initial server-rendered profile must also fit before its enhanced layout loads. */
@media(max-width:800px){.public-advertiser-body .public-advertiser-identity{width:100%;max-width:100%;box-sizing:border-box;}.public-advertiser-body #public-advertiser-name{overflow-wrap:anywhere;}}
