/* Trip picker (src/services/planPicker.js). Everything is scoped to .pp so it can sit
   on country, /uk, city and guide pages without touching their styles. Logical
   properties throughout so Arabic (dir=rtl) mirrors cleanly. Nothing here depends on
   JavaScript: plan-picker.js only toggles state classes that never change layout on load. */
.pp {
    --pp-ink: #0b1220;
    --pp-ink-2: #1f2937;
    --pp-muted: #4b5567;
    --pp-line: #e3e6ef;
    --pp-bg: #f6f7fb;
    --pp-brand: #4f46e5;
    --pp-brand-strong: #4338ca;
    --pp-brand-ink: #3730a3;
    --pp-violet: #7c3aed;
    --pp-soft: #eef0ff;
    --pp-green: #047857;
    --pp-radius: 22px;
    --pp-shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 10px 28px -14px rgba(15, 23, 42, .18);
    --pp-shadow-lg: 0 2px 4px rgba(15, 23, 42, .05), 0 28px 56px -22px rgba(55, 48, 163, .42);
    --pp-ring: 0 0 0 3px rgba(79, 70, 229, .35);
    position: relative;
    padding: 56px 0 48px;
    background: radial-gradient(60% 50% at 50% 0%, rgba(124, 58, 237, .07), transparent 70%), var(--pp-bg);
    color: var(--pp-ink);
    font-family: inherit;
    -webkit-font-smoothing: antialiased;
    text-align: start;
}
.pp *, .pp *::before, .pp *::after { box-sizing: border-box; }
.pp :where(h2, h3, h4, h5, h6, p, ul, fieldset, legend, figure) { margin: 0; padding: 0; }
.pp ul { list-style: none; }
.pp a { color: inherit; }
.pp-wrap { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }
@media (min-width: 640px) { .pp-wrap { padding: 0 32px; } }
.pp-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.pp-svg { width: 20px; height: 20px; flex: none; }
[dir="rtl"] .pp-arrow, [dir="rtl"].pp .pp-arrow { transform: scaleX(-1); }

/* ---------- Header ---------- */
.pp-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 32px; margin-bottom: 24px; }
.pp-head-copy { max-width: 40rem; }
.pp-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: .8125rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--pp-brand-strong); }
.pp-eyebrow::before { content: ""; width: 18px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, var(--pp-brand), var(--pp-violet)); }
.pp-title { margin-top: 10px; font-size: clamp(1.75rem, 1.25rem + 2vw, 2.5rem); line-height: 1.12; letter-spacing: -.028em; font-weight: 800; color: var(--pp-ink); text-wrap: balance; }
.pp-lede { margin-top: 12px; font-size: 1.0625rem; line-height: 1.6; color: var(--pp-muted); }
.pp-currency { padding: 6px 12px; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px var(--pp-line); font-size: .8125rem; font-weight: 700; color: var(--pp-ink-2); white-space: nowrap; }

