/* ── Pasika single product: attribute table ─────────────────────────────────── */

.psk-attr-table-wrap {
	width: 100%;
	margin-bottom: 1.5rem;
	border: none;
}

/* Desktop: classic 2 rows (titles + values), many columns */
.psk-attr-table {
	width: 100%;
	border: none !important;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}

.psk-attr-table .psk-attr-cell {
	padding: 12px 16px;
	text-align: center;
	font-family: inherit;
	line-height: 1.4;
	border: none;
}

.psk-attr-table .psk-attr-cell--title {
    background: var(--e-global-color-e39b908);
    color: var(--e-global-color-17b4fcf);
	font-weight: 600;
	font-size: 16px;
	border-bottom: 1px solid rgba(150, 65, 0, 0.12);
}

.psk-attr-table .psk-attr-cell--value {
	background: var(--e-global-color-6129be6);
	color: var(--e-global-color-17b4fcf);
	font-size: 16px;
}

.psk-attr-table .psk-attr-cell:not(:last-child) {
	border-right: 1px solid var(--e-global-color-e39b908);
}

/* Mobile: cards (1 column by default; add .psk-attr-wrap--2col for 2 columns) */
.psk-attr-cards {
	display: none;
}

@media (max-width: 767px) {
	.psk-attr-table {
		display: none;
	}

	.psk-attr-table-wrap .psk-attr-cards {
		display: grid;
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.psk-attr-table-wrap.psk-attr-wrap--2col .psk-attr-cards {
		grid-template-columns: 1fr 1fr;
	}

	.psk-attr-card {
		display: flex;
		flex-direction: column;
		background: var(--e-global-color-6129be6);
		border: 1px solid var(--e-global-color-e39b908);
		border-radius: 12px;
		overflow: hidden;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
	}

	.psk-attr-card__title {
		background: var(--e-global-color-e39b908);
		color: var(--e-global-color-17b4fcf);
		font-weight: 600;
		font-size: 0.9rem;
		padding: 10px 14px;
		text-align: center;
	}

	.psk-attr-card__value {
		background: var(--e-global-color-6129be6);
		color: var(--e-global-color-17b4fcf);
		font-size: 0.95rem;
		padding: 10px 14px;
		text-align: center;
	}
}

/* Optional: tablet 2-column cards if you prefer */
@media (min-width: 768px) and (max-width: 1023px) {
	.psk-attr-table {
		display: table;
	}
	.psk-attr-cards {
		display: none;
	}
}