.nashr-po{display:flex;flex-direction:column;gap:22px;direction:rtl}

.nashr-po-card{
    background:var(--po-card-bg,#fff);
    border:1px solid var(--po-card-border, rgba(0,0,0,.12));
    border-radius:var(--po-radius,18px);
    overflow:hidden;
}

.nashr-po-grid{
    display:grid;
    grid-template-columns: 280px 1fr 230px;
    gap:22px;
    padding:20px;
    align-items:start;
}

/* actions like screenshot: icon box + text */
.nashr-po-actions{
    display:flex;
    flex-direction:column;
    gap:14px;
    padding-top:6px;
    font-family: IRANSansXFaNum;
}
.nashr-po-action{
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
    color:rgba(43,36,32,.70);
    font-weight:800;
    background:transparent;
    border:0;
    padding:0;
    cursor:pointer;
    text-align:right;
}
.nashr-po-action .ic{
    width:48px;height:48px;
    border-radius:12px;
    border:1px solid rgba(0,0,0,.14);
    background:#fff;
    display:flex;align-items:center;justify-content:center;
    flex:0 0 auto;
}
.nashr-po-action .ic svg{width:22px;height:22px;stroke:#6b584c}
.nashr-po-action .txt{line-height:1.9;font-size:13px}
.nashr-po-action .txt b{font-weight:900;color:#2b2420}
.nashr-po-action:hover .ic{transform:translateY(-1px);transition:.15s}
.nashr-po-action.is-active .ic{background:rgba(244,212,77,.35);border-color:rgba(244,212,77,.65)}

/* main */
.nashr-po-head{display:flex;flex-direction:column;gap:10px}
.nashr-po-ratingline{
    display:flex;align-items:center;gap:8px;flex-wrap:wrap;
    color:rgba(43,36,32,.70);
    font-weight:800;
    font-size:13px;
    font-family: 'IRANSansXFaNum';
}
.nashr-po-star{color:#f4b400;font-size:16px;line-height:1}
.nashr-po-title{
    margin:0;
    font-size:24px;
    font-weight:900;
    color:var(--po-title,#2b2420);
    line-height:1.9;
}
.nashr-po-author{
    color:rgba(107,88,76,.95);
    font-weight:900;
    font-size:18px;
}
.nashr-po-meta{
    margin:6px 0 0;
    padding:0;
    list-style:none;
    display:flex;flex-direction:column;gap:10px;
    color:var(--po-meta, rgba(43,36,32,.70));
    font-weight:800;
    line-height:2.1;
}
.nashr-po-meta b{color:#6b584c}

/* bottom pills + cart */
.nashr-po-bottom {
    display: grid;
    grid-template-columns: auto auto;
    gap: 12px;
    margin-top: 16px;
    align-items: center;
    width: 100%;
    direction: rtl;
    font-family: IRANSansXFaNum;
    padding: 0 20px 20px 20px;
}

.nashr-po-btn{
    width:100%;
    padding:14px 16px;
    border:0;
    border-radius:14px;
    background:var(--po-btn-bg,#7a665a);
    color:var(--po-btn-color,#fff);
    font-weight:900;
    cursor:pointer;
    transition:background .15s ease, transform .15s ease;
}
.nashr-po-btn:hover{background:var(--po-btn-bg-h,#6a594f);transform:translateY(-1px)}
.nashr-po-btn.oos{background:#f4d44d;color:#2b2420;cursor:default}
.nashr-po-btn.oos:hover{transform:none}

.nashr-po-pills{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start}
.nashr-po-pill{
    background:#f6f6f6;
    border:1px solid rgba(0,0,0,.08);
    border-radius:12px;
    padding:12px 14px;
    font-weight:900;
    color:#2b2420;
    min-width:170px;
    line-height:1.7;
}
.nashr-po-pill small{opacity:.55;font-weight:900;text-decoration:line-through;margin-right:8px}
.nashr-po-pill b{font-weight:900}

/* image */
.nashr-po-img{margin:0;display:flex;align-items:flex-start;justify-content:center}
.nashr-po-img img{
    width:100%;
    max-width:220px;
    border-radius:16px;
    border:2px solid rgba(0,0,0,.08);
    object-fit:cover;
    background:#fff;
}

/* out of stock tone */
.nashr-po-card.is-oos .nashr-po-pill{background:#efefef;color:#777}

/* responsive */
@media(max-width:1024px){
    .nashr-po-grid{grid-template-columns: 250px 1fr 210px}
    .nashr-po-bottom{grid-template-columns: 240px 1fr}
}
@media(max-width:768px){
    .nashr-po-grid{grid-template-columns: 1fr; padding:16px}
    .nashr-po-actions{flex-direction:row;flex-wrap:wrap;gap:10px}
    .nashr-po-action .txt{font-size:12px}
    .nashr-po-img{order:-1}
    .nashr-po-img img{max-width:260px}
    .nashr-po-bottom{grid-template-columns: 1fr}
    .nashr-po-pill{min-width:unset;flex:1 1 170px}
}

/* ✅ FIX: RTL layout swap + responsive */
.nashr-po{display:flex;flex-direction:column;gap:22px;direction:rtl;width:100%}

/* کارت */
.nashr-po-card{
    background:var(--po-card-bg,#fff);
    border:1px solid var(--po-card-border, rgba(0,0,0,.12));
    border-radius:var(--po-radius,18px);
    overflow:hidden;
    width:100%;
}

/* ✅ گرید را LTR کن تا ستون اول واقعاً سمت چپ بماند */
.nashr-po-grid{
    direction:ltr !important;                /* << مهم */
    display:grid;
    grid-template-columns: 280px 1fr 230px;  /* actions | main | image */
    grid-template-areas: "actions main image";
    gap:22px;
    padding:20px;
    align-items:start;
}

/* ✅ هر بخش را به area خودش قفل کن */
.nashr-po-actions{grid-area:actions; direction:ltr;} /* icon + text مثل عکس */
.nashr-po-main{grid-area:main; direction:rtl; text-align:right;} /* متن RTL */
.nashr-po-img{grid-area:image; direction:ltr; display:flex; justify-content:center;}

/* تصویر */
.nashr-po-img img{
    width:100%;
    max-width:220px;
    border-radius:16px;
    border:2px solid rgba(0,0,0,.08);
    object-fit:cover;
    background:#fff;
}

/* ✅ ریسپانسیو */
@media (max-width: 1024px){
    .nashr-po-grid{
        grid-template-columns: 250px 1fr 210px;
    }
    .nashr-po-bottom{grid-template-columns: 240px 1fr;}
}

@media (max-width: 767px){
    .nashr-po-grid{
        grid-template-columns: 1fr;
        grid-template-areas:
      "image"
      "main"
      "actions";
        padding:16px;
    }

    .nashr-po-img{justify-content:center}
    .nashr-po-img img{max-width:260px}

    /* آیکن‌ها در موبایل ردیفی شوند */
    .nashr-po-actions{
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        gap:10px;
    }

    /* هر اکشن نیم‌عرض، تو موبایل خوش‌فرم */
    .nashr-po-action{width:calc(50% - 6px);}
    .nashr-po-bottom{grid-template-columns:1fr;}
    .nashr-po-pill{min-width:unset;flex:1 1 170px;}
}

@media (max-width: 420px){
    .nashr-po-action{width:100%;}
}