/* ---------- Help me choose ---------- */
.pp-help { margin-bottom: 36px; border-radius: 20px; background: #fff; box-shadow: var(--pp-shadow), inset 0 0 0 1px var(--pp-line); }
.pp-help-sum { display: flex; align-items: center; gap: 14px; min-height: 72px; padding: 14px 18px; cursor: pointer; list-style: none; border-radius: 20px; }
.pp-help-sum::-webkit-details-marker { display: none; }
.pp-help-sum:hover .pp-help-text strong { color: var(--pp-brand-strong); }
.pp-help-sum:focus-visible { outline: none; box-shadow: var(--pp-ring); }
.pp-help-icon { display: grid; place-items: center; width: 44px; height: 44px; flex: none; border-radius: 14px; color: #fff; background: linear-gradient(135deg, var(--pp-brand), var(--pp-violet)); box-shadow: 0 8px 18px -10px rgba(79, 70, 229, .9); }
.pp-help-text { display: grid; gap: 2px; min-width: 0; }
.pp-help-text strong { font-size: 1rem; font-weight: 750; color: var(--pp-ink); transition: color .15s ease; }
.pp-help-text span { font-size: .875rem; color: var(--pp-muted); }
.pp-chevron { margin-inline-start: auto; color: var(--pp-brand); transition: transform .2s ease; }
.pp-help[open] .pp-chevron { transform: rotate(180deg); }
.pp-quiz { padding: 4px 18px 18px; }
.pp-q-grid { display: grid; gap: 20px; padding-top: 16px; border-top: 1px solid var(--pp-line); }
@media (min-width: 960px) { .pp-q-grid { grid-template-columns: 1.15fr 1.3fr .75fr; gap: 28px; } }
.pp-q { border: 0; min-width: 0; }
.pp-q legend { margin-bottom: 10px; font-size: .9375rem; font-weight: 750; color: var(--pp-ink); }
.pp-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.pp-chip, .pp-use { position: relative; }
.pp-chip input, .pp-use input, .pp-radio { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none; }
.pp-chip label { display: inline-flex; align-items: center; justify-content: center; min-width: 48px; min-height: 44px; padding: 0 16px; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1.5px #d4d8e4; font-size: .9375rem; font-weight: 650; color: var(--pp-ink-2); cursor: pointer; transition: box-shadow .15s ease, background-color .15s ease, color .15s ease; user-select: none; }
.pp-chip label:hover { box-shadow: inset 0 0 0 1.5px var(--pp-brand); color: var(--pp-brand-ink); }
.pp-chip input:checked + label { background: var(--pp-brand); color: #fff; box-shadow: inset 0 0 0 1.5px var(--pp-brand), 0 6px 14px -8px rgba(79, 70, 229, .9); }
.pp-uses { display: grid; gap: 8px; }
.pp-use label { display: grid; gap: 1px; min-height: 52px; padding: 9px 14px 9px 44px; border-radius: 14px; background: #fff; box-shadow: inset 0 0 0 1.5px #d4d8e4; cursor: pointer; transition: box-shadow .15s ease, background-color .15s ease; }
[dir="rtl"] .pp-use label { padding: 9px 44px 9px 14px; }
.pp-use label::before { content: ""; position: absolute; inset-inline-start: 14px; top: 50%; width: 18px; height: 18px; margin-top: -9px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px #9aa1b3; background: #fff; transition: box-shadow .15s ease; }
.pp-use label strong { font-size: .9375rem; font-weight: 750; color: var(--pp-ink); }
.pp-use label small { font-size: .8125rem; color: var(--pp-muted); }
.pp-use label:hover { box-shadow: inset 0 0 0 1.5px var(--pp-brand); }
.pp-use input:checked + label { background: var(--pp-soft); box-shadow: inset 0 0 0 2px var(--pp-brand); }
.pp-use input:checked + label::before { box-shadow: inset 0 0 0 5px var(--pp-brand); }
.pp-chip input:focus-visible + label, .pp-use input:focus-visible + label { outline: 3px solid var(--pp-brand); outline-offset: 2px; }
.pp-hint { margin-top: 10px; font-size: .8125rem; line-height: 1.45; color: var(--pp-muted); }
.pp-submit { margin-top: 16px; min-height: 48px; padding: 0 22px; border: 0; border-radius: 14px; background: var(--pp-brand); color: #fff; font: inherit; font-weight: 750; cursor: pointer; }
.pp-result { display: grid; gap: 16px; margin-top: 20px; padding: 18px; border-radius: 18px; background: linear-gradient(135deg, #f1f0ff, #f7f2ff); box-shadow: inset 0 0 0 1px #dcd8fb; }
@media (min-width: 760px) { .pp-result { grid-template-columns: minmax(0, 1fr) auto; align-items: center; padding: 20px 24px; } }
.pp-result-label { font-size: .75rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--pp-brand-ink); }
.pp-maths { margin-top: 6px; font-size: 1.0625rem; line-height: 1.5; color: var(--pp-ink); }
.pp-maths b { font-weight: 800; }
.pp-match, .pp-phones, .pp-nofit { margin-top: 6px; font-size: .9375rem; line-height: 1.5; color: var(--pp-muted); }
.pp-phones { color: var(--pp-ink-2); font-weight: 600; }
.pp-result-plan { display: grid; grid-template-columns: auto auto; align-items: baseline; gap: 2px 14px; padding: 14px 16px; border-radius: 16px; background: #fff; box-shadow: var(--pp-shadow); }
.pp-result-data { font-size: 1.75rem; font-weight: 800; letter-spacing: -.03em; color: var(--pp-ink); }
.pp-result-price { justify-self: end; font-size: 1.375rem; font-weight: 800; color: var(--pp-ink); font-variant-numeric: tabular-nums; }
.pp-result-meta { grid-column: 1 / -1; grid-row: 2; font-size: .875rem; color: var(--pp-muted); }
.pp-result-plan .pp-cta { grid-column: 1 / -1; margin-top: 10px; }
.pp-roam { grid-column: 1 / -1; padding-top: 14px; border-top: 1px solid #dcd8fb; }
.pp-roam-title { font-size: .9375rem; font-weight: 750; color: var(--pp-ink); }
.pp-roam ul { display: grid; gap: 6px; margin-top: 8px; }
.pp-roam li { display: grid; font-size: .9375rem; line-height: 1.45; color: var(--pp-ink-2); font-variant-numeric: tabular-nums; }
.pp-roam li.is-ours { font-weight: 750; color: var(--pp-green); }
.pp-roam small { font-size: .8125rem; color: var(--pp-muted); }
.pp-roam-sources { margin-top: 10px; font-size: .8125rem; line-height: 1.5; color: var(--pp-muted); }
.pp-roam-sources a { color: var(--pp-brand-ink); text-underline-offset: 2px; }

/* ---------- Tier cards ---------- */
.pp-tiers { border: 0; min-width: 0; margin: 0; padding: 0; }
.pp-track { display: flex; gap: 16px; margin: 0 -20px; padding: 18px 20px 8px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 20px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.pp-track::-webkit-scrollbar { display: none; }
@media (min-width: 640px) { .pp-track { margin: 0 -32px; padding-inline: 32px; scroll-padding-inline: 32px; } }
.pp-card { position: relative; display: flex; flex-direction: column; flex: 0 0 min(84%, 340px); scroll-snap-align: start; padding: 22px 20px 20px; border-radius: var(--pp-radius); background: #fff; box-shadow: var(--pp-shadow), inset 0 0 0 1px var(--pp-line); transition: box-shadow .2s ease, transform .2s ease; }
.pp-track[data-count="1"] .pp-card { flex-basis: 100%; max-width: 420px; }
.pp-card.is-featured { order: -1; border: 2px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, var(--pp-brand), var(--pp-violet) 60%, #c026d3) border-box; box-shadow: var(--pp-shadow-lg); padding: 28px 19px 19px; }
.pp-card.is-featured::before { content: ""; position: absolute; inset: 0; border-radius: calc(var(--pp-radius) - 2px); background: radial-gradient(90% 40% at 50% 0%, rgba(124, 58, 237, .08), transparent 70%); pointer-events: none; }
@media (min-width: 900px) {
    .pp-track { display: grid; grid-template-columns: repeat(var(--pp-n), minmax(0, 1fr)); align-items: stretch; gap: 20px; margin: 0; padding: 18px 0 8px; overflow: visible; }
    .pp-track[data-count="1"] { grid-template-columns: minmax(0, 420px); }
    .pp-track[data-count="2"] { grid-template-columns: repeat(2, minmax(0, 380px)); justify-content: center; }
    .pp-card { order: 0; margin-top: 22px; padding: 26px 24px 24px; }
    .pp-card.is-featured { order: 0; margin-top: 0; padding: 34px 23px 23px; }
    .pp-card:hover { transform: translateY(-3px); box-shadow: var(--pp-shadow-lg), inset 0 0 0 1px #d9dcf0; }
    .pp-card.is-featured:hover { box-shadow: 0 2px 4px rgba(15, 23, 42, .05), 0 34px 64px -24px rgba(55, 48, 163, .5); }
}
.pp-badge, .pp-suggested { position: absolute; top: 0; left: 50%; z-index: 2; transform: translate(-50%, -50%); padding: 6px 14px; border-radius: 999px; font-size: .75rem; font-weight: 800; letter-spacing: .02em; line-height: 1.2; white-space: nowrap; max-width: calc(100% - 24px); overflow: hidden; text-overflow: ellipsis; }
.pp-badge { color: #fff; background: linear-gradient(135deg, var(--pp-brand), var(--pp-violet)); box-shadow: 0 8px 18px -8px rgba(79, 70, 229, .8); }
.pp-suggested { display: none; color: var(--pp-green); background: #ecfdf5; box-shadow: inset 0 0 0 1px #a7f3d0; }
.pp-card.is-suggested .pp-suggested { display: block; }
.pp-card-head { display: flex; align-items: center; gap: 12px; }
.pp-icon { display: grid; place-items: center; width: 42px; height: 42px; flex: none; border-radius: 13px; color: var(--pp-brand-strong); background: var(--pp-soft); }
.is-featured .pp-icon { color: #fff; background: linear-gradient(135deg, var(--pp-brand), var(--pp-violet)); }
.pp-name { font-size: 1.0625rem; line-height: 1.25; font-weight: 800; letter-spacing: -.01em; color: var(--pp-ink); }
.pp-trip { margin-top: 2px; font-size: .875rem; color: var(--pp-muted); }
.pp-card-label { display: grid; margin-top: 18px; cursor: pointer; }
/* The label's ::after stretches over the whole card, so a tap anywhere selects it. */
.pp-card-label::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; border-radius: var(--pp-radius); transition: box-shadow .2s ease; }
.is-featured .pp-card-label::after { inset: -2px; }
.pp-radio:checked + .pp-card-label::after { box-shadow: inset 0 0 0 2px var(--pp-brand); }
.is-featured .pp-radio:checked + .pp-card-label::after { box-shadow: none; }
.pp-radio:focus-visible + .pp-card-label::after { outline: 3px solid var(--pp-brand); outline-offset: 3px; }
.pp-tick { position: absolute; top: 18px; inset-inline-end: 18px; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px #c4c9d6; color: transparent; background: #fff; transition: background-color .15s ease, box-shadow .15s ease, color .15s ease; }
.pp-tick .pp-svg { width: 16px; height: 16px; stroke-width: 2.6; }
.is-featured .pp-tick { top: 26px; }
@media (min-width: 900px) { .is-featured .pp-tick { top: 32px; } }
.pp-radio:checked + .pp-card-label .pp-tick { background: var(--pp-brand); box-shadow: none; color: #fff; }
.pp-data { display: flex; align-items: baseline; gap: 4px; line-height: 1; color: var(--pp-ink); }
.pp-num { font-size: clamp(2.75rem, 2.2rem + 2vw, 3.5rem); font-weight: 800; letter-spacing: -.045em; font-variant-numeric: tabular-nums; }
.pp-unit { font-size: 1.375rem; font-weight: 800; letter-spacing: -.02em; color: var(--pp-ink-2); }
.pp-valid { margin-top: 8px; font-size: .9375rem; font-weight: 650; color: var(--pp-ink-2); }
.pp-price { display: grid; gap: 3px; margin-top: 16px; padding-top: 16px; border-top: 1px dashed #d8dce8; }
.pp-amount { font-size: 1.875rem; font-weight: 800; letter-spacing: -.02em; line-height: 1.1; color: var(--pp-ink); font-variant-numeric: tabular-nums; }
.is-featured .pp-amount { color: var(--pp-brand-ink); }
.pp-price-note { font-size: .8125rem; color: var(--pp-muted); }
.pp-points { display: grid; gap: 10px; margin: 18px 0 22px; }
.pp-points li { display: flex; align-items: flex-start; gap: 10px; font-size: .9375rem; line-height: 1.45; color: var(--pp-ink-2); }
.pp-points .pp-svg { width: 18px; height: 18px; margin-top: 2px; color: var(--pp-green); }
.pp-cta { position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; margin-top: auto; padding: 0 20px; border-radius: 14px; background: #fff; box-shadow: inset 0 0 0 1.5px var(--pp-brand); color: var(--pp-brand-ink) !important; font-size: 1rem; font-weight: 750; text-decoration: none; transition: background-color .15s ease, box-shadow .2s ease, transform .15s ease; }
.pp-cta:hover { background: var(--pp-soft); }
.pp-cta.is-primary { background: linear-gradient(135deg, var(--pp-brand) 0%, var(--pp-violet) 100%); box-shadow: 0 10px 22px -10px rgba(79, 70, 229, .8); color: #fff !important; }
.pp-cta.is-primary:hover { box-shadow: 0 14px 28px -12px rgba(79, 70, 229, .9); transform: translateY(-1px); }
.pp-cta:focus-visible, .pp-all:focus-visible, .pp-more-item:focus-visible, .pp-day-cta:focus-visible, .pp-method summary:focus-visible, .pp-roam a:focus-visible { outline: 3px solid var(--pp-brand); outline-offset: 3px; }
.pp-cta .pp-arrow { transition: transform .2s ease; }
.pp-cta:hover .pp-arrow { transform: translateX(3px); }
[dir="rtl"] .pp-cta:hover .pp-arrow { transform: scaleX(-1) translateX(3px); }

.pp-swipe { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 10px; font-size: .8125rem; font-weight: 600; color: var(--pp-muted); }
.pp-swipe .pp-svg { width: 18px; height: 18px; }
@media (min-width: 900px) { .pp-swipe { display: none; } }

/* ---------- Trust strip ---------- */
.pp-trust { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; margin-top: 32px; padding: 20px; border-radius: 20px; background: #fff; box-shadow: inset 0 0 0 1px var(--pp-line); }
@media (min-width: 900px) { .pp-trust { grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 22px 26px; } }
.pp-trust li { display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
.pp-trust .pp-svg { width: 22px; height: 22px; margin-top: 1px; color: var(--pp-brand-strong); }
.pp-trust strong { display: block; font-size: .9375rem; font-weight: 750; line-height: 1.3; color: var(--pp-ink); }
.pp-trust span span { display: block; margin-top: 2px; font-size: .8125rem; line-height: 1.4; color: var(--pp-muted); }
@media (max-width: 479px) { .pp-trust { grid-template-columns: minmax(0, 1fr); gap: 14px; } .pp { padding: 40px 0 36px; } }

/* ---------- More options ---------- */
.pp-more { margin-top: 40px; }
.pp-more.is-compact { margin-top: 20px; }
.pp-more-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; margin-bottom: 14px; }
.pp-more-title { font-size: 1.25rem; font-weight: 800; letter-spacing: -.015em; color: var(--pp-ink); }
.pp-more-head p { font-size: .9375rem; color: var(--pp-muted); }
.pp-more-list { display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); }
.pp-more-item { display: flex; align-items: center; gap: 12px; min-height: 64px; padding: 12px 14px; border-radius: 16px; background: #fff; box-shadow: inset 0 0 0 1px var(--pp-line); text-decoration: none; transition: box-shadow .2s ease, transform .15s ease; }
.pp-more-item:hover { box-shadow: inset 0 0 0 1.5px var(--pp-brand), var(--pp-shadow); }
.pp-more-icon { display: grid; place-items: center; width: 38px; height: 38px; flex: none; border-radius: 12px; color: var(--pp-brand-strong); background: var(--pp-soft); }
.pp-more-copy { display: grid; min-width: 0; }
.pp-more-copy strong { font-size: .9375rem; font-weight: 750; color: var(--pp-ink); }
.pp-more-copy span { font-size: .8125rem; color: var(--pp-muted); }
.pp-more-price { margin-inline-start: auto; font-weight: 800; color: var(--pp-ink); font-variant-numeric: tabular-nums; white-space: nowrap; flex: none; }
.pp-more-item .pp-arrow { width: 18px; height: 18px; color: var(--pp-brand); }
.pp-all { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; margin-top: 12px; font-weight: 750; color: var(--pp-brand-ink) !important; text-decoration: none; }
.pp-all:hover { text-decoration: underline; text-underline-offset: 3px; }
.pp-all .pp-svg { width: 18px; height: 18px; }
.pp-day { display: grid; gap: 16px; align-items: center; margin-top: 20px; padding: 22px; border-radius: 22px; color: #fff; background: radial-gradient(80% 120% at 100% 0%, rgba(124, 58, 237, .55), transparent 60%), linear-gradient(135deg, #111a33, #1e1b4b); box-shadow: var(--pp-shadow-lg); }
@media (min-width: 760px) { .pp-day { grid-template-columns: auto minmax(0, 1fr) auto; padding: 24px 28px; gap: 22px; } }
.pp-day-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 15px; background: rgba(255, 255, 255, .12); color: #fde68a; }
.pp-day-title { font-size: 1.1875rem; font-weight: 800; color: #fff; }
.pp-day-copy p { margin-top: 4px; font-size: .9375rem; line-height: 1.5; color: #d9dcf5; }
.pp-day-copy .pp-day-sizes { color: #fff; font-weight: 650; }
.pp-day-buy { display: grid; gap: 8px; justify-items: start; }
@media (min-width: 760px) { .pp-day-buy { justify-items: end; } }
.pp-day-from { font-size: 1.0625rem; font-weight: 800; color: #fff; }
.pp-day-cta { display: inline-flex; align-items: center; gap: 8px; min-height: 46px; padding: 0 18px; border-radius: 13px; background: #fff; color: var(--pp-ink) !important; font-weight: 750; text-decoration: none; transition: background-color .15s ease; }
.pp-day-cta:hover { background: var(--pp-soft); }
.pp-day-cta:focus-visible { outline-color: #fff; }
.pp-day-cta .pp-svg { width: 18px; height: 18px; color: var(--pp-brand); }

.pp-method { margin-top: 24px; font-size: .875rem; color: var(--pp-muted); }
.pp-method summary { display: inline-flex; align-items: center; min-height: 44px; cursor: pointer; font-weight: 700; color: var(--pp-ink-2); }
.pp-method p { max-width: 52rem; line-height: 1.6; }

.pp.is-compact { padding: 28px 0; background: transparent; }
.pp.is-compact .pp-wrap { padding: 0; }

@media (prefers-reduced-motion: reduce) {
    .pp *, .pp *::before, .pp *::after { transition: none !important; }
    .pp-card:hover, .pp-cta:hover, .pp-cta.is-primary:hover { transform: none; }
    .pp-track { scroll-behavior: auto; }
}
@media (forced-colors: active) {
    .pp-card, .pp-help, .pp-more-item, .pp-trust { border: 1px solid CanvasText; }
    .pp-radio:checked + .pp-card-label::after { outline: 3px solid Highlight; }
}

/* Facts shared by every card, said once. */
.pp-shared { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; margin-top: 22px; padding: 0 4px; }
.pp-shared-title { font-size: .8125rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--pp-muted); }
.pp-shared ul { display: flex; flex-wrap: wrap; gap: 8px 10px; }
.pp-shared li { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 6px 14px; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px var(--pp-line); font-size: .875rem; line-height: 1.35; color: var(--pp-ink-2); }
.pp-shared .pp-svg { width: 18px; height: 18px; color: var(--pp-green); }
.pp-more-copy span { white-space: nowrap; }
/* Keep Latin figures ("20GB", "10GB · 30") in reading order inside Arabic text. */
[dir="rtl"] .pp-data { direction: ltr; justify-content: flex-end; }
[dir="rtl"] .pp-result-data, [dir="rtl"] .pp-amount, [dir="rtl"] .pp-more-price { unicode-bidi: isolate; direction: ltr; }