/*==============================================================
# 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;

}


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

.riven-product-features{

	padding:100px 0;

	position:relative;

	overflow:hidden;

}

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

.riven-container{

	width:min(1320px,92%);

	margin:auto;

}


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

.riven-section-header{

	text-align:center;

	margin-bottom:60px;

}


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

.riven-section-title{

	position:relative;

	margin:0 0 40px;

	padding-bottom:18px;

	font-size:42px;

	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);

}


/*==============================================================
# Layout
==============================================================*/

.riven-features-layout{

	display:grid;

	grid-template-columns:470px 1fr;

	gap:70px;

	align-items:center;

}


/*==============================================================
# Left Column
==============================================================*/

.riven-features-left{

	display:flex;

	flex-direction:column;

	gap:18px;

}


/*==============================================================
# Right Column
==============================================================*/

.riven-features-right{

	position:relative;

}


.riven-features-right img{

	display:block;

	width:100%;

	height:auto;

	border-radius:18px;

}

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

.riven-feature-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 12px 18px;
    min-height: 60px;
    background: linear-gradient(180deg, #1B0D2B 0%, #140A20 100%);
    border: 1px solid rgba(76,45,115,.95);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(0,0,0,.18),
	inset 0 1px 0 rgba(255,255,255,.04);
}


/* Left Accent */

.riven-feature-card::before{

	content:"";

	position:absolute;

	left:0;

	top:0;

	width:3px;

	height:100%;

	background:var(--riven-primary);

}


/* Glow */

.riven-feature-card::after{

	content:"";

	position:absolute;

	inset:0;

	background:radial-gradient(
		circle at left,
		rgba(183,255,0,.08),
		transparent 60%
	);

	opacity:0;

	transition:.35s;

	pointer-events:none;

}


/* Hover */

.riven-feature-card:hover{

	transform:translateY(-4px);

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

	box-shadow:

		0 0 0 1px rgba(183,255,0,.15),

		0 18px 40px rgba(0,0,0,.45);

}


.riven-feature-card:hover::before{

	height:100%;

}


.riven-feature-card:hover::after{

	opacity:1;

}


/*==============================================================
# Icon
==============================================================*/
.riven-feature-icon{

	display:flex;

	align-items:center;

	justify-content:center;

	width: 58px;
    height: 58px;


	flex-shrink:0;

	border-radius:16px;

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

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

	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.04);

}

.riven-feature-icon i {
    font-size: 22px;
    color: var(--riven-primary);
    line-height: 22px;
}




.riven-feature-card:hover .riven-feature-icon{

	background:#17171f;

	border-color:var(--riven-primary);

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

}


.riven-feature-card:hover .riven-feature-icon i{

	transform:scale(1.08);

	color:#d7ff63;

}


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

.riven-feature-content{

	flex:1;

}


.riven-feature-content{

	flex:1;

}

h3.riven-feature-title{

	margin-bottom:4px;

	font-size: 21px;

	line-height:1.25;

	font-weight:500;

	color:#FFFFFF;

	letter-spacing:.2px;

}


.riven-feature-description{

	margin:0;

	font-size:14px;

	line-height:1.45;

	color:var(--riven-text-light);

}


.riven-feature-description p{

	margin:0;

}

/*==============================================================
# Responsive Layout
==============================================================*/

@media (max-width: 575px){

	.riven-features-layout{

		grid-template-columns:1fr;

		gap:60px;

	}

	.riven-features-right{

		position:relative;

		top:auto;

		order: 1;

		max-width:720px;

		margin:0 auto;

	}

	.riven-features-left{

		max-width:760px;

	}

}




/*==============================================================
# Motion
==============================================================*/

@media (prefers-reduced-motion:reduce){

	.riven-feature-card,

	.riven-feature-icon,

	.beer-handle{

		transition:none!important;

	}

}

/*==============================================================
# Before / After Labels
==============================================================*/

.riven-features-right .beer-slider[data-beer-label]::after,
.riven-features-right .beer-reveal[data-beer-label]::after{

	content:attr(data-beer-label);

	position:absolute;

	top:24px;

	padding:10px 18px;

	border-radius:50px;

	font-size:13px;

	font-weight:700;

	text-transform:uppercase;

	letter-spacing:.6px;

	line-height:1;

	z-index:20;

	backdrop-filter:blur(10px);

	-webkit-backdrop-filter:blur(10px);

	box-shadow:
		0 8px 20px rgba(0,0,0,.25);

}

