.wd-product.wd-hover-info-alt .product-element {
	position: relative;
	overflow: clip;
}

.wd-product.wd-hover-info-alt :is(.product-element,.top-information) {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: var(--wd-prod-gap);
}

@media (min-width: 1025px) {
	.wd-product.wd-hover-button.product-swatched .wd-product-thumb:hover .wd-buttons {
		opacity: 0 !important;
		visibility: hidden !important;
	}
	
	.wd-product.wd-hover-info-alt {
		--wd-btn-inset: 0;
	}
	
	.wd-product.wd-hover-info-alt :is(.top-information,.wd-product-grid-slider-nav,.wd-buttons) {
		--color-gray-300: rgba(255, 255, 255, .5);
		--color-gray-400: rgba(255, 255, 255, .6);
		--color-gray-500: rgba(255, 255, 255, .7);
		--color-gray-700: rgba(255, 255, 255, .9);
		--color-gray-800: #fff;
		--color-gray-900: #fff;
		--color-white: #000;
		--wd-form-brd-color: #fff;
		--wd-form-color: #fff;
		--wd-form-brd-color-focus: rgba(255, 255, 255, .5);
		--wd-link-color: rgba(255, 255, 255, .7);
		--wd-link-color-hover: #fff;
		--wd-entities-title-color: #fff;
		--wd-entities-title-color-hover: rgba(255, 255, 255, .8);
	}
	
	.wd-product.wd-hover-info-alt .top-information {
		z-index: 3;
		opacity: 0;
		visibility: hidden;
		transition: opacity .3s ease, visibility .3s ease;
		padding: 10px 38px;
		pointer-events: none;
	}
	
	.wd-product.wd-hover-info-alt .top-information>* {
		pointer-events: auto;
	}
	
	.wd-product.wd-hover-info-alt:hover:not(:is(.quick-shop-shown,[class*="wd-loading"])) .top-information {
		opacity: 1;
		visibility: visible;
	}
	
	.wd-product.wd-hover-info-alt .top-information :is(.amount,.price,.price ins) {
		color: #fff;
	}
	
	.wd-product.wd-hover-info-alt .top-information del .amount {
		color: rgba(255, 255, 255, .6);
	}
	
	.wd-product.wd-hover-info-alt .wd-buttons {
		background: none;
		box-shadow: none;
	}
}

@media (max-width: 1024px) {
	.wd-product.wd-hover-info-alt .top-information {
		position: static;
	}
	
	.wd-product.wd-hover-info-alt .wd-add-btn>a {
		min-height: unset;
		border-radius: var(--btn-accented-brd-radius);
		color: var(--btn-accented-color);
		box-shadow: var(--btn-accented-box-shadow);
		background-color: var(--btn-accented-bgcolor);
		text-transform: var(--btn-accented-transform, var(--btn-transform, uppercase));
		font-weight: var(--btn-accented-font-weight, var(--btn-font-weight, 600));
		font-family: var(--btn-accented-font-family, var(--btn-font-family, inherit));
		font-style: var(--btn-accented-font-style, var(--btn-font-style, unset));
	}
	
	.wd-product.wd-hover-info-alt .wd-add-btn>a:hover {
		color: var(--btn-accented-color-hover);
		box-shadow: var(--btn-accented-box-shadow-hover);
		background-color: var(--btn-accented-bgcolor-hover);
	}
	
	.wd-product.wd-hover-info-alt .wd-add-btn>a:active {
		box-shadow: var(--btn-accented-box-shadow-active);
		bottom: var(--btn-accented-bottom-active, 0);
	}
	
	.wd-product.wd-hover-info-alt .wd-add-btn>a span {
		padding: 5px 14px;
		min-height: 36px;
		font-size: 12px;
	}
}