/* استایل‌های باکس ویدیوی پیشنهادی - Ami Media Embedder */

.ami-suggested-video-box { 
    max-width: 100%; 
    margin: 35px 0; 
    background-color: #ffffff; 
    border: 1px solid #e5e7eb; 
    border-radius: 12px; 
    overflow: hidden; 
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 
    transition: transform 0.3s ease, box-shadow 0.3s ease; 
}
.ami-suggested-video-box:hover { 
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); 
}
.ami-sv-header { 
    display: flex; 
    align-items: center; 
    padding: 12px 16px; 
    background-color: #fff2f2; 
    border-bottom: 1px solid #ffe5e5; 
}
.ami-sv-icon { 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    width: 24px; 
    height: 24px; 
    background-color: #ff5252; 
    color: #ffffff; 
    border-radius: 50%; 
    margin-left: 10px; 
    flex-shrink: 0; 
}
.ami-sv-icon svg { 
    width: 12px; 
    height: 12px; 
    fill: currentColor; 
    margin-right: -2px; 
}
.ami-sv-title { 
    font-size: 15px; 
    font-weight: 700; 
    color: #ff5252; 
    margin: 0; 
    font-family: inherit; 
}
.ami-sv-body { 
    position: relative; 
    width: 100%; 
    padding-bottom: 56.25%; 
    height: 0; 
    background-color: #000; 
}
.ami-sv-body iframe, 
.ami-sv-body object, 
.ami-sv-body embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    border: none; 
}