/* UNPAVED: coleções e busca no visual do Minimog da loja Shopify.
   Regras copiadas do collection.css, collection-header.css, component-image-card.css, vendor.css e das partes do
   main.css / critical-css que essas seções usam, com as variáveis resolvidas pelas configurações da loja
   (config/settings_data.json). Tudo dentro de .unpaved-collection para não mexer nas outras páginas.
   As animações de rolagem (m-scroll-trigger) ficam no theme.css. */

/* ---------- Esquema de cores "default" e variáveis do Minimog ---------- */
.unpaved-collection {
	--color-background: 233, 232, 232;
	--color-background-secondary: 223, 222, 218;
	--gradient-background: #e9e8e8;
	--color-foreground: 28, 31, 25;
	--color-foreground-secondary: 98, 96, 83;
	--color-heading: 28, 31, 25;
	--color-button: 28, 31, 25;
	--color-button-text: 233, 232, 232;
	--color-outline-button: 28, 31, 25;
	--color-button-hover: 46, 51, 41;
	--color-button-text-hover: 233, 232, 232;
	--color-border: 207, 206, 201;
	--color-price-sale: 214, 63, 5;
	--color-price-regular: 28, 31, 25;
	--color-form-field: 255, 255, 255;
	--color-form-field-text: 28, 31, 25;
	--color-tooltip: 28, 31, 25;
	--color-tooltip-text: 233, 232, 232;
	--m-duration-short: .1s;
	--m-duration-default: .25s;
	--m-duration-long: .5s;
	--m-duration-image: .65s;
	--m-duration-animate: 1s;
	--inputs-border-width: 1px;
	--inputs-radius: 0px;
	--btn-letter-spacing: 0px;
	--btn-border-radius: 0px;
	--btn-border-width: 1px;
	--btn-line-height: 26px;
	--font-btn-size: 18px;
	--font-btn-weight: 500;
	--blocks-radius: 0px;
	--medium-blocks-radius: 0px;
	--pcard-radius: 0px;
	--text-black: 0, 0, 0;
	--text-white: 255, 255, 255;
	--bg-black: 0, 0, 0;
	--bg-white: 255, 255, 255;
	--rounded-full: 9999px;
	--bg-card-placeholder: rgba(243, 243, 243, 1);
	--font-base-size: 16;
	color: rgb(var(--color-foreground));
}
.unpaved-collection .m-color-dark {
	--color-background: 28, 31, 25;
	--color-background-secondary: 38, 43, 34;
	--gradient-background: #1c1f19;
	--color-foreground: 233, 232, 232;
	--color-foreground-secondary: 165, 162, 153;
	--color-heading: 233, 232, 232;
	--color-button: 233, 232, 232;
	--color-button-text: 28, 31, 25;
	--color-outline-button: 233, 232, 232;
	--color-button-hover: 255, 255, 255;
	--color-button-text-hover: 28, 31, 25;
	--color-border: 58, 63, 53;
	--color-price-sale: 255, 107, 44;
	--color-price-regular: 233, 232, 232;
	--color-form-field: 38, 43, 34;
	--color-form-field-text: 233, 232, 232;
	--color-tooltip: 233, 232, 232;
	--color-tooltip-text: 28, 31, 25;
}
.unpaved-collection .m-color-default,
.unpaved-collection .m-color-dark { color: rgb(var(--color-foreground)); background-color: rgb(var(--color-background)); }
.unpaved-collection .m-gradient { background: rgb(var(--color-background)); background: var(--gradient-background); }

