#trust-floater {
    position: fixed; z-index: 999999; background: #000; border-radius: 12px;
    box-shadow: 0 15px 50px rgba(0,0,0,0.5); display: flex; flex-direction: column;
    overflow: visible; font-family: sans-serif;
}
#trust-floater.small { width: 220px; }
#trust-floater.medium { width: 300px; }
#trust-floater.large { width: 380px; }

#tf-header {
    background: #111; color: #fff; padding: 10px; font-size: 13px;
    font-weight: bold; text-align: center; border-radius: 12px 12px 0 0;
    border-bottom: 1px solid #333;
}
#tf-content-wrapper {
    width: 100%; position: relative; padding-top: 56.25%; /* 16:9 Horizontal */
    background: #000; overflow: hidden;
    border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;
}
#tf-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#tf-content video, #tf-content iframe { width: 100%; height: 100%; border: 0; object-fit: cover; }

#tf-controls { position: absolute; bottom: 10px; right: 10px; z-index: 100; }
#tf-vol-btn {
    background: #2271b1; color: #fff; border: 0; padding: 6px 12px;
    border-radius: 6px; font-size: 11px; cursor: pointer; font-weight: bold;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}
#tf-close {
    position: absolute; top: -12px; right: -12px; background: #ff4757;
    color: #fff; border: 2px solid #fff; border-radius: 50%; width: 28px; height: 28px;
    cursor: pointer; z-index: 1001; font-weight: bold; font-size: 16px;
}
#trust-floater.bottom-right { bottom: 25px; right: 25px; }
#trust-floater.bottom-left { bottom: 25px; left: 25px; }

.tf-slide { width: 100%; height: 100%; position: absolute; background-size: cover; background-position: center; opacity: 0; transition: 1s; }
.tf-slide.active { opacity: 1; }

@media (max-width: 768px) {
    #trust-floater.hide-mobile { display: none !important; }
    #trust-floater { width: 75vw !important; bottom: 15px; right: 15px; }
}
.tf-loader { position: absolute; top: 50%; left: 50%; border: 3px solid #333; border-top: 3px solid #fff; border-radius: 50%; width: 20px; height: 20px; animation: spin 1s linear infinite; margin: -10px; }
@keyframes spin { to { transform: rotate(360deg); } }