/* Exact public Payesh demonstration component, captured 2026-10-01. Synthetic data. */
.phxr9-product .fp-phone{background:#0d2019;border-radius:48px;width:300px;height:640px;padding:10px;box-shadow:0 44px 80px -36px #0d20198c,inset 0 0 0 2px #2f4d3f}
.phxr9-product .fp-phone-screen{color:#0d2019;text-align:start;background:#f4faf4;border-radius:38px;flex-direction:column;gap:9px;height:100%;padding:8px 13px 0;font-size:12px;line-height:1.7;display:flex;position:relative;overflow:hidden}
.phxr9-product .fp-phone-screen :is(p,strong,small,em){margin:0}
.phxr9-product .fp-phone-status{direction:ltr;justify-content:space-between;align-items:center;height:26px;padding-inline:10px;font-size:12px;font-weight:600;display:flex}
.phxr9-product .fp-phone-island{background:#0d2019;border-radius:13px;width:84px;height:24px}
.phxr9-product .fp-phone-battery{border:1.5px solid #0d2019;border-radius:3px;width:22px;height:11px;position:relative}
.phxr9-product .fp-phone-battery:after{content:"";background:#0d2019;border-radius:1px;position:absolute;inset:1.5px 6px 1.5px 1.5px}
.phxr9-product .fp-phone-top{justify-content:space-between;align-items:center;margin-top:2px;display:flex}
.phxr9-product .fp-phone-brand{color:#00585d;align-items:center;gap:6px;font-size:16px;font-weight:700;display:inline-flex}
.phxr9-product .fp-phone-bell{background:#e2ece2;border-radius:10px;place-items:center;width:32px;height:32px;display:grid;position:relative}
.phxr9-product .fp-phone-bell i{top:-5px;color:#fff;background:#00585d;border:2px solid #f4faf4;border-radius:9px;place-items:center;min-width:17px;height:17px;font-size:9px;font-style:normal;line-height:1;display:grid;position:absolute;inset-inline-end:-5px}
.phxr9-product .fp-phone-hello small{color:#4f5e50;font-size:11px;display:block}
.phxr9-product .fp-phone-hello strong{font-size:16px;font-weight:700;line-height:1.6;display:block}
.phxr9-product .fp-phone-card{background:#fff;border:1px solid #dfe8df;border-radius:16px;padding:10px 12px;box-shadow:0 1px 2px #0d20190d}
.phxr9-product .fp-phone-next{color:#fff;background:#0d2019;border-color:#0d2019;align-items:flex-start;gap:10px;display:flex}
.phxr9-product .fp-phone-next-icon{color:#0d2019;background:#c1fd8a;border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}
.phxr9-product .fp-phone-next small{color:#c1fd8a;font-size:10px;display:block}
.phxr9-product .fp-phone-next strong{font-size:12.5px;font-weight:600;line-height:1.65;display:block}
.phxr9-product .fp-phone-next div>span{color:#b9cabf;font-size:10px;display:block}
.phxr9-product .fp-phone-trend-head{justify-content:space-between;align-items:flex-start;display:flex}
.phxr9-product .fp-phone-trend-head small{color:#4f5e50;font-size:10px;display:block}
.phxr9-product .fp-phone-trend-head strong{font-size:14px;font-weight:700}
.phxr9-product .fp-phone-value{align-items:baseline;gap:4px;display:flex}
.phxr9-product .fp-phone-value b{color:#8a5300;font-size:24px;font-weight:700;line-height:1.2}
.phxr9-product .fp-phone-value span{color:#4f5e50;font-size:10px}
.phxr9-product .fp-phone-spark{width:100%;height:auto;margin-top:4px;display:block;overflow:visible}
.phxr9-product .fp-phone-spark-area{fill:#fff1d6;opacity:.8}
.phxr9-product .fp-phone-spark-grid{fill:none;stroke:#e3ebe3;stroke-width:1px;stroke-dasharray:3 4}
.phxr9-product .fp-phone-spark-line{fill:none;stroke:#00585d;stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}
.phxr9-product .fp-phone-spark circle{fill:#fff;stroke:#00585d;stroke-width:2px}
.phxr9-product .fp-phone-spark circle.fp-phone-spark-last{fill:#8a5300;stroke:#fff;stroke-width:2.5px}
.phxr9-product .fp-phone-axis{color:#627267;justify-content:space-between;padding-inline:2px;font-size:10px;display:flex}
.phxr9-product .fp-phone-flag{color:#8a5300;background:#fff4e0;border-radius:999px;margin-top:7px;padding:2px 8px;font-size:10px;display:inline-block}
.phxr9-product .fp-phone-feed>small{color:#4f5e50;margin-bottom:2px;font-size:10px;display:block}
.phxr9-product .fp-phone-feed>div{border-top:1px solid #edf2ed;align-items:center;gap:9px;padding-block:6px;display:flex}
.phxr9-product .fp-phone-feed>small+div{border-top:0}
.phxr9-product .fp-phone-feed>div>span{color:#00585d;background:#e9f0e9;border-radius:9px;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}
.phxr9-product .fp-phone-feed p{min-width:0}
.phxr9-product .fp-phone-feed strong{font-size:11.5px;font-weight:600;line-height:1.6;display:block}
.phxr9-product .fp-phone-feed em{color:#5d6d61;font-size:10px;font-style:normal;line-height:1.6;display:block}
.phxr9-product .fp-phone-tabs{background:#fff;border-top:1px solid #e3ebe3;grid-template-columns:repeat(4,minmax(0,1fr));margin:auto -13px 0;padding:6px 8px 12px;display:grid}
.phxr9-product .fp-phone-tabs span{color:#5d6d61;border-radius:10px;justify-items:center;gap:1px;padding-block:4px;font-size:10px;display:grid}
.phxr9-product .fp-phone-tabs .is-active{color:#00585d;background:#e9f0e9;font-weight:600}
@media (width<=767px){.phxr9-product .fp-phone{border-radius:42px;width:262px;height:562px;padding:9px}
.phxr9-product .fp-phone-screen{border-radius:33px;gap:7px;padding-inline:11px}
.phxr9-product .fp-phone-tabs{margin-inline:-11px}
.phxr9-product .fp-phone-feed>div:last-child{display:none}}
@media (width<=359px){.phxr9-product .fp-phone{width:240px;height:auto}
.phxr9-product .fp-phone-screen{height:auto;min-height:540px}}