.florists-page{padding:24px 0 60px;font-family:'Tilda Sans',system-ui,sans-serif}
.florists-page__container{max-width:1700px;margin:0 auto;padding:0 20px}
.florists-page__title{font-size:48px;font-weight:700;color:#A11826;margin:0 0 12px;text-align:center;line-height:1.1}
.florists-page__subtitle{font-size:18px;color:#5a5a5a;text-align:center;margin:0 0 48px}

.florists-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
    gap:32px;
}

.florist-card{
    display:block;text-decoration:none;color:inherit;
    background:#fff;border-radius:16px;overflow:hidden;
    border:1px solid #f0e8e0;
    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.florist-card:hover{
    transform:translateY(-4px);
    box-shadow:0 14px 36px rgba(161,24,38,.12);
    border-color:#A11826;
}

.florist-card__photo{
    position:relative;aspect-ratio:1/1;overflow:hidden;background:#faf6f1;
}
.florist-card__photo img{
    width:100%;height:100%;object-fit:cover;
    transition:transform .5s ease;
}
.florist-card:hover .florist-card__photo img{transform:scale(1.05)}

.florist-card__overlay{
    position:absolute;left:50%;bottom:16px;transform:translateX(-50%) translateY(8px);
    background:#A11826;color:#fff;font-size:13px;font-weight:500;
    padding:8px 16px;border-radius:100px;
    opacity:0;transition:opacity .3s, transform .3s;
    white-space:nowrap;
}
.florist-card:hover .florist-card__overlay{opacity:1;transform:translateX(-50%) translateY(0)}

.florist-card__info{padding:20px 24px 24px}
.florist-card__name{font-size:20px;font-weight:600;color:#191817;margin-bottom:4px}
.florist-card__position{
    font-size:12px;color:#A11826;font-weight:600;
    text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;
}
.florist-card__preview{font-size:14px;color:#5a5a5a;line-height:1.5}

@media (max-width:768px){
    .florists-page{padding:16px 0 32px}
    .florists-page__title{font-size:32px}
    .florists-page__subtitle{font-size:15px;margin-bottom:24px}
    .florists-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}
    .florist-card__info{padding:14px 16px 18px}
    .florist-card__name{font-size:16px}
    .florist-card__position{font-size:11px;margin-bottom:8px}
    .florist-card__preview{font-size:13px}
    .florist-card__overlay{display:none}
}