/* Container */
.container {
    max-width: var(--container-width);
    margin: 0 auto;
    padding: 0 var(--spacing-md);
    width: 100%;
}

@media (min-width: 1024px) {
    .container {
        padding: 0 var(--spacing-lg);
    }
}

/* Section Spacing */
.section {
    padding: var(--spacing-xl) 0;
}

/* Grid & Flex Utilities */
.row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 calc(var(--spacing-md) * -1);
}

.col {
    padding: 0 var(--spacing-md);
    flex: 1;
}

.d-flex { display: flex; }
.justify-between { justify-content: space-between; }
.items-center { align-items: center; }

@media (max-width: 767px) {
    .hide-mobile { display: none; }
}

/* 404 Page */
.error-404 {
    padding: var(--spacing-xl) 0;
    text-align: center;
}
.error-404__actions {
    margin-top: var(--spacing-lg);
}