/*!
 * PrintShop Pro — Responsive Stylesheet (Mobile First adjustments)
 */

/* Tablet */
@media (max-width: 1024px) {
	.psp-configurator-grid {
		grid-template-columns: 1fr;
	}
	.psp-configurator-summary {
		position: static;
	}
}

/* Mobile */
@media (max-width: 768px) {

	.psp-configurator { margin-bottom: 90px; }

	.psp-configurator-progress { display: block; }

	/* Step-by-step mode: only the active step is visible */
	.psp-configurator-form .psp-step {
		display: none;
	}
	.psp-configurator-form .psp-step.psp-step-active {
		display: block;
	}

	.psp-option-chip, .psp-qty-chip {
		flex: 1 1 calc(50% - 10px);
		text-align: center;
		font-size: 15px;
		padding: 14px 10px;
		min-height: 46px;
	}

	.psp-btn {
		min-height: 48px;
		font-size: 16px;
	}

	.psp-configurator-summary .psp-price-box,
	.psp-configurator-summary > .psp-btn {
		display: none; /* replaced by the sticky bottom bar on mobile */
	}

	.psp-sticky-cart {
		display: flex;
	}

	.psp-dimension-inputs {
		flex-direction: column;
	}
	.psp-dimension-inputs input, .psp-dimension-inputs select {
		width: 100%;
	}
}

@media (max-width: 480px) {
	.psp-product-grid {
		grid-template-columns: 1fr 1fr;
		gap: 12px;
	}
}