{
“@context”: “https://schema.org”,
“@type”: “CollectionPage”,
“name”: “ردیاب خودرو دلتا جی پی اس”,
“description”: “ردیاب خودرو دلتا جی پی اس با قیمت ارزان – بهترین دزدگیر ماهواره‌ای برای ماشین‌های ایرانی و خارجی”,
“keywords”: “ردیاب, ردیاب خودرو, ردیاب ماشین, دزدگیر خودرو, دزدگیر ماشین, جی پی اس خودرو, جی پی اس ماشین, دزدگیر سیمکارتی, دزدگیر ماهواره ای خودرو, دزدگیر ماهواره ای ماشین, بهترین ردیاب خودرو, بهترین ردیاب ماشین, بهترین جی پی اس خودرو, بهترین جی پی اس ماشین, بهترین دزدگیر خودرو, بهترین دزدگیر ماشین”
}

:root {
–primary: #1a5f7a;
–secondary: #28a745;
–accent: #ff6b35;
–light: #f8f9fa;
–dark: #2c3e50;
–shadow: 0 4px 12px rgba(0,0,0,0.1);
}

* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: ‘Vazir’, ‘Segoe UI’, Tahoma, sans-serif;
}

body {
background-color: #f5f7fa;
color: #333;
line-height: 1.8;
direction: rtl;
}

.category-container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}

.category-header {
background: linear-gradient(135deg, var(–primary), #0d4054);
color: white;
padding: 40px 30px;
border-radius: 12px;
margin-bottom: 30px;
text-align: center;
box-shadow: var(–shadow);
}

.category-header h1 {
font-size: 2.2rem;
margin-bottom: 15px;
line-height: 1.4;
}

.category-header p {
font-size: 1.2rem;
opacity: 0.9;
max-width: 800px;
margin: 0 auto;
}

.keywords-highlight {
background: rgba(255,255,255,0.2);
padding: 15px;
border-radius: 8px;
margin-top: 20px;
display: inline-block;
}

.content-section {
background: white;
border-radius: 12px;
padding: 30px;
margin-bottom: 30px;
box-shadow: var(–shadow);
}

.content-section h2 {
color: var(–primary);
border-right: 4px solid var(–accent);
padding-right: 15px;
margin-bottom: 20px;
font-size: 1.8rem;
}

.features-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 20px;
margin: 25px 0;
}

.feature-card {
background: var(–light);
border-radius: 10px;
padding: 20px;
text-align: center;
transition: transform 0.3s, box-shadow 0.3s;
border: 1px solid #e9ecef;
}

.feature-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.feature-icon {
font-size: 2.5rem;
margin-bottom: 15px;
display: block;
}

.feature-card h3 {
color: var(–primary);
margin-bottom: 10px;
}

.car-models {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 20px 0;
}

.car-model {
background: var(–light);
padding: 8px 15px;
border-radius: 20px;
font-size: 0.9rem;
border: 1px solid #dee2e6;
}

.comparison-table {
width: 100%;
border-collapse: collapse;
margin: 25px 0;
box-shadow: 0 0 10px rgba(0,0,0,0.05);
border-radius: 8px;
overflow: hidden;
}

.comparison-table th {
background-color: var(–primary);
color: white;
padding: 15px;
text-align: right;
}

.comparison-table td {
padding: 12px 15px;
border-bottom: 1px solid #e9ecef;
}

.comparison-table tr:nth-child(even) {
background-color: #f8f9fa;
}

.comparison-table tr:last-child td {
border-bottom: none;
}

.check-mark {
color: var(–secondary);
font-weight: bold;
}

.cross-mark {
color: #dc3545;
}

.faq-container {
margin-top: 20px;
}

.faq-item {
border: 1px solid #e9ecef;
border-radius: 8px;
margin-bottom: 15px;
overflow: hidden;
}

.faq-question {
padding: 18px 20px;
background: var(–light);
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 600;
}

.faq-answer {
padding: 0 20px;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s, padding 0.3s;
}

.faq-item.active .faq-answer {
padding: 20px;
max-height: 500px;
}

.faq-item.active .faq-toggle {
transform: rotate(180deg);
}

.faq-toggle {
transition: transform 0.3s;
}

.cta-section {
background: linear-gradient(135deg, var(–secondary), #1e7e34);
color: white;
padding: 40px;
border-radius: 12px;
text-align: center;
margin-top: 30px;
}

.cta-section h2 {
color: white;
border: none;
margin-bottom: 20px;
}

.cta-button {
display: inline-block;
background: white;
color: var(–secondary);
padding: 15px 35px;
border-radius: 50px;
text-decoration: none;
font-weight: bold;
font-size: 1.1rem;
margin: 10px;
transition: all 0.3s;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.cta-button:hover {
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

@media (max-width: 768px) {
.category-header h1 {
font-size: 1.8rem;
}

.features-grid {
grid-template-columns: 1fr;
}

.content-section {
padding: 20px;
}

.comparison-table {
font-size: 0.9rem;
}

.comparison-table th,
.comparison-table td {
padding: 10px;
}
}

// اسکریپت برای بخش سوالات متداول
document.querySelectorAll(‘.faq-question’).forEach(question => {
question.addEventListener(‘click’, () => {
const item = question.parentElement;
item.classList.toggle(‘active’);
});
});

// اسکریپت برای اسکرول نرم
document.querySelectorAll(‘a[href^=”#”]’).forEach(anchor => {
anchor.addEventListener(‘click’, function (e) {
e.preventDefault();
const target = document.querySelector(this.getAttribute(‘href’));
if (target) {
target.scrollIntoView({
behavior: ‘smooth’,
block: ‘start’
});
}
});
});