/* Lovely Baby Print – site-specific components layered on the Varkala theme.
   Palette: teal #4b8e8d, peach #ffe7d1, sand #e6cebc, ink #222, muted #868e96. */

.lbp-kicker {
    font-size: .75rem;
    letter-spacing: .5em;
    text-transform: uppercase;
    color: #e6cebc;
    margin-bottom: 1rem;
}

.lbp-section {
    padding: 5rem 0;
}

.lbp-section--wash {
    background: #fff8f2;
}

.lbp-narrow {
    max-width: 44rem;
    margin: 0 auto;
}

.lbp-lead {
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.8;
    color: #6c757d;
}

/* How it works: three numbered steps */
.lbp-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3rem 2.5rem;
    margin-top: 3.5rem;
    text-align: left;
}

.lbp-step__number {
    font-size: 3rem;
    font-weight: 300;
    line-height: 1;
    color: #4b8e8d;
    margin-bottom: 1.25rem;
}

.lbp-step__title {
    font-size: .8rem;
    letter-spacing: .2em;
    text-transform: uppercase;
    font-weight: 700;
    color: #222;
    margin-bottom: .75rem;
}

.lbp-step__text {
    color: #868e96;
    font-weight: 300;
    line-height: 1.7;
    margin: 0;
}

/* Facts: spec grid with hairlines, no boxes */
.lbp-specs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 3.5rem;
    border-top: 1px solid #ece4dc;
    border-left: 1px solid #ece4dc;
    text-align: left;
}

.lbp-spec {
    padding: 2rem 1.75rem;
    border-right: 1px solid #ece4dc;
    border-bottom: 1px solid #ece4dc;
}

.lbp-spec__label {
    display: block;
    font-size: .7rem;
    letter-spacing: .25em;
    text-transform: uppercase;
    color: #868e96;
    margin-bottom: .75rem;
}

.lbp-spec__value {
    display: block;
    font-size: 1.75rem;
    font-weight: 300;
    line-height: 1.2;
    color: #222;
}

.lbp-spec__note {
    display: block;
    font-size: .85rem;
    font-weight: 300;
    color: #868e96;
    margin-top: .5rem;
    line-height: 1.5;
}

@media (max-width: 991.98px) {
    .lbp-steps { grid-template-columns: 1fr; gap: 2.5rem; }
    .lbp-specs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 575.98px) {
    .lbp-section { padding: 3.5rem 0; }
    .lbp-specs { grid-template-columns: 1fr; }
    .lbp-spec { padding: 1.5rem 1.25rem; }
}