/* لایه و ستون‌ها */
.sb-bnpl{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap}
.sb-bnpl--align-start{align-items:flex-start}
.sb-bnpl--align-center{align-items:center}
.sb-bnpl--align-end{align-items:flex-end}
.sb-bnpl__media{flex:0 0 auto;order:0}
.sb-bnpl__image{display:block;width:100%;height:auto}
.sb-bnpl__content{flex:1 1 auto;min-width:0;max-width:100%;order:1}

/* خط اول */
.sb-bnpl__headline{margin:0}

/* خط دوم تک‌خطی */
.sb-bnpl__line2{position:relative;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}

/* ظرف فلپ (اندازه‌گیری با JS) */
.sb-bnpl__flip{
  position:relative;display:inline-block;white-space:nowrap;vertical-align:baseline;perspective:800px;
  transform-style:preserve-3d;
}

/* دو فیس روی هم */
.sb-bnpl__face{
  position:absolute;top:0;left:0;right:0;display:inline-block;white-space:nowrap;
  backface-visibility:hidden;transform-origin:50% 50%;transition:transform .45s ease;
}
.sb-bnpl__face--front{transform:rotateX(0)}
.sb-bnpl__face--back{transform:rotateX(-180deg)}
.sb-bnpl__flip.is-flipped .sb-bnpl__face--front{transform:rotateX(180deg)}
.sb-bnpl__flip.is-flipped .sb-bnpl__face--back{transform:rotateX(0)}

.sb-bnpl__single{position:relative;display:inline-block;white-space:nowrap}

/* تایپو مبلغ جدا */
.sb-bnpl__amount{font-weight:600}

/* پیام راهنمای ادیتور */
.sb-bnpl--notice{padding:8px;border:1px dashed #bbb;color:#666}

/* انباشت در موبایل */
@media (max-width:767px){
  .sb-bnpl[data-stack-mobile="1"]{flex-direction:column!important;align-items:stretch}
  .sb-bnpl[data-stack-mobile="1"] .sb-bnpl__media{max-width:100%!important;flex-basis:auto!important}
}