/* Loaded by mine-safety.php with media=(max-width: 980px). */

.mine-page {
	width: 100%;
	max-width: 100%;
}

.mine-page .section {
	width: 100% !important;
	max-width: 100% !important;
	padding-left: 1rem;
	padding-right: 1rem;
	box-sizing: border-box;
}

.mine-page img {
	max-width: 100%;
}

.mine-page .petro-section,
.mine-page .mine-scenarios {
	padding-top: 3.125rem;
	padding-bottom: 3.125rem;
}

.mine-page .petro-section__h2,
.mine-page h2.mine-home-cases-title {
	margin-bottom: 2rem !important;
	font-size: 1.75rem !important;
	line-height: 2.25rem !important;
}

.mine-page .petro-hero,
.mine-page .petro-hero__inner {
	min-height: 28.75rem;
}

.mine-page .petro-hero__inner {
	align-items: flex-start;
}

.mine-page .petro-hero__panel {
	width: 100%;
}

.mine-page .petro-hero__title {
	font-size: 2rem !important;
	line-height: 2.625rem !important;
}

.mine-page .petro-hero__subtitle {
	font-size: 1rem;
	line-height: 1.5rem;
}

.mine-page .petro-hero__subtitle br,
.mine-page .mine-app-static__item br {
	display: none;
}

.mine-page .petro-base-grid,
.mine-page .petro-app-layout,
.mine-page .petro-app-layout--mine,
.mine-page .petro-matrix,
.mine-page .petro-product-grid,
.mine-page .mine-scenarios-grid {
	flex-direction: column;
}

.mine-page .petro-base-grid,
.mine-page .petro-product-grid,
.mine-page .mine-scenarios-grid {
	gap: 1rem;
}

.mine-page .petro-base-card,
.mine-page .petro-product-card,
.mine-page .mine-scenario-card {
	width: 100%;
	flex: none;
}

.mine-page .petro-base-card {
	min-height: 0;
	padding: 1.5rem 1rem;
	cursor: default;
}

.mine-page .petro-base-card__title,
.mine-page .petro-app-item__title,
.mine-page .mine-app-static__heading,
.mine-page .petro-matrix__overlay .petro-matrix__title,
.mine-page .petro-product-card__title,
.mine-page .mine-scenario-card__title,
.mine-page .mine-home-cases-content h3.case-title {
	font-size: 1.25rem !important;
	line-height: 1.75rem !important;
}

.mine-page .petro-base-card__desc,
.mine-page .petro-app-item__desc,
.mine-page .mine-app-static__item,
.mine-page .petro-matrix__overlay .petro-matrix__desc,
.mine-page .petro-product-card__desc,
.mine-page .mine-scenario-card__desc,
.mine-page .mine-home-cases-content .case-desc {
	font-size: 1rem;
	line-height: 1.5rem;
}

