.feniex-explorer { max-width: 1440px; margin: 0 auto; padding: 48px 32px; width: 100%; font-family: 'Inter', sans-serif;}
.feniex-explorer .explorer-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 24px; }
.feniex-explorer .subtitle { color: #FF4500; font-size: 12px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.3em; margin-bottom: 8px; }
.feniex-explorer .main-title { color: #0a0a0a; font-size: 36px; font-weight: 900; font-family: 'Inter', sans-serif;  text-transform: uppercase; letter-spacing: -0.84px; margin: 0; line-height: 1; }
.feniex-explorer .explorer-grid { display: grid; grid-template-columns: 1fr 420px; gap: 12px; }
@media (max-width: 1024px) {
	.feniex-explorer .explorer-grid { grid-template-columns: 1fr; } .feniex-explorer .feature-counter { display: none; }
}
.feniex-explorer .card { position: relative; display: block; border-radius: 20px; overflow: hidden; text-decoration: none; outline: none; }
.feniex-explorer .card-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); filter: brightness(0.58);}
.feniex-explorer .card:hover .card-img { transform: scale(1.05); filter: brightness(0.65);}
.feniex-explorer .card:hover .card-overlay-side{box-shadow: rgba(255, 69, 0, 0.7) 0px 0px 0px 1.5px inset;}
.feniex-explorer .zoom-img { transform: scale(1.3); }
.feniex-explorer .card-featured { min-height: 480px; }
.feniex-explorer .card-id { position: absolute; top: 24px; transition: all 0.3s ease; left: 24px; color: rgba(255, 255, 255, 0.35); font-size: 11px; font-weight: 900; letter-spacing: 0.2em; }
.feniex-explorer .configuration_badge { position: absolute; transition: all 0.3s ease; top: 20px; letter-spacing: 1.5px; right: 24px; background: rgba(255, 255, 255, 0.1); color: #fff; padding: 6px 12px; border-radius: 99px; font-size: 10px; font-weight: 900; text-transform: uppercase; backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.1); }
.feniex-explorer .card-featured:hover .configuration_badge{background: rgba(255, 69, 0, 0.9); color: white; border: 1px solid rgba(255, 255, 255, 0.1);}
.feniex-explorer .card-featured:hover .card-id{color: rgba(255, 69, 0, 0.9);}
.feniex-explorer .card-featured:hover .btn-pill{
	background: rgb(255, 69, 0);
	color: rgb(255, 255, 255);
	backdrop-filter: blur(8px);
	border: 1px solid rgba(255, 255, 255, 0.1);
	box-shadow: rgba(255, 69, 0, 0.5) 0px 0px 24px;
}
.feniex-explorer .card-featured:hover .btn-pill svg{transform: translateX(3px);}
.feniex-explorer .card-footer { position: absolute; bottom: 0; left: 0; right: 0; padding: 28px; z-index: 10; }
.feniex-explorer .footer-title { color: #fff; font-family: 'Inter', sans-serif; line-height: 1; font-size: 40px; font-weight: 900; text-transform: uppercase; margin: 0 0 12px 0; text-shadow: 0 2px 20px rgba(0,0,0,0.5); }
.feniex-explorer .footer-desc { color: rgba(255, 255, 255, 0.7); font-size: 13px; line-height: 1.6; max-width: 380px; margin-bottom: 20px; }
.feniex-explorer .btn-pill { display: inline-flex; align-items: center; gap: 8px; padding: 10px 20px; background: rgba(255, 255, 255, 0.12); color: #fff; border-radius: 99px; font-size: 11px; font-weight: 900; letter-spacing: 1.32px; text-transform: uppercase; backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.1); transition: 0.3s; }
.feniex-explorer .btn-pill svg { width: 12px; height: 12px; transition: transform 0.3s ease;}
.feniex-explorer .controls-bar { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.feniex-explorer .pagination {display: flex; gap: 6px; transform: translateY(0);}
.feniex-explorer .pagination .swiper-pagination-bullet {width: 8px; height: 8px; opacity: 1; margin: 0; transition: all 0.4s ease; border-radius: 50%; border: none; background: rgba(0, 0, 0, 0.2);}
.feniex-explorer .pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 24px; border-radius: 999px; background: #FF4500;}
.feniex-explorer .arrows { display: flex; gap: 4px; }
.feniex-explorer .arrow-btn { width: 28px; height: 28px; border-radius: 50%; border: none; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.2); }
.feniex-explorer .arrow-btn:not(.swiper-button-disabled).prev{color: rgb(10, 10, 10); cursor: pointer; background: rgba(0, 0, 0, 0.08);}
.feniex-explorer .arrow-btn:not(.swiper-button-disabled).next { background: #FF4500; color: #fff; box-shadow: 0 0 12px rgba(255, 69, 0, 0.35); cursor: pointer; }
.feniex-explorer .small-cards-stack { display: flex; flex-direction: column; gap: 12px; overflow: hidden;}
.feniex-explorer .card-overlay-side { position: absolute; inset: 0; background: linear-gradient(100deg, rgb(0 0 0 / 82%) 0%, rgba(0, 0, 0, 0.12) 100%); border-radius: 20px;}
.feniex-explorer .small-card-content { position: relative; z-index: 10; min-height: 152px; padding: 20px 24px; display: flex; align-items: center; justify-content: space-between; }
.feniex-explorer .content-left { display: flex; align-items: center; gap: 16px; }
.feniex-explorer .card-id-inline { color: rgba(255, 255, 255, 0.7); transition: all 0.3s ease; font-size: 11px; font-weight: 900; }
.feniex-explorer .vertical-divider { width: 1px; height: 32px; background: rgba(255, 255, 255, 0.1); }
.feniex-explorer .label { color: rgba(255, 255, 255, 0.7); transition: color 0.3s ease; font-size: 11px; font-weight: 900; text-transform: uppercase; margin: 0 0 4px 0; }
.feniex-explorer .small-title { color: #fff; font-size: 20px; font-weight: 900; text-transform: uppercase; margin: 0; letter-spacing: -0.02em; }
.feniex-explorer .small-desc { color: rgba(255, 255, 255, 0.7); transition: all 0.3s ease; font-size: 14px; margin: 6px 0 0 0; max-width: 240px; line-height: 1.4; }
.feniex-explorer .icon-circle { width: 36px; height: 36px; transition: all 0.3s ease; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.1); color: #fff; }
.feniex-explorer .icon-circle svg { width: 14px; height: 14px; }
.feniex-explorer .card-small { border: 0;}
.feniex-explorer .card-small:hover .small-desc{color: white;}
.feniex-explorer .card-small:hover .card-id-inline{color: rgb(255, 69, 0);}
.feniex-explorer .card-small:hover .label{color: rgb(255, 69, 0);}
.feniex-explorer .card-small:hover .icon-circle{
	background: rgb(255, 69, 0);
	border: 1px solid rgb(255, 69, 0);
	box-shadow: rgba(255, 69, 0, 0.4) 0px 0px 20px;
	transform: translateX(2px);
}
.feniex-explorer .swiper-slide{height: auto !important;}
@media (max-width: 1024px) {
	.feniex-explorer .small-cards-stack{min-height: 482px;}
	.feniex-explorer .explorer-header{margin-bottom: 16px;}
	.feniex-explorer .pagination{display: none;}

	.feniex-explorer .subtitle{font-size: 10px;}
	.feniex-explorer .main-title{font-size: 28px;}

	.feniex-explorer .footer-title{font-size: 32px;}
}