* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* NO CSS for body – body has zero styling */
.forklift-ksa {
max-width: 500px;
margin: 0 auto;
background: #ffffff;
border-radius: 48px;
overflow: hidden;
box-shadow: 0 25px 45px rgba(0,0,0,0.12);
font-family: ‘Segoe UI’, system-ui, -apple-system, sans-serif;
direction: ltr;
}
.hero-fork {
background: linear-gradient(135deg, #1e4a6e, #0f2e46);
padding: 22px 18px 16px;
text-align: center;
}
.badge-fork {
background: #ffaa33;
color: #1e4a6e;
display: inline-block;
padding: 5px 14px;
border-radius: 60px;
font-weight: 900;
font-size: 0.7rem;
margin-bottom: 10px;
}
h1 {
font-size: 1.8rem;
font-weight: 900;
color: white;
text-shadow: 0 2px 5px rgba(0,0,0,0.3);
line-height: 1.25;
}
h1 small {
font-size: 0.8rem;
display: block;
color: #ffcd7e;
margin-top: 6px;
}
.stats-fork {
display: flex;
background: #eef2f5;
padding: 14px 12px;
border-bottom: 3px solid #ffaa33;
}
.stat-fork {
flex: 1;
text-align: center;
}
.stat-number-fork {
font-size: 1.5rem;
font-weight: 900;
color: #1e4a6e;
}
.stat-label-fork {
font-size: 0.65rem;
font-weight: 700;
color: #2c5a7a;
}
.content-fork {
padding: 20px;
}
.capacity-grid {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: center;
margin-bottom: 20px;
}
.capacity-tag {
background: #eef2f5;
border-radius: 40px;
padding: 6px 14px;
font-weight: 800;
font-size: 0.75rem;
color: #1e4a6e;
}
.feature-grid-fork {
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 12px;
margin: 18px 0;
}
.feature-fork {
background: #fef7e0;
border-radius: 24px;
padding: 10px 6px;
text-align: center;
font-weight: 800;
font-size: 0.75rem;
border-right: 4px solid #ffaa33;
}
.price-fork {
width: 100%;
border-collapse: collapse;
background: #fafcf7;
border-radius: 24px;
overflow: hidden;
margin: 15px 0;
font-size: 0.7rem;
}
.price-fork th, .price-fork td {
padding: 10px 3px;
text-align: center;
border-bottom: 1px solid #dce5e8;
}
.price-fork th {
background: #1e4a6e;
color: white;
font-weight: 800;
}
.cta-fork {
background: linear-gradient(95deg, #ffaa33, #e07c1f);
border-radius: 60px;
padding: 14px;
text-align: center;
margin: 20px 0 12px;
}
.cta-fork a {
color: white;
text-decoration: none;
font-weight: 900;
font-size: 1.5rem;
display: block;
}
.wa-fork {
background: #25D366;
border-radius: 60px;
text-align: center;
padding: 10px;
margin-top: 12px;
}
.wa-fork a {
color: white;
font-weight: bold;
text-decoration: none;
}
.site-fork {
text-align: center;
margin: 15px 0 5px;
font-size: 0.7rem;
}
.site-fork a {
color: #e07c1f;
text-decoration: none;
font-weight: bold;
}
footer {
background: #1f2e3f;
padding: 14px;
text-align: center;
color: #bcd0da;
font-size: 0.6rem;
}
@media (max-width: 450px) {
h1 { font-size: 1.5rem; }
.stat-number-fork { font-size: 1.2rem; }
}