.blog-recommendations-section{padding:80px 0;background-color:#f5f6f8}.blog-recommendations-section .container{max-width:1340px;margin:0 auto}.blog-recommendations-headline{font-family:Satoshi,sans-serif;font-size:32px;font-weight:500;color:#151924;margin-bottom:32px}.blog-recommendations-carousel{position:relative;overflow:hidden}.blog-recommendations-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.blog-recommendation-card{display:flex;flex-direction:column;background-color:#fff;border:1px solid #E9EAEC;border-radius:12px;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease;text-decoration:none;color:inherit}.blog-recommendation-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px);text-decoration:none;color:inherit}.blog-recommendation-card-thumbnail{position:relative;width:100%;aspect-ratio:16 / 11;overflow:hidden;background-color:#eaedf2;border-radius:12px 12px 0 0}.blog-recommendation-card-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-recommendation-card:hover .blog-recommendation-card-thumbnail img{transform:scale(1.03)}.blog-recommendation-card-arrow{position:absolute;top:12px;right:12px;width:32px;height:32px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000001a;transition:background-color .2s}.blog-recommendation-card:hover .blog-recommendation-card-arrow{background-color:#3664af}.blog-recommendation-card-arrow svg{width:14px;height:14px;fill:none;stroke:#374151;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s}.blog-recommendation-card:hover .blog-recommendation-card-arrow svg{stroke:#fff}.blog-recommendation-card-body{padding:16px 20px 20px;display:flex;flex-direction:column;flex:1}.blog-recommendation-card-title{font-family:Satoshi,sans-serif;font-size:16px;font-weight:600;line-height:1.4;color:#151924;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-recommendation-card-date{font-family:Inter,sans-serif;font-size:13px;color:#6b7280;margin:auto 0 0}.blog-recommendations-footer{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.blog-recommendations-progress{flex:1;height:3px;background-color:#e5e7eb;border-radius:2px;margin-right:24px;overflow:hidden}.blog-recommendations-progress-bar{height:100%;background-color:#3664af;border-radius:2px;width:25%;transition:width .3s ease}.blog-recommendations-nav{display:flex;gap:8px}.blog-recommendations-nav-btn{width:36px;height:36px;border-radius:50%;border:1px solid #d1d5db;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s,border-color .2s;padding:0}.blog-recommendations-nav-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.blog-recommendations-nav-btn svg{width:16px;height:16px;fill:none;stroke:#374151;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media (max-width: 992px){.blog-recommendations-grid{grid-template-columns:repeat(2,1fr)}.blog-recommendations-headline{font-size:28px}}@media (max-width: 576px){.blog-recommendations-grid{grid-template-columns:1fr}.blog-recommendations-section{padding:0 0 32px}.blog-recommendations-headline{font-size:24px;margin-bottom:24px}}
