/* Tripyana pricing table (v2 — 4 Aug 2026)
   v2: top spacing so «أسعارنا» is not glued to the section above,
   and darker/thicker cap+note icons (gold #d4af37 was ~1.9:1 on white).
   Rendered by [tripyana_price_table] (tripyana-pricing-table.php).
   Version in FILENAME — bump on edit and update the enqueue.
   Prefix "tripyana-pricing" is excluded from UCSS (optm-css_exc). */

.tpp{margin-block-start:clamp(2.5rem,5vw,4rem);--tpp-ink:#0c211a;--tpp-gold:#d4af37;--tpp-icon:#8a6a15;--tpp-line:#e7e3d7;--tpp-bg:#f6f4ee;--tpp-text:#4a5551;--tpp-muted:#8a9490;max-width:1200px;margin-inline:auto;padding-inline:1rem}
.tpp__heading{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:var(--tpp-ink);text-align:center;margin:0 0 1.4rem;letter-spacing:-.01em}
.tpp__tablewrap{border:1px solid var(--tpp-line);border-radius:1.4rem;overflow:hidden;background:#fff;box-shadow:0 8px 24px -14px rgba(12,33,26,.22)}
.tpp__table{width:100%;border-collapse:collapse;margin:0}
.tpp__table thead th{background:var(--tpp-ink);color:#e8c65a;font-size:.88rem;font-weight:800;padding:.95rem 1rem;text-align:start;line-height:1.35;border:0}
.tpp__table tbody tr{border-top:1px solid var(--tpp-line)}
.tpp__table tbody tr:first-child{border-top:0}
.tpp__table tbody tr:nth-child(even){background:#fbfaf6}
.tpp__row--v-class{background:#faf7ef!important}
.tpp__table th.tpp__vehicle,.tpp__table td.tpp__cell{padding:1rem;vertical-align:middle;text-align:start;border:0}
.tpp__vehicle{min-width:170px}
.tpp__name{display:block;font-size:1.02rem;font-weight:700;color:var(--tpp-ink);line-height:1.3}
.tpp__badge{display:inline-block;background:var(--tpp-ink);color:#e8c65a;border:1px solid rgba(212,175,55,.5);font-size:.68rem;font-weight:800;padding:.22rem .6rem;border-radius:999px;margin-inline-start:.4rem;vertical-align:middle;white-space:nowrap}
.tpp__caps{display:flex;flex-wrap:wrap;gap:.45rem;margin-block-start:.45rem}
.tpp__cap{display:inline-flex;align-items:center;gap:.3rem;font-size:.76rem;font-weight:600;color:var(--tpp-text);background:var(--tpp-bg);border:1px solid var(--tpp-line);padding:.2rem .55rem;border-radius:999px}
.tpp__cap svg{width:14px;height:14px;fill:none;stroke:var(--tpp-icon);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.tpp__amount{font-size:1.25rem;font-weight:800;color:var(--tpp-ink);line-height:1}
.tpp__amount--deal{color:#0c211a}
.tpp__unit{font-size:.74rem;font-weight:600;color:var(--tpp-muted);margin-inline-start:.3rem;white-space:nowrap}
.tpp__sub{display:block;font-size:.78rem;font-weight:600;color:var(--tpp-text);margin-block-start:.3rem}
.tpp__was{display:block;font-size:.8rem;font-weight:600;color:var(--tpp-muted);margin-block-start:.3rem}
.tpp__was s{text-decoration:line-through}
.tpp__note{display:flex;align-items:flex-start;gap:.55rem;justify-content:center;text-align:start;font-size:.92rem;font-weight:600;color:var(--tpp-text);line-height:1.6;margin:1.1rem auto 0;max-width:760px}
.tpp__note svg{flex:none;width:19px;height:19px;margin-block-start:2px;fill:none;stroke:var(--tpp-icon);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.tpp__ctawrap{text-align:center;margin-block-start:1.2rem}
.tpp__cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--tpp-gold);color:var(--tpp-ink);font-weight:700;font-size:1rem;padding:.9rem 1.9rem;border-radius:999px;text-decoration:none;transition:all .25s ease;border:1.6px solid transparent}
.tpp__cta:hover{background:#c19d2e;color:var(--tpp-ink);transform:translateY(-1px)}
.tpp__cta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* the site-wide lonw-open-wa / hover-net skins repaint CTAs — re-assert gold */
.tpp a.tpp__cta,.tpp a.tpp__cta *{color:var(--tpp-ink)!important;-webkit-text-fill-color:var(--tpp-ink)!important}
.tpp a.tpp__cta{background:var(--tpp-gold)!important;border-color:transparent!important}
.tpp a.tpp__cta:hover{background:#c19d2e!important}

/* ---- Mobile: one card per vehicle, no horizontal scroll ---- */
@media(max-width:768px){
	.tpp__tablewrap{border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
	.tpp__table,.tpp__table tbody{display:block;width:100%}
	.tpp__table thead{display:none}
	.tpp__table tbody tr{display:block;background:#fff!important;border:1px solid var(--tpp-line);border-radius:1.2rem;box-shadow:0 8px 24px -14px rgba(12,33,26,.22);padding:1.1rem 1.15rem;margin:0 0 1rem;overflow:hidden}
	.tpp__row--v-class{border-color:rgba(212,175,55,.55)!important}
	.tpp__table th.tpp__vehicle{display:block;padding:0 0 .8rem;border-block-end:1px solid var(--tpp-line);min-width:0}
	.tpp__table td.tpp__cell{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem;flex-wrap:wrap;padding:.7rem 0 0}
	.tpp__cell::before{content:attr(data-label);font-size:.82rem;font-weight:700;color:var(--tpp-text);line-height:1.4}
	.tpp__cell .tpp__amount{font-size:1.15rem}
	.tpp__cell .tpp__sub,.tpp__cell .tpp__was{display:inline;margin-inline-start:.45rem;margin-block-start:0}
}