.tahlil-grid{display:grid;gap:20px}.tahlil-cols-4{grid-template-columns:repeat(4,1fr)}.tahlil-cols-3{grid-template-columns:repeat(3,1fr)}.tahlil-cols-2{grid-template-columns:repeat(2,1fr)}.tahlil-item{background:#f5f5f5;padding:0;position:relative;display:flex;flex-direction:column}.tahlil-thumb-wrapper{position:relative;overflow:hidden}.tahlil-thumb{width:100%;height:auto;filter:grayscale(100%);transition:all 0.35s ease;object-fit:cover;aspect-ratio:16/9;display:block}.tahlil-item:hover .tahlil-thumb{filter:grayscale(0%)}.tahlil-badge{position:absolute;top:10px;right:10px;background:#777;color:#fff;padding:3px 8px;font-size:12px;z-index:5;transition:all .25s ease;border-radius:2px}.tahlil-item:hover .tahlil-badge{background:var(--tie-primary-color,#e00030);color:#fff}.tahlil-corner-line{position:absolute;top:0;right:0;height:3px;width:40px;background:#bdbdbd;transition:background .3s ease;z-index:6}.tahlil-item:hover .tahlil-corner-line{background:var(--tie-primary-color,#e00030)}.tahlil-title{font-size:15px;font-weight:700;margin:10px;line-height:1.6}.tahlil-title a{color:#000;text-decoration:none;transition:color 0.3s ease}.tahlil-item:hover .tahlil-title a{color:var(--tie-primary-color,#e00030)}.tahlil-item .sarie-post-date{display:inline-flex;align-items:center;font-size:12px;color:#666;margin:auto 10px 10px 10px;transition:color 0.3s ease}.tahlil-item:hover .sarie-post-date{color:#000}@media (max-width:992px){.tahlil-grid{grid-template-columns:repeat(2,1fr)!important;gap:15px}}@media (max-width:600px){.tahlil-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px}.tahlil-title{font-size:13px;margin:8px;line-height:1.5}.tahlil-badge{font-size:10px;padding:2px 5px;top:5px;right:5px}.tahlil-item .sarie-post-date{font-size:11px;margin:auto 8px 8px 8px}}