/* All About Material Theme 1.0.6 — premium category card polish + balanced marketplace-style header search */

/* ---------- Browse by category ---------- */
.aam-main-category-grid {
	align-items: stretch;
	gap: 22px;
}

.aam-main-category-grid .aam-category-card {
	display: flex;
	min-height: 0;
	flex-direction: column;
	overflow: hidden;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 12px 34px rgba(15,31,49,.055);
	transition: transform .28s cubic-bezier(.22,1,.36,1), border-color .24s ease, box-shadow .28s ease;
}

.aam-main-category-grid .aam-category-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 24px 54px rgba(15,31,49,.12);
}

.aam-main-category-grid .aam-category-preview-grid {
	height: auto;
	aspect-ratio: 16 / 9;
	flex: 0 0 auto;
	background: #eef1f3 !important;
}

.aam-main-category-grid .aam-category-preview-grid img,
.aam-main-category-grid .aam-category-fallback-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.01);
	transition: transform .5s cubic-bezier(.22,1,.36,1), filter .35s ease;
}

.aam-main-category-grid .aam-category-card:hover .aam-category-preview-grid img,
.aam-main-category-grid .aam-category-card:hover .aam-category-fallback-image {
	transform: scale(1.045);
}

.aam-main-category-grid .aam-category-preview-shade {
	background: linear-gradient(180deg, rgba(8,20,32,.015) 40%, rgba(8,20,32,.11) 100%);
}

.aam-main-category-grid .aam-category-card-copy {
	min-height: 108px;
	flex: 1 1 auto;
	align-items: center;
	padding: 18px 20px 19px;
}

.aam-main-category-grid .aam-category-card-copy > span:first-child {
	gap: 3px;
}

.aam-main-category-grid .aam-category-card-copy strong {
	display: -webkit-box;
	overflow: hidden;
	font-size: 15px;
	line-height: 1.32;
	white-space: normal;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.aam-main-category-grid .aam-category-card-copy small {
	margin-top: 3px;
	font-size: 12px;
}

.aam-main-category-grid .aam-category-arrow {
	width: 42px;
	height: 42px;
	border: 1px solid color-mix(in srgb,var(--aam-primary) 18%,#eadede);
	background: color-mix(in srgb,var(--aam-primary) 6%,#fff);
	box-shadow: none;
	transition: transform .25s cubic-bezier(.22,1,.36,1), background .22s ease, color .22s ease, box-shadow .22s ease;
}

.aam-main-category-grid .aam-category-arrow svg {
	width: 18px;
	height: 18px;
}

.aam-main-category-grid .aam-category-card:hover .aam-category-arrow {
	background: var(--aam-primary);
	color: #fff;
	box-shadow: 0 8px 20px color-mix(in srgb,var(--aam-primary) 22%,transparent);
	transform: translateX(2px);
}

/* Approved content-specific images — tune crop positions for the category card ratio. */
.aam-main-category-grid .aam-category-card[href*="plumbing"] .aam-category-fallback-image,
.aam-main-category-grid .aam-category-card[href*="bath"] .aam-category-fallback-image {
	object-position: center 56%;
}

.aam-main-category-grid .aam-category-card[href*="fire"] .aam-category-fallback-image,
.aam-main-category-grid .aam-category-card[href*="protection"] .aam-category-fallback-image {
	object-position: center 35%;
}

.aam-main-category-grid .aam-category-card[href*="railing"] .aam-category-fallback-image,
.aam-main-category-grid .aam-category-card[href*="railings"] .aam-category-fallback-image,
.aam-main-category-grid .aam-category-card[href*="stair"] .aam-category-fallback-image {
	object-position: center 48%;
}

/* ---------- Desktop header ---------- */
@media (min-width: 1051px) {
	.aam-container.aam-nav-wrap {
		width: min(1460px, calc(100% - 44px));
		min-height: 84px;
		gap: 22px;
	}

	.aam-logo {
		flex: 0 0 auto;
	}

	.aam-nav {
		flex: 0 1 auto;
		justify-content: flex-start;
		gap: 26px;
		margin: 0 auto 0 10px;
	}

	.aam-nav a {
		white-space: nowrap;
	}

	.aam-header-search {
		flex: 0 1 500px;
		width: clamp(390px, 31vw, 500px);
		min-width: 360px;
		margin-left: auto;
	}

	.aam-header-search-panel > form {
		height: 50px;
		padding: 4px 5px 4px 17px;
		border-color: #d9dfe6;
		border-radius: 14px;
		background: #fff;
	}

	.aam-header-search-panel .aam-search-field-icon {
		width: 19px;
		height: 19px;
		color: #667085;
	}

	.aam-header-search-panel input[type="search"] {
		min-width: 0;
		height: 40px;
		font-size: 14px !important;
	}

	.aam-header-search-submit {
		min-width: 86px;
		height: 40px;
		padding: 0 18px;
		border-radius: 11px;
	}

	.aam-nav-actions {
		flex: 0 0 auto;
		margin-left: 0;
	}
}

@media (min-width: 1051px) and (max-width: 1260px) {
	.aam-container.aam-nav-wrap {
		gap: 15px;
	}

	.aam-nav {
		gap: 18px;
		margin-left: 4px;
	}

	.aam-header-search {
		width: 380px;
		min-width: 330px;
		flex-basis: 380px;
	}

	.aam-header-search-submit {
		min-width: 76px;
		padding-inline: 14px;
	}
}

@media (max-width: 780px) {
	.aam-main-category-grid .aam-category-card-copy {
		min-height: 96px;
		padding: 16px 17px;
	}
}