.phloral-contact-card {
display: flex;
flex-direction: column;
width: 100%;
max-width: 450px;
margin: 40px auto;
font-family: 'Helvetica Neue', Arial, sans-serif;
letter-spacing: -0.02em;
overflow: hidden;
}
.card-media-frame {
width: 100%;
aspect-ratio: 4 / 3;
overflow: hidden;
background-color: #1c1c1c;
}
.card-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.card-info-panel {
background-color: #000000;
color: #ffffff;
padding: 30px;
display: flex;
flex-direction: column;
gap: 8px;
box-sizing: border-box;
}
.card-title-label {
font-size: clamp(1.2rem, 3.5vw, 1.8rem);
font-weight: 700;
line-height: 1;
}
.card-main-heading {
font-size: clamp(2rem, 5vw, 2.8rem);
font-weight: 700;
line-height: 1.05;
margin: 0;
}
.card-action-divider {
width: 100%;
height: 1px;
background-color: rgba(255, 255, 255, 0.2);
margin: 15px 0 10px 0;
}
.card-body-text {
font-size: clamp(0.95rem, 2.5vw, 1.15rem);
line-height: 1.4;
font-weight: 400;
opacity: 0.9;
}
.card-email-link {
color: #ffffff;
text-decoration: underline;
font-weight: 500;
transition: opacity 0.2s ease;
}
.card-email-link:hover {
opacity: 0.7;
}
@media (max-width: 480px) {
.phloral-contact-card {
max-width: 100%;
padding: 0 15px;
}
.card-info-panel {
padding: 24px;
}
}
