
body.item #HTML4,body.item #HTML3{display:none!important}
body:not(.item) #HTML99,body:not(.item) #PopularPosts2,body:not(.item) #PopularPosts3{display:none!important}
body.item #sidebar-wrapper #HTML99{display:block;margin:0 0 14px;padding:0;border:1px solid #dbe9e2;border-radius:18px 18px 0 0;background:linear-gradient(145deg,#effbf5 0%,#fff 62%,#eef7ff 100%);box-shadow:0 14px 34px rgba(15,55,39,.09);overflow:hidden}
body.item #HTML99 .widget-content{padding:18px 18px 14px}
body.item .fpt-popular-heading{position:relative;padding:0 0 14px}
body.item .fpt-popular-kicker{display:block;margin:0 0 5px;color:#07834a;font-size:9px;font-weight:800;line-height:1.4;letter-spacing:.12em}
body.item .fpt-popular-heading strong{display:block;color:#123b2b;font-size:20px;line-height:1.3;letter-spacing:-.35px}
body.item .fpt-popular-heading p{margin:4px 0 0;color:#718079;font-size:10.5px;line-height:1.5}
body.item .fpt-popular-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:5px;border:1px solid #dce9e2;border-radius:13px;background:rgba(255,255,255,.84)}
body.item .fpt-popular-tabs button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:0;height:48px;padding:5px;border:0;border-radius:9px;background:transparent;color:#52675d;font:800 11px/1.15 Arial,sans-serif;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
body.item .fpt-popular-tabs button span{font-size:8px;font-weight:700;letter-spacing:.04em;opacity:.7}
body.item .fpt-popular-tabs button:hover{transform:translateY(-1px);background:#e9f7ef;color:#007940}
body.item .fpt-popular-tabs button.is-active{background:linear-gradient(135deg,#00a651,#007a3d);color:#fff;box-shadow:0 8px 17px rgba(0,122,61,.23)}
body.item #sidebar-wrapper #PopularPosts2,body.item #sidebar-wrapper #PopularPosts1,body.item #sidebar-wrapper #PopularPosts3{margin:-14px 0 24px;padding:14px 17px 8px;border:1px solid #dbe9e2;border-top:0;border-radius:0 0 18px 18px;background:#fff;box-shadow:0 14px 34px rgba(15,55,39,.09);overflow:hidden}
body.item #sidebar-wrapper #PopularPosts1,body.item #sidebar-wrapper #PopularPosts3{display:none}
body.item #PopularPosts2>.widget-title,body.item #PopularPosts1>.widget-title,body.item #PopularPosts3>.widget-title{display:none!important}
body.item #PopularPosts2 .widget-content,body.item #PopularPosts1 .widget-content,body.item #PopularPosts3 .widget-content{margin:0;padding:0}
body.item #PopularPosts2 .post,body.item #PopularPosts1 .post,body.item #PopularPosts3 .post{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;align-items:center;min-height:70px;margin:0;padding:12px 0;border-bottom:1px solid #edf2ef;transition:transform .2s ease,background .2s ease}
body.item #PopularPosts2 .post:last-child,body.item #PopularPosts1 .post:last-child,body.item #PopularPosts3 .post:last-child{border-bottom:0}
body.item #PopularPosts2 .post:hover,body.item #PopularPosts1 .post:hover,body.item #PopularPosts3 .post:hover{transform:translateX(3px)}
body.item #PopularPosts2 .post-image-link,body.item #PopularPosts1 .post-image-link,body.item #PopularPosts3 .post-image-link{width:78px;height:58px;margin:0;border-radius:10px;background:linear-gradient(145deg,#eaf6f0,#eef5fa);overflow:hidden}
body.item #PopularPosts2 .post-thumb,body.item #PopularPosts1 .post-thumb,body.item #PopularPosts3 .post-thumb{width:100%;height:100%;object-fit:cover;opacity:1;border-radius:10px}
body.item #PopularPosts2 .post-info,body.item #PopularPosts1 .post-info,body.item #PopularPosts3 .post-info{min-width:0;overflow:hidden}
body.item #PopularPosts2 .post-title,body.item #PopularPosts1 .post-title,body.item #PopularPosts3 .post-title{margin:0 0 5px;font-size:12px;font-weight:800;line-height:1.45}
body.item #PopularPosts2 .post-title a,body.item #PopularPosts1 .post-title a,body.item #PopularPosts3 .post-title a{display:-webkit-box;color:#20384b;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}
body.item #PopularPosts2 .post-title a:hover,body.item #PopularPosts1 .post-title a:hover,body.item #PopularPosts3 .post-title a:hover{color:#007a3d}
body.item #PopularPosts2 .post-meta,body.item #PopularPosts1 .post-meta,body.item #PopularPosts3 .post-meta{color:#8a9791;font-size:9px}
body.item #PopularPosts2 .post:nth-child(n+11),body.item #PopularPosts1 .post:nth-child(n+11),body.item #PopularPosts3 .post:nth-child(n+11){display:none!important}
@media(max-width:980px){body.item #sidebar-wrapper #HTML99{margin-top:24px}}
@media(prefers-reduced-motion:reduce){body.item .fpt-popular-tabs button,body.item #PopularPosts2 .post,body.item #PopularPosts1 .post,body.item #PopularPosts3 .post{transition:none!important}}
