/*
Theme Name: Link Car - Red Black White
Theme URI: https://linkcar.sa/
Author: Link Car
Description: تصميم عربي RTL احترافي لشركة لينك كار لخدمات تظليل وحماية السيارات.
Version: 1.0.0
Text Domain: linkcar
*/
:root{
  --red:#e60012;
  --red2:#b4000d;
  --black:#050505;
  --black2:#101010;
  --white:#fff;
  --muted:#b8b8b8;
  --line:#242424;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#050505;color:#fff;font-family:Tahoma,Arial,sans-serif;line-height:1.8}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
.container{width:min(var(--max),92%);margin:auto}
.site-header{position:sticky;top:0;z-index:99;background:rgba(5,5,5,.94);backdrop-filter:blur(10px);border-bottom:1px solid #222}
.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:25px}
.brand-mark{width:46px;height:46px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;position:relative;overflow:hidden}
.brand-mark:after{content:"";position:absolute;width:58px;height:10px;background:var(--red);transform:rotate(-48deg);border-radius:20px}
.brand-mark span{position:relative;z-index:2;font-size:19px}
.brand b{color:var(--red)}
.menu{display:flex;gap:25px;align-items:center;font-size:15px}
.menu a{color:#ddd;transition:.2s}
.menu a:hover{color:var(--red)}
.cta{background:var(--red);padding:10px 18px;border-radius:7px;font-weight:800}
.hero{position:relative;overflow:hidden;min-height:690px;display:flex;align-items:center;background:
 radial-gradient(circle at 75% 45%,rgba(230,0,18,.28),transparent 28%),
 linear-gradient(115deg,#050505 40%,#110000 100%)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.1),rgba(0,0,0,.65))}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}
.hero-copy{padding:55px 0}
.kicker{color:var(--red);font-weight:900;letter-spacing:1px}
.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.08;margin:12px 0}
.hero h1 span{color:var(--red)}
.hero p{font-size:19px;color:#ddd;max-width:620px}
.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}
.btn{display:inline-block;padding:13px 23px;border-radius:7px;font-weight:800;border:1px solid #444}
.btn-red{background:var(--red);border-color:var(--red)}
.btn-outline{background:transparent}
.car-art{min-height:440px;display:grid;place-items:center;position:relative}
.car-art .glow{position:absolute;width:380px;height:380px;border-radius:50%;background:rgba(230,0,18,.18);filter:blur(30px)}
.car{position:relative;width:min(540px,100%);height:220px;background:linear-gradient(160deg,#202020,#020202);border-radius:55% 45% 18% 18%/65% 60% 25% 25%;border:2px solid #333;box-shadow:0 30px 50px rgba(0,0,0,.7)}
.car:before{content:"";position:absolute;left:18%;top:-60px;width:55%;height:105px;background:linear-gradient(140deg,#222,#050505);clip-path:polygon(18% 100%,35% 0,78% 0,100% 100%);border:2px solid #333}
.car:after{content:"";position:absolute;left:5%;right:5%;bottom:28px;height:9px;background:var(--red);box-shadow:0 0 18px var(--red)}
.wheel{position:absolute;bottom:-28px;width:70px;height:70px;background:#090909;border:12px solid #333;border-radius:50%;box-shadow:inset 0 0 0 7px #111}
.w1{left:16%}.w2{right:16%}
.section{padding:85px 0}
.section-title{text-align:center;margin-bottom:45px}
.section-title .kicker{display:block}
.section-title h2{font-size:38px;margin:5px 0}
.section-title p{color:#aaa;margin:auto;max-width:680px}
.services{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:#0e0e0e;border:1px solid #242424;border-radius:14px;padding:27px;transition:.25s}
.card:hover{transform:translateY(-6px);border-color:var(--red)}
.icon{width:52px;height:52px;border-radius:10px;background:rgba(230,0,18,.12);color:var(--red);display:grid;place-items:center;font-size:24px;margin-bottom:18px}
.card h3{margin:0 0 8px;font-size:21px}
.card p{color:#aaa;margin:0}
.about{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}
.about-box{background:linear-gradient(145deg,#151515,#090909);border:1px solid #292929;border-radius:18px;padding:35px}
.about h2{font-size:42px;margin:0 0 15px}
.about p{color:#bbb}
.points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}
.point{padding:14px;border-right:3px solid var(--red);background:#0d0d0d}
.contact{background:linear-gradient(120deg,#0b0b0b,#160000);border-top:1px solid #222;border-bottom:1px solid #222}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.contact-item{padding:22px;border:1px solid #2a2a2a;border-radius:12px;background:#0a0a0a}
.contact-item small{color:#999}
.contact-item strong{display:block;font-size:20px;margin-top:4px}
.footer{padding:35px 0;color:#999;text-align:center;border-top:1px solid #222}
.footer b{color:#fff}
@media(max-width:900px){
 .hero-inner,.about,.contact-grid{grid-template-columns:1fr}
 .hero{min-height:auto}
 .car-art{min-height:300px;order:-1}
 .services{grid-template-columns:1fr 1fr}
 .menu{display:none}
}
@media(max-width:560px){
 .services{grid-template-columns:1fr}
 .points{grid-template-columns:1fr}
 .hero h1{font-size:44px}
 .hero p{font-size:16px}
 .nav{min-height:68px}
}