.related-posts{border-top:1px solid var(--color-border);margin-top:60px;padding-top:50px}.related-posts h2{text-align:center;color:var(--color-black);margin-bottom:30px;font-size:2rem}.carouselContainer{max-width:1200px;margin:0 auto;position:relative}.related-grid{grid-template-columns:repeat(3,1fr);gap:32px;margin:0 auto;padding:0;display:grid}.related-card{flex-direction:column;display:flex}.related-card:hover{transform:translateY(-5px)!important;box-shadow:0 10px 20px #00000014!important}.carouselControls{justify-content:center;gap:16px;margin-top:24px;display:none}.carouselBtn{cursor:pointer;width:48px;height:48px;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.carouselBtnDark{color:var(--foreground);box-shadow:var(--shadow-md);background:#fff}.carouselBtnDark:hover{background:var(--color-primary);color:#fff}@media (max-width:1024px){.related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.related-grid{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:20px;padding-bottom:20px;display:flex;overflow-x:auto}.related-grid::-webkit-scrollbar{display:none}.related-card{scroll-snap-align:center;flex:0 0 85%}.carouselControls{display:flex}}