/**
 * Metatrom Core — Catálogo público
 * Layout da busca, categorias, grade e cards da vitrine.
 * Extraído do renderer PHP na v2.5.1 para facilitar manutenção.
 */

.mt-catalogo{
		--mt-azul:#0b2d5c;
		--mt-azul-2:#071d3c;
		--mt-vermelho:#b51622;
		--mt-vermelho-2:#8d0f18;
		--mt-texto:#112033;
		--mt-suave:#6f7d8f;
		--mt-borda:#e2e8f0;
		--mt-borda-forte:#dbe3ec;
		--mt-fundo:#f5f8fb;
		--mt-fundo-2:#eef3f8;
		--mt-ativo:#eef4fb;
		width:calc(100vw - 40px);
		max-width:1600px;
		margin:0 0 0 50%;
		transform:translateX(-50%);
		color:var(--mt-texto);
		font-family:Poppins,sans-serif
	}
	.mt-catalogo *{box-sizing:border-box}

	/* Busca — barra achatada e limpa */
	.mt-catalogo__busca{margin:0 0 18px}
	.mt-catalogo__busca-shell{
		position:relative;
		display:grid;
		grid-template-columns:auto minmax(0,1fr) auto auto;
		align-items:center;
		gap:10px;
		min-height:54px;
		padding:6px 8px 6px 14px;
		border:1px solid var(--mt-borda);
		border-radius:12px;
		background:#fff;
		box-shadow:0 1px 3px rgba(7,29,60,.06);
		transition:border-color .18s ease,box-shadow .18s ease
	}
	.mt-catalogo__busca-shell:focus-within{
		border-color:rgba(11,45,92,.34);
		box-shadow:0 0 0 3px rgba(11,45,92,.08)
	}
	.mt-catalogo__busca-icone{
		display:grid;
		place-items:center;
		width:26px;
		height:26px;
		border:0;
		background:none;
		color:var(--mt-suave)
	}
	.mt-catalogo__busca-icone svg{width:20px;height:20px;display:block}
	.mt-catalogo__busca input[type="search"]{
		width:100%;
		min-width:0;
		height:42px;
		padding:0 4px;
		border:0!important;
		border-radius:0!important;
		background:transparent!important;
		box-shadow:none!important;
		outline:0!important;
		color:var(--mt-texto);
		font:500 14px/1.35 Poppins,sans-serif
	}
	.mt-catalogo__busca input[type="search"]::placeholder{color:#8b97a5;opacity:1}
	.mt-catalogo__busca input[type="search"]::-webkit-search-cancel-button{display:none}
	.mt-catalogo__busca-limpar{
		display:none;
		place-items:center;
		width:34px;
		height:34px;
		margin-right:2px;
		border:0;
		border-radius:50%;
		background:#eef2f7;
		color:var(--mt-suave);
		font:500 20px/1 Arial,sans-serif;
		cursor:pointer;
		transition:background .18s ease,color .18s ease
	}
	.mt-catalogo__busca.has-value .mt-catalogo__busca-limpar{display:grid}
	.mt-catalogo__busca-limpar:hover{background:#e3ebf3;color:var(--mt-texto)}
	.mt-catalogo__busca-submit{
		display:inline-flex;
		align-items:center;
		justify-content:center;
		gap:8px;
		height:42px;
		padding:0 22px;
		border:0;
		border-radius:8px;
		background:var(--mt-vermelho);
		color:#fff;
		font:700 13px/1 Poppins,sans-serif;
		letter-spacing:.01em;
		cursor:pointer;
		transition:background .18s ease
	}
	.mt-catalogo__busca-submit:hover{background:var(--mt-vermelho-2)}
	/* Seta do botão removida do visual */
	.mt-catalogo__busca-submit svg{display:none}

	.mt-catalogo__viewport{
		position:relative;
		padding:10px;
		border:1px solid var(--mt-borda);
		border-radius:16px;
		background:#fff;
		box-shadow:0 4px 16px rgba(7,29,60,.04)
	}
	.mt-catalogo__layout{
		display:grid;
		grid-template-columns:188px minmax(0,1fr);
		gap:12px;
		align-items:start
	}
	.mt-catalogo__categorias-mobile{display:none}
	.mt-catalogo__categorias-cabecalho{display:block}
	.mt-catalogo__categorias-fechar{display:none}
	.mt-catalogo__categorias{
		position:sticky;
		top:20px;
		display:flex;
		flex-direction:column;
		max-height:calc(100vh - 40px);
		padding:2px 10px 8px 0;
		border-right:1px solid var(--mt-borda);
		overscroll-behavior:contain
	}
	.mt-catalogo__categorias-scroll{
		min-height:0;
		overflow-y:auto;
		overflow-x:hidden;
		padding-right:4px;
		scrollbar-gutter:stable;
		overscroll-behavior:contain
	}
	.mt-catalogo__categorias-scroll::-webkit-scrollbar{width:6px}
	.mt-catalogo__categorias-scroll::-webkit-scrollbar-track{background:transparent}
	.mt-catalogo__categorias-scroll::-webkit-scrollbar-thumb{border-radius:999px;background:#d8e0e9}
	.mt-catalogo__categorias-scroll{scrollbar-width:thin;scrollbar-color:#d8e0e9 transparent}
	.mt-catalogo__categorias-titulo{
		display:block;
		margin:0 0 6px;
		padding:0 6px;
		color:#8b97a5;
		font-size:10px;
		font-weight:800;
		letter-spacing:.14em;
		text-transform:uppercase
	}
	.mt-catalogo__todos,
	.mt-catalogo__categoria-link{
		display:flex;
		align-items:center;
		width:100%;
		min-height:31px;
		padding:0 8px;
		border:0;
		border-left:3px solid transparent;
		border-radius:8px;
		background:transparent;
		color:var(--mt-texto)!important;
		font-size:12px;
		font-weight:600;
		line-height:1.3;
		text-decoration:none!important;
		transition:background .16s ease,color .16s ease,border-color .16s ease
	}
	.mt-catalogo__todos{margin-bottom:2px}
	.mt-catalogo__todos:hover,
	.mt-catalogo__categoria-link:hover,
	.mt-catalogo__categoria-link--toggle:hover{background:#f3f6fa}
	.mt-catalogo__todos.is-active,
	.mt-catalogo__categoria-link.is-active{
		background:var(--mt-ativo);
		border-left-color:var(--mt-vermelho);
		color:var(--mt-azul)!important;
		font-weight:700
	}
	.mt-catalogo__lista-categorias,.mt-catalogo__subcategorias{margin:0!important;padding:0!important;list-style:none!important}
	.mt-catalogo__categoria-item{margin:0!important;padding:0!important;list-style:none!important}
	.mt-catalogo__categoria-item + .mt-catalogo__categoria-item{margin-top:1px!important}
	.mt-catalogo__categoria-linha{
		display:grid;
		grid-template-columns:minmax(0,1fr) 24px;
		align-items:center;
		gap:2px;
		padding:0;
		border-radius:8px
	}
	.mt-catalogo__categoria-linha:hover .mt-catalogo__categoria-link,
	.mt-catalogo__categoria-linha:hover .mt-catalogo__categoria-link--label{background:#f3f6fa}
	.mt-catalogo__categoria-link--toggle{cursor:pointer;font-family:Poppins,sans-serif;text-align:left}
	.mt-catalogo__categoria-link--label{cursor:default}
	.mt-catalogo__categoria-item.is-current > .mt-catalogo__categoria-linha .mt-catalogo__categoria-link,
	.mt-catalogo__categoria-item.is-current > .mt-catalogo__categoria-linha .mt-catalogo__categoria-link--label{color:var(--mt-azul)!important;font-weight:700}
	/* Toggle discreto (chevron) — sem fundo vermelho */
	.mt-catalogo__categoria-toggle{
		display:grid;
		place-items:center;
		width:24px;
		height:24px;
		padding:0;
		border:0;
		border-radius:8px;
		background:transparent;
		color:#9aa6b4;
		font:600 17px/1 Arial,sans-serif;
		cursor:pointer;
		transition:background .16s ease,color .16s ease
	}
	.mt-catalogo__categoria-toggle:hover{background:#eef2f7;color:var(--mt-azul)}
	.mt-catalogo__categoria-toggle span{display:block;transition:transform .2s ease}
	.mt-catalogo__categoria-item.is-open > .mt-catalogo__categoria-linha .mt-catalogo__categoria-toggle{color:var(--mt-azul)}
	.mt-catalogo__categoria-item.is-open > .mt-catalogo__categoria-linha .mt-catalogo__categoria-toggle span{transform:rotate(90deg)}
	.mt-catalogo__categoria-spacer{display:block;width:24px;height:24px}
	.mt-catalogo__categoria-filhos[hidden]{display:none!important}
	.mt-catalogo__subcategorias{
		margin:1px 0 3px 7px!important;
		padding:0 0 0 7px!important;
		border-left:1px solid var(--mt-borda)
	}
	.mt-catalogo__subcategorias .mt-catalogo__categoria-link,
	.mt-catalogo__subcategorias .mt-catalogo__categoria-link--toggle,
	.mt-catalogo__subcategorias .mt-catalogo__categoria-link--label{
		min-height:27px;
		padding:0 6px;
		font-size:10.5px;
		font-weight:500;
		color:#4e5d70!important
	}
	.mt-catalogo__subcategorias .mt-catalogo__categoria-toggle{width:22px;height:22px;border-radius:6px;font-size:14px}
	.mt-catalogo__subcategorias .mt-catalogo__categoria-linha{grid-template-columns:minmax(0,1fr) 22px}
	.mt-catalogo__subcategorias .mt-catalogo__categoria-spacer{width:22px;height:22px}
	.mt-catalogo__ajuda{
		margin:14px 8px 0;
		padding:14px 0 0;
		border-top:1px solid var(--mt-borda);
		color:var(--mt-suave);
		font-size:11px;
		line-height:1.55
	}
	.mt-catalogo__ajuda strong{display:block;margin-bottom:4px;color:var(--mt-texto);font-size:11.5px}

	.mt-catalogo__produtos{position:relative;min-width:0;transition:opacity .18s ease}
	.mt-catalogo.is-loading .mt-catalogo__produtos{opacity:.42;pointer-events:none}
	.mt-catalogo__loading{
		display:none;
		position:absolute;
		z-index:3;
		top:22px;
		right:22px;
		width:24px;
		height:24px;
		border:3px solid rgba(11,45,92,.13);
		border-top-color:var(--mt-azul);
		border-radius:50%;
		animation:mtCatalogoSpin .72s linear infinite
	}
	.mt-catalogo.is-loading .mt-catalogo__loading{display:block}
	@keyframes mtCatalogoSpin{to{transform:rotate(360deg)}}
	.mt-catalogo__resultado{
		scroll-margin-top:24px;
		display:flex;
		align-items:baseline;
		gap:6px;
		min-height:30px;
		margin:0 0 14px;
		padding:0 2px;
		color:var(--mt-suave);
		font-size:12px
	}
	.mt-catalogo__resultado-numero{color:var(--mt-azul);font-size:20px;font-weight:800;line-height:1}
	.mt-catalogo__grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
	.mt-catalogo__grade .metatrom-ficha{height:100%;min-height:0}
	/* No catálogo, os cards usam formato vertical para caberem quatro por linha. */
	.mt-catalogo__grade .metatrom-ficha--compacta.metatrom-ficha--com-imagem{display:flex;flex-direction:column;grid-template-columns:none}
	.mt-catalogo__grade .metatrom-ficha--compacta .metatrom-ficha__imagem{width:100%;height:172px;min-height:172px;padding:10px;border-bottom:1px solid #eef1f4}
	.mt-catalogo__grade .metatrom-ficha--compacta .metatrom-ficha__imagem>a{height:100%}
	.mt-catalogo__grade .metatrom-ficha--compacta .metatrom-ficha__imagem img{width:100%;height:100%;max-height:152px;object-fit:contain}
	.mt-catalogo__grade .metatrom-ficha--compacta .metatrom-ficha__conteudo{flex:1;padding:12px 12px 10px}
	.mt-catalogo__grade .metatrom-ficha--compacta .metatrom-ficha__badge{top:10px;right:10px}
	.mt-catalogo__grade .metatrom-ficha--compacta .metatrom-ficha__modelo{font-size:10px}
	.mt-catalogo__grade .metatrom-ficha--compacta .metatrom-ficha__titulo{min-height:34px;margin-bottom:8px;font-size:14px;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
	.mt-catalogo__grade .metatrom-ficha--compacta .metatrom-ficha__grid{gap:6px 10px}
	.mt-catalogo__grade .metatrom-ficha--compacta .metatrom-ficha__detalhes-texto{-webkit-line-clamp:2}
	.mt-catalogo__grade .metatrom-ficha--compacta .metatrom-ficha__comercial{padding-top:8px}

	/* Vitrine B2B: os cards mantêm os dados necessários para comparação
	   (código, ID, categoria, fabricante e detalhes técnicos). O catálogo
	   omite apenas a mensagem comercial genérica "Valor sob consulta". */
	.mt-catalogo__grade .metatrom-ficha--catalogo .metatrom-ficha__grid{
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:6px 10px
	}
	.mt-catalogo__grade .metatrom-ficha--catalogo .metatrom-ficha__item{
		display:block;
		min-width:0
	}
	.mt-catalogo__grade .metatrom-ficha--catalogo .metatrom-ficha__divisor{
		display:block
	}
	.mt-catalogo__grade .metatrom-ficha--catalogo .metatrom-ficha__detalhes-titulo{
		display:block
	}
	.mt-catalogo__grade .metatrom-ficha--catalogo .metatrom-ficha__detalhes-texto{
		display:-webkit-box;
		overflow:hidden;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:3
	}
	.mt-catalogo__grade .metatrom-ficha--catalogo .metatrom-ficha__comercial{
		display:flex
	}
	.mt-catalogo__grade .metatrom-ficha--catalogo .metatrom-ficha__acao{
		display:flex;
		align-items:center;
		justify-content:space-between;
		gap:8px;
		min-height:32px;
		margin-top:8px;
		padding:8px 0 0;
		border-top:1px solid #edf1f5;
		color:var(--mt-azul)!important;
		font-size:9.5px;
		font-weight:750;
		line-height:1;
		text-decoration:none!important
	}
	.mt-catalogo__grade .metatrom-ficha--catalogo .metatrom-ficha__acao:hover{color:var(--mt-vermelho)!important}
	.mt-catalogo__paginacao{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid var(--mt-borda)}
	.mt-catalogo__paginacao a,.mt-catalogo__paginacao span.current,.mt-catalogo__paginacao span.dots{
		display:inline-flex;
		align-items:center;
		justify-content:center;
		min-width:38px;
		height:38px;
		padding:0 12px;
		border:1px solid var(--mt-borda);
		border-radius:9px;
		background:#fff;
		color:var(--mt-texto);
		font-size:12px;
		font-weight:600;
		text-decoration:none!important;
		transition:background .16s ease,border-color .16s ease,color .16s ease
	}
	.mt-catalogo__paginacao a:hover{border-color:#c7d1dc;background:var(--mt-fundo)}
	.mt-catalogo__paginacao span.current{border-color:var(--mt-azul);background:var(--mt-azul);color:#fff}
	.mt-catalogo__paginacao span.dots{border-color:transparent;background:transparent;color:#8b96a3}
	.mt-catalogo__paginacao .prev,.mt-catalogo__paginacao .next{min-width:96px}
	.mt-catalogo__vazio{
		display:flex;
		min-height:240px;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		padding:40px 20px;
		border:1px dashed #cbd5e1;
		border-radius:14px;
		background:#fbfcfd;
		color:var(--mt-suave);
		text-align:center
	}
	.mt-catalogo__vazio-icone{display:grid;place-items:center;width:48px;height:48px;margin-bottom:12px;border-radius:50%;background:var(--mt-fundo-2);color:var(--mt-azul);font-size:25px}
	.mt-catalogo__vazio strong{display:block;margin-bottom:5px;color:var(--mt-texto)}

	@media(max-width:1180px){.mt-catalogo__grade{grid-template-columns:repeat(3,minmax(0,1fr))}}
	@media(max-width:920px){.mt-catalogo__grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
	@media(max-width:920px){.mt-catalogo__layout{grid-template-columns:172px minmax(0,1fr);gap:10px}}
	@media(max-width:820px){
		.mt-catalogo__viewport{padding:14px}
		.mt-catalogo__layout{grid-template-columns:1fr;gap:12px}
		.mt-catalogo[data-mt-ready="1"] .mt-catalogo__categorias-mobile{
			display:grid;
			grid-template-columns:36px minmax(0,1fr) 22px;
			align-items:center;
			gap:9px;
			width:100%;
			min-height:54px;
			padding:7px 10px;
			border:1px solid var(--mt-borda-forte);
			border-radius:11px;
			background:#fff;
			color:var(--mt-texto);
			font-family:Poppins,sans-serif;
			text-align:left;
			cursor:pointer
		}
		.mt-catalogo__categorias-mobile-icone{
			display:grid;
			place-items:center;
			width:34px;
			height:34px;
			border-radius:9px;
			background:var(--mt-fundo-2);
			color:var(--mt-azul)
		}
		.mt-catalogo__categorias-mobile-icone svg{width:18px;height:18px}
		.mt-catalogo__categorias-mobile-texto{min-width:0;display:flex;flex-direction:column;gap:1px}
		.mt-catalogo__categorias-mobile-texto small{
			color:#8b97a5;
			font-size:8.5px;
			font-weight:750;
			letter-spacing:.08em;
			line-height:1.2;
			text-transform:uppercase
		}
		.mt-catalogo__categorias-mobile-texto strong{
			overflow:hidden;
			color:var(--mt-azul);
			font-size:12px;
			font-weight:750;
			line-height:1.3;
			text-overflow:ellipsis;
			white-space:nowrap
		}
		.mt-catalogo__categorias-mobile-seta{
			display:block;
			color:#8793a1;
			font:700 18px/1 Arial,sans-serif;
			text-align:center;
			transition:transform .18s ease
		}
		.mt-catalogo__categorias-mobile[aria-expanded="true"] .mt-catalogo__categorias-mobile-seta{transform:rotate(180deg)}
		.mt-catalogo__categorias{
			display:block;
			position:static;
			max-height:min(68vh,520px);
			overflow:auto;
			padding:10px;
			border:1px solid var(--mt-borda);
			border-radius:11px;
			background:#fbfcfe
		}
		.mt-catalogo__categorias-scroll{
			overflow:visible;
			padding-right:0;
			scrollbar-gutter:auto
		}
		.mt-catalogo[data-mt-ready="1"] .mt-catalogo__categorias{display:none}
		.mt-catalogo[data-mt-ready="1"] .mt-catalogo__categorias.is-mobile-open{display:block}
		.mt-catalogo__categorias-cabecalho{
			display:flex;
			align-items:center;
			justify-content:space-between;
			gap:10px;
			margin-bottom:5px
		}
		.mt-catalogo__categorias-titulo{margin:0;padding:0 6px}
		.mt-catalogo[data-mt-ready="1"] .mt-catalogo__categorias-fechar{
			display:grid;
			place-items:center;
			width:30px;
			height:30px;
			padding:0;
			border:0;
			border-radius:8px;
			background:#eef2f7;
			color:#596779;
			font:500 19px/1 Arial,sans-serif;
			cursor:pointer
		}
		.mt-catalogo__ajuda{display:none}
	}
	@media(max-width:680px){
		.mt-catalogo{width:calc(100vw - 24px)}
		/* Duas colunas são exclusivas do catálogo do cliente no website. */
		.mt-catalogo__grade{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
		.mt-catalogo__busca-shell{grid-template-columns:minmax(0,1fr) auto auto;min-height:50px;padding:6px}
		.mt-catalogo__busca-icone{display:none}
		.mt-catalogo__busca input[type="search"]{height:40px;padding-left:7px;font-size:13px}
		.mt-catalogo__busca-submit{width:44px;height:40px;padding:0;border-radius:8px}
		.mt-catalogo__busca-submit span{display:none}
		.mt-catalogo__busca-submit::after{content:"\2315";font-size:18px;color:#fff}
		.mt-catalogo__busca-limpar{width:34px;height:34px;margin:0}
		.mt-catalogo__viewport{padding:10px;border-radius:14px}
		.mt-catalogo__resultado{margin-bottom:10px}
		.mt-catalogo__resultado-numero{font-size:18px}
		.mt-catalogo__grade .metatrom-ficha--catalogo{min-height:0;border-radius:9px}
		.mt-catalogo__grade .metatrom-ficha--compacta .metatrom-ficha__imagem{
			height:116px;
			min-height:116px;
			padding:6px
		}
		.mt-catalogo__grade .metatrom-ficha--compacta .metatrom-ficha__imagem img{max-height:104px}
		.mt-catalogo__grade .metatrom-ficha--compacta .metatrom-ficha__conteudo{padding:9px 9px 8px}
		.mt-catalogo__grade .metatrom-ficha--compacta .metatrom-ficha__badge{
			top:6px;
			right:6px;
			min-width:24px;
			min-height:20px;
			padding:3px 5px;
			font-size:7px
		}
		.mt-catalogo__grade .metatrom-ficha--compacta .metatrom-ficha__modelo{
			margin-bottom:3px;
			padding-right:30px;
			overflow:hidden;
			font-size:8px;
			line-height:1.2;
			text-overflow:ellipsis;
			white-space:nowrap
		}
		.mt-catalogo__grade .metatrom-ficha--compacta .metatrom-ficha__titulo{
			min-height:31px;
			margin-bottom:6px;
			padding-right:0;
			font-size:11.5px;
			line-height:1.34;
			-webkit-line-clamp:2
		}
		/* Mesmo em duas colunas, preservar os campos de comparação B2B. */
		.mt-catalogo__grade .metatrom-ficha--catalogo .metatrom-ficha__grid{
			grid-template-columns:repeat(2,minmax(0,1fr));
			gap:5px 7px
		}
		.mt-catalogo__grade .metatrom-ficha--catalogo .metatrom-ficha__label{
			display:block;
			margin-bottom:1px;
			font-size:6px;
			line-height:1.15
		}
		.mt-catalogo__grade .metatrom-ficha--catalogo .metatrom-ficha__valor{
			display:-webkit-box;
			overflow:hidden;
			font-size:7.5px;
			line-height:1.25;
			-webkit-box-orient:vertical;
			-webkit-line-clamp:2
		}
		.mt-catalogo__grade .metatrom-ficha--catalogo .metatrom-ficha__divisor{
			display:block;
			margin:7px 0 6px;
			border-top-width:1px
		}
		.mt-catalogo__grade .metatrom-ficha--catalogo .metatrom-ficha__detalhes-titulo{
			display:block;
			margin-bottom:3px;
			font-size:6px
		}
		.mt-catalogo__grade .metatrom-ficha--catalogo .metatrom-ficha__detalhes-texto{
			display:-webkit-box;
			overflow:hidden;
			font-size:7px;
			line-height:1.3;
			-webkit-box-orient:vertical;
			-webkit-line-clamp:3
		}
		.mt-catalogo__grade .metatrom-ficha--catalogo .metatrom-ficha__comercial{
			display:flex;
			min-height:18px;
			padding-top:6px;
			font-size:6.5px
		}
		.mt-catalogo__grade .metatrom-ficha--catalogo .metatrom-ficha__unidade{
			margin-left:0
		}
		.mt-catalogo__grade .metatrom-ficha--catalogo .metatrom-ficha__acao{
			min-height:29px;
			margin-top:5px;
			padding-top:7px;
			font-size:8.5px
		}
		.mt-catalogo__paginacao{gap:5px;margin-top:18px;padding-top:14px}
		.mt-catalogo__paginacao a,.mt-catalogo__paginacao span.current,.mt-catalogo__paginacao span.dots{min-width:34px;height:34px;padding:0 8px;font-size:11px}
		.mt-catalogo__paginacao .prev,.mt-catalogo__paginacao .next{min-width:34px}
		.mt-catalogo__paginacao .prev span,.mt-catalogo__paginacao .next span{display:none}
	}