Ferre FryArt LORIA Vitroseramik Elektrikli Sessiz Ankastre Set (D081

/* Açık Tema (Light Mode) için Güncellenmiş Renk Paleti */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;700&family=Inter:wght@400;500;700&display=swap');

:root {
/* Koyu renkler yerine Açık Tonlar */
--bg-dark: #F4F4F9; /* Ana Açık Arka Plan */
--bg-light: #FFFFFF; /* Bölüm Arka Planı (Beyaz) */
--text-primary: #1F2937; /* Ana Metin (Koyu Gri/Siyah) */
--text-secondary: #4B5563; /* İkincil Metin (Orta Gri) */
--accent-color: #EF4444; /* Vurgu Rengi (Canlı Kırmızı) */
--border-color: rgba(239, 68, 68, 0.3);
--black-text: #1F2937; /* Siyah Metin yerine Koyu Gri */
--praise-color: #10B981; /* Övgü Kutusu (Canlı Yeşil) */

/* ÖZELLİK VURGU VE MAVİ RENKLER */
--feature-value-color: #000000; /* Özellik Değeri Metin Rengi (Siyah) */
--feature-accent-color: #3B82F6; /* Özellik Satırı Vurgu/Mavi Rengi */

/* HEDİYE TEMASI RENKLERİ */
--gift-bg: #FFFBEB;
--gift-text: #B45309;
--gift-border: #FBBF24;

/* OCAK İÇİN YENİ ÖVGÜ RENGİ */
--stove-praise-color: #3b82f6; /* Mavi Ton */
}

body {
font-family: 'Inter', sans-serif;
background-color: var(--bg-dark);
color: var(--text-primary);
margin: 0;
padding: 20px;
}

.container {
max-width: 950px;
margin: 40px auto;
}

.main-header {
text-align: center;
margin-bottom: 50px;
background-color: var(--bg-light);
padding: 40px 20px;
border-radius: 16px;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.main-header h1 {
font-family: 'Oswald', sans-serif;
font-size: 5rem;
margin: 0;
letter-spacing: 1px;
color: var(--black-text);
line-height: 1.2;
font-weight: 700;
}

.main-header p {
font-size: 2rem;
color: var(--black-text);
margin: 15px 0 0;
font-weight: 700;
}

.product-section {
background-color: var(--bg-light);
border: 1px solid var(--border-color);
border-radius: 16px;
margin-bottom: 60px;
padding: 35px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.product-header {
text-align: center;
margin-bottom: 30px;
}

.product-header .brand {
/* FERRE YAZISI İÇİN GÜNCELLEMELER */
font-size: 2.2rem; /* Daha büyük */
font-weight: 900; /* Ekstra kalın */
color: var(--accent-color);
margin-bottom: 10px;
letter-spacing: 3px;
display: block;
font-family: 'Oswald', sans-serif;
}

.product-header h2 {
font-family: 'Oswald', sans-serif;
font-size: 3rem;
margin: 0;
letter-spacing: 1px;
color: var(--text-primary);
}

.step-spec-list {
list-style: none;
padding: 0;
}

.step-spec-list li {
font-size: 1.2rem;
display: flex;
align-items: center;
gap: 15px;
background-color: var(--bg-dark);
color: var(--text-primary);
padding: 18px;
border-radius: 8px;
margin-bottom: 12px;
border-left: 4px solid var(--feature-accent-color);
}

.step-spec-list li .icon {
font-size: 1.5rem;
min-width: 30px;
text-align: center;
color: var(--feature-accent-color);
}

.step-spec-list li strong {
font-weight: 700;
color: var(--text-primary);
}

.step-spec-list li .value {
margin-left: auto;
color: var(--feature-value-color);
text-align: right;
font-weight: 700;
}

/* Davlumbaz Övgü Kutusu Stili */
.praise-box {
background-color: var(--praise-color); /* Yeşil Arka Plan */
padding: 25px;
border-radius: 12px;
font-size: 1.1rem;
text-align: center;
margin-bottom: 30px;
}

/* DAVULMBAZ METİN GÜNCELLEMESİ: Siyah ve Daha Kalın */
.praise-box h3, .praise-box p {
color: #000000; /* Siyah Renk */
}

.praise-box h3 {
font-family: 'Oswald', sans-serif;
margin: 0 0 10px;
font-size: 1.8rem;
font-weight: 900;
}

.praise-box p {
margin: 0;
font-size: 1.1rem;
line-height: 1.7;
font-weight: 900;
}

/* OCAK ÖVGÜ KUTUSU STİLİ */
.stove-praise-box {
background-color: var(--stove-praise-color);
color: #fff;
padding: 25px;
border-radius: 12px;
font-size: 1.1rem;
text-align: center;
margin-bottom: 30px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.stove-praise-box h3 {
font-family: 'Oswald', sans-serif;
margin: 0 0 10px;
font-size: 1.8rem;
}

.stove-praise-box p {
margin: 0;
font-size: 1.1rem;
line-height: 1.7;
}

.installation-note {
background-color: rgba(255, 193, 7, 0.1);
color: #D97706;
padding: 15px;
border-radius: 8px;
font-size: 1rem;
text-align: center;
margin-top: 20px;
border: 1px solid rgba(255, 193, 7, 0.5);
}

/* Servis Kutusu Stili */
.service-info-box {
background-color: #EBF8FF;
color: #2563EB;
padding: 25px;
border-radius: 12px;
text-align: center;
margin-top: 40px;
border: 2px solid #3B82F6;
}

.service-info-box strong {
font-size: 1.2rem;
}

/* HEDİYE KUTUSU STİLİ */
.gift-box {
background-color: var(--gift-bg);
color: var(--gift-text);
padding: 20px 15px;
border-radius: 10px;
font-size: 1.2rem;
text-align: center;
margin-bottom: 35px;
border: 2px solid var(--gift-border);
box-shadow: 0 4px 10px rgba(251, 191, 36, 0.4);
font-weight: 700;
letter-spacing: 0.5px;
}

.gift-box strong {
color: var(--accent-color);
font-size: 1.3rem;
display: block;
margin-top: 5px;
}

@media (max-width: 768px) {
.main-header h1 { font-size: 3.5rem; }
.main-header p { font-size: 1.8rem; }
.product-header h2 { font-size: 2.5rem; }
.step-spec-list li { font-size: 1.1rem; }
.gift-box { font-size: 1.1rem; padding: 15px; }
.gift-box strong { font-size: 1.2rem; }
.product-header .brand { font-size: 1.8rem; }
}