.s-clinician-reviews__inner {
	display: grid;
	gap: 1rem;
}

.s-clinician-reviews .c-text-header__kicker {
	color: var(--primary-base);
}

.s-clinician-reviews__tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.s-clinician-reviews__tab {
	background: white;
	border: 0.0625rem solid var(--neutral-border);
	border-radius: var(--radius-pill);
	color: inherit;
	cursor: pointer;
	font: inherit;
	padding: 0.5rem 1rem;
    font-family: urw-din-condensed;
    font-size: 1rem;
    font-weight: 700;
}

.s-clinician-reviews__tab.is-active {
	background: var(--neutral-darker);
	border-color: var(--neutral-darker);
	color: white;
}

.s-clinician-reviews__items {
	display: flex;
	gap: 1rem;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.s-clinician-reviews__items::-webkit-scrollbar {
	display: none;
}

.s-clinician-reviews__items .c-clinician-review {
	flex: 0 0 100%;
	scroll-snap-align: start;
}

.c-clinician-review {
	border: 0.0625rem solid var(--neutral-border);
	border-radius: .5rem;
	overflow: hidden;
    background: white;
}

.c-clinician-review__inner {
	display: grid;
	gap: 1rem;
	padding: 1.5rem;
}

.c-clinician-review__quote {
	margin: 0;
}

.c-clinician-review__footer {
	align-items: center;
	display: flex;
	gap: 0.75rem;
}

.c-clinician-review__avatar {
	align-items: center;
	border-radius: 50%;
	display: flex;
	flex: 0 0 3rem;
	height: 3rem;
	justify-content: center;
	overflow: hidden;
	width: 3rem;
}

.c-clinician-review__image {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.c-clinician-review__initials {
	align-items: center;
	border-radius: 50%;
	display: flex;
	font-weight: 700;
	height: 100%;
	justify-content: center;
	text-transform: uppercase;
	width: 100%;
    background: white;
    border: 0.0625rem solid var(--neutral-border);
}

.c-clinician-review__meta {
	display: grid;
	gap: 0.125rem;
}

.c-clinician-review__name,
.c-clinician-review__credentials,
.c-clinician-review__product-group {
	margin: 0;
}

.c-clinician-review__name {
	font-family: urw-din-condensed;
    font-size: 1.1rem;
    font-weight: 700;
}

.s-clinician-reviews__dots {
	display: flex;
	gap: 0.75rem;
	justify-content: center;
}

.s-clinician-reviews__dot {
	appearance: none;
	background: white;
	border: 0.0625rem solid var(--neutral-border);
	border-radius: 50%;
	cursor: pointer;
	display: block;
	flex: 0 0 0.75rem;
	height: 0.75rem;
	min-height: 0;
	min-width: 0;
	padding: 0;
	width: 0.75rem;
}

.s-clinician-reviews__dot.is-active {
	background: var(--neutral-darker);
	border-color: var(--neutral-darker);
}

.s-clinician-reviews__actions {
	display: flex;
	justify-content: center;
}

.s-clinician-reviews__featured {
	background: white;
	border: 0.0625rem solid var(--neutral-border);
	border-radius: .5rem;
	overflow: hidden;
}

.s-clinician-reviews__featured-inner {
	display: grid;
	gap: 0;
}

.s-clinician-reviews__featured-media {
	background: #E5E6E3;
	min-height: 14rem;
}

.s-clinician-reviews__featured-media:empty {
	display: none;
}

.s-clinician-reviews__featured-media img {
	display: block;
	height: auto;
	width: 100%;
}

.s-clinician-reviews__featured-content {
	display: grid;
	gap: 1.5rem;
	padding: 1.5rem;
    background: var(--neutral-darker);
}

.s-clinician-reviews__featured-content .c-clinician-review__quote {
	font-size: 1.125rem;
	line-height: 1.4;
    color: white;
}

.s-clinician-reviews__featured-content .c-clinician-review__name, .s-clinician-reviews__featured-content .c-clinician-review__product-group {
    color: white;
}

.s-clinician-reviews__featured-content .c-clinician-review__name {
    font-size: 1.25rem;
}

.s-clinician-reviews__featured-content .c-clinician-review__credentials {
    color: var(--neutral-base-light);
}

.s-clinician-reviews__featured-content .c-clinician-review__initials {
    border: none;
}

.s-clinician-reviews__featured-divider {
	background: rgba(255, 255, 255, 0.2);
	height: 0.0625rem;
	width: 100%;
}

.s-clinician-reviews__featured-reviewer {
	align-items: flex-start;
	display: flex;
	gap: 0.75rem;
    flex-direction: column;
}

.s-clinician-reviews__featured-reviewer-info {
	min-width: 0;
}

.s-clinician-reviews__featured-reviewer-meta {
	display: grid;
	gap: 0.125rem;
}

.s-clinician-reviews__featured-name-row {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.375rem;
}

.s-clinician-reviews__verified-label {
	display: inline-flex;
}

.s-clinician-reviews__verified-label-text {
	align-items: center;
	background: white;
	border-radius: 0.25rem;
	color: var(--primary-base);
	display: inline-flex;
	font-size: 0.75rem;
	font-weight: 700;
	justify-content: center;
	letter-spacing: 0.04em;
	line-height: 1;
	margin: 0;
	padding-block: 0.1875rem;
	padding-inline: 0.5625rem;
	text-transform: uppercase;
}

.c-clinician-review__name-row .s-clinician-reviews__verified-label-text {
	background: var(--neutral-light);
}

@supports (-webkit-touch-callout: none) {
	.s-clinician-reviews__verified-label-text {
		padding-block-start: 0.3125rem;
		padding-block-end: 0.0625rem;
	}
}

.s-clinician-reviews__featured-product .c-clinician-review__reviewed-product {
	align-items: center;
    justify-content: center;
    min-height: 1.5rem;
    background: var(--neutral-dark);
	border: 0.0625rem solid rgba(255, 255, 255, 0.35);
	border-radius: var(--radius-pill);
	color: white;
	display: inline-flex;
	font-family: urw-din-condensed;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1;
	padding-block: 0;
    padding-inline: 0.75rem;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

.c-clinician-review__top {
	display: grid;
	gap: 0.875rem;
	justify-items: start;
}

.c-clinician-review__reviewed-product {
	align-items: center;
	background: var(--neutral-light);
	border-radius: var(--radius-pill);
	color: var(--primary-base);
	display: inline-flex;
	font-family: urw-din-condensed;
	font-size: 0.75rem;
	font-weight: 700;
	justify-content: center;
	letter-spacing: 0.12em;
	line-height: 1;
	min-height: 1.25rem;
	padding-block: 0;
	padding-inline: 0.75rem;
	text-decoration: none;
	text-transform: uppercase;
}

.c-clinician-review__stars {
	align-items: center;
	color: var(--primary-base);
	display: inline-flex;
	gap: 0.125rem;
}

.c-clinician-review__stars svg {
	display: block;
	height: 0.75rem;
	width: 0.75rem;
}

.c-clinician-review__divider {
	background: var(--neutral-border);
	height: 0.0625rem;
	width: 100%;
}

.c-clinician-review__name-row {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 0.375rem;
}

.c-modal--clinician-reviews {
	align-items: center;
	padding-block: 4rem;
}

.c-modal--clinician-reviews .c-modal__header {
	background: none;
	border: 0;
	min-height: 0;
	padding: 0;
}

.c-modal--clinician-reviews .c-modal__title {
	display: none;
}

.c-modal__wrapper--clinician-reviews {
	--modal-max-height: none;
	--modal-min-height: auto;
	--modal-width: min(94vw, 48rem);
	background: white;
	border-top: 0.75rem solid var(--secondary-dark);
	display: flex;
	flex: 0 0 auto;
	flex-direction: column;
	height: auto;
	max-height: calc(100dvh - 8rem);
	min-height: auto;
	overflow: visible;
	position: relative;
	width: min(88vw, 48rem);
}

.c-modal--clinician-reviews .c-modal__content {
	flex: 1 1 auto;
	height: auto;
	max-height: calc(100dvh - 8rem);
	min-height: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 1.5rem 1rem;
}

.s-clinician-reviews-modal__list {
	display: grid;
	gap: 1rem;
}

.c-modal--clinician-reviews .c-modal__close {
	align-items: center;
	background: var(--primary-base);
	border: 0;
	border-radius: 50%;
	box-shadow: none;
	color: white;
	display: flex;
	height: 2.5rem;
	justify-content: center;
	opacity: 1;
	position: absolute;
	right: -0.75rem;
	top: -1.5rem;
	transform: none;
	width: 2.5rem;
	z-index: 3;
}

.c-modal--clinician-reviews .c-modal__close:hover,
.c-modal--clinician-reviews .c-modal__close:focus,
.c-modal--clinician-reviews .c-modal__close:active {
	border: 0;
	box-shadow: none;
	opacity: 1;
	transform: none;
}

@media (min-width: 48em) {
	.s-clinician-reviews__items {
		display: grid;
		overflow: visible;
		scroll-snap-type: none;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.s-clinician-reviews__items .c-clinician-review {
		flex: initial;
		scroll-snap-align: none;
	}
    
    .s-clinician-reviews__featured-inner {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

	.s-clinician-reviews__featured-media {
        height: auto;
        min-height: 0;
    }

	.s-clinician-reviews__featured-content {
		align-content: center;
	}

    .s-clinician-reviews__featured-reviewer {
        display: grid;
        align-items: center;
        grid-template-columns: auto minmax(0, 1fr) auto;
    }

    .c-modal--clinician-reviews {
        padding-block: 4rem;
    }

    .c-modal__wrapper--clinician-reviews {
        max-height: calc(100dvh - 8rem);
        width: min(92vw, 48rem);
    }

    .c-modal--clinician-reviews .c-modal__content {
        max-height: calc(100dvh - 8rem);
        padding: 2rem 3rem 1.5rem;
    }

    .s-clinician-reviews-modal__list {
        gap: 1.25rem;
    }

    .c-modal--clinician-reviews .c-modal__close {
        height: 3rem;
        right: -0.75rem;
        top: -1.5rem;
        width: 3rem;
    }
}