/* ===== Nur: раздел имён ===== */
.nur-names { --nn-accent: #1f8a70; --nn-bg: #f7f9f8; --nn-line: #e4eae8; --nn-text: #23302c; --nn-muted: #6b7c76; }
.nur-names__wrap { max-width: 960px; margin: 0 auto; padding: 24px 16px 56px; }

.nur-names__crumbs { font-size: 14px; color: var(--nn-muted); margin-bottom: 16px; }
.nur-names__crumbs a { color: var(--nn-accent); text-decoration: none; }
.nur-names__crumbs a:hover { text-decoration: underline; }
.nur-names__crumbs span { margin: 0 6px; }

.nur-names__header { text-align: center; margin-bottom: 24px; }
.nur-names__h1 { font-size: clamp(26px, 4vw, 38px); margin: 0 0 8px; color: var(--nn-text); }
.nur-names__lead { color: var(--nn-muted); font-size: 16px; margin: 0; }

/* Поиск */
.nur-names__search { margin: 0 auto 20px; max-width: 520px; }
.nur-names__search-input {
	width: 100%; padding: 14px 18px; font-size: 16px;
	border: 2px solid var(--nn-line); border-radius: 14px; outline: none;
	transition: border-color .15s;
}
.nur-names__search-input:focus { border-color: var(--nn-accent); }

/* Карточки пола */
.nur-names__genders { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 24px; }
.nur-gender-card {
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	padding: 28px 16px; border-radius: 18px; text-decoration: none;
	background: var(--nn-bg); border: 1px solid var(--nn-line); transition: transform .15s, box-shadow .15s;
}
.nur-gender-card:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(31,138,112,.12); }
.nur-gender-card--muzhskie { background: linear-gradient(135deg, #e8f3ff, #f4f9ff); }
.nur-gender-card--zhenskie { background: linear-gradient(135deg, #fdeef4, #fff5f9); }
.nur-gender-card__label { font-size: 20px; font-weight: 700; color: var(--nn-text); }
.nur-gender-card__count { font-size: 14px; color: var(--nn-muted); margin-top: 4px; }

/* Алфавит */
.nur-alphabet { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin-bottom: 28px; }
.nur-alphabet__item {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 40px; height: 40px; padding: 0 6px; border-radius: 10px;
	background: var(--nn-bg); border: 1px solid var(--nn-line);
	color: var(--nn-text); text-decoration: none; font-weight: 600; transition: all .15s;
}
.nur-alphabet__item:hover { background: var(--nn-accent); color: #fff; border-color: var(--nn-accent); }

/* Сетка имён */
.nur-names-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px; }
.nur-name-tile {
	display: flex; flex-direction: column; gap: 4px; padding: 16px;
	border: 1px solid var(--nn-line); border-radius: 14px; text-decoration: none;
	background: #fff; transition: transform .15s, box-shadow .15s, border-color .15s;
}
.nur-name-tile:hover { transform: translateY(-2px); border-color: var(--nn-accent); box-shadow: 0 6px 18px rgba(31,138,112,.1); }
.nur-name-tile__name { font-size: 18px; font-weight: 700; color: var(--nn-text); }
.nur-name-tile__ar { font-size: 18px; color: var(--nn-accent); }
.nur-name-tile__meaning { font-size: 13px; color: var(--nn-muted); line-height: 1.4; }

.nur-names__empty { text-align: center; color: var(--nn-muted); padding: 32px 0; }
.nur-names__pagination { margin-top: 28px; text-align: center; }
.nur-names__pagination .page-numbers {
	display: inline-block; padding: 8px 14px; margin: 0 3px; border-radius: 10px;
	border: 1px solid var(--nn-line); text-decoration: none; color: var(--nn-text);
}
.nur-names__pagination .current { background: var(--nn-accent); color: #fff; border-color: var(--nn-accent); }

/* Карточка имени (single) */
.nur-name-card {
	background: #fff; border: 1px solid var(--nn-line); border-radius: 20px;
	padding: 32px; margin-bottom: 32px;
}
.nur-name-card__head { text-align: center; border-bottom: 1px solid var(--nn-line); padding-bottom: 20px; margin-bottom: 20px; }
.nur-name-card__title { font-size: clamp(30px, 5vw, 44px); margin: 0 0 8px; color: var(--nn-text); }
.nur-name-card__ar { font-size: 36px; color: var(--nn-accent); margin-bottom: 14px; }
.nur-name-card__badges { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.nur-badge {
	display: inline-block; padding: 6px 14px; border-radius: 999px; font-size: 14px;
	background: var(--nn-bg); border: 1px solid var(--nn-line); color: var(--nn-text); text-decoration: none;
}
.nur-badge--gender { background: var(--nn-accent); color: #fff; border-color: var(--nn-accent); }
.nur-name-card__meaning {
	background: var(--nn-bg); border-radius: 14px; padding: 18px 20px; margin-bottom: 20px; text-align: center;
}
.nur-name-card__meaning-label { display: block; font-size: 13px; color: var(--nn-muted); text-transform: uppercase; letter-spacing: .05em; margin-bottom: 4px; }
.nur-name-card__meaning strong { font-size: 20px; color: var(--nn-text); }
.nur-name-card__text h2, .nur-name-card__variants h2 { font-size: 20px; color: var(--nn-text); margin: 24px 0 10px; }
.nur-name-card__text p { line-height: 1.7; color: var(--nn-text); }

.nur-similar { margin-bottom: 32px; }
.nur-similar__title { font-size: 22px; color: var(--nn-text); margin: 0 0 16px; }

.nur-names__cta { text-align: center; }
.nur-btn {
	display: inline-block; padding: 12px 24px; border-radius: 12px;
	background: var(--nn-accent); color: #fff; text-decoration: none; font-weight: 600;
}
.nur-btn:hover { opacity: .9; }

@media (max-width: 480px) {
	.nur-names__genders { grid-template-columns: 1fr; }
	.nur-names-grid { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
	.nur-name-card { padding: 20px; }
}
.nur-names__search {
	position: relative;
}

.nur-search-results {
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% + 6px);
	z-index: 30;
	background: #fff;
	border: 1px solid #e4e0d6;
	border-radius: 12px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
	overflow: hidden;
	max-height: 60vh;
	overflow-y: auto;
}

.nur-search-item {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 2px 12px;
	padding: 12px 16px;
	text-decoration: none;
	color: #1f2d27;
	border-bottom: 1px solid #f0ede4;
}

.nur-search-item:last-child {
	border-bottom: 0;
}

.nur-search-item:hover {
	background: #f6f4ee;
}

.nur-search-item__name {
	font-weight: 600;
}

.nur-search-item__ar {
	color: #12715a;
	font-size: 1.05em;
}

.nur-search-item__meaning {
	grid-column: 1 / -1;
	color: #6b6b6b;
	font-size: .9em;
}

.nur-search-empty {
	padding: 16px;
	color: #6b6b6b;
	text-align: center;
}
.nur-search-results {
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% + 6px);
	z-index: 30;
	background: #fff;
	border: 1px solid #e4e0d6;
	border-radius: 12px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, .12);
	overflow: hidden;
	max-height: 60vh;
	overflow-y: auto;
}

.nur-search-item {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 2px 12px;
	padding: 12px 16px;
	text-decoration: none;
	color: #1f2d27;
	border-bottom: 1px solid #f0ede4;
}

.nur-search-item:last-child { border-bottom: 0; }
.nur-search-item:hover { background: #f6f4ee; }
.nur-search-item__name { font-weight: 600; }
.nur-search-item__ar { color: #12715a; font-size: 1.05em; }

.nur-search-item__meaning {
	grid-column: 1 / -1;
	color: #6b6b6b;
	font-size: .9em;
}

.nur-search-empty {
	padding: 16px;
	color: #6b6b6b;
	text-align: center;
}