/* ===== Wrapper ===== */

.ppid-detail-container{
    width:95%;
    max-width:1600px;
    margin:40px auto;
}

/* ===== Header ===== */

.ppid-detail-header{
    margin-bottom:30px;
}

.ppid-detail-header h1{
    margin-bottom:8px;
    font-size:34px;
}

.ppid-category{
    display:inline-block;
    background:#0d6efd;
    color:#fff;
    padding:6px 14px;
    border-radius:20px;
    font-size:14px;
}

/* ===== Grid ===== */

.ppid-detail-grid{

    display:grid;

    grid-template-columns:380px 1fr;

    gap:40px;

    align-items:start;

}

/* ===== Sidebar ===== */

.ppid-info{

    background:#fff;

    border-radius:12px;

    padding:25px;

    box-shadow:0 3px 15px rgba(0,0,0,.08);

    position:sticky;

    top:110px;

}

.ppid-info p{

    margin-bottom:20px;

    line-height:1.6;

}

/* ===== Button ===== */

.ppid-download-button{

    display:block;

    width:100%;

    text-align:center;

    background:#0d6efd;

    color:#fff;

    text-decoration:none;

    padding:15px;

    border-radius:8px;

    font-weight:bold;

}

.ppid-download-button:hover{

    background:#0b5ed7;

    color:#fff;

}

/* ===== Viewer ===== */

.ppid-viewer{

    background:#fff;

    border-radius:12px;

    overflow:hidden;

    box-shadow:0 3px 15px rgba(0,0,0,.08);

}

.ppid-viewer iframe{

    width:100%;

    height:900px;

    border:none;

}

/* ===== Mobile ===== */

@media(max-width:992px){

    .ppid-detail-grid{

        grid-template-columns:1fr;

    }

    .ppid-info{

        position:relative;

        top:auto;

    }

}