Mitas Touring Force Arka 170/60ZR17 72W TL

Mitas Touring Force Arka 170/60ZR17 72W TL Yaz Lastiği
Mitas TOURING FORCE
Asfaltın Hakimi: Her Yol Koşulunda Maksimum Güven ve Konfor
Uzun Ömürlü Islak Zemin Tutuşu Yüksek Stabilite
Dünyayı keşfederken hava durumunu dert etmeyin. Touring Force, sizin için yolu güvenli kılar.
Neden Mitas Touring Force?
Bitmeyen Yolculuklar
Özel bileşimi sayesinde lastiğiniz daha geç aşınır. Binlerce kilometre boyunca performansından ödün vermez.
Yağmur Sizi Durdurmasın
Yüksek silika içeriği (lastik içindeki özel bir madde) ıslak ve soğuk yollarda bile yere zamk gibi yapışmanızı sağlar.
Sarsıntısız Sürüş
Motosikletiniz ister boş ister artçılı ve valizlerle dolu olsun; her zaman dengeli ve huzurlu bir sürüş sunar.
Hangi Motosikletler İçin Uygun?
Mitas Touring Force, çok geniş bir kullanım alanına sahiptir:
Hız ve Spor Motorları (Super Sports) Şehir İçi Motorlar (Naked) Uzun Yol Motorları (Sports Touring) Büyük Scooterlar (Maxi Scooter) Macera ve Gezi Motorları (Adventure Touring)
Biliyor muydunuz? Bu lastik, sınıfının en iyisi olan "GT" (ağır yük ve uzun yol) versiyonu lastiklerle yarışacak dayanıklılığa sahiptir.
:root {
--primary-navy: #0a192f; /* Koyu Lacivert */
--secondary-blue: #112240; /* Orta Lacivert */
--accent-white: #ffffff;
--text-gray: #e6f1ff;
--border-color: #233554;
}
.product-container {
max-width: 1100px;
margin: 0 auto;
padding: 20px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: #fcfcfc;
color: var(--primary-navy);
}
/* Hero Section */
.product-hero {
display: flex;
flex-wrap: wrap;
align-items: center;
background: var(--primary-navy);
border-radius: 20px;
padding: 40px;
color: white;
}
.hero-content {
flex: 1;
min-width: 300px;
}
.hero-content h1 {
font-size: 2.5rem;
margin-bottom: 10px;
letter-spacing: 1px;
}
.subtitle {
font-size: 1.2rem;
color: var(--text-gray);
margin-bottom: 25px;
border-left: 4px solid var(--accent-white);
padding-left: 15px;
}
.main-features {
display: flex;
gap: 15px;
flex-wrap: wrap;
}
.main-features span {
font-size: 0.9rem;
background: rgba(255,255,255,0.1);
padding: 5px 12px;
border-radius: 50px;
}
.hero-image {
flex: 1;
text-align: center;
min-width: 300px;
}
.responsive-img {
max-width: 100%;
height: auto;
filter: drop-shadow(0 10px 20px rgba(0,0,0,0.3));
}
/* Highlight Bar */
.highlight-bar {
background: #f0f4f8;
text-align: center;
padding: 20px;
margin-top: -20px;
border-radius: 0 0 15px 15px;
font-weight: 500;
}
/* Features */
.features-section {
padding: 50px 0;
}
.section-title {
text-align: center;
margin-bottom: 40px;
font-size: 2rem;
color: var(--primary-navy);
}
.feature-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
}
.feature-card {
text-align: center;
padding: 30px;
background: white;
border: 1px solid #eee;
border-radius: 15px;
transition: 0.3s;
}
.feature-card:hover {
box-shadow: 0 10px 30px rgba(10, 25, 47, 0.1);
transform: translateY(-5px);
}
.feature-card i {
font-size: 2.5rem;
color: var(--primary-navy);
margin-bottom: 20px;
}
.feature-card h3 {
margin-bottom: 15px;
}
/* Compatibility */
.compatibility-section {
background: var(--primary-navy);
color: white;
padding: 40px;
border-radius: 20px;
text-align: center;
}
.tags-container {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
margin-top: 20px;
}
.tag {
background: white;
color: var(--primary-navy);
padding: 8px 18px;
border-radius: 5px;
font-weight: 600;
font-size: 0.9rem;
}
/* Notes & CTA */
.usage-note {
display: flex;
align-items: center;
gap: 15px;
background: #e7efff;
padding: 20px;
border-radius: 10px;
margin: 40px 0;
}
.usage-note i {
font-size: 1.5rem;
}
/* ----- MOBIL UYUMLULUK DUZELTMELERI ----- */
@media (max-width: 768px) {
.product-container {
padding: 10px;
overflow-x: hidden;
}
.product-hero {
padding: 20px 15px;
flex-direction: column;
text-align: center;
gap: 20px;
}
.hero-content {
min-width: auto;
width: 100%;
}
.hero-content h1 {
font-size: 1.8rem;
word-break: break-word;
}
.subtitle {
border-left: none;
border-bottom: 2px solid var(--accent-white);
padding: 0 0 10px 0;
font-size: 1rem;
}
.main-features {
justify-content: center;
gap: 10px;
}
.main-features span {
font-size: 0.8rem;
white-space: nowrap;
}
.hero-image {
min-width: auto;
width: 100%;
}
.responsive-img {
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
iframe {
max-width: 100%;
height: auto;
aspect-ratio: 16 / 9;
}
.tags-container {
gap: 8px;
}
.tag {
font-size: 0.8rem;
padding: 6px 12px;
white-space: nowrap;
}
.feature-card,
.usage-note,
.compatibility-section {
word-wrap: break-word;
overflow-wrap: break-word;
}
}
/* Ekstra küçük ekranlar için (400px altı) */
@media (max-width: 480px) {
.main-features span {
white-space: normal;
font-size: 0.75rem;
}
.tag {
white-space: normal;
text-align: center;
}
.hero-content h1 {
font-size: 1.5rem;
}
.section-title {
font-size: 1.5rem;
}
}