/* Maktoob — gift page, sender (Batch 14). New classes only, so the Arabic gift page stays as it was. */

/* the free monthly Plus gift, under Send */
.gift__plus { display: flex; align-items: center; gap: 10px; margin-top: -6px; font: 600 14px/1.45 var(--f-ui); color: var(--sky); }
.gift__plus svg { flex: none; width: 20px; height: 20px; }

/* after sending: what happens next, View the gift, Write another */
.gift__next { display: block; margin-top: 6px; font: 400 15px/1.5 var(--f-ui); color: color-mix(in srgb, var(--stone) 82%, transparent); }
.gift__sent .btn + .gift__again { margin-inline-start: 14px; }
.gift__again { display: inline-flex; align-items: center; min-height: 44px; padding: 0 4px; font: 600 15px/1 var(--f-ui); text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 1.5px; cursor: pointer; }
.gift__again:hover { color: var(--white); }
:root:is([lang="en"], [lang="ar"]) .gift__sent { padding-inline: 16px; }

/* a Plus trial: the free gift is locked until the free week ends (a quieter line, not the sky "it's free" one) */
.gift__plus:has([data-perk-lock]) { align-items: flex-start; font-weight: 500; color: color-mix(in srgb, var(--stone) 82%, transparent); }
.gift__plus:has([data-perk-lock]) svg { margin-top: 1px; color: color-mix(in srgb, var(--stone) 70%, transparent); }