.bb-main{}

.bb-hero-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-4);align-items:center}
.bb-hero-text{grid-column:span 5;min-width:0;max-width:600px}
.bb-hero-image{grid-column:span 7;min-width:0}
.bb-hero-image img{border-radius:var(--radius-sm);box-shadow:var(--shadow-glow)}

.bb-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}

.bb-types-image{margin-bottom:var(--space-4);border-radius:var(--radius-sm);box-shadow:var(--shadow-glow)}

.bb-text-col{max-width:600px;margin-inline:auto}

.bb-tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.bb-tips>div{min-width:0}

.bb-center-text{text-align:center;max-width:700px;margin-inline:auto}

.bb-cta-box{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}

@media(max-width:900px){
.bb-hero-grid{grid-template-columns:1fr}
.bb-hero-text,.bb-hero-image{grid-column:span 1;max-width:100%}
.bb-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.bb-tips{grid-template-columns:1fr}
}

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