/** Shopify CDN: Minification failed

Line 14:12 Expected identifier but found whitespace
Line 14:17 Unexpected ";"

**/
.business-calendar-container {

        grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
    }

 <!-- 
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;

.business-calendar-container {

      .business-calendar-container {
        grid-template-columns: repeat(2, 1fr);
    }

}
-->



.calendar-title {
    text-align: center;

}

.calendar {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: .5rem;
    text-align: center;
    margin-left: 0 !important;
    margin-right: 2rem !important;
    max-width: 100% !important;
}

.calendar .day {
    line-height: 1;
    padding: .5em;
}

.calendar .day[data-week="sun"],
.calendar .holiday {
    color: red;
}

.calendar .day[data-week="sat"] {
    color: blue;
}

.calendar .day[data-holiday="true"] {
    background: var(--holiday-bg);
}

.calendar .day[data-business-day="true"] {
	background: none;
}

.calendar .day.current {
    box-shadow: 0 0 0 1px red inset;
}

.calendar .day.disabled {
    opacity: .5;
}

.business-calendar-information .business-holiday {
    display: flex;
    align-items: center;
    gap: .5em;
}

.business-calendar-information .business-holiday::before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background: var(--holiday-bg);
}

@media (min-width: 560px) {
    .business-calendar-container {
        grid-template-columns: repeat(2, 1fr);
    }

    .business-calendar-information .business-holiday {
        justify-content: center;
    }
}