/*==============================================================
# Trust Badges
==============================================================*/

.riven-trust-badges {

	--riven-trust-bg: #1B0D2B;

	--riven-trust-bg-hover: rgba(255,255,255,.02);

	--riven-trust-border: #4C2D73;

	--riven-trust-icon: #DFFF2F;

	--riven-trust-title: #FFFFFF;

	--riven-trust-description: #BEB7D4;

	--riven-trust-radius: 22px;


	clear: both;

	width: 100%;

	margin: 50px 0;

}


/* Grid */
.riven-trust-grid {

	display: grid;

	grid-template-columns: repeat(4, 1fr);

	background: var(
		--riven-trust-bg
	);

	border: 1px solid
		var(
			--riven-trust-border
		);

	border-radius: var(
		--riven-trust-radius
	);

	overflow: hidden;

}


/* Item */
.riven-trust-item {

	display: flex;

	align-items: center;

	gap: 18px;

	padding: 24px 34px;

	min-height: 108px;

	position: relative;

	transition: .3s;

}


.riven-trust-item:not(:last-child) {

	border-right: 1px solid
		var(
			--riven-trust-border
		);

}


.riven-trust-item:hover {

	background: var(
		--riven-trust-bg-hover
	);

}


/* Icon */
.riven-trust-item i {

	width: 52px;

	height: 52px;

	flex-shrink: 0;

	display: flex;

	align-items: center;

	justify-content: center;

	border-radius: 50%;

	border: 2px solid
		var(
			--riven-trust-icon
		);

	color: var(
		--riven-trust-icon
	);

	font-size: 22px;

	transition: .3s;

}


.riven-trust-item:hover i {

	transform: scale(1.08);

	box-shadow:
		0 0 20px
		color-mix(
			in srgb,
			var(--riven-trust-icon) 30%,
			transparent
		);

}


/* Content */
.riven-trust-content {

	display: flex;

	flex-direction: column;

	justify-content: center;

}


/* Title */
.riven-trust-title,
.riven-trust-item h4 {

	margin: 0;

	font-size: 16px;

	font-weight: 700;

	line-height: 1.2;

	color: var(
		--riven-trust-title
	);

}


/* Description */
.riven-trust-subtitle,
.riven-trust-item p {

	margin-top: 4px;

	font-size: 13px;

	line-height: 1.2;

	color: var(
		--riven-trust-description
	);

}


/* Responsive */
@media screen and (max-width: 768px) {

	.riven-trust-badges {

		display: none;

	}

	.emds-single__tabs {
		margin-top: 20px;
	}

}

/*==============================================================
# Variables
==============================================================*/

:root{

	--riven-primary:#ddf247;
	--riven-primary-dark:#cde93a;

	--riven-bg:#0d0d11;
	--riven-surface:#16161c;
	--riven-surface-light:#1d1d24;

	--riven-border:rgba(255,255,255,.08);

	--riven-text:#ffffff;
	--riven-text-light:#b7b7be;

	--riven-radius:18px;

	--riven-transition:.30s ease;

}


/*==============================================================
# Container
==============================================================*/

.riven-container{

	width:min(1320px,92%);

	margin:auto;

}


/*==============================================================
# Heading
==============================================================*/

.riven-section-header{

	text-align:center;

	margin-bottom: 40px;

}


/*==============================================================
# Section Title
==============================================================*/

.riven-section-title{

	position:relative;

	margin:0 0 0px;

	padding-bottom:10px;

	font-size: 28px;

	font-weight:800;

	line-height:1.2;

	text-align:center;

	text-transform:uppercase;

	letter-spacing:2px;

	color:#ffffff;

}


/* Bottom Border */

.riven-section-title::after{

	content:"";

	position:absolute;

	left:50%;

	bottom:0;

	transform:translateX(-50%);

	width:120px;

	height:3px;

	border-radius:999px;

	background:var(--riven-primary);

	box-shadow:
		0 0 12px rgba(183,255,0,.35);

}


.riven-section-subtitle{

	display:inline-block;

	margin-bottom:14px;

	font-size:15px;

	font-weight:700;

	letter-spacing:2px;

	text-transform:uppercase;

	color:var(--riven-primary);

}






/*==============================================================
# Measurements
==============================================================*/

.riven-product-measurements{

	padding:80px 0;

}

