.cbd-about__hero-video {
	aspect-ratio: 16 / 9;
	background: var(--cnvs-contrast-1000);
	object-fit: cover;
}

.cbd-about__media-text img {
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

.cbd-about-admin-media .cbd-home-admin-media-field__preview video {
	display: block;
	width: 100%;
	max-height: 220px;
	border-radius: 6px;
	object-fit: contain;
}

.cbd-about-gallery__header {
	max-width: 760px;
}

.cbd-about-gallery-card {
	position: relative;
	overflow: hidden;
	border: 0;
	border-radius: 0;
	background: var(--cnvs-contrast-0);
	box-shadow: none;
}

.cbd-about-gallery-card > video {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	background: var(--cnvs-contrast-1000);
	object-fit: cover;
}

.cbd-about-gallery-card__trigger {
	position: absolute;
	z-index: 3;
	inset: 0;
	width: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.cbd-about-gallery-card__play {
	position: absolute;
	inset: 50% auto auto 50%;
	display: grid;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background: rgb(255 255 255 / 88%);
	color: var(--cnvs-contrast-1000);
	font-size: 1.8rem;
	line-height: 1;
	place-items: center;
	transform: translate(-50%, -50%);
	transition: opacity 160ms ease, transform 160ms ease;
}

.cbd-about-gallery-card:hover .cbd-about-gallery-card__play,
.cbd-about-gallery-card__trigger:focus-visible .cbd-about-gallery-card__play {
	transform: translate(-50%, -50%) scale(1.08);
}

.cbd-about-gallery-card.is-playing .cbd-about-gallery-card__play {
	opacity: 0;
}

.cbd-about-gallery-card__identity {
	position: absolute;
	z-index: 2;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	gap: 0.85rem;
	align-items: center;
	padding: 1rem;
	background: linear-gradient(0deg, rgb(97 96 96 / 88%) 0%, rgb(156 156 156 / 42%) 70%, transparent 100%);
	color: #fff;
	opacity: 0;
	pointer-events: none;
	transform: translateY(0.75rem);
	transition: opacity 180ms ease, transform 180ms ease;
}

.cbd-about-gallery-card__product-image-wrap {
	flex: 0 0 64px;
	width: 64px;
	height: 64px;
	display: block;
	overflow: hidden;
	border: 1px solid rgb(255 255 255 / 48%);
	border-radius: 50%;
	background: #fff;
}

.cbd-about-gallery-card__product-image {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.cbd-about-gallery-card__product-copy {
	min-width: 0;
}

.cbd-about-gallery-card__title {
	margin: 0 0 0.5rem;
	color: #fff;
	font-size: clamp(1rem, 1.2vw, 1.3rem);
	line-height: 1.1;
}

.cbd-about-gallery-card__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	align-items: center;
	font-size: 0.78rem;
	line-height: 1;
}

.cbd-about-gallery-card__meta .badge {
	margin: 0;
	padding: 0.35rem 0.5rem;
	font-size: inherit;
	font-weight: 500;
}

.cbd-about-gallery-card__stock {
	display: inline-flex;
	gap: 0.35rem;
	align-items: center;
	white-space: nowrap;
}

.cbd-about-gallery-card__stock-dot {
	position: relative;
	display: inline-block;
	width: 0.55rem;
	height: 0.55rem;
	flex: 0 0 0.55rem;
	border-radius: 50%;
}

.cbd-about-gallery-card__stock-dot.cbd-status-ok {
	background: #16803a;
}

.cbd-about-gallery-card__stock-dot.cbd-status-ko {
	background: #b42318;
}

@media (min-width: 992px) {
	.cbd-about-gallery-card__identity {
		display: flex;
	}

	.cbd-about-gallery-card:hover .cbd-about-gallery-card__identity,
	.cbd-about-gallery-card:focus-within .cbd-about-gallery-card__identity {
		opacity: 1;
		transform: translateY(0);
	}
}

.cbd-about-admin-products__picker {
	display: flex;
	gap: 12px;
	align-items: flex-end;
}

.cbd-about-admin-products__picker .cbd-home-admin-field {
	flex: 1;
	margin-bottom: 0;
}

.cbd-about-admin-products__list {
	display: grid;
	gap: 8px;
	margin: 16px 0 0;
}

.cbd-about-admin-product {
	display: flex;
	gap: 10px;
	align-items: center;
	margin: 0;
	padding: 10px 12px;
	border: 1px solid #dcdcde;
	border-radius: 4px;
	background: #fff;
}

.cbd-about-admin-product__handle {
	color: #646970;
	cursor: move;
}

.cbd-about-admin-product__title {
	flex: 1;
	font-weight: 600;
}

.cbd-about-admin-product--placeholder {
	min-height: 42px;
	border: 1px dashed #2271b1;
	background: #f0f6fc;
}

.cbd-about-admin-products__empty {
	margin: 16px 0 0;
	color: #646970;
	font-style: italic;
}

@media (max-width: 575.98px) {
	.cbd-about-admin-products__picker {
		align-items: stretch;
		flex-direction: column;
	}
}

@media (max-width: 767.98px) {
	.cbd-about-gallery__grid--mobile-carousel {
		display: block;
		width: calc(100% + 1.5rem);
		margin-right: -0.75rem;
		margin-left: -0.75rem;
	}

	.cbd-about-gallery__grid--mobile-carousel .owl-stage {
		display: flex;
	}

	.cbd-about-gallery__grid--mobile-carousel .owl-item {
		display: flex;
	}

	.cbd-about-gallery__grid--mobile-carousel .cbd-about-gallery-card {
		width: 100%;
	}

	.cbd-about-gallery__grid--mobile-carousel .cbd-about-gallery-card__identity {
		display: flex;
		padding: 0.75rem;
		opacity: 1;
		transform: none;
	}

	.cbd-about-gallery__grid--mobile-carousel .cbd-about-gallery-card__product-image-wrap {
		width: 52px;
		height: 52px;
		flex-basis: 52px;
	}

	.cbd-about-gallery__grid--mobile-carousel .owl-dots {
		margin-top: 1rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.cbd-about-gallery-card__play,
	.cbd-about-gallery-card__identity {
		transition: none;
	}
}