body {
    background:#0e0e11;
    color:#fff;
    font-family:Inter,Arial;
}

/* Обёртка */
.profile-wrapper{
    max-width:850px;
    margin:auto;
    padding-bottom:60px;
}

/* Баннер */
.cover img{
    width:100%;
    height:260px;
    object-fit:cover;
    border-radius:0 0 20px 20px;
}

/* Аватар + блок */
.creator-info{
    text-align:center;
    margin-top:-60px;
    padding:20px;
}

.creator-info .avatar{
    width:120px;
    height:120px;
    border-radius:100%;
    object-fit:cover;
    border:4px solid #0e0e11;
}

.verify-badge{
    font-size:15px;
    color:#1da1f2;
    margin-left:5px;
}

.bio{
    opacity:.9;
    margin-top:6px;
}
.status{
    display:block;
    font-size:13px;
    color:#00ff99;
    margin-top:4px;
}

/* Подписка */
.subscribe-box{
    display:flex;
    justify-content:center;
    gap:10px;
    margin:25px 0;
}

.btn{
    display:block;
    padding:13px 30px;
    border-radius:30px;
    text-decoration:none;
    font-weight:600;
    transition:.2s;
}

.sub{
    background:#f36;
}


.unsub{
    background:#f36;
}


.free-tag{
    color:#00ff9f;
    font-size:15px;
    padding:13px 25px;
}

/* Вкладки */
.tabs{
    display:flex;
    justify-content:center;
    gap:20px;
    margin-bottom:20px;
}

.tabs button{
    background:none;
    color:#fff;
    padding:10px 5px;
    border:none;
    font-size:16px;
    opacity:.7;
    transition:.2s;
}

.tabs button.active,
.tabs button:hover{
    opacity:1;
    border-bottom:2px solid #f36;
}

/* Замок блок */
.locked{
    margin-top:20px;
    padding:60px;
    background:#111;
    text-align:center;
    border-radius:20px;
}

.locked .lock-icon{
    width:45px;
    opacity:.7;
}

.locked p{
    margin:15px 0;
    font-size:17px;
}

.large{
    margin-top:10px;
    padding:16px 40px;
}

.post-img {
    width: 100%;          /* занимает всю ширину родителя, но не больше */
    max-width: 600px;     /* максимум 600px, как на десктопе */
    height: auto;         /* сохраняет пропорции */
    border-radius: 12px;  /* аккуратные скругления */
    display: block;
    margin: 10px auto;    /* центрирование */
    object-fit: cover;    /* чтобы не растягивалось по высоте */
}

video {
    width: 100%;
    max-width: 600px;
    height: auto;
    border-radius: 12px;
    display: block;
    margin: 10px auto;
}

/* 📱 Адаптивность */
@media(max-width:600px){
    .cover img{height:180px;}
    .creator-info .avatar{width:95px;height:95px;}
    .tabs{gap:12px;}
    .subscribe-box .btn{padding:11px 20px;}
}