.madota-blog{
    --madota-accent:#991E23;
    width:100%;
    direction:rtl;
    font-family:inherit;
}
.madota-blog,.madota-blog *,.madota-blog *:before,.madota-blog *:after{box-sizing:border-box}
.madota-blog-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:38px 20px;
}
.madota-blog-card{min-width:0}
.madota-blog-image-wrap{
    display:block;
    width:100%;
    aspect-ratio:16/7;
    overflow:hidden;
    border-radius:24px;
    background:#f2f3f5;
}
.madota-blog-image{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .45s cubic-bezier(.2,.8,.2,1);
}
.madota-blog-card:hover .madota-blog-image{transform:scale(1.03)}
.madota-blog-body{padding:16px 3px 0}
.madota-blog-title{
    margin:0 0 7px;
    padding:0;
    font-size:18px;
    line-height:1.7;
    font-weight:800;
}
.madota-blog-title a{color:#141414;text-decoration:none;transition:color .2s ease}
.madota-blog-title a:hover{color:var(--madota-accent)}
.madota-blog-meta{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:7px;
    margin-bottom:9px;
    font-size:12px;
    color:#8a939f;
}
.madota-blog-dot{opacity:.5}
.madota-reading-time{
    display:inline-flex;
    align-items:center;
    padding:4px 8px;
    border-radius:7px;
    color:var(--madota-accent);
    background:color-mix(in srgb,var(--madota-accent) 8%,transparent);
    font-weight:700;
}
@supports not (background:color-mix(in srgb, red 10%, transparent)){
    .madota-reading-time{background:rgba(153,30,35,.07)}
}
.madota-blog-excerpt{
    margin:0;
    color:#687280;
    font-size:14px;
    line-height:2;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.madota-blog-readmore{
    display:inline-flex;
    align-items:center;
    gap:7px;
    margin-top:12px;
    color:var(--madota-accent);
    text-decoration:none;
    font-size:13px;
    font-weight:800;
}
.madota-blog-readmore span{transition:transform .2s ease}
.madota-blog-readmore:hover span{transform:translateX(-4px)}
.madota-pagination{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:8px;
    margin:52px auto 8px;
}
.madota-page{
    min-width:42px;
    height:42px;
    padding:0 13px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    border:1px solid rgba(0,0,0,.08);
    background:#fff;
    color:#202020;
    text-decoration:none;
    font-size:13px;
    font-weight:800;
    box-shadow:0 4px 16px rgba(0,0,0,.04);
    transition:transform .2s ease,border-color .2s ease,color .2s ease,background .2s ease;
}
a.madota-page:hover{transform:translateY(-2px);border-color:var(--madota-accent);color:var(--madota-accent)}
.madota-page.current{color:#fff;background:var(--madota-accent);border-color:var(--madota-accent);box-shadow:0 7px 20px rgba(153,30,35,.22)}
.madota-page-prev,.madota-page-next{padding:0 18px}
.madota-page-dots{min-width:22px;text-align:center;color:#999}
.madota-no-posts{padding:30px;border:1px dashed rgba(0,0,0,.12);border-radius:18px;text-align:center;color:#707984}
@media(max-width:767px){
    .madota-blog-grid{grid-template-columns:1fr;gap:34px}
    .madota-blog-image-wrap{aspect-ratio:16/9;border-radius:20px}
    .madota-blog-body{padding-top:13px}
    .madota-blog-title{font-size:17px}
    .madota-blog-excerpt{font-size:13px;line-height:1.9}
    .madota-pagination{gap:6px;margin-top:38px}
    .madota-page{min-width:38px;height:38px;padding:0 10px;border-radius:10px;font-size:12px}
    .madota-page-prev,.madota-page-next{padding:0 13px}
}