.riven-measurements-image{

	position:relative;

	margin-top:40px;

	background:linear-gradient(
	180deg,
	#241338,
	#1B0D2B
	);

	border: 1px solid rgba(76, 45, 115, .95);

	border-radius:24px;

	overflow:hidden;

	box-shadow:
		0 20px 60px rgba(0,0,0,.35);

	transition:all .35s ease;

}

.riven-measurements-image:hover{

	border-color:rgba(183,255,0,.35);

	box-shadow:
		0 0 0 1px rgba(183,255,0,.08),
		0 30px 80px rgba(0,0,0,.45);

}

.riven-measurements-image img{

	display:block;

	width:100%;

	max-height: 420px;

	height:auto;

	object-fit:contain;

	transition:transform .4s ease;

}

.riven-measurements-image:hover img{

	transform:scale(1.015);

}

@media (max-width: 767px) {

	.riven-measurements-image img {
    height: 280px !important;
    object-fit: cover;
	}
	.riven-product-measurements {
    padding: 0px 0;
	}
	.riven-product-video {
		padding: 0px 0 !important;
	}
}

/*==============================================================
# Premium Features
==============================================================*/

.riven-product-features{
	padding:60px 0;
}

/*==============================================================
# Grid
==============================================================*/

.riven-features-grid{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:32px;
	margin-top:50px;
}

/*==============================================================
# Card
==============================================================*/

