/* /umrah-software — product page. Builds on main.css tokens and components. */
.us-crumbs ol { display: flex; flex-wrap: wrap; gap: .4rem; list-style: none; padding: 0; margin: 0 0 1.2rem; font-size: .88rem; color: rgba(248, 243, 230, .78); }
.us-crumbs li + li::before { content: "/"; margin-inline-end: .4rem; opacity: .6; }
.us-crumbs a { color: inherit; text-decoration: none; }
.us-crumbs a:hover { text-decoration: underline; }

.us-para { margin-top: 1rem; }
.us-more { margin-top: 2rem; }
.us-more a:not(.btn) { color: var(--primary); font-weight: 600; display: inline-flex; gap: .35rem; align-items: center; }

.us-tiers { list-style: none; padding: 0; }
.us-tier__num { display: block; color: var(--gold); font-size: .9rem; margin-bottom: .6rem; }

.us-table table th[scope="row"] { font-weight: 600; color: var(--ink); background: transparent; }
.us-table tbody tr + tr { border-top: var(--border); }
.us-table td:last-child { color: var(--primary); font-weight: 500; }

.us-plans { list-style: none; padding: 0; }
.us-plan__price { font-size: 1.35rem; color: var(--ink); margin: .4rem 0 .6rem; }
.us-plan__price span { font-size: .85rem; color: var(--ink-2); }

.us-links { list-style: none; padding: 0; margin: 1.4rem 0 0; display: grid; gap: .6rem; }
.us-links a { color: var(--primary); font-weight: 600; display: inline-flex; gap: .35rem; align-items: center; text-decoration: none; }
.us-links a:hover { text-decoration: underline; }

.us-subhead { font: 600 1.05rem/1.3 var(--font-display); margin: 2.2rem 0 .8rem; color: var(--ink); }
.us-chips { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.us-chips a { display: inline-block; padding: .4rem .9rem; border: var(--border); border-radius: 999px; background: var(--surface); color: var(--primary); text-decoration: none; font-size: .92rem; }
.us-chips a:hover { border-color: var(--primary); }