4 Seater Dining Sets

About

.fc-four-dining-wrap { --fc-cream: #fffaf2; --fc-soft: #f8efe2; --fc-gold: #c9943f; --fc-wood: #6b3f24; --fc-dark: #2d241d; --fc-text: #4a4038; --fc-border: #ead8c2; --fc-white: #ffffff; font-family: inherit; color: var(--fc-text); line-height: 1.78; max-width: 1180px; margin: 0 auto; } .fc-four-hero { background: linear-gradient(135deg, #fffaf2 0%, #f3dfc5 52%, #ffffff 100%); border: 1px solid var(--fc-border); border-radius: 30px; padding: 40px; margin: 32px 0; position: relative; overflow: hidden; } .fc-four-hero:before { content: ""; position: absolute; top: -70px; right: -70px; width: 210px; height: 210px; background: rgba(201,148,63,0.20); border-radius: 50%; } .fc-four-hero:after { content: ""; position: absolute; bottom: -70px; left: -70px; width: 170px; height: 170px; background: rgba(107,63,36,0.10); border-radius: 50%; } .fc-four-hero h1 { font-size: 38px; line-height: 1.22; margin: 0 0 18px; color: var(--fc-dark); max-width: 930px; position: relative; z-index: 2; } .fc-four-hero p { font-size: 16px; margin: 0 0 14px; max-width: 930px; position: relative; z-index: 2; } .fc-four-quick { background: linear-gradient(135deg, #2d241d 0%, #5a3924 100%); color: #ffffff; border-radius: 24px; padding: 24px; margin: 28px 0; box-shadow: 0 14px 32px rgba(0,0,0,0.08); } .fc-four-quick strong { color: #f5d38a; } .fc-four-section { margin: 44px 0; } .fc-four-section h2 { font-size: 28px; line-height: 1.28; color: var(--fc-dark); margin: 0 0 14px; position: relative; padding-left: 18px; } .fc-four-section h2:before { content: ""; position: absolute; left: 0; top: 8px; width: 6px; height: 28px; background: var(--fc-gold); border-radius: 6px; } .fc-four-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(245px, 1fr)); gap: 18px; margin: 24px 0; } .fc-four-card { background: #ffffff; border: 1px solid var(--fc-border); border-radius: 22px; padding: 22px; box-shadow: 0 10px 26px rgba(0,0,0,0.04); } .fc-four-card h3 { font-size: 20px; margin: 0 0 10px; color: