/* ==========================================================================
   AzStudy redesign — Haqqımızda, Qəbullarımız, 404 (+ the letter lightbox).
   Builds on chrome.css, home.css and archive.css.
   ========================================================================== */

body.azs-is-page,
body.azs-is-page #tie-wrapper {
	background: var(--azs-bg);
}

/* ---------- shared page header band ---------- */
.azs-page-hero {
	position: relative;
	overflow: hidden;
	padding: 36px 0 72px;
	background:
		radial-gradient(50% 70% at 92% 10%, rgba(17, 160, 127, .10), transparent 60%),
		radial-gradient(40% 60% at 0% 100%, rgba(198, 161, 91, .12), transparent 60%),
		var(--azs-bg);
}

.azs-page-hero__grid {
	display: grid;
	grid-template-columns: 1.1fr .9fr;
	gap: 56px;
	align-items: center;
}

.azs-page-hero__grid > * {
	min-width: 0;
}

.azs-home .azs-page-hero__title {
	margin: 18px 0;
	max-width: 760px;
	font-size: clamp(2.3rem, 4.4vw, 3.6rem);
	line-height: 1.07;
}

.azs-home .azs-page-hero__lead {
	max-width: 620px;
	font-size: 17.5px;
	line-height: 1.7;
	color: var(--azs-ink-2);
}

/* ---------- Haqqımızda ---------- */
.azs-home .azs-about-photo {
	position: relative;
	display: block;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	border-radius: 22px;
	background: var(--azs-dark);
	box-shadow: var(--azs-shadow-lg);
}

.azs-home .azs-about-photo img {
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	transition: transform .8s cubic-bezier(.2, .7, .2, 1);
}

.azs-about-photo:hover img {
	transform: scale(1.04);
}

.azs-about-photo::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(13, 24, 36, 0) 50%, rgba(13, 24, 36, .8) 100%);
}

.azs-about-photo__cap {
	position: absolute;
	left: 22px;
	right: 22px;
	bottom: 20px;
	z-index: 2;
	display: grid;
	gap: 6px;
}

.azs-about-photo .azs-rec__kicker {
	color: var(--azs-gold);
}

.azs-about-photo__title {
	font: 600 22px/1.2 var(--azs-serif);
	color: #fff;
}

.azs-about-mission {
	display: grid;
	grid-template-columns: .9fr 1.1fr;
	gap: 72px;
	align-items: start;
}

.azs-home .azs-about-mission h2 {
	margin-top: 16px;
	font-size: clamp(2rem, 3.6vw, 3rem);
	line-height: 1.1;
}

.azs-home .azs-about-mission__text p {
	margin-bottom: 18px;
	font-size: 18px;
	line-height: 1.75;
	color: var(--azs-ink-2);
}

.azs-values {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
}

.azs-value {
	padding: 28px 24px;
	border: 1px solid rgba(255, 255, 255, .12);
	border-radius: var(--azs-radius);
	background: rgba(255, 255, 255, .03);
}

.azs-value__ic {
	display: grid;
	place-items: center;
	width: 48px;
	height: 48px;
	margin-bottom: 20px;
	border-radius: 14px;
	border: 1px solid rgba(198, 161, 91, .5);
	color: var(--azs-gold);
}

.azs-value__ic .azs-icon {
	width: 22px;
	height: 22px;
}

body .azs-home .azs-value h3 {
	font: 700 17px/1.35 var(--azs-sans);
	letter-spacing: -.005em;
	color: #fff;
}

.azs-home .azs-value p {
	margin-top: 10px;
	font-size: 14.5px;
	line-height: 1.6;
	color: rgba(255, 255, 255, .7);
}

.azs-contact-cards {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 16px;
}

.azs-home .azs-contact-card {
	display: block;
	min-width: 0;
	padding: 24px 22px;
	background: #fff;
	border: 1px solid var(--azs-line);
	border-radius: var(--azs-radius);
	color: var(--azs-ink);
	transition: border-color .2s, box-shadow .2s, transform .2s;
}

.azs-home a.azs-contact-card:hover {
	border-color: rgba(11, 122, 97, .45);
	box-shadow: var(--azs-shadow);
	transform: translateY(-2px);
}

.azs-contact-card__ic {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	margin-bottom: 18px;
	border-radius: 12px;
	background: var(--azs-brand-tint);
	color: var(--azs-brand-ink);
}

.azs-contact-card__ic .azs-icon {
	width: 20px;
	height: 20px;
}

.azs-home .azs-contact-card__label {
	font: 700 11.5px/1.3 var(--azs-sans);
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--azs-muted);
}

