:root {
    --bonusify-chip-color-blue: #347dea;
    --bonusify-chip-color-red: #ff2b27;
    --bonusify-chip-color-green: #04bb4a;
    --bonusify-chip-color-purple: #8653eb;
    --bonusify-chip-color-yellow: #ff9a27;
}

.bonusify-single-offer-enabled {
	& .space-aces-single-offer-info {
		border-radius: 16px;
	}

	& .space-aces-single-offer-info-ins {
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
		text-align: center;
		padding: 20px 20px;
	}

	& .bonusify-single-offer-meta-cluster {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin: 0 0 15px;
	}

	& .space-aces-single-offer-info-logo {
		max-width: 75px;
		border-radius: 14px;
		overflow: hidden;

		& > a {
			display: flex;
		}

		& img {
			width: 100%;
			height: auto;
			object-fit: contain;
		}
	}

	& .bonusify-single-offer-tags-wrap {
		margin: 15px 0 0;
		width: 100%;
	}

	& .bonusify-single-offer-chips {
		margin: 0
	}

	& .chips {
		gap: 10px;
		justify-content: center;
		background-color: transparent;
        border: 0;
		padding: 0;
        width: 100%;

		& .chips__item {
			border-radius: 16px;
		}
	}

	& .space-aces-single-offer-info-title {
		& h1 {
			font-size: 1.5em;
			color: #2d3436;
		}
	}

	& .space-aces-single-offer-info-short-desc {
		margin-top: 10px;
		font-size: 1em;
	}

	& .bonusify-single-offer-table-wrap {
		max-width: none;
        width: 100%;
		padding: 10px 0 0;
	}

	& .bonusify-single-offer-table {
		background: rgba(255, 255, 255, 0.75);
		border-radius: 10px;
		width: 100%;
	}

	& .bonusify-single-offer-table__body {
		display: flex;
		flex-direction: column;
		padding: 15px;
		gap: 11px;
	}

	& .bonusify-single-offer-table__row {
		display: flex;
		justify-content: space-between;
		gap: 12px;
		font-size: 14px;
		color: #151515;

		& td {
			padding: 0;
			border: 0;
		}
	}

	& .bonusify-single-offer-table__row strong {
		font-weight: 700;
	}

	& .space-aces-single-offer-info-button-ins {
		padding: 0;
		margin: 0 auto 5px;
	}

	& .space-aces-single-offer-info-code-button {
		padding-top: 20px;
	}

	& .space-aces-single-offer-info-button {
		display: flex;
    	align-items: center;
		flex-wrap: wrap;
		padding: 0 0 10px;
	}

	& .space-organization-header-button-notice {
		width: 100%;
	}

	& .space-aces-single-offer-info-code-button {
		& .space-aces-single-offer-info-code {
			width: 100%;
			padding: 0 0 15px;

			& .space-aces-single-offer-info-code-ins {
				padding: 0;
			}
		}
		& .space-aces-single-offer-info-button {
			width: 100%;
		}
	}

	& .space-aces-single-offer-info {
		& .space-overlay {
			background: transparent;
		}
	}
}

.space-single-offer.space-dark-style {
	& .bonusify-single-offer-enabled {
		& .space-overlay {
			background: transparent;
		}
	}
}

@media (min-width: 1025px) {
	.bonusify-single-offer-enabled {
		& .space-aces-single-offer-info-ins-wrap {
			width: 60%;
		}

		& .space-aces-single-offer-info-ins {
			justify-content: space-between;
			text-align: left;
		}

		& .bonusify-single-offer-meta-cluster {
			justify-content: flex-start;
			flex-wrap: nowrap;
		}

		& .bonusify-single-offer-tags-wrap {
			margin: 0 0 0 25px;
			width: auto;
		}

		& .chips {
			justify-content: flex-start;
		}

		& .bonusify-single-offer-table-wrap {
			max-width: 300px;
			width: 40%;
			padding: 0;
		}

		& .space-aces-single-offer-info-button-ins {
			padding: 0 15px 0 0;
			margin: 0;
		}

		& .space-aces-single-offer-info-code-button {
			padding-top: 30px;
		}

		& .space-aces-single-offer-info-button {
			padding: 0;
		}

		& .space-organization-header-button-notice {
			width: auto;
		}
	}
}

@media screen and (max-width: 479px) {
	.bonusify-single-offer-enabled {
		& .space-aces-single-offer-info .space-aces-single-offer-info-ins {
            padding: 15px 15px;
        }
	}
}