.media-preview-open { overflow: hidden !important; }

.mj-media-preview {
    position: fixed;
    inset: 0;
    z-index: 100000;
    display: none;
    background: #111317;
}

.mj-media-preview.is-open {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(390px, 460px);
}

.mj-media-preview__stage {
    position: relative;
    min-width: 0;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px 54px;
    background: radial-gradient(circle at center, #202329 0, #15171b 55%, #111317 100%);
}

.mj-media-preview__image {
    display: block;
    max-width: min(100%, 900px);
    max-height: calc(100vh - 44px);
    width: auto;
    height: auto;
    object-fit: contain;
    user-select: none;
    -webkit-user-drag: none;
    box-shadow: 0 16px 50px rgba(0,0,0,.25);
}

.mj-media-preview__close {
    position: fixed;
    top: 18px;
    left: 18px;
    z-index: 5;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #fff;
    font-size: 38px;
    line-height: 1;
    cursor: pointer;
}

.mj-media-preview__close:hover,
.mj-media-preview__close:focus-visible {
    background: rgba(255,255,255,.12);
    outline: none;
}

.mj-media-preview__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.16);
    color: #fff;
    font-size: 34px;
    cursor: pointer;
}
.mj-media-preview__arrow--left { left: 26px; }
.mj-media-preview__arrow--right { right: 26px; }

.mj-media-preview__dots {
    position: absolute;
    left: 50%;
    bottom: 15px;
    transform: translateX(-50%);
}

.mj-media-preview__panel {
    min-height: 0;
    margin: 20px 20px 20px 0;
    border-radius: 20px;
    background: #fff;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 24px 70px rgba(0,0,0,.28);
}

.mj-media-preview__header {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px;
}

.mj-media-preview__profile {
    min-width: 0;
    flex: 1;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    color: #111827;
    text-decoration: none;
}

