/* Bundles page. Loads after styles.css and category.css: the head, background and cards are the Scripts page
   ones; there is no filter column, so the cards take the whole width. */

.bundles-main { grid-template-columns: minmax(0, 1fr); }
.bundles-main .grid { margin-top: 0; grid-template-columns: repeat(auto-fill, minmax(clamp(280px, 22vw, 400px), 1fr)); }

/* What the bundle saves against buying its scripts one by one. */
.tile__save {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 6px 10px;
    margin-top: 6px;
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(62, 224, 143, 0.08);
    border: 1px solid rgba(62, 224, 143, 0.22);
    font-size: 13px;
    color: var(--muted);
}

.tile__save s { color: var(--faint); }
.tile__save b { display: inline-flex; align-items: center; gap: 6px; font-weight: 800; color: #7fe6a8; }
.tile__save em { padding: 1px 7px; border-radius: 6px; background: #3ee08f; color: #06210f; font-style: normal; font-size: 12px; font-weight: 800; }