/* Khalasny reference-v1. Remove this presentation layer with --design classic. */
html[data-design="reference-v1"]{--ink:#113e32;--muted:#63766f;--green:#00865b;--dark:#005e45;--cream:#eef5f2;--border:#dce8e2;--lime:#cfe9d9;color-scheme:light;background:#edf5f1;scroll-padding-top:115px}
html[data-design="reference-v1"] body{color:var(--ink);background:radial-gradient(ellipse at 0 0,#d8ebe3,transparent 50%),#f0f6f3;font-family:Tahoma,Arial,sans-serif}
[data-design="reference-v1"] .container{max-width:1080px;padding-inline:30px}
[data-design="reference-v1"] header{background:linear-gradient(110deg,#006b4f,#008b5c);border:0;box-shadow:0 4px 24px #014d3120;color:white}
[data-design="reference-v1"] header nav{height:88px}
[data-design="reference-v1"] .brand{font-size:30px;color:#fff;letter-spacing:-1px}
[data-design="reference-v1"] .brand img{width:62px;height:62px;background:#fff;border-radius:18px}
[data-design="reference-v1"] .brand small{color:#d3eee1}
[data-design="reference-v1"] .navlinks,[data-design="reference-v1"] header .plain{color:white}
[data-design="reference-v1"] .language-switch{background:#ffffff14;border:1px solid #ffffff55;color:#fff;border-radius:12px}
[data-design="reference-v1"] header .button{background:#fff;color:#00744e;border-color:white}
[data-design="reference-v1"] .top-install{background:#eaf6ef;color:#0b6044;border-bottom:1px solid #d3e6dc}
[data-design="reference-v1"] .top-install .container{padding-block:8px}
[data-design="reference-v1"] .top-install a{background:#00865b;color:white;border-color:#00865b}
[data-design="reference-v1"] .hero.reference-hero{position:relative;display:block;overflow:hidden;isolation:isolate;min-height:420px;margin:28px auto 0;padding:48px 52px;border-radius:32px;background:linear-gradient(125deg,#007956,#00915c);box-shadow:0 12px 32px #104e3812}
[data-design="reference-v1"] .reference-hero-wave{position:absolute;inset:96px -6% -80px;background:linear-gradient(110deg,#e1f1e8,#f8fcf9);border-radius:68% 20% 0 0 / 50% 13% 0 0;transform:rotate(-7deg);z-index:-1}
[data-design="reference-v1"] .hero-copy{position:relative;z-index:2;width:56%;padding-top:12px}
[data-design="reference-v1"] .reference-eyebrow{color:#e7f6ed;font-size:14px;letter-spacing:.1px}
[data-design="reference-v1"] .hero h1{font-size:clamp(30px,4vw,48px);line-height:1.6;letter-spacing:-1.7px;color:#123d31;margin:52px 0 8px}
[data-design="reference-v1"] .hero-copy>p{font-size:13px;color:#376450;line-height:1.8;margin:10px 0 0}
[data-design="reference-v1"] .reference-hours{display:flex;align-items:center;gap:12px;color:#008650;font-size:44px;line-height:1.2;direction:ltr;justify-content:flex-end}
[data-design="reference-v1"] .reference-hours b{letter-spacing:-2px}
[data-design="reference-v1"] .reference-hours .icon{width:42px;height:42px}
[data-design="reference-v1"] .reference-technician{position:absolute;bottom:-17%;left:0;width:43%;height:114%;z-index:1;pointer-events:none}
[data-design="reference-v1"] .reference-technician img{height:100%;width:100%;object-fit:contain;object-position:bottom}
[dir="ltr"][data-design="reference-v1"] .reference-technician{left:auto;right:0}
[data-design="reference-v1"] .service-ribbon{display:none}
[data-design="reference-v1"] #services{padding-top:25px;padding-bottom:28px}
[data-design="reference-v1"] #services .section-head{display:block;margin:0}
[data-design="reference-v1"] #services .section-head>div{display:none}
[data-design="reference-v1"] .search{width:100%;background:#fff;border:1px solid #d5e4dc;border-radius:19px;box-shadow:0 5px 14px #12513609;padding:13px 20px;margin-bottom:22px}
[data-design="reference-v1"] .search input{background:transparent;color:#173d30;font-size:16px}
[data-design="reference-v1"] .search input::placeholder{color:#6c7e74}
[data-design="reference-v1"] .filters{display:none}
[data-design="reference-v1"] .service-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}
[data-design="reference-v1"] .service-card{background:linear-gradient(#fff,#fafcfb)!important;border:1px solid #dce7e1!important;border-radius:21px;min-height:155px;padding:20px 8px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:13px;box-shadow:0 5px 16px #144b3409;transition:transform .18s,box-shadow .18s}
[data-design="reference-v1"] .service-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #12533518}
[data-design="reference-v1"] .service-card strong{font-size:14px;color:#193e32;line-height:1.7}
[data-design="reference-v1"] .service-card small{display:none}
[data-design="reference-v1"] .service-icon{background:transparent!important;width:48px;height:48px;margin:0;display:flex;align-items:center;justify-content:center;border-radius:0}
[data-design="reference-v1"] .service-icon .icon{width:41px;height:41px;stroke-width:2.2;filter:drop-shadow(0 3px 1px #0e6a4820)}
[data-design="reference-v1"] .service-card[data-service="كهرباء"] .service-icon{color:#efa900}
[data-design="reference-v1"] .service-card[data-service="سباكة"] .service-icon,[data-design="reference-v1"] .service-card[data-service="تكييف وتبريد"] .service-icon{color:#008499}
[data-design="reference-v1"] .service-card[data-service="دهانات وتشطيبات"] .service-icon{color:#cd3b5f}
[data-design="reference-v1"] .service-card[data-service="نجارة وأثاث"] .service-icon{color:#9a672d}
[data-design="reference-v1"] .service-card[data-service="أجهزة منزلية"] .service-icon{color:#1596a6}
[data-design="reference-v1"][data-services-collapsed="true"] [data-secondary-service]{display:none}
[data-design="reference-v1"] .reference-more{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border:0;background:transparent;color:#194b38;font-weight:bold;padding:18px;font-size:14px}
[data-design="reference-v1"] .reference-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center;padding:23px 10px;border-top:1px solid #dce8e0}
[data-design="reference-v1"] .reference-trust>div{display:flex;align-items:center;flex-direction:column;gap:10px}
[data-design="reference-v1"] .reference-trust span{display:grid;place-items:center;background:#d8eee2;border:1px solid #cbe6d5;border-radius:50%;width:48px;height:48px;color:#00865b}
[data-design="reference-v1"] .reference-trust b{font-size:13px;font-weight:500}
[data-design="reference-v1"] .reference-order{display:flex;width:100%;padding:17px;font-size:19px;border-radius:21px;background:linear-gradient(#00935c,#007748);box-shadow:0 8px 14px #00845422}
[data-design="reference-v1"] .other-service{margin-top:18px}
[data-design="reference-v1"] .form-card,[data-design="reference-v1"] .history-order,[data-design="reference-v1"] .install-card,[data-design="reference-v1"] .quote-box,[data-design="reference-v1"] .public-review,[data-design="reference-v1"] .faq details,[data-design="reference-v1"] .service-policy,[data-design="reference-v1"] .management-contact,[data-design="reference-v1"] .correction-form{background:#fff;color:#143f30;border-color:#dce7e0;border-radius:24px;box-shadow:0 7px 20px #204d3410}
[data-design="reference-v1"] input,[data-design="reference-v1"] select,[data-design="reference-v1"] textarea{background:#fbfdfc;color:#163d30;border-color:#d5e2d9;border-radius:14px}
[data-design="reference-v1"] h2,[data-design="reference-v1"] h3,[data-design="reference-v1"] h4{color:#143c2f;letter-spacing:-.7px}
[data-design="reference-v1"] .how{background:#e3f0e8}
[data-design="reference-v1"] .steps article,[data-design="reference-v1"] .about-card{background:white;border:1px solid #dce8df;border-radius:22px}
[data-design="reference-v1"] .step-number{color:#008654}
[data-design="reference-v1"] .promo-slide{border-radius:26px;overflow:hidden}
[data-design="reference-v1"] .finishing-banner{border-radius:27px}
[data-design="reference-v1"] .request-tracker{background:linear-gradient(#f9fcfa,#eff7f2);border:1px solid #dae8de;border-radius:21px}
[data-design="reference-v1"] .tracker-current{color:#008757}
[data-design="reference-v1"] .tracker-bar{background:none;height:30px;display:flex;align-items:center;gap:12px;overflow:visible;margin:18px 0}
[data-design="reference-v1"] .tracker-bar span{position:relative;border-radius:50%;height:25px;width:25px;flex:0 0 25px;background:#e3e9e6}
[data-design="reference-v1"] .tracker-bar span:not(:last-child):before{content:"";position:absolute;inset-inline-start:100%;width:12px;top:12px;height:2px;background:#bdcfc4}
[data-design="reference-v1"] .tracker-bar span.is-complete{background:#00945b;box-shadow:0 2px 6px #06854820}
[data-design="reference-v1"] .tracker-bar span.is-complete:after{content:"✓";position:absolute;inset:0;color:white;text-align:center;font:bold 16px/25px Arial}
[data-design="reference-v1"] .tracker-marker{background:#dcefe2;color:#008354}
[data-design="reference-v1"] .technician-profile{background:#fff;border:1px solid #dce8e0;border-radius:19px;padding:20px;box-shadow:0 5px 15px #23473408}
[data-design="reference-v1"] .quote-box>p{padding-block:7px;border-bottom:1px solid #edf1ee}
[data-design="reference-v1"] .quote-box>strong{display:block;background:#def3df;color:#075b34;padding:16px;border-radius:15px;font-size:19px}
[data-design="reference-v1"] .customer-urgent{background:#fff;border-color:#e1b6b8;color:#14754a;border-radius:20px}
[data-design="reference-v1"] .customer-urgent .urgent-button{background:#fff1f0;color:#bd2635;border:1px solid #d44750;border-radius:15px}
[data-design="reference-v1"] .mobile-nav{background:#fffffff5;border:1px solid #dce8e0;box-shadow:0 -5px 22px #163d2e10;backdrop-filter:blur(18px)}
[data-design="reference-v1"] .mobile-nav a{color:#60726a}
[data-design="reference-v1"] .mobile-nav a[aria-current="page"]{color:#008652}
[data-design="reference-v1"] .mobile-nav a.mobile-primary{background:#00865b;color:#fff;box-shadow:0 4px 12px #00845425}
[data-design="reference-v1"] footer{background:#006447;color:#edf9ef}
[data-design="reference-v1"] footer p,[data-design="reference-v1"] footer small{color:#cce6d5}
[data-design="reference-v1"] .button{border-radius:15px}
[data-design="reference-v1"] .button.outline{background:#fff;color:#08754f;border-color:#9dcdb5}
@media(max-width:900px){[data-design="reference-v1"] .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}[data-design="reference-v1"] .hero.reference-hero{margin:18px 24px 0;min-height:355px}}
@media(max-width:600px){
[data-design="reference-v1"] .container{padding-inline:18px}
[data-design="reference-v1"] header nav{height:80px;gap:10px}
[data-design="reference-v1"] .brand{font-size:25px}
[data-design="reference-v1"] .brand img{width:49px;height:49px;border-radius:14px}
[data-design="reference-v1"] .navtools{gap:8px}
[data-design="reference-v1"] .language-switch{padding:8px 10px;font-size:11px}
[data-design="reference-v1"] .hero.reference-hero{margin:0;min-height:278px;border-radius:0 0 30px 30px;padding:15px 22px 26px;box-shadow:none}
[data-design="reference-v1"] .hero-copy{width:60%;padding-top:0;margin-inline-start:0}
[data-design="reference-v1"] .reference-eyebrow{font-size:11px;white-space:nowrap}
[data-design="reference-v1"] .hero h1{font-size:26px;line-height:1.65;letter-spacing:-1px;margin-top:58px}
[data-design="reference-v1"] .hero-copy>p{font-size:10px;line-height:1.8;width:94%;margin-top:8px}
[data-design="reference-v1"] .reference-hours{font-size:38px;gap:8px}
[data-design="reference-v1"] .reference-hours .icon{width:34px;height:34px}
[data-design="reference-v1"] .reference-technician{height:250px;width:54%;bottom:-22px;left:-12px}
[dir="ltr"][data-design="reference-v1"] .reference-technician{left:auto;right:-12px}
[data-design="reference-v1"] .reference-hero-wave{inset:65px -25% -60px;border-radius:55% 20% 0 0 / 28% 13% 0 0;transform:rotate(-12deg)}
[data-design="reference-v1"] #services{padding-top:15px}
[data-design="reference-v1"] .search{padding:11px 15px;border-radius:18px;margin-bottom:17px;box-shadow:0 3px 8px #14472f07}
[data-design="reference-v1"] .search input{font-size:14px}
[data-design="reference-v1"] .service-grid{gap:10px}
[data-design="reference-v1"] .service-card{min-height:114px;border-radius:19px;padding:15px 4px 10px;gap:8px}
[data-design="reference-v1"] .service-card strong{font-size:12px;letter-spacing:-.35px}
[data-design="reference-v1"] .service-icon{width:36px;height:36px}
[data-design="reference-v1"] .service-icon .icon{width:34px;height:34px}
[data-design="reference-v1"] .reference-more{padding:14px}
[data-design="reference-v1"] .reference-trust{gap:5px;padding:16px 0}
[data-design="reference-v1"] .reference-trust span{width:40px;height:40px}
[data-design="reference-v1"] .reference-trust b{font-size:10px}
[data-design="reference-v1"] .reference-order{font-size:18px;padding:13px}
[data-design="reference-v1"] .history-order{padding:18px 14px;margin-bottom:20px;border-radius:26px}
[data-design="reference-v1"] .tracker-bar{gap:9px}
[data-design="reference-v1"] .tracker-bar span{height:24px;width:24px;flex-basis:24px}
[data-design="reference-v1"] .tracker-bar span:not(:last-child):before{width:9px}
[data-design="reference-v1"] .tracker-heading{font-size:13px}
[data-design="reference-v1"] .quote-box{padding:18px 14px}
[data-design="reference-v1"] .quote-actions{gap:8px}
[data-design="reference-v1"] .quote-actions .button{font-size:12px;padding:12px}
}
@media(prefers-reduced-motion:reduce){[data-design="reference-v1"] *{scroll-behavior:auto;transition:none}}
[data-design="reference-v1"] .reference-eyebrow{display:inline-block;background:#00794f;color:#f0fff4;padding:4px 12px;border-radius:20px}
[data-design="reference-v1"] .invoice-line{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e5eee8;color:#214c3a}
[data-design="reference-v1"] .invoice-total{display:flex;justify-content:space-between;gap:15px;padding:16px!important;background:#ddf2df;color:#075c34!important;border:0!important;border-radius:15px;font-size:18px;font-weight:bold}
[data-design="reference-v1"] .mobile-nav .mobile-order{background:#00865b;color:white;border-radius:19px}
@media(max-width:600px){[data-design="reference-v1"] .hero h1{font-size:23px;line-height:1.7;letter-spacing:-1px}[data-design="reference-v1"] .hero-copy{width:62%}}