/* UniqueNaam – front-end styles. Self-contained: works with any theme (and inside Elementor). */

@font-face { font-family: "UN Playfair"; src: url("../fonts/playfair-display-latin.woff") format("woff"); font-weight: 400 900; font-style: normal; font-display: swap; }
@font-face { font-family: "UN Devanagari"; src: url("../fonts/noto-sans-devanagari.woff") format("woff"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "UN Nastaliq"; src: url("../fonts/noto-nastaliq-urdu.woff") format("woff"); font-weight: 400 700; font-style: normal; font-display: swap; }

:root {
	--un-cream: #FFF9F0;
	--un-white: #FFFFFF;
	--un-ink: #1F2430;
	--un-muted: #5A6275;
	--un-line: #EADFCB;
	--un-navy: #1E3A5F;
	--un-sky: #BFE3F7;
	--un-sky-soft: #EAF6FD;
	--un-pink: #F6C4D4;
	--un-pink-deep: #B8456F;
	--un-pink-soft: #FDEEF3;
	--un-lav: #ECE6F8;
	--un-peach: #FFE6D6;
	--un-mint: #DFF4E7;
	--un-gold: #C9A24B;
	--un-gold-deep: #8A6A1C;
	--un-radius: 18px;
	--un-shadow: 0 1px 2px rgba(31, 36, 48, .06), 0 8px 24px rgba(31, 36, 48, .07);
	--un-f-serif: "UN Playfair", "Playfair Display", Georgia, "Times New Roman", serif;
	--un-f-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	--un-f-deva: "UN Devanagari", "Noto Sans Devanagari", "Nirmala UI", "Mangal", sans-serif;
	--un-f-urdu: "UN Nastaliq", "Noto Nastaliq Urdu", "Jameel Noori Nastaleeq", "Noto Naskh Arabic", "Segoe UI", serif;
	--un-accent: var(--un-gold);
	--un-accent-soft: var(--un-peach);
	--un-accent-ink: var(--un-ink);
}

.un-g-boy    { --un-accent: var(--un-navy);      --un-accent-soft: var(--un-sky-soft);  --un-accent-ink: var(--un-navy); --un-chip: var(--un-sky); }
.un-g-girl   { --un-accent: var(--un-pink-deep); --un-accent-soft: var(--un-pink-soft); --un-accent-ink: #7E2447;        --un-chip: var(--un-pink); }
.un-g-unisex { --un-accent: #5B4B9A;             --un-accent-soft: var(--un-lav);       --un-accent-ink: #3F3377;        --un-chip: #D9CFF3; }
.un-g-none   { --un-accent: var(--un-gold-deep); --un-accent-soft: var(--un-peach);     --un-accent-ink: var(--un-ink);  --un-chip: var(--un-peach); }

/* ---------- base ---------- */
.un-page, .un-home, .un-wrap { font-family: var(--un-f-sans); color: var(--un-ink); }
.un-wrap { max-width: 1120px; margin: 0 auto; padding: 0 16px; box-sizing: border-box; }
.un-wrap *, .un-wrap *::before, .un-wrap *::after,
.un-home *, .un-home *::before, .un-home *::after { box-sizing: border-box; }
.un-main { padding-top: 20px; padding-bottom: 56px; min-height: 50vh; }
.un-wrap img, .un-wrap svg { max-width: 100%; }
.un-wrap h1, .un-wrap h2, .un-wrap h3, .un-home h1, .un-home h2, .un-home h3 { font-family: var(--un-f-serif); line-height: 1.2; margin: 0; color: var(--un-ink); }
.un-wrap p { line-height: 1.6; }
[lang="hi"] { font-family: var(--un-f-deva); }
[lang="ur"] { font-family: var(--un-f-urdu); }
[lang="ur"], [dir="rtl"] { unicode-bidi: isolate; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); white-space: nowrap; }
.un-wrap a:focus-visible, .un-home a:focus-visible, .un-btn:focus-visible, .un-fav:focus-visible, .un-share:focus-visible,
.un-search__input:focus-visible, .un-pp select:focus-visible, .un-modal button:focus-visible, .un-modal a:focus-visible,
.un-search__btn:focus-visible, .un-alpha__a:focus-visible, .un-tab:focus-visible, .un-pg:focus-visible {
	outline: 3px solid #2B6CB0; outline-offset: 2px; border-radius: 10px;
}
.un-eyebrow { font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; color: var(--un-gold-deep); font-weight: 700; margin: 0 0 .6rem; }
.un-lead { color: var(--un-muted); font-size: 1.05rem; max-width: 62ch; margin: .6rem 0 0; }
.un-link { color: var(--un-navy); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--un-gold); }
.un-link:hover { color: var(--un-pink-deep); }
.un-empty { color: var(--un-muted); background: var(--un-white); border: 1px dashed var(--un-line); border-radius: var(--un-radius); padding: 22px; text-align: center; margin: 14px 0; }
.un-admin-note { background: #FFF8E6; border: 1px dashed var(--un-gold); border-radius: 12px; padding: 12px 16px; font-size: .92rem; }
.un-notice { padding: 12px 16px; border-radius: 12px; margin: 0 0 16px; }
.un-notice--ok { background: var(--un-mint); color: #1B5E37; }
.un-notice--err { background: #FDE8E8; color: #8A1C1C; }

/* ---------- buttons ---------- */
.un-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-height: 46px; padding: 10px 20px; border-radius: 999px; border: 1.5px solid var(--un-line);
	background: var(--un-white); color: var(--un-ink); font: 600 .98rem/1.2 var(--un-f-sans);
	text-decoration: none; cursor: pointer; transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.un-btn:hover { transform: translateY(-1px); box-shadow: var(--un-shadow); }
.un-btn--small { min-height: 38px; padding: 6px 14px; font-size: .88rem; }
.un-btn--boy  { background: var(--un-navy); border-color: var(--un-navy); color: #fff; }
.un-btn--boy:hover { background: #162b49; color: #fff; }
.un-btn--girl { background: var(--un-pink-deep); border-color: var(--un-pink-deep); color: #fff; }
.un-btn--girl:hover { background: #9c385d; color: #fff; }
.un-btn--gold { background: var(--un-gold); border-color: var(--un-gold); color: #1F2430; }
.un-btn--gold:hover { background: #b78f37; color: #1F2430; }
.un-btn--fav[aria-pressed="true"] { background: var(--un-pink-soft); border-color: var(--un-pink-deep); color: var(--un-pink-deep); }
.un-btn--fav[aria-pressed="true"] .un-ico path { fill: currentColor; }
.un-ico { flex: none; }

.un-fav, .un-share {
	display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0;
	border-radius: 50%; border: 1.5px solid var(--un-line); background: var(--un-white); color: var(--un-muted); cursor: pointer;
	transition: color .15s, background .15s, border-color .15s, transform .15s;
}
.un-fav:hover, .un-share:hover { color: var(--un-accent); border-color: var(--un-accent); }
.un-fav[aria-pressed="true"] { color: var(--un-pink-deep); background: var(--un-pink-soft); border-color: var(--un-pink-deep); }
.un-fav[aria-pressed="true"] .un-ico path { fill: currentColor; }
.un-fav.is-pop { transform: scale(1.18); }

/* ---------- search ---------- */
.un-search { position: relative; display: flex; align-items: center; gap: 8px; background: var(--un-white); border: 2px solid var(--un-line); border-radius: 999px; padding: 4px 4px 4px 18px; box-shadow: var(--un-shadow); max-width: 640px; }
.un-search:focus-within { border-color: var(--un-gold); }
.un-search__input { flex: 1 1 auto; min-width: 0; border: 0 !important; outline: 0; background: transparent !important; box-shadow: none !important; font: 400 1.05rem/1.4 var(--un-f-sans); color: var(--un-ink); padding: 12px 0; }
.un-search__input:focus-visible { outline: 0; }
.un-search:focus-within { outline: 3px solid #2B6CB0; outline-offset: 2px; }
.un-search__btn { flex: none; display: inline-flex; align-items: center; gap: 6px; min-height: 46px; padding: 0 18px; border: 0; border-radius: 999px; background: var(--un-navy); color: #fff; font: 600 .95rem var(--un-f-sans); cursor: pointer; }
.un-search__btn:hover { background: #162b49; }
.un-search--big { max-width: 700px; margin-left: auto; margin-right: auto; }
.un-search__list { position: absolute; z-index: 60; left: 0; right: 0; top: calc(100% + 8px); margin: 0; padding: 6px; list-style: none; background: var(--un-white); border: 1px solid var(--un-line); border-radius: 18px; box-shadow: 0 16px 40px rgba(31, 36, 48, .18); max-height: 70vh; overflow: auto; text-align: left; }
.un-search__list[hidden] { display: none; }
.un-sr { display: flex; align-items: center; gap: 8px; padding: 6px 6px 6px 12px; border-radius: 12px; }
.un-sr:hover, .un-sr.is-active { background: var(--un-cream); }
.un-sr__link { flex: 1 1 auto; min-width: 0; text-decoration: none; color: inherit; display: block; padding: 4px 0; }
.un-sr__en { display: block; font: 700 1.05rem var(--un-f-serif); color: var(--un-navy); overflow-wrap: anywhere; }
.un-sr__hi { display: block; font-size: .92rem; color: var(--un-muted); }
.un-sr__none, .un-sr__all { padding: 12px 14px; color: var(--un-muted); font-size: .95rem; }
.un-sr__all a { font-weight: 600; color: var(--un-navy); }
.un-sr .un-fav, .un-sr .un-share { width: 38px; height: 38px; }
.un-sr .un-ico { width: 18px; height: 18px; }

/* ---------- hero ---------- */
.un-hero { position: relative; overflow: hidden; text-align: center; padding: 64px 16px 56px;
	background: radial-gradient(900px 340px at 10% 0%, var(--un-pink-soft), transparent 60%), radial-gradient(900px 340px at 92% 8%, var(--un-sky-soft), transparent 60%), linear-gradient(180deg, var(--un-cream), #FFF3E2); }
.un-hero::before, .un-hero::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; }
.un-hero::before { width: 220px; height: 220px; left: -70px; bottom: -90px; background: var(--un-lav); opacity: .7; }
.un-hero::after { width: 160px; height: 160px; right: -40px; top: 40px; background: var(--un-mint); opacity: .7; }
.un-hero__inner { position: relative; z-index: 1; max-width: 820px; margin: 0 auto; }
.un-hero__title { font-size: clamp(2rem, 6vw, 3.4rem) !important; letter-spacing: -.01em; }
.un-hero__lead { font-size: 1.1rem; color: var(--un-muted); max-width: 56ch; margin: 1rem auto 1.6rem; }
.un-hero__cta { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 22px; }

/* ---------- sections ---------- */
.un-section { padding: 34px 0 8px; }
.un-section__head { margin-bottom: 14px; }
.un-section__title { font-size: clamp(1.4rem, 3.4vw, 2rem) !important; }
.un-section__sub { color: var(--un-muted); margin: .3rem 0 0; }
.un-az { border-radius: 24px; padding: 24px 20px; margin: 26px 0; background: var(--un-accent-soft); }
.un-az .un-section__title { color: var(--un-accent-ink); }
.un-az__more { margin: 14px 0 0; }
.un-az__results { min-height: 80px; }
.un-az__results.is-loading { opacity: .5; }

/* alphabet buttons */
.un-alpha ul, ul.un-alpha { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
nav.un-alpha { margin: 14px 0; }
.un-alpha li { margin: 0; padding: 0; list-style: none; }
.un-alpha__a { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 10px; border-radius: 12px; background: var(--un-white); border: 1.5px solid var(--un-line); color: var(--un-ink); font: 700 .95rem var(--un-f-sans); text-decoration: none; }
a.un-alpha__a:hover { border-color: var(--un-accent); color: var(--un-accent-ink); }
.un-alpha__a.is-current { background: var(--un-accent); border-color: var(--un-accent); color: #fff; }
.un-alpha__a.is-empty { opacity: .38; background: transparent; border-style: dashed; }

/* ---------- name cards ---------- */
.un-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 14px; margin: 16px 0; }
.un-card { display: flex; align-items: center; justify-content: space-between; gap: 10px; background: var(--un-white); border: 1px solid var(--un-line); border-left: 5px solid var(--un-accent); border-radius: 16px; padding: 14px 12px 14px 16px; box-shadow: var(--un-shadow); min-width: 0; }
.un-card__text { min-width: 0; flex: 1 1 auto; }
.un-card__en { font: 700 1.1rem/1.25 var(--un-f-serif) !important; letter-spacing: .01em; text-transform: uppercase; margin: 0; overflow-wrap: break-word; word-break: normal; }
.un-card__en a { color: var(--un-navy); text-decoration: none; }
.un-card__en a:hover { color: var(--un-accent); text-decoration: underline; text-underline-offset: 3px; }
.un-card__hi { margin: .25rem 0 0 !important; font-size: .98rem; color: var(--un-muted); line-height: 1.5 !important; }
.un-card__actions { display: flex; gap: 6px; flex: none; }
.un-card__rm { margin-top: 6px; }
.un-card.is-gone { border-left-color: var(--un-line); background: #FAF7F1; }

/* ---------- listing page ---------- */
.un-crumbs { font-size: .9rem; color: var(--un-muted); margin-bottom: 14px; }
.un-crumbs a { color: var(--un-navy); text-decoration: none; }
.un-crumbs a:hover { text-decoration: underline; }
.un-archive__title { font-size: clamp(1.8rem, 5vw, 2.8rem) !important; color: var(--un-accent-ink) !important; }
.un-tabs { list-style: none; display: flex; gap: 8px; padding: 0; margin: 16px 0 0; flex-wrap: wrap; }
.un-tab { display: inline-block; padding: 9px 18px; border-radius: 999px; border: 1.5px solid var(--un-line); background: var(--un-white); color: var(--un-ink); font-weight: 600; text-decoration: none; }
.un-tab.is-current { background: var(--un-navy); border-color: var(--un-navy); color: #fff; }
.un-toolbar { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; margin: 10px 0 0; }
.un-count { margin: 0; color: var(--un-muted); font-size: .95rem; }
.un-pp { display: flex; align-items: center; gap: 8px; font-size: .95rem; color: var(--un-muted); }
.un-pp select { min-height: 42px; border: 1.5px solid var(--un-line); border-radius: 12px; padding: 0 12px; background: var(--un-white); color: var(--un-ink); font: 600 .95rem var(--un-f-sans); }
.un-pagination ul { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin: 28px 0 0; padding: 0; }
.un-pg { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 12px; border-radius: 12px; border: 1.5px solid var(--un-line); background: var(--un-white); color: var(--un-ink); text-decoration: none; font-weight: 600; }
a.un-pg:hover { border-color: var(--un-gold); }
.un-pg.is-current { background: var(--un-navy); border-color: var(--un-navy); color: #fff; }
.un-pg--gap { border: 0; background: transparent; min-width: 24px; }

/* ---------- detail page ---------- */
.un-detail__hero { position: relative; overflow: hidden; text-align: center; padding: 44px 18px 34px; border-radius: 28px; background: linear-gradient(160deg, var(--un-accent-soft), var(--un-white) 80%); border: 1px solid var(--un-line); }
.un-detail__deco { position: absolute; inset: 0 0 auto 0; display: flex; justify-content: center; color: var(--un-accent); pointer-events: none; opacity: .3; }
.un-detail__deco svg { width: min(420px, 90%); height: auto; }
.un-detail__hero > *:not(.un-detail__deco) { position: relative; z-index: 1; }
.un-detail__en { font-size: clamp(2.3rem, 9vw, 4.4rem) !important; letter-spacing: .04em; text-transform: uppercase; overflow-wrap: anywhere; color: var(--un-accent-ink) !important; }
.un-detail__hi { font-size: clamp(1.5rem, 5vw, 2.2rem); margin: .3rem 0 0 !important; color: var(--un-ink); line-height: 1.5 !important; }
.un-badges { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; margin-top: 14px; }
.un-badge { display: inline-block; padding: 6px 14px; border-radius: 999px; font-weight: 700; font-size: .85rem; background: var(--un-chip, var(--un-peach)); color: var(--un-accent-ink); }
.un-badge--origin { background: var(--un-mint); color: #1B5E37; }
.un-badge--religion { background: var(--un-lav); color: #3F3377; }
.un-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 22px; }
.un-detail__body { display: grid; gap: 16px; margin-top: 22px; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.un-panel { background: var(--un-white); border: 1px solid var(--un-line); border-radius: 22px; padding: 22px 22px 20px; box-shadow: var(--un-shadow); }
.un-panel--extra { grid-column: 1 / -1; background: var(--un-cream); }
.un-panel__title { font: 700 .85rem var(--un-f-sans) !important; text-transform: uppercase; letter-spacing: .12em; color: var(--un-gold-deep) !important; margin: 0 0 12px !important; }
.un-fields { margin: 0; }
.un-field { margin: 0 0 14px; }
.un-field:last-child { margin-bottom: 0; }
.un-field__label { font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; color: var(--un-muted); margin: 0 0 2px; }
.un-field__value { margin: 0; font-size: 1.1rem; line-height: 1.7; }
.un-field--name .un-field__value { font-size: 1.9rem; line-height: 1.5; color: var(--un-accent-ink); }
.un-field--ur .un-field__value { text-align: right; line-height: 2.3; }
.un-field--ur .un-field__label { text-align: left; }
.un-field--ur.un-field--name .un-field__value { font-size: 2rem; line-height: 1.8; }
.un-related { margin-top: 36px; }
.un-related__links { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 8px; }

/* ---------- why / cta ---------- */
.un-why__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.un-why__item { background: var(--un-white); border: 1px solid var(--un-line); border-radius: 20px; padding: 20px; }
.un-why__item:nth-child(6n+1) .un-why__ico { background: var(--un-pink-soft); }
.un-why__item:nth-child(6n+2) .un-why__ico { background: var(--un-sky-soft); }
.un-why__item:nth-child(6n+3) .un-why__ico { background: var(--un-mint); }
.un-why__item:nth-child(6n+4) .un-why__ico { background: var(--un-lav); }
.un-why__item:nth-child(6n+5) .un-why__ico { background: var(--un-peach); }
.un-why__item:nth-child(6n+6) .un-why__ico { background: #FFF1C9; }
.un-why__ico { display: inline-flex; width: 46px; height: 46px; border-radius: 14px; align-items: center; justify-content: center; color: var(--un-navy); margin-bottom: 10px; }
.un-why__item h3 { font: 700 1.08rem var(--un-f-sans) !important; margin: 0 0 4px; }
.un-why__item p { margin: 0; color: var(--un-muted); }
.un-cta { margin: 40px 0 0; padding: 56px 16px; text-align: center; background: linear-gradient(135deg, var(--un-lav), var(--un-peach) 55%, var(--un-pink-soft)); }
.un-cta__inner { max-width: 640px; margin: 0 auto; }
.un-cta h2 { font-size: clamp(1.6rem, 4.5vw, 2.3rem) !important; }
.un-cta p { color: var(--un-muted); margin: .8rem 0 1.4rem; }

/* ---------- favorites ---------- */
.un-favorites { margin: 0 auto; max-width: 1120px; }
.un-fav-note { color: var(--un-muted); font-size: .92rem; background: var(--un-cream); border: 1px solid var(--un-line); border-radius: 12px; padding: 10px 14px; }
.un-fav-count { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--un-pink-deep); color: #fff; font: 700 .72rem var(--un-f-sans); }
.un-fav-count[hidden] { display: none; }

/* ---------- forms ---------- */
.un-form label { display: block; font-weight: 600; margin-bottom: 4px; }
.un-form input[type="text"], .un-form input[type="email"], .un-form textarea { width: 100%; max-width: 560px; padding: 12px 14px; border: 1.5px solid var(--un-line); border-radius: 12px; font: 400 1rem var(--un-f-sans); background: #fff; }

/* ---------- share dialog / toast ---------- */
.un-modal { position: fixed; inset: 0; z-index: 100000; display: flex; align-items: flex-end; justify-content: center; background: rgba(20, 24, 36, .55); padding: 0; }
.un-modal[hidden] { display: none; }
.un-modal__box { width: 100%; max-width: 440px; background: var(--un-white); border-radius: 24px 24px 0 0; padding: 22px 20px calc(22px + env(safe-area-inset-bottom)); box-shadow: 0 -10px 40px rgba(0, 0, 0, .25); font-family: var(--un-f-sans); color: var(--un-ink); max-height: 92vh; overflow: auto; position: relative; }
@media (min-width: 560px) { .un-modal { align-items: center; padding: 20px; } .un-modal__box { border-radius: 24px; } }
.un-modal__title { font: 700 1.2rem var(--un-f-serif); margin: 0 28px 14px 0; }
.un-modal__close { position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--un-cream); color: var(--un-ink); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.un-modal__opts { display: grid; gap: 10px; }
.un-opt { display: flex; align-items: center; gap: 12px; width: 100%; text-align: left; padding: 14px 16px; border: 1.5px solid var(--un-line); border-radius: 16px; background: var(--un-white); font: 600 1rem var(--un-f-sans); color: var(--un-ink); cursor: pointer; text-decoration: none; }
.un-opt:hover { border-color: var(--un-gold); background: var(--un-cream); }
.un-opt .un-ico { color: var(--un-navy); }
.un-modal textarea { width: 100%; min-height: 190px; padding: 12px; border: 1.5px solid var(--un-line); border-radius: 12px; font: 400 .98rem/1.5 var(--un-f-sans), var(--un-f-deva); background: var(--un-cream); color: var(--un-ink); resize: vertical; }
.un-modal__row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.un-modal__preview { display: block; width: 100%; height: auto; border-radius: 14px; border: 1px solid var(--un-line); background: #f4efe6; max-height: 58vh; object-fit: contain; }
.un-modal__msg { margin: 8px 0 0; color: var(--un-muted); font-size: .92rem; }
.un-spin { display: inline-block; width: 22px; height: 22px; border: 3px solid var(--un-line); border-top-color: var(--un-gold); border-radius: 50%; animation: un-rot .8s linear infinite; vertical-align: -5px; margin-right: 8px; }
@keyframes un-rot { to { transform: rotate(360deg); } }
.un-toast { position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 20px); opacity: 0; z-index: 100001; background: var(--un-navy); color: #fff; padding: 12px 20px; border-radius: 999px; font: 600 .95rem var(--un-f-sans); box-shadow: 0 8px 24px rgba(0, 0, 0, .25); transition: opacity .2s, transform .2s; pointer-events: none; max-width: 90vw; text-align: center; }
.un-toast.is-on { opacity: 1; transform: translate(-50%, 0); }

/* ---------- small screens ---------- */
@media (max-width: 600px) {
	.un-search { padding-left: 14px; }
	.un-search__btn-text { display: none; }
	.un-search__btn { padding: 0 14px; }
	.un-hero { padding: 40px 14px 40px; }
	.un-grid { grid-template-columns: 1fr; }
	.un-alpha__a { min-width: 38px; height: 38px; }
	.un-detail__hero { padding: 34px 12px 26px; border-radius: 22px; }
	.un-panel { padding: 18px 16px; }
	.un-actions .un-btn { flex: 1 1 calc(50% - 10px); padding: 10px 12px; }
	.un-toolbar { align-items: flex-start; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
	.un-btn, .un-fav, .un-share, .un-toast, .un-spin { transition: none; animation: none; }
}
@media print { .un-actions, .un-card__actions, .un-search, .un-modal, .un-toast { display: none !important; } }