.bobex-comparison-card { border-radius: 12px; background: #fff; overflow: hidden; margin: 1.5rem 0; box-shadow: 0 2px 12px rgba(0,0,0,0.08); border: 1px solid #e5e7eb; font-family: 'Montserrat', sans-serif; }
.bobex-comparison-card-header { display: flex; flex-direction: column; align-items: center; gap: 1rem; padding: 1rem; background: linear-gradient(to right, #2878C8, #0D4785); text-align: center; }
@media (min-width: 640px) { .bobex-comparison-card-header { flex-direction: row; padding: 1.25rem 1.5rem; text-align: left; gap: 1.25rem; } }
.bobex-comparison-card-logo-wrap { width: 4rem; height: 4rem; border-radius: 12px; background: #fff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.12); }
@media (min-width: 640px) { .bobex-comparison-card-logo-wrap { width: 5rem; height: 5rem; } }
.bobex-comparison-card-logo { width: 100%; height: 100%; object-fit: cover; }
.bobex-comparison-card-title { font-size: 1.25rem; font-weight: 700; color: #fff; margin: 0; line-height: 1.2; font-family: 'Montserrat', sans-serif; word-break: break-word; flex: 1; }
@media (min-width: 640px) { .bobex-comparison-card-title { font-size: 1.5rem; } }
@media (min-width: 768px) { .bobex-comparison-card-title { font-size: 1.875rem; } }
.bobex-comparison-card-desc-wrap { padding: 1rem; }
@media (min-width: 640px) { .bobex-comparison-card-desc-wrap { padding: 1.25rem 1.5rem; } }
.bobex-comparison-card-desc { font-size: 0.9375rem; line-height: 1.6; color: #4b5563; margin: 0; font-family: 'Montserrat', sans-serif; }
.bobex-comparison-card-pros-cons-wrap { padding: 0 1rem 1rem; }
@media (min-width: 640px) { .bobex-comparison-card-pros-cons-wrap { padding: 0 1.5rem 1.25rem; } }
.bobex-comparison-card-pros-cons-wrap .bobex-pros-cons-wrapper { margin: 0; border: 1px solid #e5e7eb; }
.bobex-comparison-card-ideal-wrap { padding: 0 1rem 1rem; }
@media (min-width: 640px) { .bobex-comparison-card-ideal-wrap { padding: 0 1.5rem 1.25rem; } }
.bobex-comparison-card-ideal { border-radius: 12px; padding: 1rem; background: linear-gradient(to right, #f0f7fc, #e8f4fc); }
@media (min-width: 640px) { .bobex-comparison-card-ideal { padding: 1.25rem; } }
.bobex-comparison-card-ideal-text { font-size: 0.9375rem; line-height: 1.6; color: #4b5563; margin: 0; font-family: 'Montserrat', sans-serif; }
.bobex-comparison-card-ideal-label { font-weight: 700; color: #0D4785; font-family: 'Montserrat', sans-serif; }
.bobex-comparison-card-cta-wrap { padding: 0 1rem 1.25rem; text-align: center; }
@media (min-width: 640px) { .bobex-comparison-card-cta-wrap { padding: 0 1.5rem 1.5rem; } }