Mitas E07+ 90/90B21 54H TL

Mitas E07+ 90/90B21 54H TL Yaz Lastiği
Mitas E07+
%60 yol / %40 arazi performansı için ADV ve çift spor lastiği
Hibrit Performans
TL/TT Onaylı | E-07+ Serisinin Yeni Nesil Temsilcisi
Saha Testi Yapılan Özellikler
60/40 Denge
Asfaltta mükemmel yol tutuş, arazide agresif çekiş performansı
ADV Optimizasyon
Yük taşıma kapasiteli ADV motosikletler için özel tasarım
Akıllı Desen
Büyük şeritli bloklar ve bağımsız omuz çıkıntıları
Kombinasyon Esnekliği
E-07 ile Uyum
Orijinal E-07 lastiklerle birlikte kullanım için ideal
50/50 Kombinasyon
Dakar ve Standart serilerle kombinasyon seçeneği
TL / TT
Hem TL (Tubeless) hem TT (Tube Type) kullanım
Teknik Detaylar
E-07+ İşaretleme
Yan duvarda orijinal tasarımı doğrulayan özel işaret
Yük Kapasitesi
ADV motosikletlerin ağır yüklerine özel güçlendirilmiş yapı
Dakar Farkı
Standart versiyon (Dakar olmayan/çizgisiz) özel kompozisyon
Hangi Sürüş Tarzları İçin?
Gezginler
Asfalt ve stabilize karışımı rotalarda seyahat
Kampçılar
Şehirden kampa uzanan macera rotaları
Günlük Sürücüler
Hafta sonu maceraları için çok yönlü performans
Sınırları Zorlayın
ENDURO E07+ Motosiklet Lastiği ile her zeminde kontrol sizde olsun
Hemen Satın Al
:root {
--mitas-blue: #0056b3;
--mitas-red: #e31937;
--mitas-gray: #333333;
}
.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);
}
.usage-section {
background-color: #f8fafc;
padding: 40px 25px;
border-radius: 15px;
margin-bottom: 40px;
}
.usage-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin-top: 25px;
}
.usage-item {
background: white;
padding: 20px;
border-radius: 10px;
box-shadow: 0 3px 10px rgba(0,0,0,0.05);
text-align: center;
}
.usage-icon i {
font-size: 2rem;
color: var(--mitas-red);
margin-bottom: 10px;
}
.usage-item h3 {
color: var(--mitas-blue);
margin-bottom: 8px;
font-size: 1.2rem;
}
.performance-details {
margin-bottom: 40px;
}
.performance-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);
}
.performance-icon i {
font-size: 1.8rem;
color: var(--mitas-red);
min-width: 40px;
}
.performance-text h3 {
color: var(--mitas-blue);
margin-bottom: 8px;
font-size: 1.2rem;
}
.rider-types {
margin-bottom: 30px;
}
.rider-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin-top: 25px;
}
.rider-card {
background: white;
padding: 25px;
border-radius: 10px;
box-shadow: 0 3px 10px rgba(0,0,0,0.05);
text-align: center;
}
.rider-icon i {
font-size: 2rem;
color: var(--mitas-red);
margin-bottom: 10px;
}
.rider-card h3 {
color: var(--mitas-blue);
margin-bottom: 10px;
font-size: 1.3rem;
}
.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;
}
}