Mitas Terra Force 170/60ZR17 72W

Mitas Terra Force 170/60ZR17 72W Yaz Lastiği
Mitas TERRA FORCE
Adventure motosikletler için %90 asfatta, %10 off-road performans
Asfalt Performansı Off-Road Yetenekleri
KTM 1290 ADVENTURE S OEM Ekipmanı | Çok Bileşenli Teknoloji
Teknolojik Özellikler
MCTT Teknolojisi
Çok bileşenli sırt teknolojisi ile üstün kilometre ve viraj performansı
Yüksek Silika İçerik
Islak zeminde mükemmel yol tutuş sağlar
Düşük Sıcaklık Performansı
Soğuk havalarda bile etkili tutuş
Off-Road Yetenekleri
%90 Asfatta
Uzun yol konforu ve performansı
%10 Off-Road
Hafif toprak ve çakıllı yollar için uygun
Ağır Motosiklet Desteği
Büyük adventure modelleri için stabilite
Uyumlu Motosikletler
KTM 1290 Adventure S
Orijinal ekipman olarak monte edilir
Büyük Adventure Modelleri
Ağır yol motosikletleri için ideal
Dual-Purpose Modeller
Hem asfatta hem hafif off-road kullanım
Hava Koşulları
Kuru Asfalt
Islak Asfalt
Çakıllı Yollar
Karlı/Buzlu Zemin
Buzlu ve karlı zeminler için önerilmez
Maceranızı Genişletin
Mitas TERRA FORCE-R ile hem asfatta hem hafif off-road'da güvenle sürün
Hemen Satın Al Kullanım Kılavuzu
:root {
--mitas-blue: #0056b3;
--mitas-red: #e31937;
--mitas-gray: #333333;
--good-weather: #4CAF50;
--medium-weather: #FFC107;
--bad-weather: #F44336;
}
.product-container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
font-family: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
color: var(--mitas-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.2rem;
margin-bottom: 15px;
color: var(--mitas-blue);
font-weight: 800;
}
.hero-content h1 i {
margin-right: 10px;
color: var(--mitas-red);
}
.subtitle {
font-size: 1.2rem;
color: var(--mitas-gray);
margin-bottom: 25px;
font-weight: 500;
}
.hero-image img {
border-radius: 10px;
box-shadow: 0 15px 30px rgba(0,0,0,0.1);
max-width: 100%;
transition: transform 0.5s ease;
}
.floating-img:hover {
transform: translateY(-5px);
}
.certification-banner {
background-color: var(--mitas-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: 12px;
max-width: 800px;
margin: 0 auto;
}
.cert-badge i {
font-size: 1.8rem;
}
.certification-banner p {
margin: 0;
font-size: 1rem;
font-weight: 500;
}
.section-title {
text-align: center;
font-size: 1.8rem;
margin-bottom: 25px;
color: var(--mitas-blue);
position: relative;
padding-bottom: 8px;
}
.section-title i {
margin-right: 10px;
}
.section-title:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 60px;
height: 3px;
background: var(--mitas-red);
}
.product-features {
margin-bottom: 40px;
}
.feature-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
}
.feature-card {
background: white;
border-radius: 10px;
padding: 25px;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
transition: all 0.3s ease;
border-top: 4px solid var(--mitas-red);
text-align: center;
}
.feature-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
.feature-icon i {
font-size: 2rem;
color: var(--mitas-blue);
margin-bottom: 10px;
}
.feature-card h3 {
font-size: 1.3rem;
margin-bottom: 15px;
color: var(--mitas-blue);
}
.offroad-section {
background-color: #f8fafc;
padding: 40px 25px;
border-radius: 15px;
margin-bottom: 40px;
}
.offroad-item {
display: flex;
align-items: center;
gap: 20px;
margin-bottom: 20px;
background: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 3px 10px rgba(0,0,0,0.05);
}
.offroad-icon i {
font-size: 1.8rem;
color: var(--mitas-red);
min-width: 40px;
}
.offroad-text h3 {
color: var(--mitas-blue);
margin-bottom: 8px;
font-size: 1.2rem;
}
.motorcycle-compatibility {
margin-bottom: 40px;
}
.compatibility-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin-top: 25px;
}
.compatibility-card {
background: white;
padding: 25px;
border-radius: 10px;
box-shadow: 0 3px 10px rgba(0,0,0,0.05);
text-align: center;
}
.compatibility-icon i {
font-size: 2rem;
color: var(--mitas-red);
margin-bottom: 10px;
}
.compatibility-card h3 {
color: var(--mitas-blue);
margin-bottom: 10px;
font-size: 1.3rem;
}
.weather-section {
margin-bottom: 30px;
}
.weather-content {
display: flex;
justify-content: center;
gap: 15px;
flex-wrap: wrap;
margin-top: 20px;
}
.weather-item {
padding: 15px 20px;
border-radius: 50px;
text-align: center;
min-width: 120px;
}
.weather-item.good {
background-color: var(--good-weather);
color: white;
}
.weather-item.medium {
background-color: var(--medium-weather);
color: #333;
}
.weather-item.bad {
background-color: var(--bad-weather);
color: white;
}
.weather-icon i {
font-size: 1.5rem;
margin-bottom: 5px;
}
.weather-note {
text-align: center;
margin-top: 20px;
font-style: italic;
color: #666;
}
.weather-note i {
color: var(--bad-weather);
margin-right: 5px;
}
.cta-section {
text-align: center;
padding: 40px 20px;
background: linear-gradient(135deg, var(--mitas-blue) 0%, #003d82 100%);
color: white;
border-radius: 15px;
margin-top: 20px;
}
.cta-section h2 {
margin-bottom: 15px;
font-size: 1.8rem;
}
.cta-section h2 i {
margin-right: 10px;
}
.cta-section p {
margin-bottom: 20px;
font-size: 1.1rem;
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(--mitas-red);
color: white;
padding: 10px 20px;
border-radius: 50px;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
border: 2px solid var(--mitas-red);
}
.cta-button i {
font-size: 0.9rem;
}
.cta-button:hover {
background-color: transparent;
transform: translateY(-2px);
}
.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: 40px;
}
.hero-content {
flex: 1;
text-align: left;
}
.hero-image {
flex: 1;
}
.section-title {
font-size: 2rem;
}
}
@media (min-width: 992px) {
.hero-content h1 {
font-size: 2.5rem;
}
.subtitle {
font-size: 1.3rem;
}
}