/* RESET & BASE STRUCTURE */
* { margin: 0; padding: 0; box-sizing: border-box; }
html { font-size: 62.5%; -webkit-text-size-adjust: 100%; }
body { min-height: 100vh; display: flex; flex-direction: column; line-height: 1.6; }

/* CONTAINERS */
.container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.main-content { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px 20px; }

/* GRID SYSTEM (Consolidated from Skeleton/Styles) */
.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
/* .price-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 80px; } */
.price-grid {
    column-count: 1; /* Mobile: 1 column */
    column-gap: 30px;
    width: 100%;
}

@media (min-width: 992px) {
    /* .price-grid { grid-template-columns: 1.2fr 1fr; } */
    .span-full { grid-column: 1 / -1; }
}

@media (min-width: 768px) {
    .price-grid { column-count: 2; /* Large screens: 3 columns */ }
}

/* @media (min-width: 1200px) {
    .price-grid { column-count: 2; /* Large screens: 3 columns }
} */

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

/* UTILITIES */
.u-full-width { width: 100%; }
.u-cf { content: ""; display: table; clear: both; }