/* ==========================================================================
   Octa Calculator - Gravel Calculator Specific Styles
   ========================================================================== */

/* The main layout and grid system are handled globally by main.css */

.presets-card-container {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

@media (min-width: 768px) {
    .presets-card-container {
        flex-direction: row;
        align-items: center;
        gap: 1rem;
    }
}

.preset-divider {
    display: none;
}

@media (min-width: 768px) {
    .preset-divider {
        display: inline;
    }
}