.ic-live { font-size: 16px; display: inline-block; text-transform: inherit; vertical-align: inherit; margin-right: 7px; position: relative; padding-left: 12px; }
.ic-live:before { border-radius: 50%; display: block; position: absolute; top: 50%; left: 10px; margin-top: -4px; width: 8px; height: 8px; content: ""; background: var(--c1); -webkit-box-shadow: 0 0 0 #f89c35; box-shadow: 0 0 0 #f89b36; vertical-align: initial; -webkit-animation: live-pulse 1s infinite; animation: live-pulse 1s infinite; float: left }
@keyframes live-pulse {
    0% { -webkit-box-shadow: 0 0 0 0 #f89b36; box-shadow: 0 0 0 0 #f89b36; }
    70% { -webkit-box-shadow: 0 0 0 10px #3f5de200; box-shadow: 0 0 0 10px #3f5de200 }
    100% { -webkit-box-shadow: 0 0 0 0 #3f5de200; box-shadow: 0 0 0 0 #3f5de200 }
}

.user-head.info_account {
    display: flex;
    gap: 10px;
}
.user-head {
    display: flex;
    gap: 10px;
}
.user-head img {
    width: 25px;
    height: 25px;
    object-fit: cover;
}
.user-head a {
    color: #333;
    padding-right: 9px;
    margin-right: 7px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
}
.bg-gradient-review { background: linear-gradient(180deg, rgb(34 181 187 / 50%) 0, #fff 400px); margin: 0; padding-top: 30px; padding-bottom: 60px; }
.Explore_container { display: -webkit-flex; display: flex; flex-wrap: wrap; }
.Explore_feed { width: 66.66%; position: relative; }
span.ReviewItemCard_reviewTime { color: #898c95; }
.ReviewItemCard_reviewItem { padding: 12px 16px; margin-bottom: 20px; background-color: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, .15); }
.ReviewItemCard_reviewItem { padding: 12px 16px; margin-bottom: 20px; background-color: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, .15); }
.ReviewItemCard_reviewInfo { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-start; justify-content: flex-start; position: relative; }
.ReviewItemCard_replyAvatar, .ReviewItemCard_reviewAvatar { width: 100%; background-color: #eee; background-position: 50%; background-size: cover; background-repeat: no-repeat; -webkit-flex: 0 0 auto; flex: 0 0 auto; cursor: pointer; width: 46px; height: 46px; border-radius: 50%; border: none; overflow: hidden; }
.ReviewItemCard_reviewImageWrapper { height: 100%; width: 100%; position: relative; }
.ReviewItemCard_reviewImageWrapper img { background-position: 50%; background-size: cover; height: 100%; width: 100%; object-fit: cover; image-rendering: -webkit-optimize-contrast; }
.ReviewItemCard_reviewDetail { margin: 0 30px 0 8px; -webkit-flex-grow: 1; flex-grow: 1; }
.ReviewItemCard_author>i { width: 12px; color: #cbcbcb; }
.ReviewItemCard_reviewRateTime { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-start; justify-content: flex-start; }
.ReviewItemCard_reviewAction { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-around; justify-content: space-around; padding: 4px 0; margin-top: 10px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.ReviewItemCard_reviewAction button { cursor: pointer; width: 100%; font-size: 16px; padding: 4px 0; outline: 0; background-color: transparent; -webkit-transition: all .15s ease; transition: all .15s ease; border: none; }
.ReviewItemCard_reviewAction button i { margin-right: 6px; }
.user-head.info_account { display: flex; gap: 10px; }
.user-head { display: flex; gap: 10px; }

/* side bar */
.Explore_siderbar { width: 30.33%; height: 100%; -webkit-flex-grow: 1; flex-grow: 1; position: sticky; top: 100px; margin-left: 20px; }
.Explore_siderbarBox { padding: 12px 16px; margin-bottom: 20px; background-color: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, .15); }

/* Viết bài mới */
.content-review { border-radius: 15px; background: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15); padding: 50px; }
.title__review { padding-bottom: 30px; border-bottom: 1px dashed #939393; }
.title__review h2 { color: #333; text-align: center; font-size: 32px; font-style: normal; font-weight: 600; line-height: normal; }
.NewReview_reviewContent { -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-align-items: flex-start; align-items: flex-start; }
.NewReview_reviewForm, .NewReview_reviewPlace { margin-top: 10px; }
.NewReview_reviewForm { -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-order: 1; order: 1; }
.NewReview_reviewInput h3 { color: #858585; font-size: 20px; font-weight: 600; line-height: normal; margin-bottom: 17px; }
.NewReview_reviewInput .form-group { position: relative; margin-bottom: 1rem; }
.NewReview_reviewInput .form-group input { text-indent: 46px; height: 52px; border-radius: 10px; border: 1px solid #d7d7d7; background: #fff; }
.NewReview_reviewInput .form-group textarea { height: 150px !important; padding-top: 14px; border-radius: 10px; border: 1px solid #d7d7d7; background: #fff; }
.NewReview_reviewInput .form-group svg { position: absolute; top: 18px; left: 20px; }
.NewReview_reviewInput .NewReview_anonymous { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; }
.toggle { --w: 46px; --h: 25px; --p: 3px; --bg: #BFBFBF; --bg-active: #22B5BB; --bg-spinner: white; display: inline-block; width: var(--w); height: var(--h); }
.toggle-main { width: 100%; height: 100%; border-radius: 100rem; background-color: var(--bg); cursor: pointer; padding: var(--p); transition: all .2s linear; }
.toggle-spinner { --size: calc(var(--h) - var(--p) * 2); width: var(--size); height: var(--size); background-color: var(--bg-spinner); border-radius: 100rem; transition: all .2s linear; }
.toggle-input:checked+.toggle-main>.toggle-spinner { transform: translate(calc(var(--w) - var(--p) * 2 - var(--size)), 0); }
.toggle-input:checked+.toggle-main { background-color: #5de425; }
.review-file-uploader .fileuploader { padding: 0; margin: 0; background: 0 0; }
.review-fileuploader { width: 100%; height: 104px; margin-right: 8px; margin-bottom: 8px; text-align: center; vertical-align: top; border: 1px dashed #d9d9d9; border-radius: 10px; cursor: pointer; -webkit-transition: border-color .3s; transition: border-color .3s; display: flex; justify-content: center; align-items: center; flex-direction: column-reverse; text-align: center; border-radius: 10px; border: 1px solid #d7d7d7; background: #bebebe45; }
.review-fileuploader-caption strong { color: #858585; text-align: center; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; }
.review-fileuploader .review-fileuploader-text { color: #90a0bc; }
.review-fileuploader-button.btn.btn-sm.btn-primary.text-capitalize.font-weight-500.py-2.px-3 { display: flex; justify-content: center; align-items: center; }
.review-fileuploader-button.btn.btn-sm.btn-primary.text-capitalize.font-weight-500.py-2.px-3 { width: 100%; background: 0 0; border: unset; }
.review-fileuploader-button.btn.btn-sm.btn-primary.text-capitalize.font-weight-500.py-2.px-3 svg { position: sticky; }
.NewReview_reviewInput .form-group svg { position: absolute; top: 18px; left: 20px; }
.NewReview_submit button { text-transform: uppercase; border-radius: 800px; background: #22b5bb; color: #fff; text-align: center; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; padding: 17px 67px;    /* margin-top: 32px; */ border: none; }
.GridPhoto_imgWrapper { height: 100%; }
.LazyLoad.is-visible { height: 100%; }
.GridPhoto_imgWrapper { height: 100%; }
.GridPhoto_images-more { display: grid; gap: 2px; width: 100%; height: 100%; max-height: inherit; }

/* ITEM */
.GridPhoto_image { position: relative; overflow: hidden; cursor: pointer; }
.GridPhoto_image img, .GridPhoto_image video { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ===== 1 → 4 ảnh ===== */
.GridPhoto_images-more.images-1 { grid-template-columns: 1fr; }
.GridPhoto_images-more.images-2 { grid-template-columns: 1fr 1fr; }
.GridPhoto_images-more.images-3 { grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr; }
.GridPhoto_images-more.images-3 .GridPhoto_image:first-child { grid-row: 1 / span 2; }
.GridPhoto_images-more.images-4 { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; }

/* ===== FACEBOOK STYLE: 5+ ảnh ===== */
.GridPhoto_images-more.images-5 { grid-template-columns: repeat(6, 1fr); grid-template-rows: 2fr 1fr; }
.GridPhoto_images-more.images-5 .GridPhoto_image:nth-child(1), .GridPhoto_images-more.images-5 .GridPhoto_image:nth-child(2) { grid-column: span 3; /* 50% */ }
.GridPhoto_images-more.images-5 .GridPhoto_image:nth-child(3), .GridPhoto_images-more.images-5 .GridPhoto_image:nth-child(4), .GridPhoto_images-more.images-5 .GridPhoto_image:nth-child(5) { grid-column: span 2; /* 33.33% */ }

/* Overlay +X */
.GridPhoto_image.more::after { content: attr(data-more); position: absolute; inset: 0; background: rgba(0, 0, 0, .55); color: #fff; font-size: 32px; font-weight: 600; display: flex; align-items: center; justify-content: center; }

/* Like */
.btn-like { background: none; border: none; cursor: pointer; color: #555; }
.btn-like.liked { color: #e0245e; }
.PostTrigger { display: flex; align-items: center; gap: 12px; background: #fff; padding: 5px; border-radius: 12px; cursor: pointer; }
.PostTrigger_avatar img { width: 40px; height: 40px; border-radius: 50%; }
.PostTrigger_input { flex: 1; background: #f1f1f1; padding: 10px 14px; border-radius: 999px; color: #5e5e5e; }
.PostModal { display: none; position: fixed; inset: 0; z-index: 9999; }
.PostModal.active { display: block; }
.PostModal_overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, .6); }
.PostModal_box { position: relative; width: 100%; max-width: 520px; background: #f1f1f1; margin: auto; border-radius: 12px; padding: 16px; top: 50%; max-height: 90vh; overflow-y: scroll; transform: translateY(-50%); }
.PostModal_header { display: flex; justify-content: space-between; align-items: center; }
.PostModal_close { cursor: pointer; font-size: 24px; }
.PostModal_submit { width: 100%; margin-top: 12px; padding: 10px; background: #1877f2; color: #fff; border: none; border-radius: 8px; }
.album_newsfeed { display: flex; flex-wrap: wrap; gap: 5px; }
.item_album_newsfeed { width: calc(33.333% - 5px); height: 122px; max-height: 122px; cursor: pointer; }
.item_album_newsfeed img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* option */
.ReviewItemCard_optionWrap { position: relative; }
.ReviewItemCard_reviewOption { cursor: pointer; padding: 6px; border-radius: 50%; }
.ReviewItemCard_reviewOption:hover { background: rgba(255, 255, 255, .1); }
.ReviewItemCard_dropdown { position: absolute; right: 0; top: 30px; width: 180px; background: #fff; border-radius: 8px; box-shadow: 0 4px 20px rgba(0, 0, 0, .4); display: none; z-index: 1000; overflow: hidden; }
.ReviewItemCard_dropdown .dropdown-item { padding: 10px 12px; color: #212529; cursor: pointer; }
.ReviewItemCard_dropdown .dropdown-item:hover { background: #959595; color: #f1f1f1; }
.PostModal_oldMedia { display: flex; flex-wrap: wrap; }
.media-item img, .media-item video { width: 100%; height: 100%; object-fit: cover; }
.bg-gradient-review { background: linear-gradient(180deg, rgb(34 181 187 / 50%) 0, #fff 400px); margin: 0; padding-top: 30px; padding-bottom: 60px; }
.Explore_container { display: -webkit-flex; display: flex; flex-wrap: wrap; }
.Explore_feed { width: 66.66%; position: relative; }
span.ReviewItemCard_reviewTime { color: #898c95; }
.ReviewItemCard_reviewItem { padding: 12px 16px; margin-bottom: 20px; background-color: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, .15); }
.ReviewItemCard_reviewItem { padding: 12px 16px; margin-bottom: 20px; background-color: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, .15); }
.ReviewItemCard_reviewInfo { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-start; justify-content: flex-start; position: relative; }
.ReviewItemCard_replyAvatar, .ReviewItemCard_reviewAvatar { width: 100%; background-color: #eee; background-position: 50%; background-size: cover; background-repeat: no-repeat; -webkit-flex: 0 0 auto; flex: 0 0 auto; cursor: pointer; width: 46px; height: 46px; border-radius: 50%; border: none; overflow: hidden; }
.ReviewItemCard_reviewImageWrapper { height: 100%; width: 100%; position: relative; }
.ReviewItemCard_reviewImageWrapper img { background-position: 50%; background-size: cover; height: 100%; width: 100%; object-fit: cover; image-rendering: -webkit-optimize-contrast; }
.ReviewItemCard_reviewDetail { margin: 0 30px 0 8px; -webkit-flex-grow: 1; flex-grow: 1; }
.ReviewItemCard_author a { -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: start; display: -webkit-inline-flex; display: inline-flex; flex-wrap: wrap; font-size: 18px; font-weight: 600; letter-spacing: .4px; margin-right: 5px; color: #000; gap: 5px; }
.ReviewItemCard_author>i { width: 12px; color: #cbcbcb; }
.ReviewItemCard_reviewRateTime { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: flex-start; justify-content: flex-start; }
.ReviewItemCard_reviewAction { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-around; justify-content: space-around; padding: 4px 0; margin-top: 10px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.ReviewItemCard_reviewAction button { cursor: pointer; width: 100%; font-size: 16px; padding: 4px 0; outline: 0; background-color: transparent; -webkit-transition: all .15s ease; transition: all .15s ease; border: none; }
.ReviewItemCard_reviewAction button i { margin-right: 6px; }
.user-head.info_account { display: flex; gap: 10px; }
.user-head { display: flex; gap: 10px; }

/* side bar */
.Explore_siderbar { width: 30.33%; height: 100%; -webkit-flex-grow: 1; flex-grow: 1; position: sticky; top: 100px; margin-left: 20px; }
.Explore_siderbarBox { padding: 12px 16px; margin-bottom: 20px; background-color: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(0, 0, 0, .15); }

/* Viết bài mới */
.content-review { border-radius: 15px; background: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15); padding: 50px; }
.title__review { padding-bottom: 30px; border-bottom: 1px dashed #939393; }
.title__review h2 { color: #333; text-align: center; font-size: 32px; font-style: normal; font-weight: 600; line-height: normal; }
.NewReview_reviewContent { -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-align-items: flex-start; align-items: flex-start; }
.NewReview_reviewForm, .NewReview_reviewPlace { margin-top: 10px; }
.NewReview_reviewForm { -webkit-flex-shrink: 0; flex-shrink: 0; -webkit-order: 1; order: 1; }
.NewReview_reviewInput h3 { color: #858585; font-size: 20px; font-weight: 600; line-height: normal; margin-bottom: 17px; }
.NewReview_reviewInput .form-group { position: relative; margin-bottom: 1rem; }
.NewReview_reviewInput .form-group input { text-indent: 46px; height: 52px; border-radius: 10px; border: 1px solid #d7d7d7; background: #fff; }
.NewReview_reviewInput .form-group textarea { height: 150px !important; padding-top: 14px; border-radius: 10px; border: 1px solid #d7d7d7; background: #fff; }
.NewReview_reviewInput .form-group svg { position: absolute; top: 18px; left: 20px; }
.NewReview_reviewInput .NewReview_anonymous { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; }
.toggle { --w: 46px; --h: 25px; --p: 3px; --bg: #BFBFBF; --bg-active: #22B5BB; --bg-spinner: white; display: inline-block; width: var(--w); height: var(--h); }
.toggle-main { width: 100%; height: 100%; border-radius: 100rem; background-color: var(--bg); cursor: pointer; padding: var(--p); transition: all .2s linear; }
.toggle-spinner { --size: calc(var(--h) - var(--p) * 2); width: var(--size); height: var(--size); background-color: var(--bg-spinner); border-radius: 100rem; transition: all .2s linear; }
.toggle-input:checked+.toggle-main>.toggle-spinner { transform: translate(calc(var(--w) - var(--p) * 2 - var(--size)), 0); }
.toggle-input:checked+.toggle-main { background-color: #5de425; }
.ReviewItemCard_reviewText { color: inherit; font-size: 16px; line-height: 24px; word-break: break-word; margin: 1rem 0; }
.review-file-uploader .fileuploader { padding: 0; margin: 0; background: 0 0; }
.review-fileuploader { width: 100%; height: 104px; margin-right: 8px; margin-bottom: 8px; text-align: center; vertical-align: top; border: 1px dashed #d9d9d9; border-radius: 10px; cursor: pointer; -webkit-transition: border-color .3s; transition: border-color .3s; display: flex; justify-content: center; align-items: center; flex-direction: column-reverse; text-align: center; border-radius: 10px; border: 1px solid #d7d7d7; background: #bebebe45; }
.review-fileuploader-caption strong { color: #858585; text-align: center; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; }
.review-fileuploader .review-fileuploader-text { color: #90a0bc; }
.review-fileuploader-button.btn.btn-sm.btn-primary.text-capitalize.font-weight-500.py-2.px-3 { display: flex; justify-content: center; align-items: center; }
.review-fileuploader-button.btn.btn-sm.btn-primary.text-capitalize.font-weight-500.py-2.px-3 { width: 100%; background: 0 0; border: unset; }
.review-fileuploader-button.btn.btn-sm.btn-primary.text-capitalize.font-weight-500.py-2.px-3 svg { position: sticky; }
.NewReview_reviewInput .form-group svg { position: absolute; top: 18px; left: 20px; }
.NewReview_submit button { text-transform: uppercase; border-radius: 800px; background: #22b5bb; color: #fff; text-align: center; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; padding: 17px 67px;    /* margin-top: 32px; */ border: none; }
.GridPhoto_imgWrapper { height: 100%; }
.LazyLoad.is-visible { height: 100%; }
.GridPhoto_imgWrapper { height: 100%; }
.ReviewItemCard_reviewImages { max-height: 640px; overflow: hidden; margin-top: 1rem; }
.GridPhoto_images-more { display: grid; gap: 2px; width: 100%; height: 100%; max-height: inherit; }

/* ITEM */
.GridPhoto_image { position: relative; overflow: hidden; cursor: pointer; }
.GridPhoto_image img, .GridPhoto_image video { width: 100%; height: 100%; object-fit: cover; display: block; }

/* ===== 1 → 4 ảnh ===== */
.GridPhoto_images-more.images-1 { grid-template-columns: 1fr; }
.GridPhoto_images-more.images-2 { grid-template-columns: 1fr 1fr; }
.GridPhoto_images-more.images-3 { grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr; }
.GridPhoto_images-more.images-3 .GridPhoto_image:first-child { grid-row: 1 / span 2; }
.GridPhoto_images-more.images-4 { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; }

/* ===== FACEBOOK STYLE: 5+ ảnh ===== */
.GridPhoto_images-more.images-5 { grid-template-columns: repeat(6, 1fr); grid-template-rows: 2fr 1fr; }
.GridPhoto_images-more.images-5 .GridPhoto_image:nth-child(1), .GridPhoto_images-more.images-5 .GridPhoto_image:nth-child(2) { grid-column: span 3; /* 50% */ }
.GridPhoto_images-more.images-5 .GridPhoto_image:nth-child(3), .GridPhoto_images-more.images-5 .GridPhoto_image:nth-child(4), .GridPhoto_images-more.images-5 .GridPhoto_image:nth-child(5) { grid-column: span 2; /* 33.33% */ }

/* Overlay +X */
.GridPhoto_image.more::after { content: attr(data-more); position: absolute; inset: 0; background: rgba(0, 0, 0, .55); color: #fff; font-size: 32px; font-weight: 600; display: flex; align-items: center; justify-content: center; }

/* Like */
.btn-like { background: none; border: none; cursor: pointer; color: #555; }
.btn-like.liked { color: #e0245e; }
.PostTrigger { display: flex; align-items: center; gap: 12px; background: #fff; padding: 5px; border-radius: 12px; cursor: pointer; }
.PostTrigger_avatar img { width: 40px; height: 40px; border-radius: 50%; }
.PostTrigger_input { flex: 1; background: #f1f1f1; padding: 10px 14px; border-radius: 999px; color: #5e5e5e; }
.PostModal { display: none; position: fixed; inset: 0; z-index: 9999; }
.PostModal.active { display: block; }
.PostModal_overlay { position: absolute; inset: 0; background: rgba(0, 0, 0, .6); }
.PostModal_header { display: flex; justify-content: space-between; align-items: center; }
.PostModal_close { cursor: pointer; font-size: 24px; }
.PostModal_submit { width: 100%; margin-top: 12px; padding: 10px; background: #1877f2; color: #fff; border: none; border-radius: 8px; }
.album_newsfeed { display: flex; flex-wrap: wrap; }
.picHa video { width: 100%; height: 100%; object-fit: cover; }
.item_album_newsfeed video { width: 100%; height: 100%; object-fit: cover; }
.item_album_newsfeed img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* option */
.ReviewItemCard_optionWrap { position: relative; }
.ReviewItemCard_reviewOption { cursor: pointer; padding: 6px; border-radius: 50%; }
.ReviewItemCard_reviewOption:hover { background: rgba(255, 255, 255, .1); }
.ReviewItemCard_dropdown { position: absolute; right: 0; top: 30px; width: 180px; background: #fff; border-radius: 8px; box-shadow: 0 4px 20px rgba(0, 0, 0, .4); display: none; z-index: 1000; overflow: hidden; }
.ReviewItemCard_dropdown .dropdown-item { padding: 10px 12px; color: #212529; cursor: pointer; }
.ReviewItemCard_dropdown .dropdown-item:hover { background: #959595; color: #f1f1f1; }
.EditMedia_preview { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 2px; padding: 5px; }
.media-item { width: calc(25% - 2px); max-height: 130px; height: 130px; position: relative; border: 1px solid #e5e5e5; border-radius: 10px; overflow: hidden; }
.media-item img { width: 100%; height: 100%; object-fit: cover; }
span.remove-media { font-size: 20px; line-height: 20px; position: absolute; top: 7px; right: 7px; color: #fff; cursor: pointer; background: #b5b5b5; border-radius: 100%; width: 20px; text-align: center; }
.PostFeeling { position: relative; }
span.ReviewFeeling { color: #777777; font-size: 15px; }
#openFeeling { background: #f0f2f5; border: none; padding: 6px 12px; border-radius: 20px; cursor: pointer; }
.FeelingPopup { position: absolute; top: 40px; left: 0; width: 260px; background: #fff; border-radius: 10px; box-shadow: 0 10px 30px rgba(0, 0, 0, .15); display: none; z-index: 999; }
.FeelingTabs { display: flex; border-bottom: 1px solid #eee; }
.FeelingTabs span { flex: 1; text-align: center; padding: 8px; cursor: pointer; }
.FeelingTabs span.active { font-weight: bold; border-bottom: 2px solid #1877f2; }
.FeelingList { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 10px; }
.FeelingItem { cursor: pointer; padding: 6px; border-radius: 6px; }
.FeelingItem:hover { background: #f0f2f5; }
.ReviewItemCard_reviewText { overflow: hidden; transition: max-height 0.25s ease; }

/* trạng thái rút gọn */
.ReviewItemCard_reviewText.is-clamp { max-height: 6.4em; /* 4 dòng = 1.6 * 4 */ }
.review-toggle { color: #838383; cursor: pointer; font-weight: bold; font-size: 15px; user-select: none; }
.review-toggle:hover { text-decoration: underline; }
.review-toggle:hover { text-decoration: underline; }

/* thông tin giới thiệu */
.Explore_siderbarBox .slogan { margin: 10px 0; border-bottom: 1px solid #dbdbdb; font-size: 16px; }
.avatar { width: 50px; height: 50px; object-fit: cover; }
.ReviewItemCard_reviewImageWrapper * { width: 100%; height: 100%; object-fit: cover; }
.section-main { max-width: 1300px; margin: auto; }

/*album detail*/
.BoxHinhanh { column-count: 3; column-gap: 10px; row-gap: 10px; margin-bottom: 2rem; }
.picHa { break-inside: avoid; margin-bottom: 10px; transition: all 0.6s; cursor: pointer; }

/*tailieu*/
.boxFile { border: 1px solid #ddd; border-radius: 10px; margin-bottom: 1rem; }
.item_File { margin: 0; border-bottom: 1px solid #ddd; padding: 10px; }
.item_File:last-child { border-bottom: none; }
.item_File a { color: #333; display: flex; justify-content: space-between; align-items: center; font-size: 16px; text-transform: capitalize; font-weight: 600; }
.item_File b { display: inline-block; background: var(--background-static); color: #fff; padding: 5px 20px; border-radius: 5px; }
.item_File b i { font-size: 20px; margin-right: 5px; }
.item_File b:hover { background: var(--background-hover); }
.showmobile { display: none; }
.showdesktop { display: block; }
.p50 { padding: 50px 0; }
a { text-decoration: none; }
.plex-box { align-items: center; display: flex; justify-content: center; align-content: center; }
@media only screen and (max-width:768px) {
    .Explore_feed, .Explore_siderbar { width: 100%; margin: auto; }
}
@media only screen and (max-width:768px) {
    .BoxHinhanh { column-count: 2; }
    .Explore_feed, .Explore_siderbar { width: 100%; margin: auto; }
}
.plR5qb::before { content: ''; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; position: absolute; background: #ffffff14; border: 1px solid #fff; opacity: 0.4; transition: opacity 400ms linear, background-color 400ms linear; }
.plR5qb { align-self: center; background: inherit; border-radius: 100px; cursor: pointer; flex-shrink: 0; font-family: Google Sans, Arial, sans-serif; font-optical-sizing: none; font-size: 14px; font-weight: 500; line-height: 20px; margin-left: 8px; padding: 2px; position: relative; height: 36px; display: flex; align-items: center; justify-content: center; background: #d0e1ff; }
.minidiv .plR5qb { height: 24px }
.plR5qb::before { content: ''; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; position: absolute; background: #ffffff14; border: 1px solid #fff; opacity: 0.4; transition: opacity 400ms linear, background-color 400ms linear }
.plR5qb::before { animation: ae-fb 2000ms linear infinite }
@keyframes ae-fb {
    0% { opacity: 0.4; }
    30% { opacity: 0 }
    50% { opacity: 0 }
    100% { opacity: 0.4; }
}
.plR5qb:hover::before { opacity: 0 }
.xL0qi, .mTurwe { overflow: hidden; border-radius: 100px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none }
.xL0qi { opacity: 0.35; filter: blur(3px); }
.iydNQb { background: conic-gradient(#3186ff00 0deg, #34a853 43deg, #ffd314 65deg, #ff4641 105deg, #3186ff 144deg, #3186ff 180deg, #3186ff00 324deg, #3186ff00 360deg); height: 200%; top: -50%; right: 0; bottom: 0; left: 0; position: absolute; scale: 2 1; opacity: 0; transform: rotate(180deg); transition: opacity 400ms linear }
.plR5qb:hover .mTurwe .iydNQb { opacity: 1 }
.iydNQb { animation: ae-fg 2000ms linear infinite, ae-rg 2000ms cubic-bezier(0.20, 0.00, 0.00, 1.00) infinite }
@keyframes ae-fg {
    0% { opacity: 0 }
    30% { opacity: 1 }
    50% { opacity: 1 }
    100% { opacity: 0 }
}
@keyframes ae-rg {
    from { transform: rotate(0deg) }
    to { transform: rotate(180deg) }
}
.bvUkz { position: absolute; top: 2px; right: 2px; bottom: 2px; left: 2px; border-radius: 100px; clip-path: inset(0 0 0 0 round 100px); background: inherit; transition: filter 1000ms cubic-bezier(0.00, 0.00, 0.00, 1.00); }
.plR5qb:hover .bvUkz { filter: blur(3px); }
.plR5qb .bvUkz::after { content: ''; top: -10px; right: -10px; bottom: -10px; left: -10px; border-radius: 100px; position: absolute; background: inherit; opacity: .5 }
.u4Uk3c { align-items: center; display: flex; justify-content: center; position: relative; z-index: 1 }
.PD3zdc { padding-right: 4px }
.MTa47b { display: block; position: absolute; top: 42px; left: -190px; overflow: visible }
.newsfeed { display: flex; justify-content: center; align-items: center; gap: 10px; color: var(--c1);    /* text-align: right; */ font-family: "font1"; font-size: 18px; font-weight: 600; line-height: normal; background: #000000; z-index: 999; position: relative; width: 100%; padding: 7px; height: 100%; border-radius: 100px; }
.floating-support__item.plR5qb { display: none; height: auto; margin-left: 0; padding: 7px; }
.floating-support__item .newsfeed { justify-content: start; color: #000; font-size: 14px; gap: 20px; }
.newsfeed img { max-height: 20px; max-width: 20px; vertical-align: middle; }
.user-head img { width: 25px; height: 25px; object-fit: cover; }