.popular-posts-wrapper{width:100%;margin:0 auto}.popular-posts-title{font-weight:600;font-size:24px;line-height:1.5;text-align:right;color:#000;margin:0 0 40px 0}.popular-posts-grid{display:flex;flex-direction:column;gap:32px}.popular-post-card{display:flex;gap:24px;align-items:stretch;background-color:transparent;transition:transform .3s ease}.popular-post-card:hover{transform:translateY(-2px)}.popular-post-thumbnail-link{flex-shrink:0;width:280px;text-decoration:none!important}.popular-post-thumbnail{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:42px;background-color:#f0f0f0}.popular-post-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .4s ease}.popular-post-card:hover .popular-post-thumbnail img{transform:scale(1.05)}.popular-hover-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,.95);border-radius:50%;opacity:0;transition:opacity .3s ease,transform .3s ease;pointer-events:none;box-shadow:0 4px 12px rgba(0,0,0,.15)}.popular-post-card:hover .popular-hover-overlay{opacity:1;transform:translate(-50%,-50%) scale(1.05)}.popular-hover-icon{width:80px;height:80px;display:block}.popular-post-content{flex:1;display:flex;flex-direction:column;gap:12px;justify-content:center;min-width:0}.popular-post-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.popular-category-badge{background-color:#F5F5F5;color:#777!important;padding:6px 8px;border-radius:14px;font-family:Estedad,sans-serif;font-size:16px;font-weight:600;line-height:100%;text-align:center;text-decoration:none!important;display:inline-flex;min-width:102px;height:40px;align-items:center;justify-content:center;transition:background-color .3s ease}.popular-category-badge:hover{background-color:#F5F5F5!important;text-decoration:none!important;color:#777!important}.popular-author-info{display:flex;align-items:center;gap:6px}.popular-author-icon{width:18px;height:18px;display:block}.popular-author-name{font-size:14px;color:#000!important;font-weight:500}.popular-post-title{margin:0;font-size:20px;font-weight:700;line-height:1.4;color:#000;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:calc(20px * 1.4 * 2);max-height:calc(20px * 1.4 * 2)}.popular-post-title a{color:#000!important;text-decoration:none!important;transition:opacity .3s ease}.popular-post-title a:hover{opacity:.7;text-decoration:none!important}.popular-post-excerpt{margin:0;font-size:15px;line-height:1.6;color:#777;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:calc(15px * 1.6 * 2);max-height:calc(15px * 1.6 * 2)}.popular-read-more-link{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#000!important;text-decoration:none!important;transition:gap .3s ease}.popular-read-more-link:hover{gap:12px;text-decoration:none!important}.popular-arrow-icon{width:20px;height:20px;display:block;transform:rotate(90deg);transition:transform .3s ease}.no-popular-posts{text-align:center;padding:40px 20px;font-size:16px;color:#777}@media screen and (max-width:1024px){.popular-post-thumbnail-link{width:240px}.popular-hover-overlay{width:60px;height:60px}.popular-hover-icon{width:60px;height:60px}}@media screen and (max-width:768px){.popular-posts-title{font-size:20px;margin-bottom:30px}.popular-posts-grid{gap:24px}.popular-post-card{flex-direction:column;gap:16px}.popular-post-thumbnail-link{width:100%}.popular-post-thumbnail{border-radius:32px}.popular-post-content{gap:10px}}@media screen and (max-width:480px){.popular-posts-title{font-size:18px;margin-bottom:24px}.popular-posts-grid{gap:20px}.popular-post-thumbnail{border-radius:24px}.popular-post-title{font-size:18px;min-height:calc(18px * 1.4 * 2);max-height:calc(18px * 1.4 * 2)}.popular-category-badge{font-size:14px;min-width:90px;height:36px}.popular-hover-overlay{width:50px;height:50px}.popular-hover-icon{width:50px;height:50px}}