/* صفحة التواصل المستقلة connect.php */
html:has(.cc-body){background:var(--tq-950)}
.cc-body{min-height:100vh;margin:0;background:radial-gradient(900px 500px at 85% 0,#1BC0C2 0%,transparent 60%) no-repeat,linear-gradient(180deg,var(--tq-700) 0,var(--tq-900) 600px,var(--tq-950) 100%);position:relative;padding:28px 16px calc(28px + env(safe-area-inset-bottom))}
.cc-body::before{content:"";position:absolute;inset:0;background:var(--pattern);opacity:.07;pointer-events:none}
.cc{position:relative;max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:18px}

.cc-head{text-align:center;color:#fff;padding:10px 6px 4px}
.cc-logo{display:inline-grid;place-items:center;width:118px;height:118px;border-radius:50%;background:#fff;margin-bottom:14px;box-shadow:0 0 0 6px rgba(233,206,138,.55),0 20px 40px -14px rgba(0,0,0,.5);overflow:hidden}
.cc-logo .site-logo{height:84px!important;max-width:96px}
.cc-logo .logo-mark{width:84px;height:84px}
.cc-name{color:#fff;font-size:1.75rem;font-weight:900;margin:0;line-height:1.3}
.cc-name-en{color:var(--gold-300);font-weight:700;margin:2px 0 12px;letter-spacing:.02em}
.cc-desc{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:14px 16px;backdrop-filter:blur(6px)}
.cc-desc p{margin:0;color:#D6F0F0;font-size:.95rem;line-height:1.8}
.cc-desc p+p{margin-top:8px;padding-top:8px;border-top:1px dashed rgba(255,255,255,.18);font-size:.9rem;color:#BFE3E3}
.cc-addr{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:12px 0 0;color:#BFE3E3;font-size:.88rem}
.cc-addr .ic{color:var(--gold-300)}
.cc-addr .sep{opacity:.5}

.cc-lines{display:flex;flex-direction:column;gap:12px}
.cc-line{background:#fff;border-radius:22px;padding:16px 16px 14px;box-shadow:0 18px 40px -22px rgba(0,0,0,.6);position:relative;overflow:hidden}
.cc-line::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:5px;background:linear-gradient(var(--tq),var(--gold))}
.cc-sec{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.cc-sec h2{font-size:1.08rem;margin:0;color:var(--ink)}
.cc-sec span{color:var(--muted);font-size:.85rem;font-weight:700}
.cc-num{display:block;font-size:1.3rem;font-weight:800;color:var(--tq-700);margin:4px 0 12px;text-align:right;letter-spacing:.02em}
.cc-btns{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}
.cc-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 8px;border-radius:14px;font-weight:800;font-size:.92rem;color:#fff;transition:transform .2s,filter .2s;min-height:48px}
.cc-btn span{display:flex;flex-direction:column;line-height:1.15;text-align:center}
.cc-btn small{font-size:.7rem;font-weight:600;opacity:.85}
.cc-btn:hover{color:#fff;transform:translateY(-2px);filter:brightness(1.07)}
.b-call{background:linear-gradient(135deg,var(--tq-400),var(--tq-700))}
.b-wa{background:linear-gradient(135deg,#2BD46A,#179C4D)}
.b-tg{background:linear-gradient(135deg,#3BB3F0,#1E88C9)}

.cc-social{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:16px;text-align:center}
.cc-label{color:#fff;font-weight:800;margin:0 0 12px}
.cc-label span{color:var(--gold-300)}
.cc-social-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}
.cc-soc{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 10px;border-radius:14px;background:#fff;color:var(--ink);font-weight:800;font-size:.9rem;transition:transform .2s,box-shadow .2s}
.cc-soc:hover{transform:translateY(-2px);box-shadow:0 12px 24px -12px rgba(0,0,0,.5);color:var(--ink)}
.s-facebook .ic{color:#1877F2}.s-instagram .ic{color:#D6249F}.s-tiktok .ic{color:#111}.s-mail .ic{color:var(--gold-600)}

.cc-home{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:15px;border-radius:999px;background:linear-gradient(135deg,var(--gold-300),var(--gold) 45%,var(--gold-600));color:#fff;font-weight:800;box-shadow:0 14px 30px -12px rgba(174,135,54,.9);transition:transform .2s}
.cc-home:hover{color:#fff;transform:translateY(-2px)}
.cc-home span{opacity:.9}
.cc-copy{text-align:center;color:#8FC4C4;font-size:.8rem;margin:0}

@media (max-width:380px){.cc-btn{font-size:.85rem;gap:5px;padding:8px 4px}.cc-btn .ic{width:16px;height:16px}.cc-name{font-size:1.5rem}}