قبل وبعد | BEFORE & AFTER Cleaning Results | Oxygen Cleaning

body {font-family: Arial, sans-serif; margin:0; background:#f7f7f7; color:#222;}
.container {max-width:1200px; margin:auto; padding:20px;}
.lang-switch {text-align:left; margin-bottom:30px;}
.lang-switch button {padding:8px 14px; margin:0 5px; border:none; cursor:pointer; background:#0bbcd6; color:#fff; border-radius:4px;}
h1 {text-align:center; margin-bottom:20px;}
h2 {margin-bottom:15px;}
p.intro {text-align:center; max-width:900px; margin:0 auto 60px; line-height:1.9;}
.section {background:#fff; margin-bottom:60px; padding:35px; border-radius:10px;}
.images {display:grid; grid-template-columns:1fr 1fr; gap:40px; margin:40px 0;}
.box {text-align:center; border:2px dashed #ccc; padding:30px 20px; border-radius:8px; color:#777;}
.label {font-weight:bold; margin-bottom:10px; display:block;}
.uploader {display:none; margin:10px auto;}
.preview {max-width:100%; display:none; border-radius:8px; margin-top:10px;}
.location {font-size:14px; color:#666; margin-top:20px;}
.desc {margin-top:20px; line-height:1.8;}
.cta {text-align:center; margin:70px 0;}
.cta a {background:#0bbcd6; color:#fff; padding:16px 34px; text-decoration:none; border-radius:8px; font-size:18px;}
@media(max-width:768px){.images{grid-template-columns:1fr}}

function setLang(lang){
document.getElementById(‘ar’).style.display = lang === ‘ar’ ? ‘block’ : ‘none’;
document.getElementById(‘en’).style.display = lang === ‘en’ ? ‘block’ : ‘none’;
document.documentElement.lang = lang;
document.documentElement.dir = lang === ‘ar’ ? ‘rtl’ : ‘ltr’;
}

// Upload enabled (Choose File visible for admin usage)
document.querySelectorAll(‘.uploader’).forEach(u => u.style.display = ‘block’);

function previewImage(event, input){
const file = event.target.files[0];
if(!file) return;
const img = input.parentElement.querySelector(‘.preview’);
img.src = URL.createObjectURL(file);
img.style.display = ‘block’;
}