🚚 شحن سريع | 🔒 دفع آمن | 🔧 تركيب احترافي | ☎ خدمة العملاء

أفضل الكفرات والجنوط لسيارتك

جودة عالية - ضمان - تركيب احترافي

أقسام المتجر

🛞

الكفرات

كفرات رياضية و SUV

⚙️

الجنوط

جنوط فاخرة ورياضية

🔧

الخدمات

تركيب وترصيص

ابحث حسب سيارتك

منتجات مميزة

كفر رياضي Premium

225 / 55 / R17

799 ريال

جنط رياضي أسود

18 إنش

1999 ريال

حاسبة مقاس الكفر

أفضل العلامات

MICHELIN
PIRELLI
BRIDGESTONE
CONTINENTAL

آراء العملاء

⭐⭐⭐⭐⭐

خدمة ممتازة وتركيب سريع

⭐⭐⭐⭐⭐

أفضل متجر للكفرات

احجز موعد تركيب

واتساب /* =================================== AUTO PREMIUM STORE V2 Black + Metallic + Racing Red =================================== */ :root{ --red:#E10600; --red-dark:#850000; --black:#050505; --dark:#111; --card:#1b1b1b; --silver:#cfcfcf; --white:#fff; } /* Reset */ *{ box-sizing:border-box; font-family:Tajawal,Arial,sans-serif; } body{ margin:0; background: linear-gradient( 135deg, #050505, #181818, #3b3b3b ); color:white; } /* =================================== TOP BAR =================================== */ .top-bar{ background:#000; color:#ccc; text-align:center; padding:12px; font-size:14px; border-bottom: 1px solid #333; } /* =================================== HEADER =================================== */ .header{ background: linear-gradient( 135deg, #050505, #222 ); display:flex; align-items:center; gap:25px; padding:20px 40px; border-bottom: 3px solid var(--red); } .logo{ font-size:35px; font-weight:900; color:white; } .logo span{ color:var(--red); } .search-box{ flex:1; } .search-box input{ width:100%; padding:15px 25px; border-radius:40px; background:#111; border: 1px solid #555; color:white; font-size:16px; } .header-tools{ display:flex; gap:10px; } .header-tools button, .main-btn, .product button, .booking button, .calculator button{ background: linear-gradient( 135deg, var(--red), var(--red-dark) ); color:white; border:0; padding:13px 25px; border-radius:30px; cursor:pointer; font-weight:bold; } .header-tools button:hover, button:hover{ transform:translateY(-3px); } /* =================================== MENU =================================== */ .menu{ background:#111; display:flex; justify-content:center; gap:30px; padding:18px; } .menu a{ color:#ddd; text-decoration:none; font-weight:bold; transition:.3s; } .menu a:hover{ color:var(--red); } /* =================================== HERO =================================== */ .hero{ height:450px; display:flex; align-items:center; justify-content:center; text-align:center; background: linear-gradient( rgba(0,0,0,.65), rgba(0,0,0,.85) ), url("car.jpg"); background-size:cover; background-position:center; } .hero h1{ font-size:45px; color:white; } .hero p{ color:#ccc; font-size:22px; } /* =================================== SECTIONS =================================== */ section{ padding:50px 30px; } section h2{ text-align:center; color:var(--red); font-size:35px; margin-bottom:35px; } /* =================================== CATEGORIES =================================== */ .categories, .products, .brands, .reviews{ display:grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap:25px; } .category, .product, .reviews div, .brands div{ background: linear-gradient( 145deg, #111, #292929 ); padding:30px; border-radius:20px; border: 1px solid #333; text-align:center; transition:.4s; } .category:hover, .product:hover{ transform:translateY(-10px); border-color:var(--red); box-shadow: 0 20px 40px rgba(225,6,0,.25); } .category{ font-size:40px; } .category h3{ color:var(--red); font-size:25px; } /* =================================== CAR SEARCH =================================== */ .car-search{ background:#111; } .form-box{ display:flex; justify-content:center; gap:15px; flex-wrap:wrap; } .form-box select{ padding:15px; background:#050505; border:1px solid #555; color:white; border-radius:10px; } /* =================================== PRODUCTS =================================== */ .product img{ width:100%; height:230px; object-fit:cover; border-radius:15px; } .product h3{ color:white; } .product p{ color:#bbb; } .product strong{ display:block; font-size:25px; color:var(--red); margin:15px; } /* =================================== CALCULATOR =================================== */ .calculator{ text-align:center; background:#151515; } .calculator input{ padding:15px; background:#000; border:1px solid #555; color:white; border-radius:10px; } /* =================================== BRANDS =================================== */ .brands div{ color:var(--silver); font-size:25px; font-weight:bold; } /* =================================== BOOKING =================================== */ .booking{ display:flex; flex-direction:column; align-items:center; gap:15px; } .booking input, .booking select{ width:350px; padding:15px; background:#111; border:1px solid #555; color:white; border-radius:10px; } /* =================================== FOOTER =================================== */ footer{ background: linear-gradient( 135deg, #222, #000 ); border-top: 3px solid var(--red); padding:50px; text-align:center; } footer h3{ color:var(--red); } /* =================================== WHATSAPP =================================== */ .whatsapp{ position:fixed; bottom:25px; right:25px; background:#25D366; color:white; padding:15px 25px; border-radius:40px; text-decoration:none; font-weight:bold; } /* =================================== MOBILE =================================== */ @media(max-width:768px){ .header{ flex-wrap:wrap; padding:20px; } .logo{ width:100%; text-align:center; } .menu{ flex-wrap:wrap; } .hero h1{ font-size:30px; } .form-box select{ width:100%; } .booking input, .booking select{ width:100%; } section{ padding:30px 15px; } } /* =================================== AUTO PREMIUM STORE V2 JavaScript =================================== */ /* =================================== Tire Size Calculator =================================== */ function calculateTire(){ let input = document.querySelector(".calculator input").value; let result = document.getElementById("result"); if(input.trim()===""){ result.innerHTML= "⚠️ الرجاء إدخال مقاس الكفر"; return; } result.innerHTML= "✅ المقاس مناسب، سيتم تحليل الفرق عند اختيار المقاس الجديد"; } /* =================================== Product Reveal Animation =================================== */ const products = document.querySelectorAll( ".product,.category,.reviews div" ); const observer = new IntersectionObserver((items)=>{ items.forEach(item=>{ if(item.isIntersecting){ item.target.style.opacity="1"; item.target.style.transform= "translateY(0)"; } }); }); products.forEach(item=>{ item.style.opacity="0"; item.style.transform= "translateY(40px)"; item.style.transition= "0.6s ease"; observer.observe(item); }); /* =================================== Back To Top Button =================================== */ let backButton = document.createElement("button"); backButton.innerHTML="↑"; backButton.className= "back-top"; document.body.appendChild(backButton); backButton.style.cssText=` position:fixed; bottom:25px; left:25px; width:50px; height:50px; border-radius:50%; border:none; background:#E10600; color:white; font-size:25px; cursor:pointer; display:none; z-index:9999; `; window.addEventListener( "scroll", ()=>{ if(window.scrollY>400){ backButton.style.display="block"; }else{ backButton.style.display="none"; } }); backButton.onclick=()=>{ window.scrollTo({ top:0, behavior:"smooth" }); }; /* =================================== WhatsApp Smart Button =================================== */ const whatsapp = document.querySelector(".whatsapp"); if(whatsapp){ whatsapp.href= "https://wa.me/?text="+ encodeURIComponent( "السلام عليكم، أريد الاستفسار عن منتجات السيارات والكفرات" ); whatsapp.target="_blank"; } /* =================================== Offer Countdown =================================== */ let offerTime = 24*60*60; function countdown(){ if(offerTime<=0){ offerTime= 24*60*60; } let hours = Math.floor( offerTime/3600 ); let minutes = Math.floor( (offerTime%3600)/60 ); let seconds = offerTime%60; let counter = document.getElementById( "offer-counter" ); if(counter){ counter.innerHTML= ` 🔥 العرض ينتهي خلال ${hours} : ${minutes} : ${seconds} `; } offerTime--; } setInterval( countdown, 1000 ); /* =================================== Smooth Menu Scroll =================================== */ document .querySelectorAll(".menu a") .forEach(link=>{ link.addEventListener( "click", function(e){ let text=this.innerText; console.log( "فتح قسم:", text ); }); }); /* =================================== Product Button Message =================================== */ document .querySelectorAll(".product button") .forEach(btn=>{ btn.addEventListener( "click", ()=>{ alert( "تمت إضافة المنتج إلى السلة 🛒" ); }); }); /* =================================== Tire Finder - Custom CSS Luxury Car Theme Black + Green + Blue =================================== */ :root{ --main:#009E69; --second:#00849E; --blue:#00359E; --dark:#0b0b0b; --card:#171717; } /* صندوق البحث */ .tire-finder{ background: linear-gradient( 135deg, #050505, #1c1c1c, #00359E ) !important; padding:35px !important; border-radius:25px !important; box-shadow: 0 20px 50px rgba(0,0,0,.5); direction:rtl; } /* العنوان */ .finder-title h2{ color:#00FFCF !important; text-align:center; font-size:30px; font-weight:800; } .finder-title p{ color:#ddd !important; text-align:center; } /* حاوية الاختيارات */ .finder-box{ display:grid; grid-template-columns: repeat(5,1fr); gap:15px; align-items:end; } /* العناوين */ .field label{ color:#00FFCF !important; font-weight:bold; display:block; margin-bottom:8px; } /* القوائم */ .field select{ width:100%; height:50px; background:#111 !important; color:#fff !important; border: 1px solid #009E69 !important; border-radius:12px !important; padding:10px; font-size:15px; } /* زر البحث */ .search-btn{ height:50px; border-radius:30px !important; border:none !important; background: linear-gradient( 135deg, #009E69, #00359E ) !important; color:#fff !important; font-weight:bold; font-size:16px; cursor:pointer; transition:.3s; } .search-btn:hover{ background:#00FFCF !important; color:#000 !important; transform:translateY(-3px); } /* تأثير عند التركيز */ .field select:focus{ border-color:#00FFCF !important; box-shadow: 0 0 15px rgba(0,255,207,.4); } /* الجوال */ @media(max-width:768px){ .tire-finder{ padding:20px !important; } .finder-box{ grid-template-columns:1fr; } .finder-title h2{ font-size:22px; } .search-btn{ width:100%; } } /* الشاشات المتوسطة */ @media(min-width:769px) and (max-width:1100px){ .finder-box{ grid-template-columns: repeat(3,1fr); } } /* تحسين مظهر سلة */ .s-block{ overflow:hidden; } select option{ background:#171717; color:#fff; }

البحث الذكي

ابحث عن الكفرات أو الجنوط المناسبة لسيارتك

/* ========================================== Auto Fill Tire Size From Vehicle ========================================== */ const vehicleSearchBtn = document.getElementById("vehicleSearchBtn"); vehicleSearchBtn.addEventListener("click",()=>{ const brand = carBrand.value; const model = carModel.value; const year = carYear.value; const trim = carTrim.value; if(!brand || !model || !year || !trim){ alert("اختر بيانات السيارة كاملة"); return; } const size = vehicles [brand] [model] [year] [trim]; if(!size){ alert("لا يوجد مقاس مسجل لهذه السيارة"); return; } /* تحليل المقاس مثال: 265/65R18 */ const result = size.match( /(\d+)\/(\d+)R(\d+)/ ); if(!result){ alert("صيغة المقاس غير صحيحة"); return; } const width = result[1]; const profile = result[2]; const rim = result[3]; /* تعبئة العرض */ widthSelect.value = width; /* تحديث الارتفاعات */ loadProfiles(width); /* اختيار الارتفاع */ profileSelect.value = profile; /* تحديث الجنوط */ loadRims( width, profile ); /* اختيار الجنط */ rimSelect.value = rim; /* انتقال للكفرات */ document.querySelector( 'input[value="tires"]' ).checked=true; tireForm.style.display="grid"; wheelForm.style.display="none"; alert( `تم اختيار المقاس المناسب: ${size}` ); });

ابحث عن الكفر المناسب

اختر الماركة والمقاس للحصول على الكفر المناسب لسيارتك

...

أو ابحث حسب السيارة

/* =================================== Automotive Luxury Theme Tires & Wheels Store =================================== */ :root{ --primary:#009E69; --secondary:#00849E; --dark:#0b0b0b; --gray:#242424; } /* الخلفية العامة */ body{ background: linear-gradient( 135deg, #0b0b0b, #242424, #3a3a3a ) !important; } /* الهيدر */ header, .main-header, .navbar, .store-header{ background: linear-gradient( 135deg, #111, #292929 ) !important; border-bottom:1px solid rgba(0,158,105,.3); } /* الكروت والمنتجات */ .product-card, .product, .card{ background: linear-gradient( 145deg, #171717, #252525 ) !important; border-radius:18px !important; border:1px solid rgba(0,158,105,.25); } /* العناوين */ h1, h2, h3, h4{ color:#009E69 !important; } /* الأسعار */ .price{ color:#00849E !important; font-weight:800; } /* الأزرار */ button, .btn, .btn-primary{ background: linear-gradient( 135deg, #009E69, #00359E ) !important; color:#fff !important; border-radius:30px !important; } /* عند المرور */ button:hover, .btn:hover{ background:#00849E !important; } /* الحقول */ input, select, textarea{ background:#171717 !important; color:#009E69 !important; border:1px solid #00849E !important; border-radius:12px !important; } /* الفوتر */ footer, .footer{ background: linear-gradient( 135deg, #242424, #111 ) !important; }