/* قسم عملاء خبير — كل التنسيقات تحت .khc فقط ولا تؤثر على بقية الموقع */
.khc{--khc-navy:#274654;--khc-gold:#FCBF14;--khc-gold-d:#d9a200;--khc-line:#dde4e7;--khc-mute:#5f7379;--khc-cols:7;
 position:relative;padding:88px 0;background:#fff;color:var(--khc-navy);font-family:inherit;line-height:1.6;isolation:isolate}
.khc *,.khc *:before,.khc *:after{box-sizing:border-box}
.khc:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(39,70,84,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(39,70,84,.05) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent)}
.khc-wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.khc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:32px}
.khc-eb{display:flex;align-items:center;gap:12px;margin:0 0 8px;color:var(--khc-gold-d);font-weight:800;font-size:.95rem}
.khc-eb:after{content:"";width:46px;height:2px;background:var(--khc-gold)}
.khc h2{margin:0 0 10px;font-size:clamp(1.8rem,3.4vw,2.6rem);font-weight:900;line-height:1.25;color:var(--khc-navy)}
.khc-lead{margin:0;max-width:560px;color:var(--khc-mute);font-size:1.02rem}
.khc-tabs{display:flex;gap:6px;padding:6px;background:#f2f4f5;border:1px solid var(--khc-line);border-radius:12px}
.khc-tab{border:0;background:transparent;color:var(--khc-navy);font:inherit;font-weight:800;font-size:.95rem;padding:10px 18px;border-radius:8px;cursor:pointer;transition:background .25s,color .25s;white-space:nowrap}
.khc-tab span{font-size:.8rem;opacity:.65;margin-inline-start:4px}
.khc-tab:hover{background:#fff}.khc-tab[aria-selected=true]{background:var(--khc-navy);color:#fff}
.khc-grid{display:grid;grid-template-columns:repeat(var(--khc-cols),minmax(0,1fr));border:1px solid var(--khc-line);border-radius:14px;overflow:hidden;background:#fff;animation:khcIn .45s both}
.khc-grid[hidden]{display:none}
@keyframes khcIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.khc-logo{position:relative;aspect-ratio:7/5;display:flex;align-items:center;justify-content:center;padding:14px;box-shadow:1px 0 0 var(--khc-line),0 1px 0 var(--khc-line),1px 1px 0 var(--khc-line);transition:background .25s;min-width:0;overflow:hidden}
.khc-logo:after{content:"";position:absolute;bottom:14px;width:18px;height:2px;background:var(--khc-gold);opacity:.6;transition:width .25s}
.khc-logo img{display:block;width:auto;height:auto;max-width:82%;max-height:64px;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}
.khc-logo:hover{background:#fbfcfc}.khc-logo:hover img{transform:scale(1.06)}.khc-logo:hover:after{width:40px}
@media (max-width:1100px){.khc{--khc-cols:5}}
@media (max-width:760px){.khc{--khc-cols:3;padding:64px 0}.khc-tabs{width:100%;flex-wrap:wrap}.khc-tab{flex:1 1 auto;padding:10px 12px;font-size:.88rem}.khc-logo img{max-height:46px}}
@media (max-width:420px){.khc-logo{padding:8px}.khc-logo img{max-width:88%;max-height:40px}}
@media (prefers-reduced-motion:reduce){.khc-grid,.khc-logo img{animation:none;transition:none}}