/* ============================================================
   RESTORATIVE & COSMETIC — page-level refinements (v1)
   relies on implant-modern.css for all core styles
   ============================================================ */

/* کارت‌های خدمات زیبایی/ترمیمی — ارتفاع یکسان */
.implant-section .service_content .benefit-grid .benefit-card {
    flex: 1 1 320px;
    display: flex;
    flex-direction: column;
}

    .implant-section .service_content .benefit-grid .benefit-card .benefit-desc {
        flex: 1;
    }

/* اگر کارتی چند پاراگراف دارد (مثل «پروتزهای متکی بر ایمپلنت» در پروتز) */
.implant-section .service_content .benefit-card .benefit-desc + .benefit-desc {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dashed var(--border);
}

/* ویدیوهای آموزشی داخل implant-notes */
.implant-notes .galleryVid {
    border-radius: var(--r-2);
    overflow: hidden;
    background: #000;
    box-shadow: var(--shadow-md);
    margin-bottom: 15px;
    position: relative;
}

    .implant-notes .galleryVid .videoTag {
        border-radius: var(--r-2);
        width: 100%;
        display: block;
        cursor: pointer;
        transition: transform .4s ease;
    }

    .implant-notes .galleryVid:hover .videoTag {
        transform: scale(1.01);
    }

    .implant-notes .galleryVid .title {
        color: var(--ink);
        font-weight: 700;
        margin: 12px 0 0;
        padding: 10px 8px 14px;
        text-align: center;
        font-size: 14px;
        background: #fff;
        border-radius: 0 0 var(--r-2) var(--r-2);
        position: relative;
    }

        .implant-notes .galleryVid .title::before {
            content: '';
            position: absolute;
            top: 0;
            right: 50%;
            transform: translateX(50%);
            width: 42px;
            height: 3px;
            background: var(--grad-gold);
            border-radius: 0 0 3px 3px;
            box-shadow: 0 2px 8px rgba(255,201,74,.35);
        }

/* فاصله‌گذاری بهتر در implant-notes */
.implant-notes .row {
    margin-top: 15px;
}

@media (max-width: 767px) {
    .implant-notes .galleryVid {
        margin-bottom: 25px;
    }
}