/* ═══════ الكبوت — تصميم جديد (جريء وملوّن) — طبقة تصميم موحّدة لكل الصفحات ═══════ */
:root{--k-navy:#071C31;--k-navy2:#0B2A47;--k-blue:#0A6BA8;--k-sky:#4DBFF0;--k-sky2:#19A7E6;--k-yel:#FFC21A;--k-org:#FF8A1F;--k-red:#FF4D5E;--k-mint:#22D19A;--k-ink:#0E3A5A;
 --k-g-main:linear-gradient(135deg,#19A7E6,#4DBFF0 60%,#7BE0FF);--k-g-yel:linear-gradient(135deg,#FFD24D,#FFC21A 55%,#FF9F1C);
 --k-sh1:0 2px 4px rgba(7,28,49,.05),0 10px 26px rgba(7,28,49,.09);--k-sh2:0 6px 14px rgba(7,28,49,.08),0 22px 46px rgba(7,28,49,.16)}
html{scroll-behavior:smooth}
body{background:#EAF6FE;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
/* خلفية الصفحة: شبكة ألوان ناعمة بدل اللون المسطّح */
[style*="background:#EEF8FD"][style*="min-height"]{background:
 radial-gradient(900px 500px at 92% 0,rgba(77,191,240,.28),transparent 60%),
 radial-gradient(700px 480px at 0 38%,rgba(255,194,26,.16),transparent 60%),
 radial-gradient(800px 520px at 100% 78%,rgba(25,167,230,.16),transparent 62%),#EAF6FE!important}

/* ── الهيدر ── */
header{background:linear-gradient(120deg,#06182B 0%,#0B2A47 55%,#0A4777 100%)!important;border-bottom:0!important;position:sticky;top:0;z-index:80;
 box-shadow:0 10px 30px rgba(3,15,30,.35);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--k-sky),var(--k-yel),var(--k-org),var(--k-sky));background-size:300% 100%;animation:kHdr 9s linear infinite}
@keyframes kHdr{to{background-position:300% 0}}
header .kbn{background:linear-gradient(90deg,#fff,#BFE9FF);-webkit-background-clip:text;background-clip:text;color:transparent!important;letter-spacing:.3px}
header nav{gap:6px!important}
header nav a{padding:8px 16px;border-radius:999px;transition:background .2s,transform .15s,color .2s;color:#E6F5FF;font-weight:700}
header nav a:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}
header nav a[href="auction.html"]{background:var(--k-g-yel)!important;color:#3a2400!important;box-shadow:0 0 0 0 rgba(255,194,26,.6);animation:kPulse 2.4s infinite}
@keyframes kPulse{0%{box-shadow:0 0 0 0 rgba(255,194,26,.55)}70%{box-shadow:0 0 0 12px rgba(255,194,26,0)}100%{box-shadow:0 0 0 0 rgba(255,194,26,0)}}
header>div:last-child a[href="sell.html"]{background:var(--k-g-main)!important;color:#04283F!important;border-radius:999px!important;padding:0 24px!important;box-shadow:0 8px 20px rgba(25,167,230,.45);transition:transform .15s,box-shadow .2s}
header>div:last-child a[href="sell.html"]:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(25,167,230,.6)}
header button{border-radius:999px!important;border-color:rgba(255,255,255,.35)!important;transition:background .2s}
header button:hover{background:rgba(255,255,255,.12)!important}

/* ── الهيرو ── */
section[style*="linear-gradient(120deg"]{background:
 radial-gradient(520px 320px at 12% 20%,rgba(255,194,26,.30),transparent 65%),
 radial-gradient(640px 380px at 88% 90%,rgba(77,191,240,.45),transparent 62%),
 linear-gradient(125deg,#06182B 0%,#0A3A66 45%,#0A6BA8 100%)!important;position:relative;overflow:visible}
section[style*="linear-gradient(120deg"]::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
 background:repeating-linear-gradient(115deg,transparent 0 38px,rgba(255,255,255,.035) 38px 76px)}
.khero h1{font-weight:900!important;text-shadow:0 6px 28px rgba(0,0,0,.35)}
.khero p:first-child{display:inline-block;background:rgba(255,194,26,.16);border:1px solid rgba(255,194,26,.5);padding:3px 14px;border-radius:999px;font-size:15px!important}
.khero a[href]{border-radius:999px!important;padding:13px 30px!important;font-size:18px;background:var(--k-g-yel)!important;box-shadow:0 12px 28px rgba(255,160,20,.45);transition:transform .15s,box-shadow .2s}
.khero a[href]:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 18px 36px rgba(255,160,20,.6)}
.khero .kfl{border-radius:999px!important;box-shadow:0 8px 20px rgba(0,0,0,.25);font-weight:800}

/* ── الكروت ── */
[style*="background:#fff"][style*="border-radius:16px"],[style*="background:#fff"][style*="border-radius:18px"],[style*="background:#fff"][style*="border-radius:14px"],[style*="background:#fff"][style*="border-radius:20px"],[style*="background:#fff"][style*="border-radius:22px"]{
 border-radius:22px!important;box-shadow:var(--k-sh1)!important;border:1px solid rgba(77,191,240,.18)!important}
a[href^="car.html"],a[href^="auction-details.html"],article{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s!important}
a[href^="car.html"]:hover,a[href^="auction-details.html"]:hover,article:hover{transform:translateY(-6px)!important;box-shadow:var(--k-sh2)!important}
a[href^="car.html"] img,a[href^="auction-details.html"] img,article img{transition:transform .5s ease}
a[href^="car.html"]:hover img,a[href^="auction-details.html"]:hover img,article:hover img{transform:scale(1.06)}
a[href^="car.html"],a[href^="auction-details.html"]{overflow:hidden}
/* كروت المميزات (الأول: أزرق) */
[style*="background:#CDEBFA"]{background:linear-gradient(145deg,#D9F1FF,#B9E4FB)!important;border:1px solid rgba(25,167,230,.3)!important;box-shadow:var(--k-sh1)}
[style*="background:#FFF6DA"],[style*="background:#FFF3C4"]{background:linear-gradient(145deg,#FFF6D6,#FFE9A8)!important;border-color:rgba(255,194,26,.5)!important}

/* ── الأزرار ── */
button[style*="background:#4DBFF0"],a[style*="background:#4DBFF0"],[style*="background:#4DBFF0"][style*="border-radius:10px"]{background:var(--k-g-main)!important;color:#04283F!important;font-weight:800!important;box-shadow:0 8px 20px rgba(25,167,230,.35);transition:transform .15s,box-shadow .2s}
button[style*="background:#4DBFF0"]:hover,a[style*="background:#4DBFF0"]:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(25,167,230,.5)}
button[style*="background:#FFC21A"],a[style*="background:#FFC21A"]{background:var(--k-g-yel)!important;box-shadow:0 8px 20px rgba(255,160,20,.35);transition:transform .15s,box-shadow .2s}
button[style*="background:#FFC21A"]:hover,a[style*="background:#FFC21A"]:hover{transform:translateY(-2px)}
button[style*="background:#0B2A47"],a[style*="background:#0B2A47"]{background:linear-gradient(135deg,#0B2A47,#0A4777)!important;box-shadow:0 8px 18px rgba(7,28,49,.35)}
button[style*="background:#E04848"],a[style*="background:#E04848"]{background:linear-gradient(135deg,#FF6B6B,#E04848)!important}

/* ── الحقول ── */
input[style*="border:1px solid"],select[style*="border:1px solid"],textarea[style*="border:1px solid"]{border-radius:14px!important;border-color:#CFE3F1!important;transition:border-color .2s,box-shadow .2s}
input[style*="border:1px solid"]:focus,select[style*="border:1px solid"]:focus,textarea[style*="border:1px solid"]:focus{border-color:var(--k-sky2)!important;box-shadow:0 0 0 4px rgba(25,167,230,.18)!important;outline:none!important}
div:has(>input[style*="border:0"]):focus-within{border-color:var(--k-sky2)!important;box-shadow:0 0 0 4px rgba(25,167,230,.18)}
input[type=radio]:checked+*,label:has(input:checked){}

/* ── العناوين ── */
main h2,section h2,[style*="min-height"] h2{position:relative;font-weight:900;letter-spacing:.2px}
h2::after{content:"";display:block;width:46px;height:5px;margin-top:8px;border-radius:5px;background:linear-gradient(90deg,var(--k-yel),var(--k-org))}
[style*="text-align:center"] h2::after,h2[style*="text-align:center"]::after{margin-inline:auto}

/* ── الفوتر ── */
footer{background:linear-gradient(130deg,#06182B,#0B2A47 60%,#0A4777)!important;border-top:3px solid transparent!important;border-image:linear-gradient(90deg,var(--k-sky),var(--k-yel),var(--k-org)) 1!important}

/* ── حركة دخول الأقسام ── */
@media (prefers-reduced-motion:no-preference){section,article{animation:kIn .6s ease both}@keyframes kIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}

/* ── موبايل ── */
@media (max-width:760px){
 header{padding:12px 4% 12px!important;gap:8px 10px!important}
 header>.khl{order:1}
 header>div:last-child{order:2;margin-inline-start:auto;flex-wrap:nowrap!important;gap:8px!important}
 header>div:last-child a,header>div:last-child button{min-height:38px!important;padding:0 14px!important;font-size:14px!important}
 header nav{order:3;width:100%;overflow-x:auto;flex-wrap:nowrap!important;padding-bottom:2px;scrollbar-width:none}
 header nav::-webkit-scrollbar{display:none}
 header nav a{flex:0 0 auto;padding:7px 14px}
}

/* ── بانر عنوان الصفحات الداخلية: جريء وداكن ── */
section[style*="background:#CDEBFA"]{background:
 radial-gradient(420px 260px at 10% 10%,rgba(255,194,26,.30),transparent 65%),
 radial-gradient(520px 320px at 92% 100%,rgba(77,191,240,.45),transparent 62%),
 linear-gradient(125deg,#06182B 0%,#0A3A66 50%,#0A6BA8 100%)!important;color:#fff!important;border:0!important;border-radius:0 0 34px 34px!important;box-shadow:0 18px 40px rgba(7,28,49,.25)!important;position:relative;overflow:hidden}
section[style*="background:#CDEBFA"]::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(115deg,transparent 0 38px,rgba(255,255,255,.035) 38px 76px)}
section[style*="background:#CDEBFA"]>*{position:relative}
section[style*="background:#CDEBFA"] h1,section[style*="background:#CDEBFA"] h2{color:#fff!important;font-weight:900!important;text-shadow:0 6px 24px rgba(0,0,0,.3)}
section[style*="background:#CDEBFA"] h1::after{content:"";display:block;width:64px;height:6px;margin-top:12px;border-radius:6px;background:linear-gradient(90deg,var(--k-yel),var(--k-org))}
section[style*="background:#CDEBFA"] p{color:rgba(255,255,255,.88)!important}
section[style*="background:#CDEBFA"] strong{color:#FFD24D}
section[style*="background:#CDEBFA"] h2::after{display:none}