/* ---------- Base do Minimog (só nas peças da página) ---------- */
/* Sem o realce azul/cinza do toque no celular (o preflight do main.css tirava de tudo). */
.unpaved-collection,
.unpaved-collection *,
.unpaved-collection ::before,
.unpaved-collection ::after { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* Links sem a transição de cor que o theme.css dá a todo link (o Minimog não tinha: a paginação e o "try again" da busca
   trocam de cor na hora; as peças com transição própria, como o nome do produto, continuam com a delas). */
:where(.unpaved-collection) a { transition: none; }
.unpaved-collection button {
	-webkit-appearance: button;
	appearance: button;
	margin: 0;
	padding: 0;
	border: 0 solid;
	background-color: transparent;
	background-image: none;
	color: currentColor;
	font: inherit;
	line-height: inherit;
	text-transform: none;
	cursor: pointer;
}
.unpaved-collection ul,
.unpaved-collection ol { list-style: none; margin: 0; padding: 0; }
.unpaved-collection svg { display: block; }
.unpaved-collection .m-collection-page-header__title,
.unpaved-collection .m-sidebar--title,
.unpaved-collection .m-filter--widget-title,
.unpaved-collection .m-image-card__heading,
.unpaved-collection .m-page-header__title {
	margin: 0;
	font-family: var(--font);
	font-weight: 500;
	font-style: normal;
	color: rgb(var(--color-heading));
	letter-spacing: 0;
	word-break: break-word;
}
.unpaved-collection .m-image-card__subheading,
.unpaved-collection .m-collection--empty-text { margin: 0; }

/* Tamanhos dos títulos (h2 40/32/28, h3 32/25/22, h5 18/16, h6 16). */
.unpaved-collection .h2 { font-size: 28px; line-height: 1.267; }
.unpaved-collection .h3 { font-size: 22px; line-height: 1.36; }
.unpaved-collection .h5,
.unpaved-collection .h6 { font-size: 16px; line-height: 1.5; }
@media screen and (min-width: 768px) {
	.unpaved-collection .h2 { font-size: 32px; line-height: 1.235; }
	.unpaved-collection .h3 { font-size: 25px; line-height: 1.36; }
}
@media screen and (min-width: 1280px) {
	.unpaved-collection .h2 { font-size: 40px; line-height: 1.238; }
	.unpaved-collection .h3 { font-size: 32px; line-height: 1.278; }
	.unpaved-collection .h5 { font-size: 18px; }
	.unpaved-collection .h6 { font-size: 16px; }
}

/* ---------- Classes utilitárias (m:...) ---------- */
.unpaved-collection .m\:flex { margin-left: max(-15px, var(--column-gap-mobile, var(--column-gap)) / -2); margin-right: max(-15px, var(--column-gap-mobile, var(--column-gap)) / -2); row-gap: var(--row-gap-mobile, var(--column-gap-mobile, var(--column-gap))); }
@media screen and (min-width: 768px) {
	.unpaved-collection .m\:flex { margin-left: min(-7.5px, var(--column-gap-tablet, var(--column-gap-mobile, var(--column-gap))) / -2); margin-right: min(-7.5px, var(--column-gap-tablet, var(--column-gap-mobile, var(--column-gap))) / -2); }
}
@media screen and (min-width: 1024px) {
	.unpaved-collection .m\:flex { row-gap: var(--row-gap, var(--column-gap)); margin-left: calc(var(--column-gap-tablet, var(--column-gap, 0px)) / -2); margin-right: calc(var(--column-gap-tablet, var(--column-gap, 0px)) / -2); }
}
@media screen and (min-width: 1280px) {
	.unpaved-collection .m\:flex { margin-left: calc(var(--column-gap, 0px) / -2); margin-right: calc(var(--column-gap, 0px) / -2); }
}
.unpaved-collection .m\:flex { display: flex; }
.unpaved-collection .m\:flex-1 { flex: 1 1 0%; }
.unpaved-collection .m\:column { padding-left: calc(var(--column-gap-mobile, var(--column-gap)) / 2); padding-right: calc(var(--column-gap-mobile, var(--column-gap)) / 2); }
@media screen and (min-width: 768px) {
	.unpaved-collection .m\:column { padding-left: max(7.5px, var(--column-gap-tablet, var(--column-gap-mobile, var(--column-gap))) / 2); padding-right: max(7.5px, var(--column-gap-tablet, var(--column-gap-mobile, var(--column-gap))) / 2); }
}
@media screen and (min-width: 1024px) {
	.unpaved-collection .m\:column { padding-left: calc(var(--column-gap-tablet, var(--column-gap, 0px)) / 2); padding-right: calc(var(--column-gap-tablet, var(--column-gap, 0px)) / 2); }
}
@media screen and (min-width: 1280px) {
	.unpaved-collection .m\:column { padding-left: calc(var(--column-gap, 0px) / 2); padding-right: calc(var(--column-gap, 0px) / 2); }
}
.unpaved-collection .m\:block { display: block; }
.unpaved-collection .m\:flex-col { flex-direction: column; }
.unpaved-collection .m\:flex-wrap { flex-wrap: wrap; }
.unpaved-collection .m\:inline-flex { display: inline-flex; }
.unpaved-collection .m\:hidden { display: none; }
.unpaved-collection .m\:items-start { align-items: start; }
.unpaved-collection .m\:items-center { align-items: center; }
.unpaved-collection .m\:items-end { align-items: end; }
.unpaved-collection .m\:justify-start { justify-content: flex-start; }
.unpaved-collection .m\:justify-center { justify-content: center; }
.unpaved-collection .m\:justify-end { justify-content: flex-end; }
.unpaved-collection .m\:justify-between { justify-content: space-between; }
.unpaved-collection .m\:text-left { text-align: left; }
.unpaved-collection .m\:text-center { text-align: center; }
.unpaved-collection .m\:text-right { text-align: right; }
.unpaved-collection .m\:text-xl { font-size: 20px; line-height: 1.75rem; }
.unpaved-collection .m\:w-6\/12,
.unpaved-collection .m\:w-1\/2 { width: 50%; }
.unpaved-collection .m\:w-full { width: 100%; }
.unpaved-collection .m\:h-full { height: 100%; }
@media (min-width: 640px) {
	.unpaved-collection .sm\:m\:w-4\/12 { width: 33.3333333333%; }
}
@media (min-width: 768px) {
	.unpaved-collection .md\:m\:w-4\/12 { width: 33.3333333333%; }
	.unpaved-collection .md\:m\:justify-between { justify-content: space-between; }
	.unpaved-collection .md\:m\:hidden { display: none; }
	.unpaved-collection .md\:m\:block { display: block; }
	.unpaved-collection .md\:m\:flex { display: flex; }
}
@media (min-width: 1024px) {
	.unpaved-collection .lg\:m\:w-3\/12 { width: 25%; }
	.unpaved-collection .lg\:m\:flex { display: flex; }
}
@media (min-width: 1280px) {
	.unpaved-collection .xl\:m\:hidden { display: none; }
}
.unpaved-collection .m\:text-black { color: rgba(var(--text-black), 1); }
.unpaved-collection .m\:text-white { color: rgba(var(--text-white), 1); }
.unpaved-collection .m\:text-inherit { color: rgb(var(--color-foreground)); }
.unpaved-collection .m\:overflow-hidden { overflow: hidden; }
.unpaved-collection .m\:visually-hidden { position: absolute !important; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; }
.unpaved-collection .m\:uppercase { text-transform: uppercase; }
.unpaved-collection .m\:capitalize { text-transform: capitalize; }
.unpaved-collection .m\:object-cover { object-fit: cover; }
.unpaved-collection .m\:font-medium { font-weight: 500; }
.unpaved-collection .m\:blocks-radius { border-radius: var(--blocks-radius); overflow: hidden; -webkit-mask-image: -webkit-radial-gradient(white, black); }

/* ---------- Contêiner e espaçamento das seções ---------- */
.unpaved-collection .container-fluid { width: 100%; margin: 0 auto; padding: 0 15px; max-width: 1810px; }
@media screen and (min-width: 1280px) {
	.unpaved-collection .container-fluid { padding: 0 95px; }
}
.unpaved-collection .m-section-py {
	--section-padding-top-laptop: calc(var(--section-padding-top) * .8);
	--section-padding-bottom-laptop: calc(var(--section-padding-bottom) * .8);
	--section-padding-top-tablet: calc(var(--section-padding-top) * .6);
	--section-padding-bottom-tablet: calc(var(--section-padding-bottom) * .6);
	--section-padding-top-mobile: min(var(--section-padding-top), 40px);
	--section-padding-bottom-mobile: min(var(--section-padding-bottom), 40px);
	padding-top: var(--section-padding-top, 0px);
	padding-bottom: var(--section-padding-bottom, 0px);
}
@media screen and (max-width: 1535px) {
	.unpaved-collection .m-section-py { padding-top: var(--section-padding-top-laptop, 0px); padding-bottom: var(--section-padding-bottom-laptop, 0px); }
}
@media screen and (max-width: 1279px) {
	.unpaved-collection .m-section-py { padding-top: var(--section-padding-top-tablet, 0px); padding-bottom: var(--section-padding-bottom-tablet, 0px); }
}
@media screen and (max-width: 767px) {
	.unpaved-collection .m-section-py { padding-top: var(--section-padding-top-mobile, 0px); padding-bottom: var(--section-padding-bottom-mobile, 0px); }
}
.unpaved-collection .m-image { width: var(--image-width, 100%); vertical-align: middle; }

/* ---------- Ícones, links, dicas e sanfonas ---------- */
.unpaved-collection .m-svg-icon { width: 16px; height: 16px; }
.unpaved-collection .m-svg-icon--small { width: 12px; height: 12px; }
.unpaved-collection .m-svg-icon--medium-small { width: 18px; height: 18px; }
.unpaved-collection .m-svg-icon--medium { width: 20px; height: 20px; }
.unpaved-collection .m-svg-icon--large { width: 24px; height: 24px; }

.unpaved-collection .m-link-lists--item { cursor: pointer; line-height: 34px; }
.unpaved-collection .m-link-lists--item:hover .m-link,
.unpaved-collection .m-link-lists--item.active .m-link { color: rgb(var(--color-foreground)); }
.unpaved-collection .m-link-lists--item:hover .m-link::after,
.unpaved-collection .m-link-lists--item.active .m-link::after { width: 100%; }
.unpaved-collection .m-link-lists--item.active .m-link { pointer-events: none; }
.unpaved-collection .m-link-lists .m-link { cursor: pointer; position: relative; color: rgb(var(--color-foreground-secondary)); transition: all var(--m-duration-default, .25s) ease; }
.unpaved-collection .m-link-lists .m-link::after { content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 0; height: 1px; background-color: rgb(var(--color-foreground)); transition: all var(--m-duration-default, .25s) ease; }
.unpaved-collection .m-link-lists--inline { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-content: stretch; align-items: flex-start; margin: 0 -11px; }
.unpaved-collection .m-link-lists--inline .m-link-lists--item { margin: 0 6px; padding: 0 5px; }

.unpaved-collection .m-tooltip { position: relative; padding: 5px; margin-bottom: 8px; border-radius: 9999px; background-color: rgba(var(--bg-white), 1); cursor: pointer; }
.unpaved-collection .m-tooltip--style-2 { margin-bottom: 0; background-color: transparent; }
.unpaved-collection .m-tooltip--top .m-tooltip__content { bottom: 110%; left: 50%; transform: translateX(-50%); }
.unpaved-collection .m-tooltip--top .m-tooltip__content::after { left: calc(50% - 5px); bottom: -3px; }
.unpaved-collection .m-tooltip--top .m-tooltip__content::before { width: 100%; height: 8px; left: 0; top: 100%; }
.unpaved-collection .m-tooltip__content {
	position: absolute;
	z-index: 75;
	display: none;
	visibility: hidden;
	min-width: max-content;
	padding: .25rem .75rem;
	border-radius: .25rem;
	background: rgb(var(--color-tooltip));
	color: rgb(var(--color-tooltip-text)) !important;
	font-size: .875rem;
	line-height: 1.25rem;
	opacity: 0;
	transition-property: all;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: var(--m-duration-default, .25s);
}
.unpaved-collection .m-tooltip__content::after { content: ""; position: absolute; z-index: -1; width: 10px; height: 10px; background: rgb(var(--color-tooltip)); transform: rotate(45deg); }
.unpaved-collection .m-tooltip__content::before { content: ""; position: absolute; background: transparent; }
@media screen and (min-width: 1024px) {
	.unpaved-collection .m-tooltip__content { display: block; }
}
.unpaved-collection .m-tooltip:hover .m-tooltip__content { visibility: visible; opacity: 1; }
.unpaved-collection .m-tooltip:hover.m-tooltip--top .m-tooltip__content { bottom: calc(100% + 8px); }

.unpaved-collection .m-accordion--item-button { position: relative; display: flex; align-items: center; justify-content: space-between; font-weight: var(--font-weight-accordion, 500); cursor: pointer; -webkit-user-select: none; user-select: none; }
.unpaved-collection .m-accordion--item-button.m-according { pointer-events: none; }
.unpaved-collection .m-accordion--item-icon { transition: transform var(--m-duration-default, .25s) ease; }
.unpaved-collection .m-accordion--item-content { max-height: var(--content-max-height, 0); opacity: 0; transition: opacity var(--m-duration-short, .1s), max-height var(--duration, 300ms); transition-timing-function: cubic-bezier(.4, 0, .2, 1); }
.unpaved-collection .m-accordion--item.open .m-accordion--item-icon { transform: rotateX(180deg); }
.unpaved-collection .m-accordion--item.open .m-accordion--item-content { max-height: var(--content-max-height, auto); }
.unpaved-collection .m-accordion--item.open .m-accordion--item-content.max-height-set { max-height: var(--content-max-height, 0); }
.unpaved-collection .m-accordion--item:not(.order-first):last-child { margin-bottom: 0; }
.unpaved-collection .m-scrollbar--vertical { overflow-y: auto; }
.unpaved-collection .m-scrollbar--vertical::-webkit-scrollbar { width: var(--sf-scroll-bar-width, 3px); }
.unpaved-collection .m-scrollbar--vertical::-webkit-scrollbar-thumb { background: #ebebeb; }
.unpaved-collection .m-scrollbar--vertical::-webkit-scrollbar-thumb:hover { background: #555; }
.unpaved-collection .m-bg-lazy { background-image: none !important; }

/* ---------- Botões ---------- */
.unpaved-collection .m-button {
	display: inline-block;
	padding: 10px 20px;
	border: 1px solid transparent;
	border-radius: var(--btn-border-radius, 0);
	outline: none;
	font-size: var(--font-btn-size, 1rem);
	font-weight: var(--font-btn-weight, 500);
	line-height: var(--btn-line-height, normal);
	letter-spacing: var(--btn-letter-spacing, 0);
	text-align: center;
	white-space: normal;
	transition: var(--m-duration-default, .25s) all;
}
.unpaved-collection .m-button:hover { cursor: pointer; }
.unpaved-collection .m-button:focus,
.unpaved-collection .m-button:hover { border-color: rgb(var(--color-button-hover)); background-color: rgb(var(--color-button-hover)); color: rgb(var(--color-button-text-hover)); }
.unpaved-collection .m-button:not(.m-button--link, .m-link-underline, .m-button--blank):hover { box-shadow: 0 0 0 .2rem rgb(var(--color-button-hover)); }
@media screen and (min-width: 768px) {
	.unpaved-collection .m-button { padding-left: 30px; padding-right: 30px; }
}
.unpaved-collection .m-button--primary { border-color: rgb(var(--color-button)); background-color: rgb(var(--color-button)); color: rgb(var(--color-button-text)); }
.unpaved-collection .m-button--primary:focus,
.unpaved-collection .m-button--primary:hover { border-color: rgb(var(--color-button-hover)); background: rgb(var(--color-button-hover)); color: rgb(var(--color-button-text-hover)); }

/* ---------- Cabeçalho da coleção (collection-header.css) ---------- */
.unpaved-collection .m-collection-page-header { position: relative; display: flex; align-items: var(--align-items); justify-content: center; overflow: hidden; }
.unpaved-collection .m-collection-page-header__background img { width: 100%; height: 100%; object-fit: cover; }
.unpaved-collection .m-collection-page-header__wrapper { position: relative; z-index: 8; display: flex; flex-direction: column; }
.unpaved-collection .m-collection-page-header__inner { display: flex; flex-direction: column; justify-content: center; padding-left: 60px; padding-right: 60px; }
@media screen and (max-width: 1023px) {
	.unpaved-collection .m-collection-page-header__inner { padding-left: 32px; padding-right: 32px; }
}
@media screen and (max-width: 767px) {
	.unpaved-collection .m-collection-page-header__inner { padding-left: 24px; padding-right: 24px; }
}
.unpaved-collection .m-collection-page-header--image-bottom .m-collection-page-header__wrapper { flex-direction: column-reverse; }

/* ---------- Coleção (collection.css) ---------- */
.unpaved-collection .m-collection--wrapper { display: flex; column-gap: 30px; margin: 10px 0 30px; }
.unpaved-collection .m-collection--wrapper > * { transition: all var(--m-duration-default, .25s) ease; }
@media screen and (min-width: 1024px) {
	.unpaved-collection .m-collection--wrapper { margin: 60px 0; }
}
.unpaved-collection .m-collection--empty { padding: 96px 0; }
.unpaved-collection .m-collection--empty-text { margin-top: 20px; color: rgb(var(--color-foreground-secondary)); }
.unpaved-collection .m-collection--pagination { margin-top: 40px; }
.unpaved-collection .m-sidebar {
	--m-bg-opacity: 0;
	touch-action: none;
	background: rgba(0, 0, 0, var(--m-bg-opacity));
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: var(--m-duration-default, .25s);
}
.unpaved-collection .m-sidebar--content {
	--m-translate-x: -100%;
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	overscroll-behavior: contain;
	background-color: rgb(var(--color-background));
	transition-property: transform;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: var(--m-duration-default, .25s);
}
@media screen and (max-width: 1279px) {
	.unpaved-collection .m-sidebar--content { overflow-x: hidden; overflow-y: auto; }
}
@media screen and (max-width: 767px) {
	.unpaved-collection .m-sidebar--content { width: calc(100% - 40px); }
}
.unpaved-collection .m-sidebar .m-banner-promotion .m-image-card__content { padding: var(--content-card-padding, 24px); }
.unpaved-collection .m-sidebar .m-banner-promotion .m-richtext { --child-margin-top: 24px; --subheading-margin-bottom: 8px; }
.unpaved-collection .m-sidebar .m-banner-promotion .m-button--fixed { left: var(--content-card-padding, 24px); right: var(--content-card-padding, 24px); }
@media screen and (min-width: 1280px) {
	.unpaved-collection .m-sidebar--leftColumn .m-sidebar,
	.unpaved-collection .m-sidebar--rightColumn .m-sidebar { flex: 0 0 300px; width: 300px; }
	.unpaved-collection .m-sidebar--leftColumn .m-sidebar--title,
	.unpaved-collection .m-sidebar--rightColumn .m-sidebar--title { padding: 0; margin-bottom: 32px; }
	.unpaved-collection .m-sidebar--leftColumn .m-sidebar .m-filter--wrapper,
	.unpaved-collection .m-sidebar--rightColumn .m-sidebar .m-filter--wrapper { padding: 0; }
}
@media screen and (max-width: 1279px) {
	.unpaved-collection .m-sidebar--leftColumn .m-sidebar,
	.unpaved-collection .m-sidebar--rightColumn .m-sidebar { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; display: none; }
	.unpaved-collection .m-sidebar--leftColumn .m-sidebar--content,
	.unpaved-collection .m-sidebar--rightColumn .m-sidebar--content { max-width: 405px; transform: translate3d(var(--m-translate-x), 0, 0); }
}
.unpaved-collection .m-sidebar--rightColumn { flex-direction: row-reverse; }
.unpaved-collection .m-sidebar--title { padding: 20px; color: rgb(var(--color-heading)); font-size: 30px; font-weight: 500; line-height: 1.36; }
@media screen and (min-width: 1280px) {
	.unpaved-collection .m-sidebar--title { line-height: 1.278; }
}
@media screen and (max-width: 1279px) {
	.unpaved-collection .m-sidebar--blank-title { padding-top: 50px; }
}
.unpaved-collection .m-sidebar--close { position: absolute; top: 16px; right: 16px; cursor: pointer; }
.unpaved-collection .m-sidebar--open { margin-right: 16px; font-weight: 500; }
.unpaved-collection .m-sidebar--open > span { margin-right: 8px; }
@media screen and (max-width: 767px) {
	.unpaved-collection .m-sidebar--open { margin-right: 32px; }
}
.unpaved-collection .m-filter--wrapper { padding: 0 20px 20px; }
.unpaved-collection .m-filter--wrapper .m-accordion--item { margin-bottom: 30px; }
.unpaved-collection .m-filter--wrapper .m-accordion--item:last-child { margin-bottom: 0; }
.unpaved-collection .m-filter--widget { margin-bottom: 30px; }
.unpaved-collection .m-filter--widget-title { margin-bottom: 16px; color: rgb(var(--color-heading)); font-weight: 500; }
.unpaved-collection .m-filter--scroll-content { max-height: var(--max-height, 300px); padding-right: 16px; overflow-x: hidden; overflow-y: auto; }
.unpaved-collection .m-filter--swatches { display: flex; flex-wrap: wrap; }
.unpaved-collection .m-filter--swatches .m-facet--item { display: inline-flex; align-items: center; margin-right: 12px; margin-bottom: 12px; }
.unpaved-collection .m-filter--swatches .m-facet--item.m-facet--show-label { padding: 8px 0; }
.unpaved-collection .m-filter--swatches .m-facet--item a { display: flex; align-items: center; justify-content: center; text-align: center; transition: all var(--m-duration-default, .25s); }
.unpaved-collection .m-filter--swatches-show-label { flex-flow: column; padding-left: 5px; }
.unpaved-collection .m-filter--swatches:not(.m-filter--swatches-button) { margin-left: -4px; }
.unpaved-collection .m-facets .m-facet--checkbox { position: relative; display: flex; flex-grow: 1; align-items: center; padding: 10px 0; color: rgb(var(--color-foreground-secondary)); line-height: 1.5; word-break: break-word; cursor: pointer; }
.unpaved-collection .m-facets .m-facet--checkbox span,
.unpaved-collection .m-facets .m-facet--checkbox svg { transition: all var(--m-duration-default); }
.unpaved-collection .m-facets .m-facet--checkbox input[type=checkbox] { position: absolute; top: .7rem; left: .8rem; z-index: -1; display: none; width: 1.6rem; height: 1.6rem; opacity: 1; -webkit-appearance: none; appearance: none; }
.unpaved-collection .m-facets .m-facet--checkbox input[type=checkbox]:checked ~ svg { color: rgb(var(--color-foreground)); opacity: 1; }
.unpaved-collection .m-facets .m-facet--checkbox input[type=checkbox]:checked ~ svg > path { display: block; }
.unpaved-collection .m-facets .m-facet--checkbox input[type=checkbox]:checked ~ span { color: rgb(var(--color-foreground)); }
.unpaved-collection .m-facets .m-facet--checkbox > svg { flex-shrink: 0; margin-right: 12px; opacity: .3; }
.unpaved-collection .m-facets .m-facet--checkbox > svg > path { display: none; }
.unpaved-collection .m-facets .m-facet--checkbox__disabled { opacity: .3; cursor: no-drop !important; }
.unpaved-collection .m-facets .m-facet--checkbox:not(.m-facet--checkbox__disabled):hover svg,
.unpaved-collection .m-facets .m-facet--checkbox:not(.m-facet--checkbox__disabled):hover span { color: rgb(var(--color-foreground)); opacity: 1; }
.unpaved-collection .m-facets .m-facet--product-count { margin-left: 4px; }
.unpaved-collection .m-facets .m-facet--color { margin: 0; }
.unpaved-collection .m-facets .m-facet--color .m-tooltip__content { pointer-events: none; }
.unpaved-collection .m-facets .m-facet--color-label { position: relative; display: inline-flex; width: 30px; height: 30px; border-radius: 50%; box-shadow: 0 0 0 1px rgba(var(--color-foreground), .1); transition: box-shadow var(--m-duration-default, .25s) ease, transform var(--m-duration-default, .25s) ease; }
.unpaved-collection .m-facets .m-facet--color-label * { pointer-events: none; }
.unpaved-collection .m-facets .m-facet--color-label a { display: block; width: 100%; height: 100%; font-size: 0; pointer-events: auto; }
.unpaved-collection .m-facets .m-facet--color.active .m-facet--color-label,
.unpaved-collection .m-facets .m-facet--color:hover .m-facet--color-label { box-shadow: 0 0 0 1px #000, inset 0 0 0 3px #fff; }
.unpaved-collection .m-facets .m-facet--button a { min-width: 42px; min-height: 42px; padding: 6px 12px; border: 1px solid rgb(var(--color-border)); border-radius: 5px; background: transparent; color: rgb(var(--color-foreground)); transition: all var(--m-duration-default, .25s) ease; }
.unpaved-collection .m-facets .m-facet--button a:hover,
.unpaved-collection .m-facets .m-facet--button.active a { border-color: rgb(var(--color-button-hover)); background: rgb(var(--color-button-hover)); color: rgb(var(--color-button-text-hover)); }
.unpaved-collection .m-facets .m-facet--show-label { position: relative; }
.unpaved-collection .m-facets .m-facet--show-label .m-facet--color-label { position: absolute; top: 5px; left: 0; pointer-events: none; }
.unpaved-collection .m-facets .m-facet--show-label a { justify-content: flex-start !important; width: 100%; padding-left: 40px; }
.unpaved-collection .m-active-facets--item {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 16px 16px 0 0;
	padding: 6px 12px;
	border-radius: 5px;
	background: rgba(var(--color-foreground), .1);
	color: rgb(var(--color-foreground));
	font-size: 15px;
	font-weight: 500;
	line-height: 1;
	text-transform: capitalize;
	cursor: pointer;
	transition: all var(--m-duration-default, .25s) ease;
}
.unpaved-collection .m-active-facets--item:hover { background: rgb(var(--color-button-hover)); color: rgb(var(--color-button-text-hover)); }
.unpaved-collection .m-active-facets--item-remove-all,
.unpaved-collection .m-active-facets--item-remove-all:hover { background-color: transparent; }
.unpaved-collection .m-active-facets--remove-icon { margin-right: 8px; }
.unpaved-collection .m-active-facets--remove-icon + span > span { margin: 0 4px; }
.unpaved-collection .m-active-facets--remove-all { color: rgb(var(--color-foreground-secondary)); font-weight: 400; text-decoration-line: underline; }
.unpaved-collection .m-facets-price { --color: rgb(var(--color-foreground)); --color-bar: rgba(var(--color-foreground), .2); --color-box-shadow: rgb(var(--color-background)); display: block; padding: 10px 2px 0; }
.unpaved-collection .m-facets-price--ranges { position: relative; height: 3px; margin-top: 16px; margin-bottom: 28px; background: linear-gradient(to right, var(--color-bar) var(--from), var(--color) var(--from), var(--color) var(--to), var(--color-bar) var(--to)); }
.unpaved-collection .m-facets-price--range { -webkit-appearance: none; appearance: none; display: block; width: 100%; height: 5px; margin: 0; padding: 0; border: none; outline: none; background: transparent; vertical-align: top; pointer-events: none; }
.unpaved-collection .m-facets-price--range:last-child { position: absolute; top: 0; left: 0; }
.unpaved-collection .m-facets-price--range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; position: relative; z-index: 1; width: 14px; height: 14px; margin-top: -5px; border: none; border-radius: 100%; box-shadow: 0 0 0 14px var(--color) inset, 0 0 0 2px var(--color-box-shadow); cursor: pointer; pointer-events: auto; transform: scale(1.3); transition: transform var(--m-duration-default, .25s) linear; }
.unpaved-collection .m-facets-price--range::-webkit-slider-thumb:hover { transform: scale(1.5); }
.unpaved-collection .m-facets-price--range::-webkit-slider-runnable-track { width: 100%; height: 5px; border: none; border-radius: 4px; background: none; cursor: pointer; }
.unpaved-collection .m-facets-price--range::-moz-range-thumb { width: 14px; height: 14px; border: none; border-radius: 100%; box-shadow: 0 0 0 14px var(--color) inset, 0 0 0 2px var(--color-box-shadow); cursor: pointer; pointer-events: auto; transform: scale(1.3); }
.unpaved-collection .m-facets-price--range::-moz-range-thumb:hover { transform: scale(1.5); }
.unpaved-collection .m-facets-price--range::-moz-range-progress,
.unpaved-collection .m-facets-price--range::-moz-range-track { width: 100%; height: 5px; border: none; border-radius: 4px; background: none; cursor: pointer; }
.unpaved-collection .m-facets-price--input { display: flex; align-items: center; justify-content: space-between; }
.unpaved-collection .m-facets-price--field { position: relative; flex: 1; color: rgb(var(--color-form-field-text)); }
.unpaved-collection .m-facets-price--field-currency { position: absolute; top: 50%; left: 12px; transform: translateY(-50%); }
.unpaved-collection .m-facets-price--to { margin: 0 20px; }
.unpaved-collection .m-collection-toolbar { font-weight: 500; }
.unpaved-collection .m-collection-toolbar--wrapper { display: flex; align-items: center; justify-content: center; }
.unpaved-collection .m-collection-toolbar .m-sortby--open > span { margin-right: 8px; }
@media screen and (max-width: 767px) {
	.unpaved-collection .m-collection-toolbar--wrapper { margin: 0; padding: 7px 0; border-top: 1px solid transparent; background: rgb(var(--color-background)); transition: transform var(--m-duration-default, .25s) ease; }
	.unpaved-collection .m-collection-toolbar { position: sticky; top: 0; z-index: 11; }
	.unpaved-collection .m-collection-toolbar--sticky { position: fixed; top: 0; right: 0; left: 0; z-index: 10; padding: 0 15px; background-color: rgb(var(--color-background)); }
}
/* Barra de administração do WordPress (só para quem está logado): a gaveta e a barra presa começam abaixo dela. */
@media screen and (max-width: 1279px) {
	.admin-bar .unpaved-collection .m-sidebar--leftColumn .m-sidebar,
	.admin-bar .unpaved-collection .m-sidebar--rightColumn .m-sidebar { top: 32px; }
}
@media screen and (max-width: 782px) {
	.admin-bar .unpaved-collection .m-sidebar--leftColumn .m-sidebar,
	.admin-bar .unpaved-collection .m-sidebar--rightColumn .m-sidebar { top: 46px; }
}
@media screen and (min-width: 601px) and (max-width: 767px) {
	.admin-bar .unpaved-collection .m-collection-toolbar,
	.admin-bar .unpaved-collection .m-collection-toolbar--sticky { top: 46px; }
}
.unpaved-collection .m-toolbar--column-switcher { margin: 0 -5px; padding-left: 16px; }
.unpaved-collection .m-toolbar--column-switcher > button { align-items: center; justify-content: center; width: 36px; height: 36px; margin: 0 5px; border-radius: 3px; background-color: rgb(var(--color-background-secondary)); transition: all var(--m-duration-default, .25s) ease; }
.unpaved-collection .m-toolbar--column-switcher > button.active,
.unpaved-collection .m-toolbar--column-switcher > button:hover { background-color: rgb(var(--color-button-hover)); color: rgb(var(--color-button-text-hover)); }
@media screen and (min-width: 1024px) {
	.unpaved-collection .m-toolbar--column-switcher > button { width: 34px; height: 34px; }
}
@media screen and (max-width: 767px) {
	.unpaved-collection .m-toolbar--column-switcher { padding-left: 28px; }
}
.unpaved-collection .m-sortby-mobile--wrapper {
	--m-bg-opacity: 0;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	display: none;
	touch-action: none;
	background-color: rgb(0 0 0 / var(--m-bg-opacity));
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: var(--m-duration-default, .25s);
}
.unpaved-collection .m-sortby-mobile--content {
	--m-translate-y: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	display: inline-block;
	width: 100%;
	padding: 30px 0;
	overflow-y: auto;
	touch-action: none;
	background-color: rgb(var(--color-background));
	transform: translate3d(0, var(--m-translate-y), 0);
	transition-property: transform;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	transition-duration: var(--m-duration-default, .25s);
}
.unpaved-collection .m-sortby-mobile--close { position: absolute; top: 0; right: 0; padding: 12px; cursor: pointer; }
.unpaved-collection .m-sortby-mobile--title { display: block; margin-bottom: 10px; padding: 0 16px; font-size: 24px; line-height: 1.33; }
.unpaved-collection .m-sortby-mobile--item { padding: 12px 16px; color: rgb(var(--color-foreground-secondary)); font-size: 18px; line-height: 1; cursor: pointer; }
.unpaved-collection .m-sortby-mobile--item.active { text-decoration: underline; }
.unpaved-collection .m-collection-products { position: relative; z-index: 9; margin: 24px -8px 0; }
.unpaved-collection .m-collection-products.m-cols-1 .m-product-item { width: 100%; max-width: 100%; }
.unpaved-collection .m-collection-products .m-product-item { margin-bottom: 30px; padding: 0 8px; }
@media screen and (min-width: 1280px) {
	.unpaved-collection .m-collection-products .m-product-item { padding: 0 12px; }
}
@media screen and (min-width: 768px) {
	.unpaved-collection .m-collection-products.m-cols-2 .m-product-item { width: 50%; max-width: 50%; }
	.unpaved-collection .m-collection-products.m-cols-3 .m-product-item { width: 33.33333%; max-width: 33.33333%; }
	.unpaved-collection .m-collection-products.m-cols-4 .m-product-item { width: 25%; max-width: 25%; }
	.unpaved-collection .m-collection-products.m-cols-5 .m-product-item { width: 20%; max-width: 20%; }
}
@media screen and (min-width: 1280px) {
	.unpaved-collection .m-collection-products { margin-left: -12px; margin-right: -12px; }
}
@media screen and (max-width: 767px) {
	.unpaved-collection .m-collection-products { margin-top: 12px; }
}
/* Vista em lista (botão de 1 coluna): o cartão do tema com a foto de 270 px ao lado do texto, como o product-card do Minimog. */
.unpaved-collection .m-cols-1 .product-card__info { text-align: left !important; }
@media screen and (min-width: 768px) {
	.unpaved-collection .m-cols-1 .product-card { display: flex; }
	.unpaved-collection .m-cols-1 .product-card__media { flex-shrink: 0; width: 270px; max-width: 100%; margin-right: 30px; }
	.unpaved-collection .m-cols-1 .product-card__info { flex: 1 1 0%; padding-right: 0 !important; }
}
/* Fotos dos cartões (responsive-image do Minimog): fundo cinza claro enquanto carregam e, ao carregar, entram com o zoom
   suave (mZoomFadeSmall, 1 s). Só com o collection.js rodando (.m-js, posto logo no começo da página); sem ele, aparecem.
   Sem "forwards": no fim a foto volta ao normal e o zoom de passar o mouse (theme.css) continua valendo. */
.unpaved-collection .product-card__media { transition: background-color var(--m-duration-long, .5s) ease; }
.unpaved-collection.m-js .product-card__media:not(.m-image-loaded) { background-color: var(--bg-card-placeholder); }
.unpaved-collection.m-js .product-card__media:not(.m-image-loaded) .product-card__image { opacity: 0; }
.unpaved-collection .product-card__media.m-image-loaded .product-card__image { animation: mZoomFadeSmall var(--m-duration-animate, 1s) ease; }
@keyframes mZoomFadeSmall {
	0% { opacity: 0; transform: scale(1.1); }
	100% { opacity: 1; transform: scale(1); }
}

/* ---------- Paginação ---------- */
.unpaved-collection .m-pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.unpaved-collection .m-pagination > span { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0 4px; }
.unpaved-collection .m-pagination > span > a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.unpaved-collection .m-pagination > span:not(.deco) { border-radius: 999px; }
.unpaved-collection .m-pagination > span:not(.deco).current,
.unpaved-collection .m-pagination > span:not(.deco):hover { background-color: rgb(var(--color-foreground)); color: rgb(var(--color-background)); }
.unpaved-collection .m-pagination > span:not(.deco).current { width: 44px; height: 44px; }

/* ---------- Banner da barra lateral (component-image-card.css) ---------- */
.unpaved-collection [style*="--aspect-ratio"] { position: relative; overflow: hidden; }
.unpaved-collection [style*="--aspect-ratio"]::before { content: ""; display: block; width: 100%; height: 0; padding-top: calc(100% / (.0001 + var(--aspect-ratio, 16 / 9))); }
.unpaved-collection [style*="--aspect-ratio"] > *:first-child { position: absolute !important; top: 0; right: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 767px) {
	.unpaved-collection [style*="--aspect-ratio"]::before { padding-top: calc(100% / (.0001 + var(--aspect-ratio-mobile, var(--aspect-ratio, 16 / 9)))); }
}
.unpaved-collection .m-media { position: relative; }
.unpaved-collection .m-media img,
.unpaved-collection .m-media svg { position: absolute !important; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.unpaved-collection .m-placeholder-svg { background-color: rgba(var(--color-foreground), .2); fill: rgba(var(--color-foreground), .4); }
.unpaved-collection .m-placeholder-svg--no-border { border: none; }
@media screen and (min-width: 640px) {
	.unpaved-collection .m-image-card { max-height: 100%; }
}
.unpaved-collection .m-image-card__img { overflow: hidden; }
.unpaved-collection .m-image-card .m-button { pointer-events: auto; }
.unpaved-collection .m-image-card__content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; display: flex; padding: 40px; pointer-events: none; }
.unpaved-collection .m-image-card__inner { position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; }
@media screen and (min-width: 640px) {
	.unpaved-collection .m-image-card__inner { overflow: hidden; }
}
@media screen and (max-width: 767px) {
	.unpaved-collection .m-image-card__content { padding: 20px; }
	.unpaved-collection .m-image-card__content .m-richtext__title + .m-richtext__button { margin-top: 10px; }
}
.unpaved-collection .m-richtext > * + * { margin: var(--child-margin-top, 32px) 0 0; }
.unpaved-collection .m-richtext > *:first-child:is(.m-richtext__subtitle) { margin-bottom: var(--subheading-margin-bottom, 20px); }
.unpaved-collection .m-richtext > *:first-child:is(.m-richtext__subtitle) + * { margin-top: 0; }
@media screen and (max-width: 767px) {
	.unpaved-collection .m-richtext { --child-margin-top: 24px; --text-margin-top: 12px; --subheading-margin-bottom: 12px; }
}
@media screen and (min-width: 1280px) {
	.unpaved-collection .m-hover-box { overflow: hidden; }
	.unpaved-collection .m-hover-box--scale-up { will-change: transform; }
	.unpaved-collection .m-hover-box--scale-up .m-image,
	.unpaved-collection .m-hover-box--scale-up svg { backface-visibility: hidden; transition: transform var(--m-duration-image) cubic-bezier(.15, .75, .5, 1) 0s; }
	.unpaved-collection .m-hover-box--scale-up:hover .m-image,
	.unpaved-collection .m-hover-box--scale-up:hover svg { transform: scale(1.08) translateZ(0); }
}

/* ---------- Busca (page-search) ---------- */
.unpaved-collection .m-page-header { padding-top: 30px; padding-bottom: 30px; }
.unpaved-collection .m-page-header h1 { font-size: 26px; line-height: 1.333; }
@media screen and (min-width: 1024px) {
	.unpaved-collection .m-page-header { padding-top: 60px; padding-bottom: 60px; }
	.unpaved-collection .m-page-header h1 { font-size: 36px; }
}
.unpaved-collection.unpaved-collection--search .m-page-header__title,
.unpaved-collection .m-search .m-page-header__title { margin-bottom: 24px; }
@media screen and (max-width: 767px) {
	.unpaved-collection .m-search .m-page-header__title { margin-bottom: 16px; }
}
@media screen and (max-width: 639px) {
	.unpaved-collection .m-search .m-page-header { padding-bottom: 0; }
}
.unpaved-collection .m-search .m-search-result.m-search-show-filter { margin-top: 24px; }
@media screen and (max-width: 639px) {
	.unpaved-collection .m-search .m-search-result.m-search-show-filter { margin-top: 12px; }
}
.unpaved-collection .m-search-pagination { padding: 60px 0; }
@media screen and (max-width: 767px) {
	.unpaved-collection .m-search-pagination { padding: 30px 0; }
}
.unpaved-collection .m-search--form { position: relative; width: 60%; }
.unpaved-collection .m-search--form-button { position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 40px; height: 100%; }
.unpaved-collection .m-search--form-input { padding-right: 40px; }
@media screen and (max-width: 1023px) {
	.unpaved-collection .m-search--form { width: 80%; }
}
@media screen and (max-width: 767px) {
	.unpaved-collection .m-search--form { width: 100%; }
}
.unpaved-collection .m-search--empty { padding: 64px 0; text-align: center; }
.unpaved-collection .m-search--empty a { position: relative; color: rgb(var(--color-foreground-secondary)); }
.unpaved-collection .m-search--empty a::after { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: rgb(var(--color-foreground-secondary)); transition: all var(--m-duration-default, .25s) ease; }
.unpaved-collection .m-search--empty a:hover { color: rgb(var(--color-foreground)); }
.unpaved-collection .m-search--empty a:hover::after { width: 0; background: rgb(var(--color-foreground)); }

/* Campos (form-field) no lugar dos campos do tema. */
.unpaved-collection .form-field {
	width: 100%;
	min-height: 0;
	padding: 6px 12px;
	border: var(--inputs-border-width) solid rgb(var(--color-border));
	border-radius: var(--inputs-radius);
	outline: none;
	background-color: rgb(var(--color-form-field));
	color: rgb(var(--color-form-field-text));
	font-family: inherit;
	font-size: 16px;
	font-weight: inherit;
	line-height: 2;
	transition: all var(--m-duration-default, .25s);
}
.unpaved-collection .form-field:focus { border-color: rgb(var(--color-foreground)); }
.unpaved-collection .form-field::placeholder { color: rgb(var(--color-form-field-text)); opacity: .75; }
.unpaved-collection input[type=number]::-webkit-outer-spin-button,
.unpaved-collection input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.unpaved-collection input[type=number] { -moz-appearance: textfield; }
.unpaved-collection .m-facets-price--field .form-field { padding-left: 22px; padding-right: 12px; text-align: right; }

/* Ordenação (m-select-component). */
.unpaved-collection m-select-component { position: relative; display: block; }
.unpaved-collection m-select-component select { display: none; border: 0; background-color: transparent; }
.unpaved-collection .m-select-custom--options {
	position: absolute;
	top: calc(100% + 20px);
	left: 0;
	z-index: 80;
	width: min-content;
	min-width: 100%;
	max-height: 60vh;
	padding: 10px 20px;
	overflow-y: scroll;
	border-radius: 5px;
	background-color: rgb(var(--color-background));
	box-shadow: 0 20px 30px rgba(var(--color-foreground), .12);
	color: rgba(var(--color-foreground), .75);
	line-height: 32px;
	opacity: 0;
	visibility: hidden;
	transform: translateZ(0);
	transition: all var(--m-duration-default, .25s) ease-in-out;
}
.unpaved-collection .m-select-custom--options::-webkit-scrollbar { width: 3px; }
.unpaved-collection .m-select-custom--options::-webkit-scrollbar-thumb { background: #ebebeb; }
.unpaved-collection .m-select-custom--option { max-width: 250px; overflow: hidden; color: rgba(var(--color-foreground), .75); text-overflow: ellipsis; white-space: nowrap; cursor: pointer; -webkit-user-select: none; user-select: none; transition: color var(--m-duration-default, .25s) ease; }
.unpaved-collection .m-select-custom--option.isActive,
.unpaved-collection .m-select-custom--option:hover { color: rgb(var(--color-foreground)); }
.unpaved-collection .m-select-custom--trigger { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-weight: inherit; cursor: pointer; -webkit-user-select: none; user-select: none; }
.unpaved-collection .m-select-custom--trigger-icon { transition: transform var(--m-duration-default, .25s) ease-in-out; }
.unpaved-collection .m-select-custom--trigger-icon svg { width: 8px; height: 8px; }
.unpaved-collection .m-select-custom.isActive .m-select-custom--options { top: 100%; opacity: 1; visibility: visible; }
.unpaved-collection .m-select-custom.isActive .m-select-custom--trigger-icon { transform: rotateX(180deg); }

/* ---------- Barra de carregamento ao filtrar (MinimogLibs.AnimateLoading, vendor.css) ---------- */
.al-loading-bar,
.al-loading-overlay { position: relative; }
.al-loading-overlay::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999999; background-color: #fff; opacity: 0; pointer-events: auto; transition: opacity var(--al-finish-duration) ease-in-out var(--al-finish-duration); }
.al-loading-overlay.overlay-show::after { opacity: .6; }
.al-loading-bar::before { content: ""; position: fixed; top: 0; left: 0; z-index: 999999999; width: 0; height: var(--al-thickness); background: var(--al-color); opacity: 1; }
.al-loading-bar.start::before { transition: width var(--al-finish-duration) linear, opacity var(--al-finish-duration) linear var(--al-finish-duration); }
.al-loading-bar.loading::before { animation: al-loading var(--al-start-duration) ease-in-out forwards; }
.al-loading-bar.loaded::before { width: var(--al-end-width); }
.al-loading-bar.finished::before { width: 100%; opacity: 0; }
@keyframes al-loading {
	0% { width: 0; }
	to { width: 80%; }
}