/* RTL */
.ng-wrap{direction:rtl;font-family:inherit}
.ng-title{background:#16a5a0;color:#fff;text-align:center;padding:14px 18px;border-radius:10px;margin:0 0 18px;font-size:22px;font-weight:700}
.ng-grid{display:grid;gap:18px}
.ng-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ng-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ng-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1024px){.ng-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ng-grid{grid-template-columns:1fr}}

.ng-card{position:relative;background:#fff;border:1px solid #e7eef0;border-radius:14px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.06);height:100%}
.ng-thumb{display:block;overflow:hidden;background:#f5f7f8;height:260px}
@media (max-width:1024px){.ng-thumb{height:220px}}
@media (max-width:640px){.ng-thumb{height:200px}}
.ng-thumb img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}

.ng-body{padding:14px 16px 14px}
.ng-excerpt{margin:0 0 12px;color:#495057;font-size:14px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ng-h3{margin:0;font-size:16px;line-height:1.5;flex:1}
.ng-h3-top{margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ng-h3 a{color:#123;text-decoration:none}
.ng-h3 a:hover{text-decoration:underline}

.ng-footer{display:flex;align-items:center;gap:12px;flex-direction:row-reverse;justify-content:flex-start}
.ng-footer.only-date{justify-content:flex-end}
.ng-date{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#23b5af;color:#fff;border-radius:10px;padding:6px 10px;min-width:56px;flex-shrink:0}
.ng-day{font-size:18px;font-weight:800;line-height:1}
.ng-month{font-size:12px;opacity:.95;margin-top:4px}

.ng-empty{grid-column:1/-1;text-align:center;padding:24px;border:1px dashed #cdd6da;border-radius:12px;color:#6c757d}

/* Slider */
.ng-slider{position:relative;overflow:hidden}
.ng-slider-track{display:flex;gap:12px;will-change:transform;transition:transform .35s ease}
.ng-slide{flex:0 0 auto}
.ng-slider-nav{text-align:center;margin-top:10px;position:relative;z-index:5}
.ng-slider-nav button{background:#23b5af;color:#fff;border:none;border-radius:6px;margin:0 4px;padding:6px 12px;font-size:18px;cursor:pointer}
@media (max-width:640px){.ng-slider-nav{display:none}}

/* Fix: slider track LTR to show first posts first in RTL sites */
.ng-slider, .ng-slider-track{direction:ltr}
.ng-slide{direction:rtl}