Ferre FryArt Vitello Vitroseramik Elektrikli Gri Ankastre Set ( D079-SA Sessiz + MS261 + QXE62CPR)

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;700&display=swap'); :root { --bg-color: #f8f9fa; --card-color: #ffffff; --text-primary: #212529; --text-secondary: #6c757d; --accent-color: #343a40; --border-color: #dee2e6; } body { font-family: 'Inter', sans-serif; background-color: var(--bg-color); color: var(--text-primary); margin: 0; padding: 20px; } .container { max-width: 1100px; margin: 40px auto; } /* --- Ana Başlık --- */ .main-title { text-align: center; margin-bottom: 50px; } .main-title h1 { font-size: 3.5rem; font-weight: 700; margin: 0; letter-spacing: -1px; } .main-title p { font-size: 1.2rem; color: var(--text-secondary); margin: 10px 0 0; font-weight: 300; } /* --- Kampanya Bandı --- */ .campaign-banner { background-color: var(--accent-color); color: #ffffff; padding: 15px; margin-bottom: 50px; border-radius: 8px; text-align: center; font-weight: 500; font-size: 1.1rem; } /* --- Ürün Kartları --- */ .product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .product-card { background-color: var(--card-color); border: 1px solid var(--border-color); border-radius: 12px; padding: 30px; transition: transform 0.3s ease, box-shadow 0.3s ease; } .product-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.05); } .product-header { text-align: center; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--border-color); } .product-header .icon { font-size: 2.5rem; line-height: 1; margin-bottom: 10px; } .product-header h2 { font-size: 1.5rem; font-weight: 700; margin: 0 0 5px; } .product-header p { color: var(--text-secondary); margin: 0; font-size: 0.9rem; } .spec-list { list-style: none; padding: 0; margin: 0; } .spec-list li { display: flex; justify-content: space-between; margin-bottom: 12px; font-size: 0.95rem; } .spec-list li strong { font-weight: 500; color: var(--text-primary); } .spec-list li span { color: var(--text-secondary); text-align: right; font-weight: 400; } /* --- Alt Bilgi --- */ .footer { text-align: center; padding: 40px 20px; margin-top: 50px; background-color: var(--card-color); border-radius: 12px; border: 1px solid var(--border-color); } .footer h3 { font-size: 1.5rem; color: var(--accent-color); margin: 0 0 10px; } .footer p { margin: 0; color: var(--text-secondary); } .footer strong { font-size: 1.2rem; color: var(--text-primary); } @media (max-width: 992px) { .product-grid { grid-template-columns: 1fr; } .main-title h1 { font-size: 2.5rem; } }