/**
 * Redesigned product notice bar (child theme override).
 *
 * The parent prints .mars-service-notice with hard-coded, !important-heavy
 * orange rules; every declaration here is scoped to .mars-child-notice and
 * carries !important so it wins without touching the parent stylesheet.
 */

body.mars-service-product-page .mars-service-notice.mars-child-notice {
	position: relative !important;
	display: grid !important;
	grid-template-columns: 44px minmax(0, 1fr) 32px !important;
	align-items: start !important;
	gap: 14px !important;
	min-height: 0 !important;
	margin: 14px 0 0 !important;
	padding: 16px 18px 16px 20px !important;
	overflow: hidden !important;
	border: 1px solid var(--ds-accent-soft) !important;
	border-radius: 16px !important;
	background: var(--ds-accent-soft) !important;
	color: var(--ds-secondary) !important;
	box-shadow: none !important;
	font-family: inherit !important;
}

body.mars-service-product-page .mars-service-notice.mars-child-notice[hidden] {
	display: none !important;
}

/* Full-height accent rail on the inline-start edge */
body.mars-service-product-page .mars-service-notice.mars-child-notice .mars-child-notice__accent {
	position: absolute !important;
	inset-block: 0;
	inset-inline-start: 0;
	width: 4px;
	background: var(--ds-accent) !important;
	pointer-events: none;
}

/* Icon badge */
body.mars-service-product-page .mars-service-notice.mars-child-notice .mars-child-notice__icon {
	display: grid !important;
	place-items: center !important;
	width: 44px !important;
	height: 44px !important;
	margin: 0 !important;
	border-radius: 14px !important;
	background: var(--ds-accent) !important;
	color: var(--ds-on-accent) !important;
	box-shadow: 0 4px 12px rgba(15, 23, 42, .08);
}

body.mars-service-product-page .mars-service-notice.mars-child-notice .mars-child-notice__icon svg {
	display: block !important;
	width: 20px !important;
	height: 20px !important;
}

/* Copy block */
body.mars-service-product-page .mars-service-notice.mars-child-notice .mars-child-notice__body {
	display: flex !important;
	flex-direction: column !important;
	gap: 6px !important;
	min-width: 0;
}

body.mars-service-product-page .mars-service-notice.mars-child-notice .mars-child-notice__head {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap;
	gap: 8px !important;
}

body.mars-service-product-page .mars-service-notice.mars-child-notice .mars-child-notice__title {
	display: inline-block !important;
	color: var(--ds-secondary-strong) !important;
	font-size: 13.5px !important;
	font-weight: 800 !important;
	line-height: 1.8 !important;
	letter-spacing: .005em;
}

body.mars-service-product-page .mars-service-notice.mars-child-notice .mars-child-notice__badge {
	display: inline-flex !important;
	align-items: center;
	padding: 1px 8px !important;
	border-radius: 999px !important;
	background: var(--ds-accent) !important;
	color: var(--ds-on-accent) !important;
	font-size: 10.5px !important;
	font-weight: 700 !important;
	line-height: 1.9 !important;
	white-space: nowrap;
}

body.mars-service-product-page .mars-service-notice.mars-child-notice p.mars-child-notice__text {
	margin: 0 !important;
	padding: 0 !important;
	text-align: start !important;
	color: var(--ds-secondary) !important;
	font-size: 13.5px !important;
	font-weight: 500 !important;
	line-height: 2.05 !important;
}

/* Close button */
body.mars-service-product-page .mars-service-notice.mars-child-notice .mars-child-notice__close {
	display: grid !important;
	place-items: center !important;
	width: 28px !important;
	height: 28px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 9px !important;
	background: transparent !important;
	color: var(--ds-secondary) !important;
	font-size: 20px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	opacity: .55;
	cursor: pointer;
	transition: background-color .15s ease, opacity .15s ease;
}

body.mars-service-product-page .mars-service-notice.mars-child-notice .mars-child-notice__close:hover,
body.mars-service-product-page .mars-service-notice.mars-child-notice .mars-child-notice__close:focus-visible {
	background: var(--ds-accent) !important;
	color: var(--ds-on-accent) !important;
	opacity: 1;
	outline: none;
}

@media (max-width: 640px) {
	body.mars-service-product-page .mars-service-notice.mars-child-notice {
		grid-template-columns: 34px minmax(0, 1fr) 26px !important;
		gap: 10px !important;
		padding: 13px 13px 13px 15px !important;
		border-radius: 14px !important;
	}

	body.mars-service-product-page .mars-service-notice.mars-child-notice .mars-child-notice__icon {
		width: 34px !important;
		height: 34px !important;
		border-radius: 11px !important;
	}

	body.mars-service-product-page .mars-service-notice.mars-child-notice .mars-child-notice__icon svg {
		width: 17px !important;
		height: 17px !important;
	}

	body.mars-service-product-page .mars-service-notice.mars-child-notice p.mars-child-notice__text {
		font-size: 12.5px !important;
		line-height: 2 !important;
	}

	body.mars-service-product-page .mars-service-notice.mars-child-notice .mars-child-notice__title {
		font-size: 12.5px !important;
	}
}