#fl{font-family:'Inter',system-ui,sans-serif;max-width:1200px;margin:0 auto;padding:24px 24px 70px;box-sizing:border-box} #fl *{box-sizing:border-box} #fl .fl-head{text-align:center;margin:10px 0 36px} #fl .fl-head .k{font-size:15px;letter-spacing:.15em;text-transform:uppercase;color:#ff1200;font-weight:600;margin-bottom:10px} #fl .fl-head h1{font-family:'Playfair Display',serif;font-weight:600;font-size:clamp(2.2rem,4vw,3rem);color:#000e35;margin:0 0 12px} #fl .fl-head p{font-size:1.25rem;color:#555;max-width:700px;margin:0 auto;line-height:1.6} #fl .fl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:24px;align-items:stretch} #fl .fl-card{display:flex;flex-direction:column;text-decoration:none;border-radius:16px;overflow:hidden;background:#fff;border:1px solid #eee;box-shadow:0 2px 12px rgba(0,14,53,.06);transition:transform .2s,box-shadow .2s} #fl .fl-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,14,53,.15)} #fl .fl-img{height:230px;background-size:cover;background-position:center;flex:0 0 auto} #fl .fl-body{padding:18px 20px} #fl .fl-body h3{font-family:'Playfair Display',serif;font-size:1.4rem;color:#000e35;margin:0 0 8px;font-weight:600;line-height:1.2} #fl .fl-price{color:#ff1200;font-weight:600;font-size:1.3rem} @media(max-width:900px){#fl .fl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){#fl .fl-grid{grid-template-columns:1fr}#fl .fl-img{height:250px}#fl .fl-body h3{font-size:1.5rem}#fl .fl-price{font-size:1.4rem}#fl .fl-head p{font-size:1.15rem}}