/* Perro 6-pak – klasyczny koszyk: zestaw jako jeden blok + upsell.
   Spójne z kartami koszyka motywu (biała karta, cienka ramka, bez cieni). */

/* --- Zestaw --------------------------------------------------------------- */

.pk-cart-item.pk6-cs {
	display: block;
	padding: 14px 14px 12px;
	transition: border-color .8s ease;
}
.pk-cart-item.pk6-cs.is-fresh { border-color: #ab5f2e; }

.pk6-cs__head {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
}
.pk6-cs__badge {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1px;
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: #f6efe8;
	color: #ab5f2e;
	font-family: 'League Spartan', sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: .85;
}
.pk6-cs__badge small { font-family: 'Poppins', sans-serif; font-size: 9px; font-weight: 600; line-height: 1; letter-spacing: .04em; }
.pk6-cs__title h3 {
	margin: 0;
	color: #212121;
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
}
.pk6-cs__title span { display: block; color: #8a8079; font-size: 12px; }

.pk6-cs__actions { display: flex; align-items: center; gap: 4px; }
.pk6-cs__edit {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 32px;
	padding: 0 12px;
	border: 1px solid #ece6df;
	border-radius: 999px;
	color: #212121;
	font-size: 12.5px;
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
	transition: border-color .2s, color .2s;
}
.pk6-cs__edit:hover { border-color: #ab5f2e; color: #ab5f2e; }

.pk6-cs__cans {
	display: grid;
	grid-template-columns: repeat(var(--pk6-n, 6), minmax(0, 1fr));
	gap: 6px;
	margin: 12px 0;
	padding: 0;
	list-style: none;
}
.pk6-cs__can { margin: 0; min-width: 0; text-align: center; }
.pk6-cs__img {
	display: block;
	aspect-ratio: 1;
	overflow: hidden;
	border-radius: 10px;
	background: #f9f5f1;
}
.pk6-cs__img img { display: block; width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.pk6-cs__name {
	display: block;
	margin-top: 4px;
	overflow: hidden;
	color: #545454;
	font-size: 11px;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.pk6-cs__foot {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
	padding-top: 10px;
	border-top: 1px solid #f1ebe5;
}
.pk6-cs__save { display: inline-flex; align-items: center; gap: 5px; color: #23704a; font-size: 12.5px; font-weight: 500; }
.pk6-cs__save .amount { font-weight: 600; }
.pk6-cs__price { margin-left: auto; white-space: nowrap; }
.pk6-cs__price del { margin-right: 6px; color: #a39a93; font-size: 13px; }
.pk6-cs__price strong { color: #212121; font-size: 16px; font-weight: 600; }

/* --- Upsell ---------------------------------------------------------------- */

.pk6-up {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	margin-top: 12px;
	padding: 16px;
	border: 1px dashed #d9c7b6;
	border-radius: 14px;
	background: #fcf9f6;
	font-family: 'Poppins', sans-serif;
}
.pk6-up__slots {
	display: grid;
	grid-template-columns: repeat(6, 38px);
	gap: 5px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.pk6-up__slot {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	margin: 0;
	overflow: hidden;
	border: 1px dashed #d9c7b6;
	border-radius: 9px;
	background: #fff;
	color: #c4b3a3;
	font-size: 16px;
}
.pk6-up__slot.is-filled { border: 1px solid #ece6df; background: #f9f5f1; }
.pk6-up__slot img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.pk6-up__title { display: block; color: #212121; font-size: 14.5px; font-weight: 600; line-height: 1.35; }
.pk6-up__text p { margin: 2px 0 0; color: #6b625c; font-size: 13px; line-height: 1.45; }
.pk6-up__text p strong { color: #23704a; }
.pk6-up__error { color: #b3261e !important; }

.pk6-up__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	margin: 0;
	padding: 0 20px;
	border: 0;
	border-radius: 999px;
	background: #ab5f2e;
	color: #fff !important;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color .2s;
}
.pk6-up__cta:hover { background: #8f4c22; }
.pk6-up--new .pk6-up__cta { border: 1px solid #ab5f2e; background: #fff; color: #ab5f2e !important; }
.pk6-up--new .pk6-up__cta:hover { background: #ab5f2e; color: #fff !important; }
.pk6-up__cta svg { transition: transform .2s; }
.pk6-up__cta:hover svg { transform: translateX(3px); }

.pk6-up__spinner {
	display: none;
	width: 16px;
	height: 16px;
	border: 2px solid rgba(255, 255, 255, .4);
	border-top-color: #fff;
	border-radius: 50%;
	animation: pk6-up-spin .7s linear infinite;
}
.pk6-up__cta.is-loading { opacity: .8; cursor: progress; }
.pk6-up__cta.is-loading .pk6-up__spinner { display: inline-block; }
@keyframes pk6-up-spin { to { transform: rotate(360deg); } }

@media (min-width: 768px) {
	.pk-cart-item.pk6-cs { padding: 16px; }
	.pk6-cs__cans { grid-template-columns: repeat(var(--pk6-n, 6), minmax(0, 92px)); gap: 10px; }
	.pk6-cs__name { font-size: 12px; }
	.pk6-up { grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 18px; padding: 16px 18px; }
}

/* Telefon: „Zmień skład” jako sama ikona, żeby tytuł zestawu się nie łamał */
@media (max-width: 599px) {
	.pk6-cs__edit { width: 32px; padding: 0; justify-content: center; font-size: 0; }
	.pk6-cs__edit svg { flex: 0 0 15px; }
	.pk6-cs__head { grid-template-columns: 40px minmax(0, 1fr) auto; gap: 10px; }
	.pk6-cs__badge { width: 40px; height: 40px; font-size: 18px; }
}