.azs-home .azs-contact-card__value {
	margin-top: 6px;
	font-weight: 600;
	font-size: 15px;
	line-height: 1.45;
	overflow-wrap: break-word;
}

.azs-home .azs-contact-legal {
	margin-top: 18px;
	font-size: 13.5px;
	color: var(--azs-muted);
}

/* ---------- Qəbullarımız ---------- */
.azs-qebul-list {
	padding-top: 64px;
}

.azs-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 36px;
}

.azs-home .azs-filter__btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 42px;
	padding: 0 16px;
	border: 1px solid var(--azs-line);
	border-radius: 999px;
	background: #fff;
	font: 600 14px/1 var(--azs-sans);
	color: var(--azs-ink);
	cursor: pointer;
	transition: border-color .2s, background-color .2s, color .2s;
}

.azs-filter__btn .azs-flag {
	width: 20px;
	height: 20px;
}

.azs-home .azs-filter__btn:hover {
	border-color: var(--azs-brand-ink);
}

.azs-home .azs-filter__btn[aria-pressed="true"] {
	background: var(--azs-dark);
	border-color: var(--azs-dark);
	color: #fff;
}

.azs-letter-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 28px 22px;
}

.azs-home .azs-letter-card {
	display: flex;
	flex-direction: column;
	min-width: 0;
	color: var(--azs-ink);
}

.azs-home .azs-letter-card[hidden] {
	display: none;
}

.azs-letter-card__paper {
	display: block;
	padding: 10px;
	background: #fff;
	border: 1px solid var(--azs-line);
	border-radius: 14px;
	box-shadow: var(--azs-shadow-sm);
	transition: box-shadow .25s, transform .25s;
}

.azs-home .azs-letter-card__paper img {
	width: 100%;
	height: auto;
	max-width: none;
	aspect-ratio: 3 / 4;
	object-fit: contain;
	background: #fff;
	border-radius: 6px;
}

.azs-letter-card:hover .azs-letter-card__paper {
	box-shadow: var(--azs-shadow);
	transform: translateY(-4px);
}

.azs-letter-card__name {
	margin-top: 14px;
	font-weight: 700;
	font-size: 15px;
	line-height: 1.3;
}

.azs-letter-card__country {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 6px;
	font-size: 13px;
	color: var(--azs-muted);
}

.azs-letter-card__country .azs-flag {
	width: 16px;
	height: 16px;
}

/* ---------- 404 ---------- */
.azs-404-hero {
	padding-bottom: 88px;
	text-align: left;
}

.azs-404-search {
	position: relative;
	display: flex;
	gap: 10px;
	max-width: 620px;
	margin-top: 32px;
}

.azs-404-search__icon {
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	color: var(--azs-muted);
	pointer-events: none;
}

.azs-home .azs-404-search input[type="search"] {
	flex: 1;
	min-width: 0;
	height: 52px;
	margin: 0;
	padding: 0 18px 0 50px;
	border: 1px solid var(--azs-line);
	border-radius: 999px;
	background: #fff;
	box-shadow: none;
	color: var(--azs-ink);
	font: 500 15px/1 var(--azs-sans);
	outline: none;
}

.azs-home .azs-404-search input[type="search"]:focus {
	border-color: var(--azs-brand-ink);
}

.azs-home .azs-404-home {
	margin-top: 22px;
}

/* ---------- responsive ---------- */
@media (max-width: 1024px) {
	.azs-page-hero__grid,
	.azs-about-mission {
		grid-template-columns: 1fr;
		gap: 36px;
	}

	.azs-values {
		grid-template-columns: repeat(2, 1fr);
	}

	.azs-contact-cards {
		grid-template-columns: repeat(3, 1fr);
	}

	.azs-letter-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (max-width: 640px) {
	.azs-page-hero {
		padding: 24px 0 52px;
	}

	.azs-values {
		grid-template-columns: 1fr;
	}

	.azs-contact-cards {
		grid-template-columns: 1fr 1fr;
	}

	.azs-letter-grid {
		grid-template-columns: 1fr 1fr;
		gap: 22px 14px;
	}

	.azs-letter-card__paper {
		padding: 6px;
	}

	.azs-filter {
		flex-wrap: nowrap;
		overflow-x: auto;
		margin: 0 -16px 28px;
		padding: 0 16px 4px;
		scrollbar-width: none;
	}

	.azs-filter::-webkit-scrollbar {
		display: none;
	}

	.azs-home .azs-filter__btn {
		flex: none;
	}

	.azs-404-search {
		flex-direction: column;
	}

	.azs-404-search__icon {
		top: 26px;
	}
}