/* ============================================================
   Каталог: категории на главной, карточки домов, пагинация
   Фирменные цвета: акцент #d99a3e, фон #000, текст #fff
   ============================================================ */

/* ---------- Сетка категорий на главной ---------- */
.category__wrapper{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:24px;
}
@media(max-width:1200px){.category__wrapper{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.category__wrapper{grid-template-columns:repeat(2,1fr);gap:16px}}
@media(max-width:480px){.category__wrapper{grid-template-columns:1fr}}

/* сброс старых inline-трансформаций донора */
.category__wrapper .cat-card{transform:none!important;opacity:1;min-width:0;max-width:none;margin:0}

.cat-card{
	display:flex;
	flex-direction:column;
	border-radius:7px;
	overflow:hidden;
	text-decoration:none;
	background:#141414;
	border:1px solid #262626;
	box-shadow:0 6px 24px rgba(0,0,0,.35);
	transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.cat-card:hover{transform:translateY(-6px);border-color:#d99a3e;box-shadow:0 16px 40px rgba(217,154,62,.18)}
.cat-card__imgwrap{aspect-ratio:4/3;background:#eef2f6;overflow:hidden;display:flex;align-items:center;justify-content:center}
.cat-card__img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.cat-card:hover .cat-card__img{transform:scale(1.04)}
.cat-card__shade{display:none}
.cat-card__body{padding:16px 18px;display:flex;flex-direction:column;gap:5px}
.cat-card__title{font-family:extra,sans-serif;font-size:19px;line-height:120%;color:#fff;margin:0}
@media(max-width:520px){.cat-card__title{font-size:18px}}
.cat-card__count{display:inline-flex;align-items:center;gap:6px;font-family:medium,sans-serif;font-size:14px;color:#d99a3e}
.cat-card__count::after{content:"→";transition:transform .3s ease}
.cat-card:hover .cat-card__count::after{transform:translateX(5px)}

/* ---------- Сетка карточек домов ---------- */
.projects__wrapper{
	display:grid!important;
	grid-template-columns:repeat(3,1fr);
	gap:28px;
	justify-content:initial!important;
}
@media(max-width:1100px){.projects__wrapper{grid-template-columns:repeat(2,1fr);gap:20px}}
@media(max-width:640px){.projects__wrapper{grid-template-columns:1fr}}

/* карточка дома */
a.house-card{
	display:flex;
	flex-direction:column;
	background:#141414;
	border:1px solid #262626;
	border-radius:7px;
	overflow:hidden;
	text-decoration:none;
	color:#fff;
	max-width:none;
	width:auto;
	transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
a.house-card:hover{transform:translateY(-5px);border-color:#d99a3e;box-shadow:0 14px 36px rgba(0,0,0,.5)}
.house-card__imgwrap{position:relative;aspect-ratio:4/3;overflow:hidden;background:#eef2f6;display:flex;align-items:center;justify-content:center}
.house-card__img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease}
.house-card__img.is-photo{object-fit:cover}
a.house-card:hover .house-card__img{transform:scale(1.05)}
.house-card__cat{position:absolute;top:12px;left:12px;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);color:#d99a3e;font-family:medium,sans-serif;font-size:12px;line-height:1;padding:7px 12px;border-radius:4px}
.house-card__body{display:flex;flex-direction:column;flex:1;padding:20px}
.house-card__title{font-family:bold,sans-serif;font-size:21px;line-height:130%;margin:0 0 14px;color:#fff;transition:color .3s ease}
a.house-card:hover .house-card__title{color:#d99a3e}
.house-card__specs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.house-card__chip{display:inline-flex;align-items:center;gap:5px;background:#1f1f1f;border:1px solid #2e2e2e;border-radius:4px;padding:6px 10px;font-family:medium,sans-serif;font-size:13px;color:#d8d8d8}
.house-card__chip b{color:#fff;font-family:bold,sans-serif;font-weight:400}
.house-card__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.house-card__more{display:inline-flex;align-items:center;gap:7px;font-family:bold,sans-serif;font-size:15px;color:#000;background:#d99a3e;padding:11px 18px;border-radius:5px;transition:filter .2s ease}
a.house-card:hover .house-card__more{filter:brightness(1.08)}
.house-card__more::after{content:"→"}

/* ---------- Пагинация ---------- */
.projects .pagination,
.pagination{
	display:flex;
	justify-content:center;
	align-items:center;
	gap:10px;
	margin-top:64px;
	flex-wrap:wrap;
}
.pagination .nav-links{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center}
.pagination .page-numbers{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:48px;
	height:48px;
	padding:0 14px;
	border-radius:6px;
	border:1px solid #2e2e2e;
	background:#141414;
	color:#fff;
	font-family:bold,sans-serif;
	font-size:17px;
	text-decoration:none;
	transition:all .2s ease;
}
.pagination a.page-numbers:hover{border-color:#d99a3e;color:#d99a3e;transform:translateY(-2px)}
.pagination .page-numbers.current{background:#d99a3e;border-color:#d99a3e;color:#000}
.pagination .page-numbers.dots{border:none;background:none;min-width:auto}
.pagination .page-numbers.prev,
.pagination .page-numbers.next{font-size:22px;color:#d99a3e}
.pagination a.page-numbers.prev:hover,
.pagination a.page-numbers.next:hover{background:#d99a3e;color:#000;border-color:#d99a3e}

/* ---------- Шапка: логотип, кнопка ---------- */
.header__logo .custom-logo,
.header__logo__img{max-height:48px;width:auto;display:block}
.header__logo__text{font-family:extra,sans-serif;font-size:26px;color:#d99a3e;text-decoration:none;letter-spacing:.5px}
.header__cta{
	display:inline-flex;align-items:center;
	font-family:bold,sans-serif;font-size:15px;
	color:#000;background:#d99a3e;
	padding:11px 22px;border-radius:5px;
	text-decoration:none;margin-left:24px;white-space:nowrap;
	transition:filter .2s ease, transform .2s ease;
}
.header__cta:hover{filter:brightness(1.08);transform:translateY(-1px)}
@media(max-width:900px){.header__cta{display:none}}

/* ---------- Hero: новое фото + описание ---------- */
.intro__col,
.intro__col--2{background-image:url("../images/hero-house.jpg")!important;background-size:cover!important;background-position:center!important}
.intro__lead{font-family:medium,sans-serif;font-size:18px;line-height:160%;color:#e6e6e6;max-width:520px;margin:20px 0 20px}
.intro__usp{list-style:none;padding:0;margin:0 0 34px;display:flex;flex-direction:column;gap:10px}
.intro__usp li{position:relative;padding-left:30px;font-family:medium,sans-serif;font-size:16px;line-height:140%;color:#fff}
.intro__usp li::before{content:"";position:absolute;left:1px;top:5px;width:9px;height:5px;border-left:2.5px solid #d99a3e;border-bottom:2.5px solid #d99a3e;transform:rotate(-45deg)}
@media(max-width:540px){.intro__lead{font-size:16px}.intro__usp li{font-size:15px}}

/* ---------- Секция цифр ---------- */
.stats{background:#141414;padding:64px 0;border-top:1px solid #222;border-bottom:1px solid #222}
.stats__wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
@media(max-width:820px){.stats__wrapper{grid-template-columns:repeat(2,1fr);gap:32px}}
@media(max-width:440px){.stats__wrapper{grid-template-columns:1fr}}
.stats__item{text-align:center}
.stats__num{font-family:extra,sans-serif;font-size:56px;line-height:1;color:#d99a3e;display:flex;align-items:baseline;justify-content:center;gap:6px}
.stats__num span{font-size:22px;color:#fff;font-family:bold,sans-serif}
.stats__label{margin-top:12px;font-family:medium,sans-serif;font-size:15px;line-height:145%;color:#bdbdbd}
@media(max-width:540px){.stats__num{font-size:46px}}

/* ---------- Секция «Как мы работаем» ---------- */
.steps{padding:100px 0}
.steps__header{text-align:center;margin-bottom:56px}
.steps__title{font-family:extra,sans-serif;font-size:48px;line-height:120%;color:#fff;margin:0 0 14px}
.steps__sub{font-family:medium,sans-serif;font-size:18px;color:#bdbdbd;margin:0}
@media(max-width:540px){.steps__title{font-size:34px}}
.steps__wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
@media(max-width:900px){.steps__wrapper{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.steps__wrapper{grid-template-columns:1fr}}
.steps__item{background:#141414;border:1px solid #262626;border-radius:7px;padding:28px 24px;transition:border-color .3s ease,transform .3s ease}
.steps__item:hover{border-color:#d99a3e;transform:translateY(-4px)}
.steps__n{font-family:extra,sans-serif;font-size:38px;color:#d99a3e;opacity:.85;margin-bottom:14px}
.steps__h{font-family:bold,sans-serif;font-size:20px;color:#fff;margin-bottom:10px;line-height:130%}
.steps__t{font-family:medium,sans-serif;font-size:15px;line-height:155%;color:#bdbdbd}