/* AFTER */

.riven-features-right .beer-slider[data-beer-label]::after{

	right:24px;

	background:var(--riven-primary);

	color:#111;

	border:1px solid rgba(255,255,255,.08);

}

/* BEFORE */

.riven-features-right .beer-reveal[data-beer-label]::after{

	left:24px;

	background:#1b1b22;

	color:#fff;

	border:1px solid rgba(255,255,255,.08);

}

.beer-slider[data-beer-label]::after{

	background:linear-gradient(
	180deg,
	#cfff33,
	#b7ff00
	);

	color:#111;

	font-weight:800;

	box-shadow:
		0 8px 25px rgba(183,255,0,.28);

}

.riven-features-right .beer-reveal[data-beer-label]::after{

	background:linear-gradient(
	180deg,
	#23232c,
	#18181f
	);

	color:#fff;

}



/*==============================================================
# 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;
	}
}

/*==============================================================
# Product Highlights
==============================================================*/

.riven-product-highlights{

	padding:90px 0;

	background:var(--riven-bg);

}

.riven-highlights-grid{

	display:flex;

	gap:30px;

	margin-top:50px;

}


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

.riven-highlight-card{

	overflow:hidden;

	border:1px solid #4C2D73;

	border-radius:22px;

	background:linear-gradient(
	180deg,
	#1B0D2B 0%,
	#140A20 100%
	);
	width: 50%;

}


/*==============================================================
# Image
==============================================================*/

.riven-highlight-image{

	display:block;

	width:100%;

	height: 380px !important;

	object-fit:cover;

	object-position:center;

	border-right:1px solid rgba(255,255,255,.08);

}


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

.riven-highlight-content{

	padding:20px 40px;

}


/*==============================================================
# Text Wrapper
==============================================================*/

.riven-highlight-text{

	display:flex;

	flex-direction:column;

	justify-content:center;

}


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

.riven-highlight-title{

	margin:0;

	font-size:32px;

	font-weight:700;

	line-height:1.15;

	text-transform:uppercase;

	letter-spacing:.2px;

	color:var(--riven-primary);

}


/*==============================================================
# Subtitle
==============================================================*/

.riven-highlight-description{

	margin-top:8px;

	font-size:18px;

	font-weight:500;

	line-height:1.5;

	color:#D7CEE8;

}

.riven-highlight-description p{

	margin:0;

}


/*==============================================================
# Responsive
==============================================================*/

@media (max-width:991px){

	.riven-highlight-card{

		grid-template-columns:1fr;

		height:auto;

	}

	.riven-highlight-image{

		height:280px !important;

		border-right:none;

		border-bottom:1px solid rgba(255,255,255,.08);

	}

	.riven-highlight-content{

		padding:40px;

	}

	.riven-highlight-content::before{

		height:90px;

		margin-right:24px;

	}

	.riven-highlight-title{

		font-size:30px;

	}

	.riven-highlight-description{

		font-size:18px;

	}

}

@media (max-width:767px){

	.riven-highlight-card{

		border-radius:18px;

	}

	.riven-highlight-image{

		height:220px;

	}

	.riven-highlight-content{

		padding:28px;

	}

	.riven-highlight-content::before{

		height:70px;

		margin-right:18px;

	}

	.riven-highlight-title{

		font-size:24px;

	}

	.riven-highlight-description{

		font-size:16px;

	}

}

@media(max-width:576px){

.riven-highlight-card{
    min-height:86px;
    padding:16px 18px;
}

.riven-highlight-title{
    font-size:18px;
}

.riven-highlight-description{
    font-size:14px;
}
.riven-highlight-description {
	margin: 0px;
}
.riven-highlight-description p {
	margin: 0px;
}

.riven-highlight-content::before {
    height: 50px;
    margin-right: 18px;
}
.riven-highlight-content {
    padding: 12px 28px;
}

}


/*==============================================================
# 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;

    }

}