* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* لا يوجد أي تنسيق لعنصر body – body خالي من CSS تماماً */
.scissor-dammam {
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’, ‘Tajawal’, system-ui, sans-serif;
direction: rtl;
}
.hero-dammam {
background: linear-gradient(135deg, #1b5e3f, #0e4a32);
padding: 22px 18px 16px;
text-align: center;
}
.badge-dammam {
background: #ffcd7e;
color: #1b5e3f;
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: #ffea9e;
margin-top: 6px;
}
.stats-dammam {
display: flex;
background: #eef4f0;
padding: 14px 12px;
border-bottom: 3px solid #ffaa33;
}
.stat-dammam {
flex: 1;
text-align: center;
}
.stat-number-dammam {
font-size: 1.5rem;
font-weight: 900;
color: #1b5e3f;
direction: ltr;
}
.stat-label-dammam {
font-size: 0.65rem;
font-weight: 700;
color: #2c5e3f;
}
.content-dammam {
padding: 20px;
}
.height-grid-dammam {
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: center;
margin-bottom: 20px;
}
.height-tag-dammam {
background: #eef4f0;
border-radius: 40px;
padding: 6px 14px;
font-weight: 800;
font-size: 0.75rem;
color: #1b5e3f;
}
.feature-grid-dammam {
display: grid;
grid-template-columns: repeat(2,1fr);
gap: 12px;
margin: 18px 0;
}
.feature-dammam {
background: #fef7e0;
border-radius: 24px;
padding: 10px 6px;
text-align: center;
font-weight: 800;
font-size: 0.75rem;
border-right: 4px solid #ffaa33;
}
.price-dammam {
width: 100%;
border-collapse: collapse;
background: #fafcf7;
border-radius: 24px;
overflow: hidden;
margin: 15px 0;
font-size: 0.7rem;
}
.price-dammam th, .price-dammam td {
padding: 10px 3px;
text-align: center;
border-bottom: 1px solid #dce6e2;
}
.price-dammam th {
background: #1b5e3f;
color: white;
font-weight: 800;
}
.cta-dammam {
background: linear-gradient(95deg, #ffaa33, #e07c1f);
border-radius: 60px;
padding: 14px;
text-align: center;
margin: 20px 0 12px;
}
.cta-dammam a {
color: white;
text-decoration: none;
font-weight: 900;
font-size: 1.5rem;
display: block;
}
.wa-dammam {
background: #25D366;
border-radius: 60px;
text-align: center;
padding: 10px;
margin-top: 12px;
}
.wa-dammam a {
color: white;
font-weight: bold;
text-decoration: none;
}
.site-dammam {
text-align: center;
margin: 15px 0 5px;
font-size: 0.7rem;
}
.site-dammam a {
color: #e07c1f;
text-decoration: none;
font-weight: bold;
}
footer {
background: #1f3e2f;
padding: 14px;
text-align: center;
color: #cde0d9;
font-size: 0.6rem;
}
.eng-note {
background: #eef2f5;
padding: 8px;
text-align: center;
border-radius: 20px;
margin: 10px 0;
font-size: 0.7rem;
font-weight: bold;
color: #0e4a32;
}
@media (max-width: 450px) {
h1 { font-size: 1.5rem; }
.stat-number-dammam { font-size: 1.2rem; }
}