#app-builder-modal-wrapper {
	display: none;
	/* Hidden by default */
	position: fixed;
	z-index: 100000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: var(--app-builder-overlay-background, rgba(0, 0, 0, 0.4));
}

#app-builder-modal-content {
	position: fixed;
	top: var(--app-builder-modal-margin, 25px);
	bottom: var(--app-builder-modal-margin, 25px);
	left: var(--app-builder-modal-margin, 25px);
	right: var(--app-builder-modal-margin, 25px);
	border-radius: var(--app-builder-modal-border-radius, 8px);
	padding: var(--app-builder-modal-padding, 8px);
	background: var(--app-builder-modal-background, rgba(255, 255, 255, 1));
	box-shadow: var(
		--app-builder-modal-box-shadow,
		0 10px 30px rgba(0, 0, 0, 0.5)
	);
	user-select: none;
}

#app-builder-modal-close-button {
	position: absolute;
	top: var(--app-builder-close-button-position, -1rem);
	right: var(--app-builder-close-button-position, -1rem);
	width: var(--app-builder-close-button-size, 2rem);
	height: var(--app-builder-close-button-size, 2rem);
	cursor: pointer;
}

#app-builder-iframe {
	width: 100%;
	height: 100%;
	border: none;
}

.fdsx-sd-cart-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 8px;
	padding: 8px 14px;
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	background: #1a1a1a;
	border: 1px solid #1a1a1a;
	border-radius: 6px;
	cursor: pointer;
	text-decoration: none;
	transition: background 0.15s, transform 0.1s;
}
.fdsx-sd-cart-btn::before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/><polyline points='3.27 6.96 12 12.01 20.73 6.96'/><line x1='12' y1='22.08' x2='12' y2='12'/></svg>");
	background-size: contain;
	background-repeat: no-repeat;
}
.fdsx-sd-cart-btn:hover {
	background: #333;
	color: #fff;
}
.fdsx-sd-cart-btn:active {
	transform: translateY(1px);
}

.shapediver-product-button {
	margin-left: 10px;
}

.wc-block-components-product-details__product-id {
	display: none;
}

@media (max-width: 1058px) {
	#app-builder-modal-content {
		top: var(--app-builder-modal-margin-md, 12px);
		bottom: var(--app-builder-modal-margin-md, 12px);
		left: var(--app-builder-modal-margin-md, 12px);
		right: var(--app-builder-modal-margin-md, 12px);
		border-radius: var(--app-builder-modal-border-radius-md, 8px);
		padding: var(--app-builder-modal-padding-md, 8px);
	}

	#app-builder-modal-close-button {
		top: var(--app-builder-close-button-position, -0.5rem);
		right: var(--app-builder-close-button-position, -0.5rem);
		width: var(--app-builder-close-button-size, 2rem);
		height: var(--app-builder-close-button-size, 2rem);
	}
}

@media (max-width: 808px) {
	#app-builder-modal-content {
		top: var(--app-builder-modal-margin-sm, 0px);
		bottom: var(--app-builder-modal-margin-sm, 0px);
		left: var(--app-builder-modal-margin-sm, 0px);
		right: var(--app-builder-modal-margin-sm, 0px);
		border-radius: var(--app-builder-modal-border-radius-sm, 0px);
		padding: var(--app-builder-modal-padding-sm, 0px);
	}

	#app-builder-modal-close-button {
		top: var(--app-builder-close-button-position, 0.5rem);
		right: var(--app-builder-close-button-position, 0.5rem);
		width: var(--app-builder-close-button-size, 2rem);
		height: var(--app-builder-close-button-size, 2rem);
	}
}