:root{--bg-color:#020202!important;--text-color:#f0f0f0!important;--card-bg:#1e1e1e!important;--border-color:#333!important;--category-bg:#2d2d2d!important;--category-text:#fff!important;--meta-color:#ccc!important;--link-color:#4dabf7!important;--arrow-bg:#111!important;--arrow-color:#fff!important;--dot-inactive:#555!important;--dot-active:#fff!important}.blog-recommendations-section{background-color:var(--bg-color)!important;color:var(--text-color)!important;font-family:var(--font-main)!important;margin:0 auto!important;max-width:1280px!important;padding:40px 20px!important;position:relative!important}.blog-related-h2_text{color:var(--text-color)!important;font-size:40px!important;margin-bottom:30px!important;margin-top:80px!important;text-align:center!important}.slider-container{align-items:center!important;display:flex!important;position:relative!important}.recommendations-slider{display:flex!important;gap:16px!important;overflow-x:auto!important;scroll-behavior:smooth!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important;padding:0 40px 20px!important;width:100%!important}.recommendations-slider::-webkit-scrollbar{display:none!important}.recommendation-card{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:10px!important;color:var(--text-color)!important;display:flex!important;flex:0 0 300px!important;flex-direction:column!important;min-height:100%!important;overflow:hidden!important;scroll-snap-align:start!important;transition:all .3s ease!important}.featured-image-container{height:180px!important;overflow:hidden!important}.featured-image{height:100%!important;object-fit:cover!important;transition:transform .3s ease!important;width:100%!important}.recommendation-card:hover .featured-image{transform:scale(1.05)!important}.category-tag{background-color:var(--category-bg)!important;color:var(--category-text)!important;font-size:13px!important;font-weight:700!important;padding:8px 15px!important}.blog-content{display:flex!important;flex-direction:column!important;flex-grow:1!important;padding:16px!important}.blog-content h3{color:var(--text-color)!important;font-size:18px!important;margin-bottom:10px!important}.blog-content h3 a{color:var(--text-color)!important;text-decoration:none!important}.blog-content h3 a:hover{color:var(--link-color)!important}.meta-info{font-size:13px!important;margin-bottom:12px!important}.date-readmore,.meta-info{color:var(--meta-color)!important}.date-readmore{display:flex!important;font-size:14px!important;justify-content:space-between!important}.read-more{color:var(--link-color)!important;font-weight:700!important;text-decoration:none!important}.read-more:hover{text-decoration:underline!important}.arrow-btn{align-items:center!important;background:var(--arrow-bg)!important;border:none!important;border-radius:50%!important;color:var(--arrow-color)!important;cursor:pointer!important;display:flex!important;font-size:24px!important;height:40px!important;justify-content:center!important;margin:0 10px!important;padding:10px!important;transition:background .3s ease!important;width:40px!important;z-index:5!important}.arrow-btn:hover{background:#333!important}.slider-dots{align-items:center!important;display:flex!important;gap:10px!important;justify-content:center!important;margin-top:20px!important}.slider-dots .dot{background:var(--dot-inactive)!important;border-radius:50%!important;cursor:pointer!important;height:10px!important;transition:background .3s ease!important;width:10px!important}.slider-dots .dot.active{background:var(--dot-active)!important}@media (max-width:1024px){.recommendation-card{flex:0 0 45%!important}}@media (max-width:768px){.recommendation-card{flex:0 0 100%!important}.blog-related-h2_text{font-size:28px!important;margin-top:60px!important}.recommendations-slider{padding:0 20px 20px!important}.arrow-btn{display:none!important}}@media (max-width:480px){.blog-recommendations-section{padding:20px 10px!important}.featured-image-container{height:140px!important}.blog-related-h2_text{font-size:22px!important;margin-top:40px!important}.blog-content h3{font-size:16px!important}.category-tag,.date-readmore,.meta-info{font-size:12px!important}.read-more{font-size:13px!important}}