.mj-media-preview__avatar {
    width: 48px;
    height: 48px;
    border-radius: 999px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: linear-gradient(135deg, #ff385c, #7c5cff);
    color: #fff;
    font-weight: 900;
    font-size: 18px;
}
.mj-media-preview__avatar img { width:100%; height:100%; object-fit:cover; }
.mj-media-preview__identity { min-width: 0; }
.mj-media-preview__business {
    display:block; color:#111827; font-weight:900; line-height:1.2;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.mj-media-preview__location,
.mj-media-preview__date { display:block; color:#64748b; font-size:12px; margin-top:4px; }

.mj-media-preview__menu {
    width: 36px; height: 36px; display:grid; place-items:center;
    color:#111827; text-decoration:none; font-size:25px; font-weight:900;
}

.mj-media-preview__body {
    flex: 1;
    overflow: auto;
    padding: 4px 20px 20px;
}
.mj-media-preview__caption { margin:10px 0 30px; color:#111827; line-height:1.55; white-space:pre-wrap; overflow-wrap:anywhere; }
.mj-media-preview__empty,
.mj-media-preview__comments-empty { color:#94a3b8; font-size:14px; }
.mj-media-preview__comments-empty { margin-top:28px; }

.mj-media-preview__footer { border-top:1px solid #eceff3; }
.mj-media-preview__stats {
    min-height: 58px; padding:0 20px; display:flex; align-items:center; gap:24px;
    color:#111827; font-weight:850; border-bottom:1px solid #eceff3;
}
.mj-media-preview__stats span { display:inline-flex; align-items:center; gap:7px; }
.mj-media-preview__stats .is-like { color:#ff385c; }
.mj-media-preview__share { margin-left:auto; color:#111827; text-decoration:none; font-size:22px; }
.mj-media-preview__comment {
    margin:14px 20px 18px; min-height:46px; padding:0 16px;
    border:1px solid #e5e7eb; border-radius:999px;
    display:flex; align-items:center; justify-content:space-between;
    color:#94a3b8; text-decoration:none; font-size:14px;
}
.mj-media-preview__comment b { color:#b8c0cc; font-size:18px; }

@media (max-width: 900px) {
    .mj-media-preview.is-open { display:flex; flex-direction:column; background:#000; }
    .mj-media-preview__stage { flex:1; padding:58px 0 0; background:#000; }
    .mj-media-preview__image { max-width:100vw; max-height:calc(100dvh - 250px); box-shadow:none; }
    .mj-media-preview__close { top:8px; left:8px; }
    .mj-media-preview__panel { flex:0 0 auto; width:100%; max-height:245px; margin:0; border-radius:18px 18px 0 0; box-shadow:none; }
    .mj-media-preview__header { padding:12px 14px 8px; }
    .mj-media-preview__profile { grid-template-columns:40px minmax(0,1fr); }
    .mj-media-preview__avatar { width:40px; height:40px; }
    .mj-media-preview__body { padding:0 14px 8px; }
    .mj-media-preview__caption { margin:4px 0 8px; font-size:14px; }
    .mj-media-preview__comments-empty { display:none; }
    .mj-media-preview__stats { min-height:46px; padding:0 14px; }
    .mj-media-preview__comment { margin:9px 14px calc(9px + env(safe-area-inset-bottom)); min-height:40px; }
}

.mj-media-preview__like {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 2px;
    border: 0;
    background: transparent;
    color: #111827;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
}
.mj-media-preview__like span { font-size: 20px; line-height: 1; }
.mj-media-preview__like.is-selected { color: #ff385c; }
.mj-media-preview__like:disabled,
.mj-media-preview__comment-form button:disabled { opacity: .55; cursor: wait; }
.mj-media-preview__comment-count { color: #111827; }
.mj-media-preview__comment-form {
    margin: 14px 20px 18px;
    min-height: 46px;
    padding: 0 8px 0 16px;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    display: flex;
    align-items: center;
    gap: 8px;
    background: #fff;
}
.mj-media-preview__comment-form input {
    min-width: 0;
    flex: 1;
    border: 0;
    outline: 0;
    background: transparent;
    color: #111827;
    font: inherit;
    font-size: 14px;
}
.mj-media-preview__comment-form input::placeholder { color: #94a3b8; }
.mj-media-preview__comment-form button {
    width: 34px;
    height: 34px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #ff385c;
    font-size: 18px;
    cursor: pointer;
}
.mj-media-preview__comments { display: grid; gap: 12px; }
.mj-media-preview__comment-line { display: grid; gap: 3px; font-size: 14px; }
.mj-media-preview__comment-line a { color: #111827; font-weight: 850; text-decoration: none; }
.mj-media-preview__comment-line span { color: #334155; overflow-wrap: anywhere; }

@media (max-width: 900px) {
    .mj-media-preview__comment-form { margin: 9px 14px calc(9px + env(safe-area-inset-bottom)); min-height: 40px; }
}


/* V4: tamamen çerçevesiz yorum alanı */
.mj-media-preview__comment-form {
    margin: 10px 20px 14px !important;
    min-height: 42px;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    border-bottom: 1px solid #e5e7eb !important;
    background: transparent !important;
    box-shadow: none !important;
}
.mj-media-preview__comment-form:focus-within {
    border-bottom-color: #ff385c !important;
}
.mj-media-preview__comment-form input {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 2px !important;
}
.mj-media-preview__comment-form button {
    width: auto !important;
    min-width: 36px;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.mj-media-preview__comment-line {
    display: block !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Paket 20.5 - Ön izleme etkileşim ikonlarını büyüt ve kalınlaştır */
.mj-media-preview__stats {
    min-height: 64px !important;
    gap: 28px !important;
    font-size: 14px !important;
    font-weight: 1000 !important;
}

.mj-media-preview__like {
    min-height: 48px !important;
    gap: 8px !important;
    padding: 6px 2px !important;
    font-weight: 1000 !important;
}

.mj-media-preview__like span,
.mj-media-preview__comment-count,
.mj-media-preview__share {
    font-size: 27px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    -webkit-text-stroke: .3px currentColor;
}

.mj-media-preview__stats b,
.mj-media-preview__stats small {
    font-size: 13px !important;
    font-weight: 1000 !important;
}

.mj-media-preview__share {
    display: inline-flex !important;
    width: 46px !important;
    height: 46px !important;
    align-items: center !important;
    justify-content: center !important;
}

.mj-media-preview__like:hover,
.mj-media-preview__share:hover {
    transform: scale(1.08);
}

.mj-media-preview__like:active,
.mj-media-preview__share:active {
    transform: scale(.9);
}

@media (max-width: 900px) {
    .mj-media-preview__stats {
        min-height: 56px !important;
        gap: 22px !important;
    }

    .mj-media-preview__like span,
    .mj-media-preview__comment-count,
    .mj-media-preview__share {
        font-size: 25px !important;
    }
}