/* S&C Lista de kits */
.sc-kits { padding-block: clamp(48px, 6vw, 80px); }

.sc-kits__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
	column-gap: clamp(32px, 8.5vw, 130px);
	align-items: end;
}
.sc-kits--reverse-yes .sc-kits__media { order: 2; }

.sc-kits__media { margin: 0; }
.sc-kits__media img { width: 100%; height: auto; aspect-ratio: 518 / 548; object-fit: cover; }

.sc-kits__content { position: relative; max-width: 380px; padding-top: 90px; }
.sc-kits__arrow {
	position: absolute;
	top: 0;
	left: calc(clamp(32px, 8.5vw, 130px) * -1 - 12px);
	width: clamp(90px, 13vw, 190px);
	color: var(--sc-c-primary);
	pointer-events: none;
}
.sc-kits__arrow svg { width: 100%; height: auto; }
.sc-kits--reverse-yes .sc-kits__arrow { display: none; }

.sc-kits__eyebrow { margin: 0 0 10px; font-size: 9px; }
.sc-kits__title { margin: 0 0 20px; font-size: clamp(26px, 2.3vw, 33px); font-weight: 400; line-height: 1.1; }

.sc-kits__list { margin: 0 0 22px; padding: 0; list-style: none; border-top: 1px solid var(--sc-c-border); }
.sc-kits__row {
	display: grid;
	grid-template-columns: 1fr auto auto;
	align-items: center;
	gap: 14px;
	padding-block: 16px;
	border-bottom: 1px solid var(--sc-c-border);
}
.sc-kits__info { display: grid; gap: 4px; min-width: 0; }
.sc-kits__name { font-size: 10px; text-transform: uppercase; letter-spacing: .01em; }
.sc-kits__subtitle { font-size: 8px; text-transform: uppercase; color: var(--sc-c-primary-dark); }
.sc-kits__price { font-size: 10px; white-space: nowrap; }
.sc-kits__add { min-height: 26px; padding: 2px 14px; font-size: 8px; white-space: nowrap; }
.sc-kits .added_to_cart { display: none; }
.sc-kits__add.added .sc-btn__label::after { content: " ✓"; }
.sc-kits__btn { min-height: 38px; min-width: 172px; padding-left: 20px; font-size: 9px; }
.sc-kits__btn .sc-btn__icon { --sc-btn-icon: 26px; }

@media (max-width: 767px) {
	.sc-kits__grid { grid-template-columns: 1fr; row-gap: 20px; }
	.sc-kits--reverse-yes .sc-kits__media { order: 0; }
	.sc-kits__content { max-width: none; padding-top: 0; }
	.sc-kits__arrow { display: none; }
	.sc-kits__row { grid-template-columns: 1fr auto; row-gap: 4px; }
	.sc-kits__info { grid-column: 1; }
	.sc-kits__price { grid-column: 1; grid-row: 2; font-size: 11px; }
	.sc-kits__add { grid-column: 2; grid-row: 1 / span 2; min-height: 34px; padding-inline: 16px; }
	.sc-kits__name { font-size: 11px; }
}