مرجع عملي لفهم أساسيات الهيدروليكا وحسابات تدفق وضغط مياه أنظمة مكافحة الحرائق

.fpo-download-card{
direction: rtl;
font-family: Tahoma, Arial, sans-serif;
background: linear-gradient(135deg, rgba(10,40,90,.92), rgba(0,0,0,.72));
border: 1px solid rgba(255,255,255,.12);
border-radius: 16px;
padding: 18px;
margin: 14px 0;
box-shadow: 0 10px 25px rgba(0,0,0,.25);
position: relative;
overflow: hidden;
}
.fpo-download-card:before{
content:””;
position:absolute; inset:-40px;
background: radial-gradient(circle at 20% 10%, rgba(255,60,60,.25), transparent 55%),
radial-gradient(circle at 90% 70%, rgba(40,140,255,.25), transparent 55%);
filter: blur(2px);
}
.fpo-download-info{ position: relative; z-index: 1; }
.fpo-badge{
display:inline-block;
padding: 6px 10px;
border-radius: 999px;
background: rgba(255,255,255,.10);
color:#fff;
font-size: 12px;
margin-bottom: 10px;
border: 1px solid rgba(255,255,255,.12);
}
.fpo-title{
margin: 6px 0 8px;
color:#fff;
font-size: 20px;
line-height: 1.4;
}
.fpo-desc{
margin: 0 0 14px;
color: rgba(255,255,255,.82);
font-size: 14px;
line-height: 1.8;
}
.fpo-actions{
display:flex;
gap:10px;
flex-wrap: wrap;
}
.fpo-btn{
text-decoration:none !important;
display:inline-flex;
align-items:center;
justify-content:center;
gap:8px;
padding: 10px 14px;
border-radius: 12px;
font-weight: 700;
font-size: 14px;
border: 1px solid rgba(255,255,255,.14);
transition: .2s ease;
user-select:none;
}
.fpo-btn-primary{
background: linear-gradient(135deg, #ff3b30, #ff7a00);
color:#111 !important;
}
.fpo-btn-ghost{
background: rgba(255,255,255,.08);
color:#fff !important;
}
.fpo-btn:hover{
transform: translateY(-2px);
filter: brightness(1.05);
}