.client-trailer-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 19px;margin:6px 8px 6px 0;border:1px solid #ad3844;border-radius:9px;background:#40161e;color:#fff;font:inherit;font-size:.88rem;cursor:pointer}
.client-trailer-button:disabled{background:#25252b;border-color:#454550;color:#b6b6bf;cursor:default}
.client-trailer-button:focus,.client-trailer-modal button:focus,.client-trailer-modal a:focus,.client-trailer-modal iframe:focus{outline:3px solid #fff;outline-offset:3px}
.client-trailer-open{overflow:hidden}
.client-trailer-modal{position:fixed;inset:0;z-index:15000;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}
.client-trailer-modal[hidden]{display:none!important}
.client-trailer-dialog{width:100%;max-width:960px;max-height:100%;overflow-y:auto;padding:20px;background:#15151c;border:1px solid #48404a;border-radius:14px;color:#f4f4f7}
.client-trailer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.client-trailer-header h2{margin:0;font-size:1.2rem}
.client-trailer-header button{min-width:48px;min-height:44px;border:1px solid #6c444d;background:#35161e;color:#fff;border-radius:8px;cursor:pointer;font:inherit}
.client-trailer-frame iframe{display:block;width:100%;height:52vw;max-height:510px;min-height:200px;border:0;background:#080809}
.client-trailer-dialog p{color:#c1bec9;font-size:.88rem;line-height:1.6;margin:16px 0}.client-trailer-dialog a{display:inline-block;padding:12px 0;color:#ff929c;text-decoration:underline}
@media(max-width:600px){.client-trailer-modal{padding:10px}.client-trailer-dialog{padding:14px;border-radius:10px}}