/* YR-030 — shared Yarak component system. */
.ir-yarak{display:inline-flex;line-height:1}
.ir-yarak img{display:block;width:100%;height:auto;object-fit:contain}
.ir-yarak--xs{width:48px}.ir-yarak--sm{width:72px}.ir-yarak--md{width:104px}.ir-yarak--lg{width:148px}.ir-yarak--xl{width:184px}
.ir-yarak-component{display:flex;align-items:center;gap:14px;direction:rtl}
.ir-yarak-component__visual{flex:0 0 auto}
.ir-yarak-component__copy{min-width:0;text-align:right}
.ir-yarak-component__kicker{display:inline-flex;margin-bottom:5px;padding:4px 9px;border-radius:999px;background:#edf9f7;color:#087d76;font-size:10px;font-weight:900}
.ir-yarak-component__copy strong{display:block;color:#172033;font-size:15px;font-weight:950;line-height:1.7}
.ir-yarak-component__copy p{margin:4px 0 0;color:#6d7682;font-size:11px;font-weight:600;line-height:1.85}
.ir-yarak-component__copy a{display:inline-flex;margin-top:8px;color:#087d76;font-size:11px;font-weight:900;text-decoration:none}
.ir-yarak--status.ir-yarak-component{padding:12px 14px;border:1px solid #e7ebef;border-radius:16px;background:#fff}
.ir-yarak--feature.ir-yarak-component{padding:16px;border:1px solid rgba(18,145,137,.16);border-radius:20px;background:linear-gradient(135deg,#f3fffb,#fffaf0)}
.ir-yarak--floating.ir-yarak-component{box-shadow:0 12px 30px rgba(15,23,42,.12)}
@media(max-width:767px){.ir-yarak-component{gap:10px}.ir-yarak--xl{width:150px}.ir-yarak--lg{width:126px}.ir-yarak-component__copy strong{font-size:13px}.ir-yarak-component__copy p{font-size:10px}}
html.dark .ir-yarak-component__kicker{background:rgba(39,181,168,.12);color:#68ddd2}
html.dark .ir-yarak-component__copy strong{color:#f7f9fb}
html.dark .ir-yarak-component__copy p{color:#a7b1bd}
html.dark .ir-yarak--status.ir-yarak-component{border-color:#31404d;background:#142332}
html.dark .ir-yarak--feature.ir-yarak-component{border-color:rgba(59,203,190,.18);background:linear-gradient(135deg,#0f2130,#1a2430)}