/* Club section (Pioneer / Leader / Rapid / President): gradient-headed cards with member rows. */
.top-selling-section { padding: 36px 0 12px; background: linear-gradient(180deg, #fff 0%, #f6f9fd 100%); }
.top-selling-section .slider-4-1 .slick-slide > div { padding: 0 10px; }
.top-selling-section .slick-list { padding: 6px 0 10px; }

.top-selling-box.gk-club {
	--club: #1e9bd7;
	--club2: #1667a8;
	position: relative;
	height: 100%;
	padding: 0 0 8px;
	overflow: hidden;
	border-radius: 22px;
	background: #fff;
	border: 1px solid #e8eef6;
	box-shadow: 0 20px 40px -30px rgba(20, 30, 80, .55);
	transition: transform .25s ease, box-shadow .25s ease;
	min-height: 340px;
}
.top-selling-box.gk-club:hover { box-shadow: 0 30px 50px -28px rgba(20, 30, 80, .6); }
.top-selling-box.gk-club-pioneer { --club: #1e9bd7; --club2: #1667a8; }
.top-selling-box.gk-club-leader { --club: #8b5cf6; --club2: #5b2aa8; }
.top-selling-box.gk-club-rapid { --club: #f59e0b; --club2: #d97706; }
.top-selling-box.gk-club-president { --club: #ff5a4e; --club2: #c81f16; }

/* header */
.top-selling-box.gk-club .top-selling-title {
	position: relative;
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 6px;
	padding: 18px 18px 16px;
	overflow: hidden;
	color: #fff;
	background:
		radial-gradient(180px 120px at 105% -20%, rgba(255, 255, 255, .35), transparent 70%),
		linear-gradient(135deg, var(--club), var(--club2));
}
.top-selling-box.gk-club .top-selling-title::after { display: none; }
.gk-club-ico { flex: 0 0 44px; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 14px; font-size: 19px; background: rgba(255, 255, 255, .22); border: 1px solid rgba(255, 255, 255, .35); box-shadow: 0 10px 18px -10px rgba(0, 0, 0, .45); }
.top-selling-box.gk-club .top-selling-title h3 { margin: 0; font-size: 18px; font-weight: 800; letter-spacing: -.2px; color: #fff; }

/* member rows */
.top-selling-box.gk-club .top-selling-contain {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 10px;
	padding: 10px 10px;
	border-radius: 16px;
	border: 0;
	transition: background .18s, transform .18s;
}
.top-selling-box.gk-club .top-selling-contain + .top-selling-contain { margin-top: 2px; }
.top-selling-box.gk-club .top-selling-contain + .top-selling-contain::before { display: none; }
.top-selling-box.gk-club .top-selling-contain:hover { background: color-mix(in srgb, var(--club) 9%, #fff); transform: translateX(3px); }
.top-selling-box.gk-club .top-selling-contain .top-selling-image { flex: 0 0 54px; width: 54px; height: 54px; margin: 0; border-radius: 50%; padding: 2px; background: linear-gradient(135deg, var(--club), var(--club2)); }
.top-selling-box.gk-club .top-selling-contain .top-selling-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; border: 2px solid #fff; background: #fff; }
.top-selling-box.gk-club .top-selling-contain .top-selling-detail { min-width: 0; padding: 0; }
.top-selling-box.gk-club .top-selling-contain .top-selling-detail h5 { margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14.5px; font-weight: 700; color: #1d1d64; text-transform: capitalize; }
.top-selling-box.gk-club .top-selling-contain .top-selling-detail p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 3px 0 0; font-size: 12px; line-height: 1.4; color: #6b7390; }
.top-selling-box.gk-club .top-selling-contain .top-selling-detail p i { color: var(--club); margin-right: 3px; }

/* view all button under each card */
.top-selling-section .slider-4-1 .btn.product-button {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: calc(100% - 20px);
	margin: 14px 10px 6px !important;
	padding: 11px 16px;
	border: 0;
	border-radius: 14px;
	background: linear-gradient(135deg, #1d1d64, #2b2b8a);
	color: #fff;
	font-weight: 700;
	box-shadow: 0 14px 24px -14px rgba(29, 29, 100, .8);
}
.top-selling-section .slider-4-1 .btn.product-button:hover { background: linear-gradient(135deg, #e2261c, #ff5a4e); }

@media (max-width: 575.98px) {
	.top-selling-section { padding: 24px 0 8px; }
	.top-selling-box.gk-club .top-selling-title { padding: 15px 14px; }
}

/* full-width 4-column grid (col-md-3), tight side spacing */
.top-selling-section > .container-fluid-lg { max-width: none; padding-left: 12px; padding-right: 12px; }
.top-selling-section .gk-club-row { margin-left: -6px; margin-right: -6px; }
.top-selling-section .gk-club-row > [class*="col-"] { padding-left: 6px; padding-right: 6px; }
.top-selling-section .gk-club-row > [class*="col-"] > .row { margin: 0; }
.top-selling-section .gk-club-row > [class*="col-"] > .row > .col-12 { padding: 0; }
.top-selling-section .gk-club-row .btn.product-button { width: 100%; margin: 12px 0 0 !important; }
.top-selling-box.gk-club .top-selling-contain { margin: 0 8px; }
@media (max-width: 991.98px) {
	.top-selling-box.gk-club .top-selling-title { padding: 14px 12px; gap: 8px; }
	.top-selling-box.gk-club .top-selling-title h3 { font-size: 15px; }
	.gk-club-ico { flex-basis: 36px; width: 36px; height: 36px; font-size: 16px; }
}