-->
/* بسيط، قابل للتعديل. ضع هذا الملف في نفس المجلد مع صفحات HTML */
:root{--bg:#fff0f6;--pink:#f6c6d1;--accent:#9b3b6a;--muted:#f9eaf0}
*{box-sizing:border-box;font-family: 'Tajawal', Cairo, sans-serif}
body{margin:0;background:var(--bg);color:#333}
.container{max-width:960px;margin:0 auto;padding:20px}
.site-header{background:linear-gradient(90deg,var(--pink),#ffeef6);padding:12px 0;border-bottom:1px solid #ffdfe9}
.logo{font-size:24px;font-weight:700;color:var(--accent)}
.logo .brand{color:#b33b79}
.main-nav{display:flex;gap:12px;justify-content:flex-start;margin-top:6px}
.main-nav a{color:var(--accent);text-decoration:none;padding:6px 8px;border-radius:8px}
.hero{text-align:center;padding:30px 10px}
.hero h1{font-size:36px;color:var(--accent);margin:6px 0}
.lead{color:#6b5160}
.cta{display:inline-block;margin-top:12px;padding:10px 18px;background:var(--accent);color:#fff;border-radius:12px;text-decoration:none}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:18px}
.card{background:#fff;border-radius:12px;padding:18px;box-shadow:0 4px 12px rgba(0,0,0,0.04)}
.ad{background:var(--muted);padding:18px;border-radius:12px;text-align:center;margin:16px 0}
.ad-top{margin:14px 0}
.ad-inline{margin:24px 0}
.sidebar{position:fixed;right:10px;top:120px;width:220px}
.widget{background:#fff;padding:12px;border-radius:10px;margin-top:10px}
.site-footer{background:#ffeef6;padding:20px;margin-top:40px;border-top:1px solid #ffdfe9}
.content{padding:20px;background:rgba(255,255,255,0.6);border-radius:12px;margin:20px 0}
.contact-form label{display:block;margin-bottom:10px}
.contact-form input,.contact-form textarea{width:100%;padding:10px;border-radius:8px;border:1px solid #efcfe0}
.contact-form button{padding:10px 16px;border-radius:10px;border:none;background:var(--accent);color:#fff}
@media(max-width:900px){.sidebar{display:none}.main-nav{flex-wrap:wrap}}