General Grabber Cross A/S 255/45R19 104V XL M+S 3PMSF

General Grabber Cross A/S 255/45R19 104V XL M+S 3PMSF 4 Mevsim Lastiği
GENERAL
GRABBER CROSS A/S
Dört Mevsim Lastiği
Yol koşulları nasıl olursa olsun maksimum performans ile sürüş yapabilmenin keyfini çıkarın.
Performans Özellikleri
3PMSF Kar Onaylı | M+S (Çamur ve Kar) Uyumlu
General Grabber Cross A/S Farkı
Yüksek Hız Performansı
Virajlı yollarda bile olağanüstü yol tutuş ve konfor
Her Havada Güvenlik
Yağmur, kar ve sulu zeminde güvenli sürüş deneyimi
Sert Zemin Dayanıklılığı
Toprak ve engebeli arazilerde bile sağlam performans
Neden General Grabber Cross A/S?
Hız ve Konfor
Düşük ses seviyesi ve yüksek hız performansıyla keyifli sürüş
4 Mevsim Kullanım
Yeni nesil bileşimiyle tüm hava koşullarına uyum
Dayanıklı Yapı
Zorlu arazi koşullarına dayanıklı sağlam tasarım
Uzun Ömürlü Performans
Yüksek kilometre performansıyla ekonomik çözüm
General Grabber Cross A/S Özellikleri
Agresif sırt deseni
Güçlü yanak tasarımı
Önerilen Araçlar
SUV ve 4x4 Segment Araçlar
Crossover ve Binek Araçlar
Her Yolculuk Sizin İçin Yeni Bir Başlangıç Olsun
General GRABBER CROSS A/S ile her koşulda güvenle yolculuğa çıkmaya başlayın!
Hemen Satın Al
:root {
--general-red: #ae1122;
--general-white: #ffffff;
--general-gray: #333333;
}
.product-container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
font-family: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
color: var(--general-gray);
line-height: 1.6;
}
.product-hero {
display: flex;
flex-direction: column;
align-items: center;
gap: 30px;
margin-bottom: 40px;
background: linear-gradient(135deg, #f9f9f9 0%, #eeeeee 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(--general-red);
font-weight: 800;
}
.hero-content h1 i {
margin-right: 10px;
color: var(--general-red);
}
.subtitle {
font-size: 1.3rem;
color: var(--general-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(--general-red);
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(--general-red);
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(--general-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(--general-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(--general-red);
margin-bottom: 15px;
}
.feature-card h3 {
font-size: 1.4rem;
margin-bottom: 15px;
color: var(--general-red);
}
.benefits-section {
background-color: #f8f8f8;
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(--general-red);
min-width: 40px;
}
.benefit-text h3 {
color: var(--general-red);
margin-bottom: 8px;
font-size: 1.3rem;
}
.performance-comparison {
background: var(--general-red);
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-container {
width: 100%;
overflow: hidden;
}
.gallery-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin: 0 auto;
max-width: 950px;
}
.gallery-item {
flex: 0 0 calc(50% - 20px);
max-width: 450px;
background: white;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 5px 15px rgba(0,0,0,0.1);
transition: transform 0.3s ease;
display: flex;
flex-direction: column;
margin-bottom: 20px;
}
.gallery-item:hover {
transform: scale(1.03);
}
.gallery-img-container {
width: 100%;
height: 450px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
}
.gallery-img-container img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
}
.gallery-caption {
padding: 15px;
text-align: center;
margin: 0;
font-weight: 500;
color: var(--general-gray);
background: white;
}
.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: #f9f0f0;
border-radius: 8px;
display: flex;
align-items: center;
gap: 10px;
}
.vehicle-list li i {
color: var(--general-red);
}
.cta-section {
text-align: center;
padding: 50px 20px;
background: linear-gradient(135deg, var(--general-red) 0%, #8a0d1a 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(--general-red);
color: white;
padding: 12px 25px;
border-radius: 50px;
text-decoration: none;
font-weight: 600;
transition: all 0.3s ease;
border: 2px solid var(--general-red);
}
.cta-button i {
font-size: 1rem;
}
.cta-button:hover {
background-color: transparent;
transform: translateY(-3px);
}
@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;
}
}
@media (max-width: 767px) {
.gallery-item {
flex: 0 0 100%;
max-width: 100%;
}
.gallery-img-container {
height: auto;
max-height: 450px;
}
.gallery-img-container img {
height: auto;
}
}