.gea-hfp-wrap{
	position:relative;
	margin:30px auto;
	padding:28px 52px 32px;
	border:1px solid rgba(212,165,20,.30);
	border-radius:22px;
	background:linear-gradient(145deg,#111,#1b1b1b);
	box-shadow:0 18px 45px rgba(0,0,0,.20);
	overflow:hidden;
}
.gea-hfp-wrap:before{
	content:"";
	position:absolute;
	inset:0 0 auto 0;
	height:4px;
	background:linear-gradient(90deg,#7a5600,#ffd76b,#b98600);
}
.gea-hfp-title{
	margin:0 0 24px;
	text-align:center;
	color:#fff;
	font-size:clamp(25px,3vw,42px);
	line-height:1.15;
	font-weight:900;
	letter-spacing:.02em;
	text-transform:uppercase;
}
.gea-hfp-title span{color:#f4c542}
.gea-hfp-carousel{position:relative}
.gea-hfp-viewport{
	overflow-x:auto;
	overflow-y:hidden;
	scroll-behavior:smooth;
	scrollbar-width:none;
	-webkit-overflow-scrolling:touch;
	padding:4px 2px 12px;
}
.gea-hfp-viewport::-webkit-scrollbar{display:none}
.gea-hfp-viewport ul.products{
	display:grid !important;
	grid-auto-flow:column;
	grid-auto-columns:calc((100% - ((var(--gea-hfp-columns,4) - 1) * 18px)) / var(--gea-hfp-columns,4));
	grid-template-columns:none !important;
	gap:18px !important;
	width:max-content !important;
	min-width:100%;
	margin:0 !important;
}
.gea-hfp-viewport ul.products:before,
.gea-hfp-viewport ul.products:after{display:none !important}
.gea-hfp-viewport ul.products li.product{
	width:100% !important;
	min-width:0 !important;
	margin:0 !important;
	float:none !important;
}
.gea-hfp-arrow{
	position:absolute;
	top:50%;
	z-index:20;
	display:flex;
	align-items:center;
	justify-content:center;
	width:48px;
	height:64px;
	padding:0;
	border:2px solid #f4c542;
	border-radius:14px;
	background:#111;
	color:#f4c542;
	font-size:34px;
	font-weight:900;
	line-height:1;
	cursor:pointer;
	box-shadow:0 8px 24px rgba(0,0,0,.38);
	transform:translateY(-50%);
	transition:transform .2s ease,opacity .2s ease,background .2s ease;
}
.gea-hfp-arrow:hover{
	background:#f4c542;
	color:#111;
	transform:translateY(-50%) scale(1.05);
}
.gea-hfp-prev{left:-44px}
.gea-hfp-next{right:-44px}
.gea-hfp-arrow:disabled{
	opacity:.25;
	cursor:not-allowed;
	transform:translateY(-50%);
}
.gea-hfp-footer{text-align:center;margin-top:24px}
.gea-hfp-button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:50px;
	padding:12px 25px;
	border-radius:999px;
	background:linear-gradient(135deg,#f5c542,#a97100);
	color:#111 !important;
	font-weight:900;
	text-decoration:none !important;
	box-shadow:0 10px 25px rgba(212,165,20,.28);
}
.gea-hfp-empty{
	padding:24px;
	border-radius:14px;
	background:#fff;
	color:#333;
	text-align:center;
	font-weight:700;
}
@media(max-width:1024px){
	.gea-hfp-wrap{--gea-hfp-columns:3 !important}
}
@media(max-width:767px){
	.gea-hfp-wrap{
		--gea-hfp-columns:2 !important;
		padding:24px 34px 28px;
		border-radius:18px;
	}
	.gea-hfp-viewport ul.products{
		grid-auto-columns:calc((100% - 12px) / 2);
		gap:12px !important;
	}
	.gea-hfp-arrow{
		width:38px;
		height:56px;
		font-size:28px;
		border-radius:11px;
	}
	.gea-hfp-prev{left:-29px}
	.gea-hfp-next{right:-29px}
}
@media(max-width:380px){
	.gea-hfp-wrap{padding-left:30px;padding-right:30px}
	.gea-hfp-viewport ul.products{
		grid-auto-columns:calc((100% - 8px) / 2);
		gap:8px !important;
	}
}