home test

/* THREE PICKUP AND DELIVERY CARDS */
.lj-hours {
background: #202020;
padding: 70px 0;
}

.lj-hours-intro {
text-align: center;
margin: 0 auto 35px;
}

.lj-hours-intro p:not(.lj-eyebrow) {
max-width: 760px;
margin: 0 auto;
text-align: center;
}

.lj-hours-grid {
display: grid !important;
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
gap: 22px;
align-items: stretch;
width: 100%;
}

.lj-hours-card {
background: #191919;
border: 1px solid #444;
border-top: 4px solid #702323;
border-radius: 8px;
padding: 28px 22px;
min-width: 0;
width: 100%;
margin: 0 !important;
display: flex;
flex-direction: column;
align-items: center;
text-align: center !important;
}

.lj-hours-card.self-serve {
border-top-color: #168653;
}

.lj-hours-card.staff-pickup {
border-top-color: #c47b24;
}

.lj-hours-card.delivery {
border-top-color: #b52222;
}

.lj-card-label {
color: #d7a3a3 !important;
font-size: 11px !important;
font-weight: bold;
letter-spacing: 2px;
text-transform: uppercase;
text-align: center !important;
margin: 0 0 10px;
}

.lj-hours-card h3 {
font-size: clamp(22px, 2vw, 29px);
text-align: center !important;
margin: 0 0 15px;
}

.lj-card-details {
width: 100%;
text-align: center !important;
margin: 0 0 16px;
}

.lj-card-details p {
font-size: 14px;
line-height: 1.65;
text-align: center !important;
margin: 9px 0;
}

.lj-card-details strong {
color: #fff;
}

.lj-card-hours {
font-size: 25px !important;
font-weight: bold;
color: #fff !important;
line-height: 1.35 !important;
text-align: center !important;
margin: 8px 0 3px !important;
}

.lj-card-subtitle {
color: #d7a3a3 !important;
font-size: 12px !important;
font-weight: bold;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center !important;
margin: 0 0 18px !important;
}

.lj-card-divider {
border: 0;
border-top: 1px solid #444;
width: 100%;
margin: 17px 0;
}

.lj-card-green {
color: #80c9a5 !important;
font-weight: bold;
text-align: center !important;
}

.lj-card-gold {
color: #e4aa57 !important;
font-weight: bold;
text-align: center !important;
}

.lj-card-highlight {
color: #d7a3a3 !important;
font-weight: bold;
text-align: center !important;
}

.lj-card-payment {
background: #292929;
border-radius: 4px;
padding: 12px 10px;
width: 100%;
color: #fff !important;
font-size: 12px !important;
font-weight: bold;
letter-spacing: 1px;
text-align: center !important;
margin: 16px 0 !important;
}

.lj-card-small {
color: #aaa !important;
font-size: 12px !important;
line-height: 1.6 !important;
text-align: center !important;
}

.lj-card-note {
color: #e4aa57 !important;
font-size: 13px !important;
font-weight: bold;
text-transform: uppercase;
text-align: center !important;
margin: 8px 0 15px !important;
}

.lj-hours-card .lj-btn {
width: 100%;
margin: auto 0 0;
text-align: center;
}

/* TABLET AND MOBILE */
@media (max-width: 767px) {
.lj-hours-grid {
grid-template-columns: 1fr !important;
gap: 22px;
max-width: 520px;
margin: 0 auto;
}

.lj-hours-card {
width: 100%;
padding: 28px 22px;
}

.lj-hours-card h3 {
font-size: 26px;
}

.lj-card-details,
.lj-card-details p {
text-align: center !important;
}
}