/* DSG Catalog: only what the plugin itself adds to the page. */

/* Popup «Детальніше» while the product is loading. */
.dsg-details-loading {
	opacity: 0.35;
	pointer-events: none;
	transition: opacity 0.2s ease;
}

/* Order received (templates/checkout/thankyou.php), as the design popup. */
.dsg-thankyou {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	max-width: 568px;
	margin: 40px auto;
	padding: 40px 28px;
	border-radius: 12px;
	background: var(--e-global-color-white, #fff);
	box-shadow: 0 16px 56px rgba(17, 17, 26, 0.1);
	text-align: center;
	font-family: "Montserrat", sans-serif;
}

.dsg-thankyou__title {
	margin: 0;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.22;
	color: var(--e-global-color-text, #222);
}

.dsg-thankyou__text,
.dsg-thankyou__number {
	margin: 0;
	font-size: 15px;
	line-height: 1.3;
	color: var(--e-global-color-text_muted, #666);
}

.dsg-thankyou__note {
	width: 100%;
	margin: 8px 0 0;
	padding: 12px 16px;
	border-radius: 8px;
	background: var(--e-global-color-green_surface, #f7faf8);
	color: var(--e-global-color-primary, #4ea063);
	font-size: 12px;
	font-weight: 500;
}

.dsg-thankyou a.dsg-thankyou__button {
	display: block;
	width: 100%;
	margin-top: 8px;
	padding: 18px 32px;
	border-radius: 8px;
	background: var(--e-global-color-primary, #4ea063);
	color: var(--e-global-color-text_light, #f8f8f8);
	font-size: 15px;
	font-weight: 500;
	text-decoration: none;
	transition: background-color 0.2s;
}

.dsg-thankyou a.dsg-thankyou__button:hover,
.dsg-thankyou a.dsg-thankyou__button:focus {
	background: var(--e-global-color-secondary, #103e2a);
	color: var(--e-global-color-text_light, #f8f8f8);
}

/* A product being added from a catalog card. */
.dsg-adding {
	opacity: 0.5;
	pointer-events: none;
}