/* Tapis Custom: szerokie menu „Sklep” (desktop). Na telefonie zostaje zwykłe menu Elementora. */
@media (min-width: 1025px) {
	/* Stary wąski dropdown chowamy, zastępuje go panel na całą szerokość. */
	.tapis-mega-ready > .sub-menu {
		display: none !important;
	}

	.tapis-mega {
		position: fixed;
		left: 0;
		right: 0;
		z-index: 9990;
		background: #fff;
		border-top: 1px solid #ececec;
		box-shadow: 0 18px 30px -18px rgba(0, 0, 0, 0.18);
		opacity: 0;
		visibility: hidden;
		transform: translateY(-6px);
		transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s linear 0.2s;
	}

	.tapis-mega.is-open {
		opacity: 1;
		visibility: visible;
		transform: none;
		transition: opacity 0.2s ease, transform 0.2s ease, visibility 0s;
	}

	.tapis-mega__inner {
		display: flex;
		gap: 40px;
		max-width: 1320px;
		margin: 0 auto;
		padding: 36px 40px 30px;
	}

	.tapis-mega__cols {
		display: flex;
		flex: 1 1 auto;
		gap: 32px;
	}

	.tapis-mega__col {
		display: flex;
		flex-direction: column;
		gap: 12px;
		min-width: 130px;
	}

	.tapis-mega__col--main {
		gap: 14px;
		min-width: 250px;
		padding-right: 40px;
		border-right: 1px solid #ececec;
	}

	.tapis-mega a {
		color: #1a1a1a;
		text-decoration: none;
	}

	.tapis-mega__big {
		font-size: 22px;
		white-space: nowrap;
		line-height: 1.25;
	}

	.tapis-mega__head {
		margin-bottom: 4px;
		font-size: 12px;
		letter-spacing: 0.12em;
		text-transform: uppercase;
		color: #747474 !important;
	}

	.tapis-mega__link {
		font-size: 15px;
		white-space: nowrap;
	}

	.tapis-mega__big:hover,
	.tapis-mega__link:hover,
	.tapis-mega__head:hover,
	.tapis-mega a:focus-visible {
		text-decoration: underline;
		text-underline-offset: 4px;
	}

	/* Zdjęcie promocyjne: duże, podpis małym tekstem pod spodem; zdjęcie i podpis prowadzą w to samo miejsce. */
	.tapis-mega__media {
		display: flex;
		flex: 0 1 600px;
		flex-direction: column;
		min-width: 340px;
	}

	/* Zdjęcie wypełnia całą wysokość panelu nad podpisem, bez pustego miejsca pod spodem. */
	.tapis-mega__photo {
		position: relative;
		display: block;
		flex: 1 1 auto;
		min-height: 280px;
		overflow: hidden;
		background: #f4f2ef;
	}

	.tapis-mega__photo img {
		position: absolute;
		inset: 0;
		display: block;
		width: 100% !important;
		height: 100% !important;
		max-width: none;
		object-fit: cover;
		transition: opacity 0.25s ease, transform 0.6s ease;
	}

	.tapis-mega__photo:hover img {
		transform: scale(1.03);
	}

	.tapis-mega__media.is-swapping img {
		opacity: 0.35;
	}

	.tapis-mega__caption {
		display: inline-block;
		margin-top: 10px;
		font-size: 12px;
		letter-spacing: 0.08em;
		text-transform: uppercase;
	}

	.tapis-mega__caption:hover {
		text-decoration: underline;
		text-underline-offset: 4px;
	}

	/* Opis pod dużym linkiem (pole „Opis” pozycji w Wygląd → Menu). */
	.tapis-mega__desc {
		max-width: 420px;
		margin: -6px 0 14px;
		font-size: 14px;
		line-height: 1.55;
		color: #747474;
	}

	/* Panel bez kolumn („Dla architektów”): lewa strona bez kreski, zdjęcie po prawej. */
	.tapis-mega--simple .tapis-mega__col--main {
		flex: 1 1 auto;
		justify-content: center;
		gap: 10px;
		padding: 0 0 0 60px;
		border-right: 0;
	}

	.tapis-mega--simple .tapis-mega__big {
		font-size: 24px;
	}

	.tapis-mega--simple .tapis-mega__desc {
		margin: 0 0 22px;
	}

	.tapis-mega--simple .tapis-mega__desc:last-child {
		margin-bottom: 0;
	}
}