/* Custom styling for the Sunbrella Mail Offer page */
#sample-card {
  transition: transform 0.2s ease;
}

#sample-card:hover {
  transform: translateY(-3px);
}

.sample-image {
  display: block;
  cursor: pointer;
  transition: opacity 0.2s;
}

.sample-image:hover {
  opacity: 0.85;
}

/* Override Bootstrap colors to match brand */
.bg-primary {
  background-color: #000099 !important;
}

/* Additional responsive adjustments */
@media (max-width: 767.98px) {
  h1 {
    font-size: 1.8rem;
  }
  
  .card-header h5 {
    font-size: 1.1rem;
  }
}