Michelin Primacy XC 265/60R18 110H M+S

Michelin Primacy XC 265/60R18 110H M+S 4 Mevsim Lastiği
MICHELIN Primacy™ XC
4x4 SUV Lastiği
Hem şehirde hem arazide güvenli ve performanslı sürüş deneyimi yaşayın!
Öne Çıkan Özellikler
Sert Zeminlerde Güçlü Performansı | Uzun Ömürlü Dayanıklılık
Primacy XC Farkı
Tüm Zeminlerde Çekiş Gücü
Asfalttan toprak yola her zeminde güvenli yol tutuş
Dayanıklı Tasarım
Zorlu koşullara dayanıklı özel sırt bileşimi
Sessiz ve Konforlu Sürüş
Şehir içinde bile rahat ve sessiz yolculuk
Neden Michelin Primacy XC?
Agresif Görünüm ve Güçlü Tasarım
4x4 aracınıza yakışan agresif ve güçlü tasarım
İdeal Düzeylerde Yakıt Tasarrufu
Michelin'in özel teknolojisiyle daha az yakıt tüketimi
Konforlu Sürüş Deneyimi
Bilgisayar destekli tasarım sayesinde titreşimsiz yol keyfi
Dünya Standartlarında
Dünyanın önde gelen kamyonet üreticileriyle birlikte geliştirildi
Hangi Araçlara Uygun?
SUV, 4x4 ve Pick-up Grupları
Binek Otomobil Grupları
Yolun Sonu Sizin İçin Başlangıç Olsun
Şimdi Michelin Primacy XC ile hem şehirde hem arazide güvenle yol almaya başlayın.
Hemen Satın Al
:root {
--michelin-blue: #0066CC;
--michelin-red: #FF0000;
--michelin-gray: #333333;
}
.product-container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
font-family: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
color: var(--michelin-gray);
line-height: 1.6;
}
.product-hero {
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
margin-bottom: 40px;
background: linear-gradient(135deg, #f5f7fa 0%, #e4e8eb 100%);
padding: 30px;
border-radius: 15px;
position: relative;
overflow: hidden;
}
.hero-content {
text-align: center;
z-index: 2;
}
.hero-content h1 {
font-size: 2.5rem;
margin-bottom: 15px;
color: var(--michelin-blue);
font-weight: 800;
}
.hero-content h1 i {
margin-right: 10px;
color: var(--michelin-red);
}
.subtitle {
font-size: 1.3rem;
color: var(--michelin-gray);
margin-bottom: 25px;
font-weight: 500;
}
.hero-image img {
border-radius: 10px;
box-shadow: 0 15px 30px rgba(0,0,0,0.15);
max-width: 100%;
transition: transform 0.5s ease;
}
.floating-img:hover {
transform: translateY(-10px);
}
.certification-banner {
background-color: var(--michelin-blue);
padding: 15px;
border-radius: 8px;
margin: 30px 0;
text-align: center;
color: white;
}
.certification-content {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
max-width: 800px;
margin: 0 auto;
}
.cert-badge i {
font-size: 1.8rem;
}
.certification-banner p {
margin: 0;
font-size: 1.1rem;
font-weight: 500;
}
.section-title {
text-align: center;
font-size: 2rem;
margin-bottom: 30px;
color: var(--michelin-blue);
position: relative;
padding-bottom: 10px;
}
.section-title i {
margin-right: 10px;
}
.section-title:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 3px;
background: var(--michelin-red);
}
.product-features {
margin-bottom: 50px;
}
.feature-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 25px;
}
.feature-card {
background: white;
border-radius: 12px;
padding: 30px 25px;
box-shadow: 0 5px 20px rgba(0,0,0,0.08);
transition: all 0.3s ease;
text-align: center;
border-top: 4px solid var(--michelin-red);
}
.feature-card:hover {
transform: translateY(-8px);
box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}
.feature-icon i {
font-size: 2.5rem;
color: var(--michelin-blue);
margin-bottom: 15px;
}
.feature-card h3 {
font-size: 1.4rem;
margin-bottom: 15px;
color: var(--michelin-blue);
}
.benefits-section {
background-color: #f8fafc;
padding: 50px 30px;
border-radius: 15px;
margin-bottom: 40px;
}
.benefit-item {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 25px;
background: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}
.benefit-icon i {
font-size: 2rem;
color: var(--michelin-red);
min-width: 40px;
}
.benefit-text h3 {
color: var(--michelin-blue);
margin-bottom: 8px;
font-size: 1.3rem;
}
.performance-comparison {
background: var(--michelin-blue);
color: white;
padding: 20px;
border-radius: 10px;
margin-top: 30px;
text-align: center;
}
.performance-comparison h3 {
margin-bottom: 10px;
}
.performance-comparison h3 i {
margin-right: 10px;
}
.image-gallery {
margin: 40px 0;
}
.gallery-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
margin-top: 20px;
}
.gallery-item {
background: white;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
}
.gallery-item:hover {
transform: scale(1.03);
}
.gallery-item img {
width: 100%;
height: auto;
display: block;
}
.gallery-item p {
padding: 15px;
text-align: center;
margin: 0;
font-weight: 500;
color: var(--michelin-gray);
}
.vehicle-compatibility {
margin-bottom: 40px;
}
.vehicle-list {
list-style-type: none;
padding-left: 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 15px;
}
.vehicle-list li {
padding: 15px;
background: #f0f7ff;
border-radius: 8px;
display: flex;
align-items: center;
gap: 10px;
}
.vehicle-list li i {
color: var(--michelin-red);
}
.cta-section {
text-align: center;
padding: 50px 20px;
background: linear-gradient(135deg, var(--michelin-blue) 0%, #0044a8 100%);
color: white;
border-radius: 15px;
margin-top: 30px;
}
.cta-section h2 {
margin-bottom: 15px;
font-size: 2rem;
}
.cta-section h2 i {
margin-right: 10px;
}
.cta-section p {
margin-bottom: 25px;
font-size: 1.2rem;
opacity: 0.9;
}
.cta-wrapper {
display: flex;
justify-content: center;
gap: 15px;
flex-wrap: wrap;
}
.cta-button {
display: inline-flex;
align-items: center;
gap: 8px;
background-color: var(--michelin-red);
color: white;
padding: 12px 25px;
border-radius: 50px;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
border: 2px solid var(--michelin-red);
}
.cta-button i {
font-size: 1rem;
}
.cta-button:hover {
background-color: transparent;
transform: translateY(-3px);
}
.cta-button.secondary {
background-color: transparent;
border: 2px solid white;
}
.cta-button.secondary:hover {
background-color: rgba(255,255,255,0.1);
}
@media (min-width: 768px) {
.product-hero {
flex-direction: row;
text-align: left;
padding: 50px;
}
.hero-content {
flex: 1;
text-align: left;
}
.hero-image {
flex: 1;
}
.section-title {
font-size: 2.3rem;
}
}
@media (min-width: 992px) {
.hero-content h1 {
font-size: 3rem;
}
.subtitle {
font-size: 1.5rem;
}
}