.cs-benefits{
    --cs-benefits-navy:#0B355C;
    --cs-benefits-accent:#D9A33F;
    width:100%;
    background:#fff;
    direction:rtl;
    overflow:hidden;
    font-family:var(--chakad-font-family,"IRANYekanX","IRANYekan",Tahoma,sans-serif);
}
.cs-benefits *{box-sizing:border-box}
.cs-benefits-inner{
    width:min(1480px,calc(100% - 64px));
    margin:0 auto;
    padding:18px 0 24px;
}
.cs-benefits-head{
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:12px;
}
.cs-benefits-heading{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
}
.cs-benefits-copy{text-align:center}
.cs-benefits-title{
    margin:0;
    color:var(--cs-benefits-navy);
    font-size:25px;
    line-height:1.35;
    font-weight:800;
}
.cs-benefits-subtitle{
    display:none;
}
.cs-benefits-line{
    width:56px;
    height:1px;
    background:#ead3a8;
}
.cs-benefits-dot{
    width:9px;
    height:9px;
    border-radius:50%;
    background:var(--cs-benefits-accent);
}
.cs-benefits-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}
.cs-benefit-card{
    min-width:0;
    min-height:92px;
    padding:12px 16px;
    border:1px solid #eadfcb;
    border-radius:10px;
    background:#fff;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:flex-start;
    gap:14px;
    color:inherit;
    text-decoration:none;
    box-shadow:0 2px 8px rgba(6,42,77,.035);
    transition:border-color .18s ease,box-shadow .18s ease;
}
.cs-benefit-card:hover{
    transform:none;
    border-color:#dfbd79;
    box-shadow:0 5px 14px rgba(6,42,77,.06);
}
.cs-benefit-icon{
    width:58px;
    height:58px;
    flex:0 0 58px;
    border-radius:0;
    background:transparent;
    color:var(--cs-benefits-navy);
    display:flex;
    align-items:center;
    justify-content:center;
    transition:color .18s ease;
}
.cs-benefit-card:hover .cs-benefit-icon{
    background:transparent;
    color:var(--cs-benefits-navy);
    transform:none;
}
.cs-benefit-icon svg{
    width:44px;
    height:44px;
    display:block;
    stroke-width:1.8;
}
.cs-benefit-content{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:3px;
    text-align:right;
}
.cs-benefit-title{
    display:block;
    color:var(--cs-benefits-navy);
    font-size:15px;
    line-height:1.45;
    font-weight:800;
}
.cs-benefit-description{
    display:block;
    color:#6f7f90;
    font-size:11px;
    line-height:1.55;
}

@media(max-width:1024px){
    .cs-benefits-inner{width:calc(100% - 32px)}
    .cs-benefits-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:767px){
    .cs-benefits-inner{
        width:calc(100% - 24px);
        padding:16px 0 20px;
    }
    .cs-benefits-head{
        justify-content:flex-start;
        margin-bottom:10px;
    }
    .cs-benefits-heading{
        display:block;
        width:100%;
    }
    .cs-benefits-line,
    .cs-benefits-dot{
        display:none;
    }
    .cs-benefits-copy{text-align:right}
    .cs-benefits-title{
        font-size:20px;
        text-align:right;
    }
    .cs-benefits-grid{
        grid-template-columns:1fr;
        gap:8px;
    }
    .cs-benefit-card{
        min-height:82px;
        padding:10px 12px;
        flex-direction:row;
        text-align:right;
        gap:12px;
    }
    .cs-benefit-icon{
        width:48px;
        height:48px;
        flex-basis:48px;
    }
    .cs-benefit-icon svg{
        width:38px;
        height:38px;
    }
    .cs-benefit-content{
        align-items:flex-start;
        text-align:right;
    }
    .cs-benefit-title{font-size:13px}
    .cs-benefit-description{
        font-size:10px;
        line-height:1.5;
    }
}


/* v1.7.2 — keep all benefit items in one desktop row */
@media(min-width:1025px){
    .cs-benefits-grid{
        display:flex!important;
        flex-wrap:nowrap!important;
        gap:14px!important;
    }

    .cs-benefit-card{
        flex:1 1 0!important;
        width:auto!important;
        min-width:0!important;
    }
}

/* Tablet can still wrap for readability */
@media(min-width:768px) and (max-width:1024px){
    .cs-benefits-grid{
        display:grid!important;
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}


/* v1.7.3 — mobile: show 2 cards, rest via horizontal swipe */
@media(max-width:767px){
    .cs-benefits{
        overflow:hidden!important;
    }

    .cs-benefits-grid{
        display:flex!important;
        flex-wrap:nowrap!important;
        gap:10px!important;
        overflow-x:auto!important;
        overflow-y:hidden!important;
        scroll-snap-type:x mandatory;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
        padding-bottom:2px;
    }

    .cs-benefits-grid::-webkit-scrollbar{
        display:none;
    }

    .cs-benefit-card{
        flex:0 0 calc((100% - 10px) / 2)!important;
        width:calc((100% - 10px) / 2)!important;
        min-width:calc((100% - 10px) / 2)!important;
        min-height:150px!important;
        padding:14px 10px!important;
        flex-direction:column!important;
        justify-content:center!important;
        text-align:center!important;
        gap:10px!important;
        scroll-snap-align:start;
    }

    .cs-benefit-content{
        align-items:center!important;
        text-align:center!important;
    }

    .cs-benefit-title,
    .cs-benefit-description{
        text-align:center!important;
    }
}


/* v2.6.47 — mobile benefits: large swipe cards */
@media(max-width:767px){
  .cs-benefits{overflow:hidden!important;}
  .cs-benefits-grid{
    display:flex!important;flex-wrap:nowrap!important;gap:12px!important;
    overflow-x:auto!important;overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch;
    scrollbar-width:none!important;padding:4px 18px 10px!important;
    scroll-padding-inline:18px;
  }
  .cs-benefits-grid::-webkit-scrollbar{display:none!important;}
  .cs-benefit-card{
    flex:0 0 78%!important;width:78%!important;min-width:78%!important;
    min-height:210px!important;padding:22px 18px!important;
    flex-direction:column!important;justify-content:center!important;align-items:center!important;
    text-align:center!important;gap:14px!important;scroll-snap-align:start!important;
    border-radius:18px!important;
  }
  .cs-benefit-icon{width:72px!important;height:72px!important;flex:0 0 72px!important;}
  .cs-benefit-icon svg{width:44px!important;height:44px!important;}
  .cs-benefit-content{align-items:center!important;text-align:center!important;gap:5px!important;}
  .cs-benefit-title{font-size:17px!important;line-height:1.6!important;text-align:center!important;}
  .cs-benefit-description{font-size:12px!important;line-height:1.7!important;text-align:center!important;}
}