div#container
{
   width: 970px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 13px;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}
a
{
   color: #0000FF;
   text-decoration: none;
}
a:active
{
   color: #DC143C;
}
a:hover
{
   color: #CD5C5C;
   text-decoration: none;
}
#ia-video-gallery {
    width: 100%;
    max-width: 1200px;
    margin: 20px auto;
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
}

.ia-video-main {
    background: #111111;
    border: 1px solid #333333;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 18px;
}

#ia-video-title {
    margin: 0 0 12px 0;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
}

#ia-main-video {
    width: 100%;
    max-height: 650px;
    background: #000000;
    border-radius: 8px;
    display: block;
}

.ia-video-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 14px;
}

.ia-video-card {
    background: #161616;
    border: 1px solid #333333;
    border-radius: 9px;
    overflow: hidden;
    cursor: pointer;
    transition: 0.2s ease;
}

.ia-video-card:hover {
    border-color: #888888;
    transform: translateY(-2px);
}

.ia-video-card.active {
    border-color: #d0a846;
    box-shadow: 0 0 0 2px rgba(208,168,70,0.35);
}

.ia-video-thumb-wrap {
    width: 100%;
    height: 115px;
    background: #000000;
    overflow: hidden;
    position: relative;
}

.ia-video-thumb {
    width: 100%;
    height: 115px;
    background: #000000;
    display: block;
    object-fit: cover;
    pointer-events: none;
}

/* Hide browser native video controls/overlay from thumbnail videos */
.ia-video-thumb::-webkit-media-controls {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.ia-video-thumb::-webkit-media-controls-panel {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.ia-video-thumb::-webkit-media-controls-play-button {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.ia-video-thumb::-webkit-media-controls-start-playback-button {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.ia-video-thumb::-webkit-media-controls-fullscreen-button {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.ia-video-thumb::-webkit-media-controls-overlay-play-button {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.ia-video-thumb::-webkit-media-controls-enclosure {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

.ia-video-name {
    padding: 9px 10px;
    font-size: 14px;
    line-height: 1.35;
    color: #ffffff;
    min-height: 42px;
}

.ia-loading,
.ia-error {
    background: #161616;
    border: 1px solid #333333;
    border-radius: 8px;
    padding: 14px;
    color: #ffffff;
}

.ia-error {
    color: #ffb3b3;
    border-color: #7a2222;
}