/* Profile presentation: one cover, one portrait, clear timeline and information cards. */
body.kh-social-profile{background:#f0f2f5;color:#1c1e21}
.kh-social-profile .k-profile-wrap{max-width:1180px;width:calc(100% - 40px);margin:24px auto 40px;padding:0}
.kh-social-profile .fb-hero{border:0;border-radius:16px;background:#fff;overflow:visible;box-shadow:0 1px 3px #18253b12}
.kh-social-profile .fb-cover{height:330px;min-height:0;border-radius:16px 16px 0 0;overflow:hidden;background:#dce6f3;box-shadow:none;isolation:isolate}
.kh-social-profile .kh-profile-cover-image{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.kh-social-profile .fb-cover::after{display:none}
.kh-social-profile .fb-cover-edit{z-index:2;bottom:20px;inset-inline-end:24px;inset-inline-start:auto;border-radius:8px;font-size:14px}
.kh-social-profile .fb-mainline{display:flex!important;flex-direction:row!important;align-items:flex-end!important;justify-content:flex-start!important;gap:22px!important;padding:0 28px 24px!important;margin-top:-38px!important;text-align:start!important;background:transparent!important;position:relative;z-index:2}
.kh-social-profile .fb-avatar-box{position:relative!important;inset:auto!important;transform:none!important;margin:0!important;flex:none}
.kh-social-profile .fb-avatar{width:172px!important;height:172px!important;border:5px solid white!important;border-radius:50%!important;box-shadow:0 1px 4px #0002!important;object-fit:cover}
.kh-social-profile .fb-avatar-edit{inset:auto!important;bottom:12px!important;inset-inline-end:10px!important;width:38px!important;height:38px!important;border-radius:50%!important}
.kh-social-profile .fb-name-area{flex:1!important;min-width:0;text-align:start!important;padding:48px 0 8px!important;width:auto!important}
.kh-social-profile .fb-name-area h1{font-size:32px!important;font-weight:800!important;line-height:1.25!important;margin:0 0 10px!important;color:#1c1e21;overflow-wrap:anywhere}
.kh-social-profile .fb-subline{justify-content:flex-start!important;gap:8px 14px!important;font-size:13px;color:#65676b;font-weight:500}
.kh-social-profile .fb-subline b{font-weight:700}
.kh-social-profile .fb-actions{display:flex!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap;width:auto!important;padding:0 0 10px!important;margin:0!important}
.kh-social-profile .fb-btn{min-height:40px;padding:0 16px!important;border-radius:7px!important;font-size:14px;font-weight:700;background:#e4e6eb;box-shadow:none!important}
.kh-social-profile .fb-btn.primary,.kh-social-profile .fb-btn.green{background:#1877f2!important;color:white!important}
.kh-social-profile .fb-btn.following{background:#e7f3ff!important;color:#1877f2!important}
.kh-social-profile .fb-divider{margin:0 28px;background:#e4e6eb}
.kh-social-profile .fb-tabs{padding:0 20px!important;gap:2px!important;position:relative!important;top:auto!important;border:0;overflow-x:auto}
.kh-social-profile .fb-tab{min-height:58px;font-size:14px;font-weight:700;border-radius:6px 6px 0 0;padding:0 17px!important}
.kh-social-profile .fb-tab:hover{background:#f0f2f5}
.kh-social-profile .fb-tab.active{color:#1877f2;border-bottom-color:#1877f2;background:transparent}
.kh-social-profile .fb-layout{grid-template-columns:minmax(280px,370px) minmax(0,1fr);gap:20px;margin-top:20px}
.kh-social-profile .fb-sidebar{position:static!important;top:auto!important}
.kh-social-profile .fb-card,.kh-social-profile .post,.kh-social-profile .post-card,.kh-social-profile .empty-state{border:0!important;border-radius:12px!important;box-shadow:0 1px 3px #18253b17!important;background:#fff;padding:20px;margin-bottom:18px}
.kh-social-profile .fb-card h2{font-size:20px;font-weight:800;color:#1c1e21}
.kh-social-profile .intro-item{font-size:14px;line-height:1.7;font-weight:500;color:#464b55;gap:12px}
.kh-social-profile .intro-item i{color:#8a8d91;font-size:17px;width:22px;text-align:center}
.kh-social-profile .photos-grid{gap:5px;border-radius:9px;overflow:hidden}
.kh-social-profile .photos-grid img{aspect-ratio:1;object-fit:cover;border-radius:0}
.kh-social-profile .kh-profile-empty{padding:35px 24px;text-align:center;color:#65676b}
.kh-social-profile .kh-profile-empty h2{font-size:21px;color:#1c1e21;margin:15px 0 10px}
.kh-social-profile .kh-profile-empty p{font-size:15px;margin:0 0 8px}
.kh-social-profile .kh-profile-empty small{font-size:13px;line-height:1.7}
.kh-social-profile .kh-empty-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;margin:auto;background:#edf3fc;color:#1877f2;font-size:25px}
.kh-social-profile #posts{min-width:0}
.kh-social-profile .composer-input{background:#f0f2f5;border-radius:999px;font-weight:500}
@media(max-width:1000px) and (min-width:721px){.kh-social-profile .fb-mainline{flex-wrap:wrap!important}.kh-social-profile .fb-actions{margin-inline-start:194px!important}.kh-social-profile .fb-layout{grid-template-columns:310px minmax(0,1fr)}}
@media(max-width:720px){
.kh-social-profile .k-profile-wrap{width:100%;margin:12px 0 30px}
.kh-social-profile .fb-hero{border-radius:0!important;margin-bottom:0!important}
.kh-social-profile .fb-cover{height:210px!important;min-height:0!important;border-radius:0!important}
.kh-social-profile .fb-mainline{flex-direction:column!important;align-items:flex-start!important;gap:0!important;margin-top:-38px!important;padding:0 16px 18px!important}
.kh-social-profile .fb-avatar{width:138px!important;height:138px!important;border-width:5px!important}
.kh-social-profile .fb-name-area{padding:14px 0!important;width:100%!important;text-align:start!important}
.kh-social-profile .fb-name-area h1{font-size:27px!important;text-align:start!important}
.kh-social-profile .fb-subline{justify-content:flex-start!important;font-size:12px;overflow:visible}
.kh-social-profile .fb-actions{width:100%!important;display:flex!important;justify-content:flex-start!important;padding:0!important;margin:0!important}
.kh-social-profile .fb-actions .fb-btn{flex:1;min-width:0;height:40px;width:auto!important;font-size:13px}
.kh-social-profile .fb-divider{margin:0 16px}
.kh-social-profile .fb-tabs{padding:0 8px!important;border-top:0!important;border-bottom:1px solid #e4e6eb!important;position:relative!important}
.kh-social-profile .fb-tab{min-height:50px;font-size:13px;padding:0 12px!important}
.kh-social-profile .fb-layout{display:flex!important;flex-direction:column;gap:12px;margin:12px 0 0!important;padding:0 10px}
.kh-social-profile .fb-sidebar{width:100%;order:1}
.kh-social-profile #posts{width:100%;order:2}
.kh-social-profile .fb-card,.kh-social-profile .empty-state{border-radius:12px!important;padding:18px!important;margin-bottom:12px!important}
.kh-social-profile:not(.khdmli-mobile-section-open) .fb-sidebar .fb-card#about{display:block!important}
.kh-social-profile .fb-cover-edit{bottom:16px;inset-inline-end:12px;font-size:12px;min-height:34px}
}

.kh-social-profile .khdmli-image-lightbox{z-index:1100000}

.kh-social-profile .fb-hero{border-radius:16px!important}
.kh-social-profile .fb-cover{border-radius:16px 16px 0 0!important}
@media(max-width:720px){.kh-social-profile .fb-hero,.kh-social-profile .fb-cover{border-radius:0!important}}
