:root {
  --primary: #007BFF;
  --primary-dark: #0056b3;
  --accent: #FFC107;
  --light: #f9f9f9;
  --dark: #333;
  --shadow: 0 4px 12px rgba(0,0,0,0.1);
  --shadow-hover: 0 8px 20px rgba(0,0,0,0.15);
  --border-radius: 12px;
  --transition: 0.3s;
}
* {box-sizing:border-box;margin:0;padding:0;}
body {background:#f4f4f4;color:var(--dark);line-height:1.6;}
a {text-decoration:none;color:inherit;}
h1,h2,h3,h4 {margin-bottom:15px;}
.ul {padding-right:20px;margin-bottom:15px;}
.li {margin-bottom:10px;position:relative;}
.li::before {content:"•"; color:var(--accent); font-weight:bold; display:inline-block; width:1em; margin-right:-1em; margin-left:10px;}

.navbar {max-width:1200px;margin:0 auto;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;}

/* هدر */
header {
    background-color: white;
    box-shadow: var(--shadow);
    position: fixed;
    top: 0px;
    z-index: 100;
    left: 0px;
    width: 100%;
}

.navbar2 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    font-size: 24px;
    font-weight: bold;
    color: var(--primary-color);
    display: flex;
    align-items: center;
    gap: 10px;
}

.logo i {
    font-size: 28px;
}

nav ul {
    display: flex;
    list-style: none;
    gap: 25px;
}

nav a {
    text-decoration: none;
    color: var(--dark-color);
    font-weight: 500;
    transition: color 0.3s;
}

nav a:hover {
    color: var(--primary-color);
}


.terms-hero {margin-top: 50px; background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:white;padding:60px 20px;text-align:center;}
.terms-hero h1 {font-size:2.5rem;margin-bottom:15px;}
.terms-hero span {color:var(--accent);}
.terms-hero p {opacity:0.9;max-width:700px;margin:0 auto 30px;}

.terms-nav {display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:40px;}
.terms-nav a {padding:8px 15px;background:white;border-radius:var(--border-radius);box-shadow:var(--shadow);transition:var(--transition);}
.terms-nav a.active {background:var(--primary);color:white;font-weight:600;}
.terms-nav a:hover {background:var(--primary);color:white;}

.terms-container {max-width:1200px;margin:0 auto;display:flex;gap:30px;padding:20px;}
.terms-sidebar {flex:0 0 250px;position:sticky;top:120px;align-self:flex-start;}
.sidebar-card {background:white;padding:20px;border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:20px;}
.sidebar-card h4 {display:flex;align-items:center;gap:10px;color:var(--dark);}
.sidebar-info {display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:0.95rem;color:var(--dark);}
.sidebar-info i {color:var(--accent);}

.terms-main {flex:1;}
.terms-section {background:white;padding:30px;border-radius:var(--border-radius);margin-bottom:30px;box-shadow:var(--shadow);}
.terms-section-header {display:flex;align-items:center;gap:15px;margin-bottom:20px;}
.section-number {background:linear-gradient(135deg,var(--primary),var(--accent));color:white;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;}
.terms-card {background:var(--light);padding:20px;border-radius:var(--border-radius);margin-bottom:20px;position:relative;overflow:hidden;transition:var(--transition);}
.terms-card:hover {transform:translateY(-5px);box-shadow:var(--shadow-hover);}
.card-header {display:flex;align-items:center;gap:15px;margin-bottom:15px;}
.card-icon {width:50px;height:50px;background:rgba(0,123,255,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;}
.card-icon i {font-size:1.5rem;color:var(--primary);}
.card-content p {margin-bottom:10px;}

.notice-box {background:rgba(255,193,7,0.1);border-left:4px solid var(--accent);padding:15px;border-radius:var(--border-radius);margin:15px 0;}
.warning-box {background:rgba(220,53,69,0.1);border-left:4px solid #dc3545;padding:15px;border-radius:var(--border-radius);margin:15px 0;}

.terms-actions {position:fixed;bottom:20px;left:20px;display:flex;flex-direction:column;gap:10px;z-index:100;}
.terms-action-btn {width:45px;height:45px;border-radius:50%;background:var(--primary);color:white;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);}
.terms-action-btn.print {background:var(--accent);}
.terms-action-btn.back-to-top {background:var(--dark);display:none;}

@media(max-width:992px){.terms-container{flex-direction:column;}.terms-sidebar{position:static;margin-bottom:20px;}}
@media(max-width:576px){.terms-hero h1{font-size:1.8rem;}}