Kormoran Summer 3 225/55ZR17 101W XL

Kormoran Summer 3 225/55ZR17 101W XL Yaz Lastiği
:root {
--kormoran-yellow: #FFD700;
--kormoran-black: #000000;
--kormoran-white: #FFFFFF;
--kormoran-gray: #F5F5F5;
--kormoran-dark: #333333;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Montserrat', 'Segoe UI', sans-serif;
}
@font-face {
font-family: 'Montserrat';
src: url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');
}
body {
background-color: #fffff;
color: var(--kormoran-dark);
line-height: 1.6;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
/* Hero Section */
.hero {
padding: 80px 0;
position: relative;
overflow: hidden;
background: linear-gradient(135deg, var(--kormoran-gray) 0%, var(--kormoran-white) 100%);
}
.hero-container {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.hero-content {
flex: 1;
min-width: 300px;
padding-right: 40px;
}
.hero-image {
flex: 1;
min-width: 300px;
text-align: center;
}
.brand-logo {
width: 180px;
margin-bottom: 20px;
}
.highlight-badge {
background-color: var(--kormoran-yellow);
color: var(--kormoran-black);
padding: 8px 20px;
border-radius: 50px;
font-weight: 700;
display: inline-block;
margin-bottom: 20px;
font-size: 1rem;
box-shadow: 0 3px 6px rgba(0,0,0,0.1);
}
.hero h1 {
font-size: 2.8rem;
color: var(--kormoran-black);
margin-bottom: 20px;
font-weight: 800;
}
.hero-subtitle {
font-size: 1.3rem;
color: var(--kormoran-dark);
margin-bottom: 30px;
}
.hero-image img {
max-width: 100%;
height: auto;
border-radius: 10px;
box-shadow: 0 15px 30px rgba(0,0,0,0.1);
transition: transform 0.5s ease;
}
.hero-image:hover img {
transform: translateY(-10px);
}
/* Features Section */
.features-section {
padding: 80px 0;
background-color: var(--kormoran-white);
}
.section-title {
text-align: center;
margin-bottom: 50px;
position: relative;
}
.section-title h2 {
font-size: 2.5rem;
color: var(--kormoran-black);
display: inline-block;
padding-bottom: 15px;
}
.section-title h2:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 4px;
background: var(--kormoran-yellow);
}
.features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
}
.feature-card {
background-color: var(--kormoran-gray);
border-radius: 10px;
padding: 30px;
box-shadow: 0 10px 20px rgba(0,0,0,0.05);
transition: all 0.3s ease;
border-top: 4px solid var(--kormoran-yellow);
}
.feature-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}
.feature-icon {
font-size: 2.5rem;
color: var(--kormoran-yellow);
margin-bottom: 20px;
}
.feature-card h3 {
font-size: 1.5rem;
color: var(--kormoran-black);
margin-bottom: 15px;
}
/* Car Types Section */
.car-types {
padding: 80px 0;
background-color: var(--kormoran-gray);
}
.types-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 20px;
margin-top: 40px;
}
.type-card {
background-color: var(--kormoran-white);
border-radius: 10px;
padding: 20px;
text-align: center;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
transition: all 0.3s ease;
}
.type-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
.type-icon {
font-size: 2rem;
color: var(--kormoran-yellow);
margin-bottom: 15px;
}
/* Performance Section */
.performance-section {
padding: 80px 0;
background-color: var(--kormoran-white);
}
.performance-container {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 40px;
}
.performance-content {
flex: 1;
min-width: 300px;
}
.performance-image {
flex: 1;
min-width: 300px;
text-align: center;
}
.performance-image img {
max-width: 100%;
height: auto;
border-radius: 10px;
box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}
.performance-stats {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
margin-top: 30px;
}
.stat-card {
background-color: var(--kormoran-gray);
padding: 20px;
border-radius: 10px;
text-align: center;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
border-left: 4px solid var(--kormoran-yellow);
}
.stat-card h4 {
font-size: 2.5rem;
color: var(--kormoran-yellow);
margin-bottom: 10px;
}
/* Labeling Section */
.labeling-section {
padding: 80px 0;
background-color: var(--kormoran-gray);
}
.labeling-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 30px;
margin-top: 40px;
}
.label-card {
background-color: var(--kormoran-white);
border-radius: 10px;
padding: 30px;
text-align: center;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
.label-grade {
font-size: 3rem;
font-weight: 700;
color: var(--kormoran-yellow);
margin-bottom: 15px;
}
/* CTA Section */
.cta-section {
padding: 80px 0;
background: linear-gradient(135deg, var(--kormoran-yellow) 0%, #FFC000 100%);
color: var(--kormoran-black);
text-align: center;
}
.cta-section h2 {
font-size: 2.5rem;
margin-bottom: 20px;
}
.cta-buttons {
display: flex;
justify-content: center;
gap: 20px;
margin-top: 30px;
flex-wrap: wrap;
}
.cta-button {
padding: 15px 30px;
border-radius: 50px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
gap: 10px;
}
.cta-primary {
background-color: var(--kormoran-black);
color: var(--kormoran-white);
}
.cta-primary:hover {
background-color: #333333;
transform: translateY(-3px);
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
.cta-secondary {
background-color: transparent;
border: 2px solid var(--kormoran-black);
color: var(--kormoran-black);
}
.cta-secondary:hover {
background-color: rgba(0,0,0,0.1);
transform: translateY(-3px);
}
/* Responsive Adjustments */
@media (max-width: 768px) {
.hero-container {
flex-direction: column;
}
.hero-content {
padding-right: 0;
margin-bottom: 40px;
text-align: center;
}
.hero h1 {
font-size: 2.2rem;
}
.performance-container {
flex-direction: column-reverse;
}
.performance-content {
text-align: center;
}
.cta-buttons {
flex-direction: column;
align-items: center;
}
.cta-button {
width: 100%;
max-width: 300px;
justify-content: center;
}
}
/* Animations */
@keyframes pulse {
0% { transform: scale(1); }
50% { transform: scale(1.05); }
100% { transform: scale(1); }
}
.pulse {
animation: pulse 2s infinite;
}
YAZ LASTİĞİ
Kormoran Summer3
Kuru ve ıslak yollarda üstün performans, şehir içi ve uzun yol sürüşleri için ideal yaz lastiği
ÜSTÜN PERFORMANS ÖZELLİKLERİ
Geliştirilmiş Aşınma Performansı
Yeni sırt bileşeni sayesinde önceki nesle göre %10 daha uzun ömür. Islak zeminde A* derecesi ile en iyi performans.
Yakıt Tasarrufu
Geliştirilmiş yuvarlanma direnci ile yakıt tüketiminde azalma. "C" yuvarlanma direnci derecesi.
Üstün Islak Zemin Performansı
Gelişmiş ıslak zemin yol tutuşu ile güvenli sürüş. "B-C" ıslak zemin tutuş derecesi.
Uygun Araç Tipleri
Şehir Araçları
Compact Araçlar
Sedanlar
Yeni Nesil Teknolojiler
Kormoran Summer 3, dinamik sırt deseni ve yenilenmiş yanak tasarımı ile hem görsel hem de performans anlamında fark yaratıyor.
%10
Daha Uzun Ömürlülük
Avrupa'da Tasarlanan ve Üretilen Kormoran Serilerini Keşfedin
Kormoran Summer3 ile yaz aylarında güvenle seyahat edin
HEMEN SATIN AL DETAYLI BİLGİ