Petlas Prime Comfort 205/65R16 95H

Petlas Prime Comfort 205/65R16 95H Yaz Lastiği
:root {
--petlas-blue: #0056B3;
--petlas-light-blue: #007BFF;
--petlas-gray: #F5F7FA;
--petlas-dark: #2C3E50;
--petlas-white: #FFFFFF;
--petlas-light-gray: #E8ECF1;
}
body {
margin: 0;
padding: 0;
font-family: 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
color: #333;
line-height: 1.6;
background-color: var(--petlas-white);
}
.product-container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.product-hero {
display: flex;
flex-direction: column;
align-items: center;
gap: 40px;
margin-bottom: 50px;
padding: 40px 20px;
background: linear-gradient(135deg, var(--petlas-gray) 0%, var(--petlas-white) 100%);
border-radius: 15px;
}
@media (min-width: 992px) {
.product-hero {
flex-direction: row;
text-align: left;
}
}
.hero-content {
flex: 1;
text-align: center;
}
@media (min-width: 992px) {
.hero-content {
text-align: left;
}
}
.hero-content h1 {
font-size: 2.2rem;
margin-bottom: 10px;
color: var(--petlas-blue);
font-weight: 700;
}
.generation-tag {
display: inline-block;
background: var(--petlas-blue);
color: var(--petlas-white);
padding: 8px 20px;
border-radius: 25px;
font-size: 1rem;
font-weight: 600;
margin-bottom: 20px;
}
.segment-info {
color: var(--petlas-dark);
font-size: 1.1rem;
margin-bottom: 25px;
font-weight: 500;
}
.hero-image {
flex: 1;
text-align: center;
}
.hero-image img {
max-width: 100%;
height: auto;
border-radius: 10px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.section-title {
text-align: center;
font-size: 1.8rem;
margin: 50px 0 30px;
color: var(--petlas-blue);
position: relative;
padding-bottom: 15px;
}
.section-title:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 4px;
background: var(--petlas-light-blue);
}
.product-description {
max-width: 800px;
margin: 0 auto 40px;
text-align: center;
font-size: 1.1rem;
line-height: 1.8;
color: #444;
padding: 0 20px;
}
/* Teknik Özellikler Grid Sistemi */
.technical-highlights {
margin: 50px 0;
}
.tech-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 30px;
margin-top: 40px;
}
.tech-item {
background: var(--petlas-white);
border-radius: 12px;
padding: 30px;
box-shadow: 0 5px 20px rgba(0,0,0,0.08);
transition: transform 0.3s ease, box-shadow 0.3s ease;
border: 1px solid var(--petlas-light-gray);
text-align: center;
}
.tech-item:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}
.tech-image-container {
width: 350px;
height: 350px;
margin: 0 auto 20px;
border-radius: 10px;
overflow: hidden;
background: var(--petlas-gray);
display: flex;
align-items: center;
justify-content: center;
}
.tech-image-container img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s ease;
}
.tech-item:hover .tech-image-container img {
transform: scale(1.05);
}
.tech-icon {
font-size: 2.5rem;
color: var(--petlas-blue);
margin-bottom: 20px;
}
.tech-item h3 {
font-size: 1.3rem;
color: var(--petlas-blue);
margin-bottom: 15px;
font-weight: 600;
}
.tech-item p {
color: #555;
line-height: 1.7;
font-size: 1rem;
}
/* Segment Bilgileri */
.segment-compatibility {
background: var(--petlas-gray);
padding: 40px;
border-radius: 15px;
margin: 50px 0;
}
.segment-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 20px;
margin-top: 30px;
}
.segment-card {
background: var(--petlas-white);
padding: 25px 15px;
border-radius: 10px;
text-align: center;
font-weight: 600;
color: var(--petlas-blue);
box-shadow: 0 3px 10px rgba(0,0,0,0.05);
border: 2px solid var(--petlas-light-blue);
}
/* Özellikler Listesi */
.features-section {
margin: 50px 0;
}
.features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin-top: 30px;
}
.feature-item {
display: flex;
align-items: center;
gap: 15px;
padding: 20px;
background: var(--petlas-white);
border-radius: 10px;
border-left: 4px solid var(--petlas-blue);
}
.feature-icon {
color: var(--petlas-blue);
font-size: 1.5rem;
min-width: 40px;
}
/* CTA Bölümü */
.cta-section {
text-align: center;
padding: 60px 20px;
background: linear-gradient(135deg, var(--petlas-blue) 0%, #004494 100%);
color: var(--petlas-white);
border-radius: 15px;
margin: 50px 0 30px;
}
.cta-section h2 {
font-size: 2rem;
margin-bottom: 20px;
}
.cta-section p {
font-size: 1.2rem;
margin-bottom: 30px;
opacity: 0.9;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.cta-buttons {
display: flex;
justify-content: center;
gap: 20px;
flex-wrap: wrap;
}
.cta-button {
display: inline-flex;
align-items: center;
gap: 10px;
background: var(--petlas-white);
color: var(--petlas-blue);
padding: 15px 30px;
border-radius: 50px;
text-decoration: none;
font-weight: 600;
font-size: 1.1rem;
transition: all 0.3s ease;
border: 2px solid var(--petlas-white);
}
.cta-button:hover {
background: transparent;
color: var(--petlas-white);
transform: translateY(-3px);
}
.cta-button.secondary {
background: transparent;
border: 2px solid var(--petlas-white);
color: var(--petlas-white);
}
.cta-button.secondary:hover {
background: rgba(255,255,255,0.1);
}
/* Responsive Düzenlemeler */
@media (max-width: 768px) {
.product-hero {
padding: 30px 15px;
gap: 30px;
}
.hero-content h1 {
font-size: 1.8rem;
}
.tech-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.tech-image-container {
width: 100%;
height: 300px;
}
.section-title {
font-size: 1.5rem;
}
.cta-section {
padding: 40px 15px;
}
.cta-button {
padding: 12px 25px;
font-size: 1rem;
}
.segment-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.hero-content h1 {
font-size: 1.5rem;
}
.generation-tag {
font-size: 0.9rem;
padding: 6px 15px;
}
.tech-image-container {
height: 250px;
}
.segment-grid {
grid-template-columns: 1fr;
}
.cta-buttons {
flex-direction: column;
align-items: center;
}
.cta-button {
width: 100%;
max-width: 300px;
justify-content: center;
}
}
Petlas Prime Comfort
Yeni Jenerasyon Yaz LAstiği
A, B ve C Segment Binek Araçlar & Crossover Araçlar İçin
Petlas Prime Comfort, asimetrik diş deseni ile kuru ve ıslak yol yüzeylerinde üstün kontrol, konfor ve güvenlik seviyeleri sunan yeni nesil bir yaz lastiğidir.
Prime Comfort Yaz Lastiği Özellikleri
Petlas Prime Comfort, A, B ve C segment binek araçlar ile crossover araçlar için özel olarak geliştirilmiş yeni nesil bir yaz lastiğidir. Asimetrik diş tasarımı sayesinde hem kuru hem de ıslak zeminlerde üstün performans, yüksek kontrol, gelişmiş konfor ve maksimum güvenlik sunar. Gelişmiş teknolojisi ile yakıt tasarrufu sağlarken, uzun ömürlü kullanım imkanı verir.
Petlas Prime Comfort Yaz Lastiği Teknik Özellikleri
Üstün Çekiş Güvenliği
Omuz bölgesindeki yoğun yanal oluklar sayesinde üstün çekiş ve gelişmiş ıslak frenleme güvenliği sağlar.
Eşit Aşınma
Optimize edilmiş diş profili sayesinde eşit aşınma ve düşük yuvarlanma direnci sağlar.
Islak Zemin Güvenliği
Geniş iç drenaj olukları ve özel geliştirilmiş diş bileşiği ile ıslak yüzeylerde en yüksek güvenlik seviyesini sunar.
Viraj Performansı
Daha dar oluklar ve daha sert dış omuz yapısı ile üstün viraj performansı sağlar.
Güçlü Su Tahliyesi
Dört adet çevresel oluk sayesinde üstün su boşaltma kapasitesi ve güçlü aquaplaning direnci sunar.
Optimum Performans
Özel geliştirilmiş diş bileşiği ile kuru ve ıslak yollarda optimum performans sağlar. Düşük yuvarlanma direnci ve mükemmel aşınma direnci sunar.
Petlas Prime Comfort ile Güvenli Sürüş Deneyimi
Petlas'ın yeni nesil yaz lastiği teknolojisi ile hem konforlu hem de güvenli sürüş deneyimini yaşayın!
// Görsel hover efektleri için ek JavaScript
document.addEventListener('DOMContentLoaded', function() {
const techItems = document.querySelectorAll('.tech-item');
techItems.forEach(item => {
item.addEventListener('mouseenter', function() {
this.style.transform = 'translateY(-8px)';
this.style.boxShadow = '0 15px 30px rgba(0,0,0,0.15)';
});
item.addEventListener('mouseleave', function() {
this.style.transform = 'translateY(0)';
this.style.boxShadow = '0 5px 20px rgba(0,0,0,0.08)';
});
});
});