@media only screen and (max-width: 1280px) {
    .mob-ilan-container {
        background-color: #f2f8f8;
        padding: 20px;
        min-height: 100vh;
        max-width: 468px;
        margin: 0 auto;
    }

    .beyaz-header {
        display: flex;
        align-items: center;
        gap: 10px;
        background: white;
        border-radius: 12px;
        padding: 12px 20px;
        margin-bottom: 20px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    }

    .geri-btn {
        font-size: 20px;
        color: #007782;
        text-decoration: none;
    }

    .header-center {
        flex: 1;
        text-align: center;
    }

    .hupgo-baslik {
        font-family: 'Lobster', sans-serif;
        font-size: 22px;
        color: #007782;
        margin: 0;
    }

    .alt-baslik {
        text-align: center;
        font-size: 13px;
        color: #333;
        margin-bottom: 20px;
    }

    .upload-box {
        border: 2px dashed #007782;
        background-color: #eaf8f8;
        text-align: center;
        padding: 20px;
        border-radius: 12px;
        margin-bottom: 20px;
    }

    .upload-icon {
        color: #007782;
        margin-bottom: 8px;
    }

    .upload-box p {
        margin: 0;
        font-size: 14px;
        color: #444;
    }

    .upload-box small {
        font-size: 12px;
        color: #666;
        display: block;
        margin-top: 5px;
    }

    .upload-btn,
    .foto-sec-btn {
        background-color: #007782;
        color: white;
        padding: 8px 16px;
        font-weight: bold;
        border-radius: 8px;
        display: inline-block;
        margin-top: 12px;
        cursor: pointer;
        border: none;
        transition: background-color 0.3s;
    }

    .upload-btn:hover,
    .foto-sec-btn:hover {
        background-color: #005f66;
    }

    .foto-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
        margin-bottom: 20px;
    }

    .foto-slot {
        border: 2px dashed #007782;
        border-radius: 10px;
        position: relative;
        width: 100%;
        height: 100px;
        overflow: hidden;
        background-color: #fff;
    }

    .foto-slot img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 8px;
    }

    /* ❌ Sil butonu */
    .foto-sil {
        position: absolute;
        top: 5px;
        right: 3px;
        background: #e0e0e0;
        color: black;
        border: none;
        border-radius: 50%;
        width: 16px;
        height: 19px;
        font-size: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 2;
        transition: background-color 0.3s;
    }

    .foto-sil:hover {
        background-color: #d0d0d0;
    }

    /* ↻ Döndür butonu */
    .foto-dondur {
        position: absolute;
        bottom: 5px;
        right: 5px;
        background: #e0e0e0;
        color: black;
        border-radius: 50%;
        width: 22px;
        height: 22px;
        font-size: 14px;
        line-height: 22px;
        text-align: center;
        cursor: pointer;
        z-index: 2;
        transition: background-color 0.3s;
    }

    .foto-dondur:hover {
        background-color: #d0d0d0;
    }

    .bos-slot {
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .plus-icon {
        font-size: 28px;
        color: #007782;
    }

    .devam-btn-wrapper {
        text-align: center;
    }

    .devam-et-btn {
        background-color: #007782;
        color: white;
        font-weight: bold;
        border: none;
        border-radius: 25px;
        padding: 12px 30px;
        font-size: 16px;
        width: 100%;
        opacity: 0.6;
        transition: opacity 0.3s;
    }

    .devam-et-btn.aktif {
        opacity: 1;
        cursor: pointer;
    }

    .devam-et-btn.aktif:hover {
        background-color: #005f66;
    }
}