footer {
	background-color: #2c2c2c;
	color: #fff;

	.footer-content {
		display: flex;
		flex-direction: column;
		padding: 40px 0 20px;
		gap: 30px;

		.columns-footer {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			align-items: center;
			gap: 50px;

			.column {
				display: flex;
				flex: 1;
				flex-direction: column;
				gap: 15px;

				.container-logo {
					.logo-text {
						font-size: 22px;
						color: #fff;
						font-weight: 700;
					}
				}

				span {
					font-size: 14px;
					font-weight: 500;
				}

				p {
					font-size: 14px;
					line-height: 1.6;
					color: #a7a7a7;
				}

				ul {
					display: flex;
					flex-direction: column;
					gap: 5px;

					li {
						list-style: none;

						a {
							text-decoration: none;
							color: #a7a7a7;
							font-size: 14px;

							&:hover {
								text-decoration: underline;
							}
						}
					}
				}

				.container-social-links {
					display: flex;
					flex-direction: column;
					gap: 15px;

					span {
						font-size: 12px;
						font-weight: 500;
					}

					.links {
						display: flex;
						gap: 15px;

						a {
							text-decoration: none;

							i {
								color: var(--primary-color);
								font-size: 20px;
							}
						}
					}
				}

				.container-payment-methods {
					display: flex;
					gap: 15px;

					img {
						width: 100%;
						height: 40px;
						object-fit: contain;
					}
				}

				&:nth-child(3) {
					align-self: flex-start;
					padding-top: 40px;
				}
			}
		}
	}

	.copyright {
		border-top: 1px solid #454545;
		color: #909090;
		font-size: 12px;
		padding: 10px 0;
		text-align: center;
	}

	@media (max-width: 768px) {
		.footer-content {
			padding: 40px 50px 20px 50px;

			.columns-footer {
				grid-template-columns: repeat(3, 1fr);

				.column {
					&:first-child {
						grid-column: 1/-1;
					}

					&:nth-child(3) {
						padding-top: 0;
					}
				}
			}
		}
	}

	@media (max-width: 480px) {
		.footer-content {
			.columns-footer {
				grid-template-columns: 1fr;
			}
		}
	}
}
