section#portfolio-detail.page-section {
    margin-top: 0 !important;
    padding-top: 120px !important;
}

#portfolio-detail .card .fa-check {
    color: #ffc107;
}

.detail-hero-media {
    position: relative;
}

/* Advert Details: hero sabit kalsın (16:9), medya kırpılmadan (contain) görünsün */
#portfolio-detail .detail-hero-media {
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    background: #000;
}

#portfolio-detail .detail-hero-media .detail-hero-img {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain !important;
    margin: 0 !important;
    transform: none !important;
}

#portfolio-detail .detail-hero-media:hover .detail-hero-img {
    transform: none !important;
}

.detail-hero-media .watermark-overlay.hero-watermark {
    right: 0 !important;
    left: auto !important;
    top: 0 !important;
    bottom: auto !important;
}

.detail-modal-media {
    position: relative;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.detail-modal-media #detailModalImg,
.detail-modal-media #detailModalVideo {
    width: 100vw;
    height: 100vh;
    max-width: none !important;
    max-height: none !important;
    object-fit: contain;
    margin: 0 !important;
}

/* Override global styles.css rule: #detailGalleryModal #detailModalImg { object-fit: cover; } */
#detailGalleryModal #detailModalImg,
#detailGalleryModal #detailModalVideo {
    object-fit: contain !important;
}

.detail-modal-media .watermark-overlay.modal-watermark {
    left: 0 !important;
    right: auto !important;
    top: 0 !important;
    bottom: auto !important;
}

@media (min-width: 992px) {
    section#portfolio-detail.page-section { padding-top: 120px !important; }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    section#portfolio-detail.page-section { padding-top: 110px !important; }
}

@media (max-width: 575.98px) {
    section#portfolio-detail.page-section { padding-top: 100px !important; }
}