.riven-feature-card{
	display:flex;
	flex-direction:column;
	height:100%;
	overflow:hidden;
	border-radius:22px;
	background:linear-gradient(180deg,#22123A 0%,#140A20 100%);
	border:1px solid rgba(139,92,246,.28);
	transition:.3s;
}

.riven-feature-card:hover{
	transform:translateY(-5px);
	border-color:rgba(139,92,246,.7);
}

/*==============================================================
# Media
==============================================================*/

.riven-feature-media{
	margin:0;
	padding:0;
}

.riven-feature-image{
	display:block;
	width:100%;
	height:auto;
	aspect-ratio:4 / 3;
	object-fit:cover;
	border-bottom:1px solid rgba(255,255,255,.08);
}

/*==============================================================
# Content
==============================================================*/

.riven-feature-content{
	padding:26px;
	display:block;
}

/*==============================================================
# Title
==============================================================*/

.riven-feature-title{
	margin:0 0 14px;
	font-size:28px;
	font-weight:700;
	line-height:1.2;
	color:var(--riven-primary);
}

/*==============================================================
# Description
==============================================================*/

.riven-feature-description{
	margin:0;
	font-size:16px;
	line-height:1.75;
	color:#D7CEE8;
}

.riven-feature-description p{
	margin:0;
}

/*==============================================================
# Tablet
==============================================================*/

@media(max-width:1024px){

	.riven-product-features{
		padding:50px 0;
	}

	.riven-features-grid{
		gap:24px;
	}

	.riven-feature-title{
		font-size:24px;
	}

}

/*==============================================================
# Mobile
==============================================================*/

@media(max-width:767px){

	.riven-product-features{
		padding:40px 0;
	}

	.riven-features-grid{
		grid-template-columns:1fr;
		gap:20px;
		margin-top:35px;
	}

	.riven-feature-card{
		border-radius:18px;
	}

	.riven-feature-content{
		padding:20px;
	}

	.riven-feature-title{
		font-size:20px;
	}

	.riven-feature-description{
		font-size:15px;
		line-height:1.65;
	}

}

/*==============================================================
# Product Video
==============================================================*/

.riven-product-video{

	padding:90px 0;

	background:var(--riven-bg);

}

.riven-video-wrapper{

	max-width:1100px;

	margin:50px auto 0;

	background:linear-gradient(
	180deg,
	#1B0D2B,
	#140A20
	);

	border:1px solid #4C2D73;

	border-radius:22px;

	padding:24px;

}

.riven-video{

	position:relative;

	overflow:hidden;

	border-radius:16px;

	aspect-ratio:16/9;

	background:#000;

}

.riven-video iframe,

.riven-video video{

	width:100%;

	height:100%;

	display:block;

	border:0;

}

.riven-video-caption{

	margin-top:24px;

	text-align:center;

	font-size:18px;

	color:#BEB7D4;

}

.riven-video-wrapper iframe {
    width: 100%;
    height: 450px;
}

.riven-amazon-buy {
    width: 320px;
}


@media (max-width:991px){

    .riven-trust-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media (max-width:576px){

    .riven-trust-grid{

        grid-template-columns:repeat(1,1fr);
		justify-content: center;

    }

	.riven-trust-item:not(:last-child) {
    border-right: none;
	}
	.riven-trust-item:not(:last-child) {
    border-bottom: 1px solid #4C2D73;
	}

	.riven-video-wrapper iframe {
		width: 100%;
		height: 280px;
	}
}

@media (max-width:767px){

    .riven-trust-item {
		justify-items: center;
		padding: 0px 18px;
		gap: 16px;
		min-height: auto;
	}

    .riven-trust-icon{

        width:56px;
        height:56px;
        font-size:22px;

    }

    .riven-trust-item h4{

        font-size:17px;
        margin-bottom:4px;

    }

    .riven-trust-item p{

        font-size:14px;
        line-height:1.4;

    }

}


/*==============================================================
# Product Comparison
==============================================================*/

.riven-product-comparison{
	padding:60px 0;
}

.riven-comparison-wrapper{
	margin-top:50px;
}


/*==============================================================
# Beer Slider
==============================================================*/

.riven-comparison-wrapper .beer-slider{
	width:100%;
	border-radius:24px;
	overflow:hidden;
	border:1px solid rgba(139,92,246,.30);
	background:#1A1027;
	box-shadow:0 18px 45px rgba(0,0,0,.28);
}

.riven-comparison-wrapper .beer-slider img{
	display:block;
	width:100%;
	height:auto;
	aspect-ratio:16 / 9;
	object-fit:cover;
	object-position:center;
}


/*==============================================================
# Before / After Label
==============================================================*/

.riven-comparison-wrapper [data-beer-label]::after{

	font-size:14px;
	font-weight:700;
	letter-spacing:.08em;
	text-transform:uppercase;

	padding:10px 22px;

	border-radius:999px;

	backdrop-filter:blur(10px);

}

.riven-comparison-wrapper .beer-slider[data-beer-label]::after{

	top:20px;
	right:20px;

	background:var(--riven-primary);
	color:#111;

}

.riven-comparison-wrapper .beer-reveal[data-beer-label]::after{

	top:20px;
	left:20px;

	background:#27242F;
	color:#fff;

}


/*==============================================================
# Range
==============================================================*/

.riven-comparison-wrapper .beer-range{

	height:100%;
	cursor:ew-resize;

}


/*==============================================================
# Handle
==============================================================*/

.riven-comparison-wrapper .beer-handle{

	width:72px;
	height:72px;

	background:#fff;

	border:5px solid rgba(255,255,255,.15);

	box-shadow:
		0 10px 30px rgba(0,0,0,.25);

}

.riven-comparison-wrapper .beer-handle::before,
.riven-comparison-wrapper .beer-handle::after{

	color:#111;
	font-size:22px;
	font-weight:700;

}


/*==============================================================
# Divider
==============================================================*/

.riven-comparison-wrapper .beer-reveal{

	border-right:2px solid rgba(255,255,255,.65);

}


/*==============================================================
# Hover
==============================================================*/

.riven-comparison-wrapper:hover .beer-slider{

	border-color:rgba(139,92,246,.70);

}


/*==============================================================
# Tablet
==============================================================*/

@media(max-width:991px){

	.riven-product-comparison{

		padding:50px 0;

	}

	.riven-comparison-wrapper{

		margin-top:35px;

	}

	.riven-comparison-wrapper .beer-handle{

		width:60px;
		height:60px;

	}

}


/*==============================================================
# Mobile
==============================================================*/

@media(max-width:767px){

	.riven-product-comparison{

		padding:40px 0;

	}

	.riven-comparison-wrapper{

		margin-top:30px;

	}

	.riven-comparison-wrapper .beer-slider{

		border-radius:18px;

	}

	.riven-comparison-wrapper .beer-slider img{

		aspect-ratio:4 / 3;

	}

	.riven-comparison-wrapper .beer-handle{

		width:52px;
		height:52px;

	}

	.riven-comparison-wrapper [data-beer-label]::after{

		font-size:12px;
		padding:8px 16px;

	}

}