/* Hauska /catalog/ landing */
#hcm-page.hauska-catalog-main {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
	background: #fff;
	color: #221F20;
	font-family: Montserrat, sans-serif;
}
#hcm-page.hauska-catalog-main * { box-sizing: border-box; }
#hcm-page.hauska-catalog-main a { text-decoration: none; color: inherit; }
#hcm-page h1:after,
#hcm-page h2:after,
#hcm-page h3:after { display: none !important; content: none !important; }

.hcm-hero {
	padding: 40px 0 0;
	background: #fff;
}
#hcm-page .hcm-hero ul.breadcrumb.us-breadcrumb {
	margin: 0;
	padding: 0 !important;
	background: none !important;
	border: 0 !important;
	text-transform: none;
}
#hcm-page .hcm-hero .us-breadcrumb-item,
#hcm-page .hcm-hero .breadcrumb-item,
#hcm-page .hcm-hero .us-breadcrumb-item a,
#hcm-page .hcm-hero .breadcrumb-item a {
	color: rgba(34, 31, 32, 0.40) !important;
	font-size: 14px !important;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0;
	text-transform: none;
	background: none !important;
}
#hcm-page .hcm-hero .us-breadcrumb-item:last-child,
#hcm-page .hcm-hero .breadcrumb-item:last-child,
#hcm-page .hcm-hero .us-breadcrumb-item:last-child a {
	color: #221F20 !important;
}
#hcm-page .hcm-hero .us-breadcrumb-item + .us-breadcrumb-item::before,
#hcm-page .hcm-hero .breadcrumb-item + .breadcrumb-item::before {
	color: rgba(34, 31, 32, 0.40);
	padding: 0 12px;
	content: "›";
	font-size: 14px;
}
#hcm-page .hcm-hero .us-breadcrumb-item:first-child i,
#hcm-page .hcm-hero .fa-home {
	color: rgba(34, 31, 32, 0.40) !important;
	font-size: 14px;
}
.hcm-hero__title {
	margin: 40px 0 0;
	color: #221F20;
	font-family: Montserrat, sans-serif;
	font-size: 48px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 56px;
	letter-spacing: 2px;
}
.hcm-hero__rule {
	width: 124px;
	height: 1px;
	margin-top: 28px;
	background: #2A2826;
}

.hcm-cats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	padding: 40px 0 0;
}
.hcm-card {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	aspect-ratio: 1 / 1;
	padding: 24px;
	overflow: hidden;
	background: #221F20 center / cover no-repeat;
	outline: 1px solid rgba(34, 31, 32, 0.07);
	outline-offset: -1px;
}
.hcm-card__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.45s ease;
}
.hcm-card:hover .hcm-card__img { transform: scale(1.03); }
.hcm-card__shade {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(130deg, rgba(0, 0, 0, 0.40) 0%, rgba(102, 102, 102, 0) 100%),
		linear-gradient(0deg, rgba(34, 31, 32, 0.75) 0%, rgba(34, 31, 32, 0.20) 40%, rgba(34, 31, 32, 0) 65%);
	pointer-events: none;
}
.hcm-card__name {
	position: relative;
	z-index: 1;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
	line-height: 28px;
	letter-spacing: 3px;
}

.hcm-section { padding: 72px 0 0; }
.hcm-section:last-of-type { padding-bottom: 80px; }
.hcm-head {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	margin-bottom: 40px;
}
.hcm-head__title {
	margin: 0;
	color: #221F20;
	font-family: Montserrat, sans-serif;
	font-size: 36px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 48px;
	letter-spacing: 1px;
}
.hcm-head__rule {
	width: 80px;
	height: 1px;
	background: #221F20;
}
.hcm-head__lead {
	margin: 0;
	max-width: 720px;
	color: rgba(34, 31, 32, 0.65);
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
}

.hcm-products {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}
#hcm-page .hauska-card-mini {
	align-items: stretch;
	justify-content: flex-start;
}

.hcm-why__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 32px 24px;
}
.hcm-why__item {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.hcm-why__item span {
	color: #BD9746;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 2px;
	line-height: 16px;
}
.hcm-why__item p {
	margin: 0;
	color: #221F20;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}

.hcm-custom__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}
.hcm-feature {
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
}
.hcm-feature__media {
	width: 100%;
	aspect-ratio: 1 / 1;
	background: #221F20 center / cover no-repeat;
}
.hcm-feature h3 {
	margin: 0;
	color: #221F20;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 26px;
	letter-spacing: 1px;
}
.hcm-feature p {
	margin: 0;
	color: rgba(34, 31, 32, 0.65);
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
}

.hcm-steps__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 40px 32px;
}
.hcm-step {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.hcm-step span {
	color: #BD9746;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 2px;
	line-height: 16px;
}
.hcm-step h3 {
	margin: 0;
	color: #221F20;
	font-size: 18px;
	font-weight: 400;
	text-transform: uppercase;
	line-height: 26px;
	letter-spacing: 1px;
}
.hcm-step p {
	margin: 0;
	color: rgba(34, 31, 32, 0.65);
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
}

@media (max-width: 1199px) {
	.hcm-cats,
	.hcm-products,
	.hcm-custom__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.hcm-why__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
	.hcm-hero { padding-top: 24px; }
	.hcm-hero__title {
		margin-top: 24px;
		font-size: 32px;
		line-height: 40px;
		letter-spacing: 1px;
	}
	.hcm-hero__rule { margin-top: 20px; }
	.hcm-cats,
	.hcm-products,
	.hcm-custom__grid,
	.hcm-steps__grid,
	.hcm-why__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.hcm-cats { gap: 12px; padding-top: 28px; }
	.hcm-card { padding: 16px; }
	.hcm-card__name { font-size: 14px; line-height: 20px; letter-spacing: 1px; }
	.hcm-section { padding-top: 48px; }
	.hcm-section:last-of-type { padding-bottom: 56px; }
	.hcm-head { margin-bottom: 24px; gap: 12px; }
	.hcm-head__title { font-size: 24px; line-height: 32px; }
}
@media (max-width: 479px) {
	.hcm-custom__grid,
	.hcm-steps__grid,
	.hcm-why__grid { grid-template-columns: 1fr; }
}