.mine-page .petro-tabs {
	flex-wrap: nowrap;
	gap: 1rem 1.25rem;
	justify-content: flex-start;
	overflow-x: auto;
	overflow-y: hidden;
	padding-bottom: 0;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.mine-page .petro-tabs::-webkit-scrollbar {
	display: none;
}

.mine-page .petro-tab {
	flex: 0 0 auto;
	white-space: nowrap;
	position: relative;
	background: none;
	border: none;
	padding: 0;
	font-size: 1rem;
	line-height: 1.5rem;
	text-align: left;
	color: #435566;
	opacity: 0.7;
	font-family: s-regular, sans-serif;
	box-sizing: border-box;
	transition: color 0.6s ease, opacity 0.6s ease;
}

.mine-page .petro-tab:hover {
	opacity: 1;
}

.mine-page .petro-tab.is-active,
.mine-page .petro-tab.is-active:hover {
	opacity: 1;
	font-family: s-demibold, sans-serif;
}

.mine-page .petro-app-layout,
.mine-page .petro-app-layout--mine {
	height: auto;
	min-height: 0;
	max-height: none;
	gap: 1.5rem;
	overflow: visible;
}

.mine-page .petro-app-layout--mine {
	padding: 1.5rem 1rem;
}

.mine-page .mine-app-static {
	width: 100%;
	padding-left: 0;
}

.mine-page .petro-app-accordion,
.mine-page .petro-app-media,
.mine-page .petro-app-layout--mine .petro-app-media {
	width: 100%;
	max-width: 100%;
	height: auto;
	min-height: 0;
}

.mine-page .petro-app-media__img,
.mine-page .petro-app-layout--mine .petro-app-media__img {
	min-height: 0;
	height: auto;
}

.mine-page .petro-arch__img {
	width: 100%;
	height: auto;
}

.mine-page .petro-matrix {
	padding: 0 1rem;
	box-sizing: border-box;
}

.mine-page .petro-matrix__col--photo,
.mine-page .petro-matrix__media--photo {
	width: 100%;
	min-height: 26rem;
}

.mine-page .petro-matrix__overlay {
	top: 2rem;
	padding: 0 1rem;
}

.mine-page .petro-product-card__body {
	padding: 1.5rem 1rem;
}

.mine-page .mine-home-cases {
	height: auto;
	min-height: 34rem;
	padding-bottom: 3rem;
}

.mine-page .mine-home-cases-header {
	position: relative;
	top: auto;
	left: auto;
	transform: none;
	padding: 2rem 1rem 1rem;
}

.mine-page .mine-home-cases-tabs {
	gap: 1rem 1.5rem;
	flex-wrap: wrap;
}

.mine-page .mine-home-cases-tab {
	font-size: 1rem;
	line-height: 1.5rem;
}

.mine-page .mine-home-cases-tab:hover {
	opacity: 0.8;
	font-family: s-regular, sans-serif !important;
}

.mine-page .mine-home-cases-tab.active:hover {
	opacity: 1;
	font-family: s-demibold, sans-serif !important;
}

.mine-page .mine-home-cases-content {
	width: 100%;
	padding-top: 5rem !important;
}

.mine-page .mine-home-cases-content .case-logo {
	max-height: 3rem;
}

.mine-page .mine-home-cases-nav {
	display: none;
}

.mine-page .mine-scenario-card {
	min-height: 20rem;
}

.mine-page .mine-scenario-card__caption {
	padding: 2rem 1rem;
}

.mine-page .petro-cta {
	padding: 0 0 3.125rem !important;
}

.mine-page .petro-cta__card {
	min-height: 22rem;
	border-radius: 1rem;
}

.mine-page .petro-cta__inner {
	padding: 3rem 1rem;
}

.mine-page .petro-product-card__btn,
.mine-page .petro-matrix__more,
.mine-page .petro-cta__btn--solid,
.mine-page .mine-home-cases-content .case-cta .ui-btn-more {
	width: auto;
	max-width: 100%;
}

.mine-page .petro-cta__lead {
	font-size: 1rem;
	line-height: 1.5rem;
}

.mine-page .petro-cta__sep {
	display: none;
}

.mine-page .petro-cta__btns {
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 1rem;
}

.mine-page .petro-base-card:hover,
.mine-page .petro-product-card:hover {
	box-shadow: 0 0.25rem .625rem rgba(15, 35, 65, 0.1);
}

.mine-page .petro-product-card:hover .petro-product-card__btn,
.mine-page .petro-matrix__col--variant-blue .petro-matrix__more:hover,
.mine-page .petro-matrix__col--variant-photo .petro-matrix__more:hover,
.mine-page .petro-matrix__col--variant-soft .petro-matrix__more:hover,
.mine-page .petro-cta__btn--solid:hover,
.mine-page .mine-home-cases-content .case-cta .ui-btn-more:hover {
	transform: none;
}

.mine-page .petro-product-card:hover .petro-product-card__btn {
	background: transparent;
	border-color: #1D1D1F;
	color: #1D1D1F;
}

.mine-page .petro-matrix__col--variant-blue .petro-matrix__more:hover,
.mine-page .petro-matrix__col--variant-photo .petro-matrix__more:hover,
.mine-page .petro-matrix__col--variant-soft .petro-matrix__more:hover {
	background: transparent;
	border-color: #FFFFFF;
	color: #FFFFFF;
}

.mine-page .petro-cta__btn--solid:hover {
	background: var(--petro-brand);
	color: #FFFFFF !important;
}

.mine-page .mine-home-cases-content .case-cta .ui-btn-more:hover {
	background: transparent !important;
	border-color: #FFFFFF !important;
	color: #FFFFFF !important;
}