/* =========================================================
   INNER PAGES V3.6 — HOME-LIKE THREE COLUMN LAYOUT
========================================================= */

.mlp36-container{
    max-width:1500px !important;
}

.mlp36-shell{
    display:grid;
    grid-template-columns:300px minmax(0,1fr);
    gap:14px;
    align-items:start;
}

.mlp36-mainwrap{
    min-width:0;
}

/* LEFT SIDEBAR: same spirit as Home */
.mlp36-left{
    min-width:0;
}

.mlp36-left .sponsor-left{
    width:100%;
    height:600px;
    min-height:600px;
    margin:0 0 12px;
}

.mlp36-left .sponsor-left > a,
.mlp36-left .sponsor-left img{
    width:100%;
    height:100%;
}

.mlp36-left .sponsor-left img{
    object-fit:cover;
}

/* Three long banners stacked at TOP */
.mlp36-horizontal-stack{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin:0 0 12px;
}

.mlp36-horizontal-stack .sponsor-top,
.mlp36-horizontal-stack .sponsor-middle,
.mlp36-horizontal-stack .sponsor-bottom{
    width:100%;
    min-height:78px;
    height:78px;
    margin:0 !important;
}

.mlp36-horizontal-stack a,
.mlp36-horizontal-stack img{
    width:100%;
    height:100%;
}

.mlp36-horizontal-stack img{
    object-fit:cover;
}

/* Keep RIGHT sponsor like Home */
.sponsor-right{
    min-height:250px;
}

.sponsor-right img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* LEFT BLOG ROLL */
.mlp36-blogbox{
    margin-bottom:12px;
}

.mlp36-rank-row{
    display:grid;
    grid-template-columns:28px 30px minmax(0,1fr) 30px;
    gap:6px;
    align-items:center;
    min-height:46px;
    padding:7px 9px;
    border-bottom:1px solid #e7e9ec;
    background:#fff;
}

.mlp36-rank-row:last-child{
    border-bottom:0;
}

.mlp36-rank-row:hover{
    background:#f7f8fa;
}

.mlp36-rank-row>b{
    color:#0a65bd;
    font-size:10px;
}

.mlp36-rank-row img,
.mlp36-mini{
    width:28px;
    height:28px;
    object-fit:contain;
}

.mlp36-mini{
    display:flex;
    align-items:center;
    justify-content:center;
    background:#edf0f3;
    color:#9298a0;
    font-size:8px;
    font-weight:900;
}

.mlp36-rank-row>span{
    min-width:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:9px;
    font-weight:900;
}

.mlp36-rank-row>small{
    color:#b27d00;
    font-size:8px;
    font-weight:900;
    text-align:right;
}

.mlp36-region{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:11px 12px;
    border-bottom:1px solid #e8e9eb;
    background:#fff;
    font-size:9px;
    font-weight:900;
}

.mlp36-region:last-child{
    border-bottom:0;
}

/* Popup */
.mlp36-popup{
    position:fixed;
    inset:0;
    z-index:999999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:rgba(0,0,0,.78);
}

.mlp36-popup.show{
    display:flex;
}

.mlp36-popup-card{
    position:relative;
    width:min(800px,94vw);
}

.mlp36-popup-card img{
    display:block;
    width:100%;
    max-height:92vh;
    object-fit:contain;
}

.mlp36-popup-close{
    position:absolute;
    z-index:4;
    top:8px;
    right:8px;
    width:36px;
    height:36px;
    border:0;
    border-radius:50%;
    background:rgba(0,0,0,.8);
    color:#fff;
    font-size:24px;
    cursor:pointer;
}

/* Don't squeeze original page content */
.mlp36-mainwrap > .results-layout,
.mlp36-mainwrap > .matches-layout,
.mlp36-mainwrap > .events-layout,
.mlp36-mainwrap > .rankings-layout,
.mlp36-mainwrap > .teams-layout,
.mlp36-mainwrap > .players-layout,
.mlp36-mainwrap > .stats-layout,
.mlp36-mainwrap > .news-layout,
.mlp36-mainwrap > .transfers-layout{
    width:100%;
}

@media(max-width:1320px){
    .mlp36-container{
        max-width:1240px !important;
    }

    .mlp36-shell{
        display:block;
    }

    .mlp36-left{
        display:none;
    }
}

@media(max-width:760px){
    .mlp36-horizontal-stack .sponsor-top,
    .mlp36-horizontal-stack .sponsor-middle,
    .mlp36-horizontal-stack .sponsor-bottom{
        height:68px;
        min-height:68px;
    }
}