#footer {
	border-top: 1px solid var(--border);
	padding-bottom: 20px;
	background: linear-gradient(to top, #07111F 90%, transparent);

	.footer-top {
		display: grid;
		grid-template-columns: 2fr auto 3fr;
		gap: 40px;
		margin-bottom: 40px;

		@media (max-width: 768px) {
			grid-template-columns: 1fr;
			gap: 16px;
		}
	}

	.footer-left {
		display: flex;
		flex-direction: column;
		gap: 20px;     
	}
    
    @media (min-width: 980px) {
        .sep {
            width: 1px;
            background: var(--border);
        }
    }   

	.footer-logo {
		font-family: Instrument Serif;
		font-size: 18px;
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 8px;
        align-items: center;
        color: var(--light);
        margin-right: auto;

        img {
            height: 30px;
        }
	}

	.footer-description {
		font-size: 14px;
		line-height: 1.6;
		color: var(--footer-text, #8b9baa);
		max-width: 350px;
	}

	.footer-columns {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 30px;

		@media (max-width: 768px) {
			grid-template-columns: repeat(2, 1fr);
		}
	}

	.footer-column {
		display: flex;
		flex-direction: column;
		gap: 16px;
	}

	.footer-column-title {
		font-size: 13px;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: var(--primary);
		font-family: var(--font-big);
		margin: 0;
		padding: 0;
	}

	.footer-menu {
		display: flex;
		flex-direction: column;
		gap: 12px;
		list-style: none;
		margin: 0;
		padding: 0;

		ul {
			display: flex;
			flex-direction: column;
			gap: 12px;
			list-style: none;
			margin: 0;
			padding: 0;
		}

		li {
			margin: 0;
			padding: 0;
		}

		a {
			font-size: 14px;
			color: var(--footer-link, #8b9baa);
			text-decoration: none;
			transition: color 0.2s ease;

			&:hover {
				color: var(--footer-link-hover, #d4dce4);
			}
		}
	}

	.footer-bottom {
	    display: grid;
	    gap: 4px;
	    padding-top: 30px;
	    border-top: 1px solid var(--border);
	    font-size: 13px;
	    line-height: 1.6;
	    justify-content: center;
	    text-align: center;

		@media (max-width: 768px) {
			grid-template-columns: 1fr;
			gap: 20px;
		}
	}

	.footer-copyright,
	.footer-disclaimer {
		color: var(--footer-text, #8b9baa);
		line-height: 1.3;
	}
}