/* Shared styles for all pre-rendered service pages */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#0f172a;background:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}

/* Header */
.ph{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(226,232,240,.5);backdrop-filter:blur(8px)}
.ph-i{max-width:1280px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;height:64px}
.ph-logo{height:36px;width:auto}
.ph-nav{display:flex;gap:24px}
.ph-nav a{font-size:14px;color:#64748b;font-weight:500;transition:color .2s}
.ph-nav a:hover{color:#0f172a}
@media(max-width:767px){.ph-nav{display:none}}
.ph-actions{display:flex;align-items:center;gap:8px}
.ph-btn{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;padding:6px 12px;border-radius:6px;color:#64748b;transition:color .2s,background .2s;cursor:pointer;border:none;background:transparent;text-decoration:none}
.ph-btn:hover{color:#0f172a;background:rgba(0,0,0,.04)}
.ph-btn svg{width:14px;height:14px;flex-shrink:0}
.ph-hamburger{display:none;padding:8px;margin-right:-8px;color:#0f172a;background:none;border:none;cursor:pointer}
.ph-hamburger svg{width:20px;height:20px}
@media(max-width:767px){.ph-hamburger{display:flex;align-items:center}.ph-actions .ph-btn-biz span{display:none}.ph-actions .ph-btn-biz .ph-btn-biz-short{display:inline}}
@media(min-width:768px){.ph-actions .ph-btn-biz .ph-btn-biz-short{display:none}}

/* Footer */
.pf{border-top:1px solid rgba(226,232,240,.5);background:#fff;padding:48px 16px 32px}
.pf-i{max-width:1280px;margin:0 auto}
.pf-g{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}
@media(max-width:767px){.pf-g{grid-template-columns:1fr 1fr;gap:24px}}
.pf-brand{grid-column:span 1}
@media(min-width:768px){.pf-brand{grid-column:span 1}}
@media(min-width:1024px){.pf-g{grid-template-columns:2fr 1fr 1fr 1fr}.pf-brand{grid-column:span 1}}
.pf-brand p{font-size:14px;color:#64748b;line-height:1.6;max-width:300px;margin-bottom:16px}
.pf-stores{display:flex;gap:12px;margin-bottom:16px}
.pf-stores img{height:34px;width:auto}
.pf-social{display:flex;gap:12px}
.pf-social img{width:40px;height:40px;border-radius:50%}
.pf h4{font-size:14px;font-weight:600;color:#0f172a;margin-bottom:12px}
.pf ul{list-style:none}
.pf li{margin-bottom:10px}
.pf li a{font-size:14px;color:#64748b;transition:color .2s}
.pf li a:hover{color:#0f172a}
.pf-bot{margin-top:40px;padding-top:24px;border-top:1px solid #e2e8f0;text-align:center}
.pf-bot p{font-size:14px;color:#64748b;margin-bottom:4px}
.pf-bot a{color:#64748b;transition:color .2s}
.pf-bot a:hover{color:#0f172a}

/* Hero */
.hero{position:relative;padding:96px 16px 48px;overflow:hidden}
.hero-bg{position:absolute;inset:0}
.hero-bg img{width:100%;height:100%;object-fit:cover}
.hero-ov{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.9),rgba(255,255,255,.85),#fff)}
.hero-ct{position:relative;max-width:960px;margin:0 auto;text-align:center}
.hero h1{font-size:clamp(28px,5vw,48px);font-weight:700;line-height:1.15;color:#0f172a}
.hero p{font-size:18px;color:#64748b;line-height:1.6;max-width:640px;margin:16px auto 0}

/* Breadcrumbs */
.bc{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;color:#64748b;margin-bottom:24px;justify-content:center}
.bc a{color:#64748b;transition:color .2s}
.bc a:hover{color:#0f172a}
.bc .sep{font-size:12px}
.bc .cur{color:#0f172a;font-weight:500}

/* Back link */
.back{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#0d9488;font-weight:500;margin-bottom:16px;transition:color .2s}
.back:hover{color:#0a7c72}

/* CTA Button */
.btn{display:inline-block;background:#0d9488;color:#fff;padding:12px 28px;border-radius:8px;font-size:16px;font-weight:600;transition:background .2s;cursor:pointer}
.btn:hover{background:#0a7c72}
.btn-sm{padding:10px 24px;font-size:14px}

/* Section */
.sec{padding:48px 16px}
.sec-alt{background:#f8fafc}
.sec-i{max-width:1120px;margin:0 auto}
.sec h2{font-size:clamp(22px,4vw,32px);font-weight:700;text-align:center;margin-bottom:12px}
.sec .sub{font-size:16px;color:#64748b;text-align:center;max-width:560px;margin:0 auto 32px}

/* Card grid */
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.cgrid-5{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}
@media(min-width:640px){.cgrid-5{grid-template-columns:repeat(3,1fr)}}
@media(min-width:768px){.cgrid-5{grid-template-columns:repeat(4,1fr)}}
@media(min-width:1024px){.cgrid-5{grid-template-columns:repeat(5,1fr)}}
.card{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:box-shadow .2s,border-color .2s}
.card:hover{border-color:rgba(13,148,136,.3);box-shadow:0 10px 25px rgba(13,148,136,.08)}
.card-img{width:100%;aspect-ratio:1;object-fit:cover}
.card-body{padding:12px;text-align:center}
.card-body h3{font-size:14px;font-weight:600}

/* Sub-service card (horizontal) */
.scard{display:flex;align-items:flex-start;gap:16px;padding:16px;border:1px solid #e2e8f0;border-radius:12px;transition:box-shadow .2s,border-color .2s}
.scard:hover{border-color:rgba(13,148,136,.3);box-shadow:0 10px 25px rgba(13,148,136,.08)}
.scard h3{font-size:16px;font-weight:600;color:#0f172a;margin-bottom:4px}
.scard p{font-size:14px;color:#64748b;line-height:1.5}
.scard .arr{color:#64748b;font-size:18px;margin-left:auto;flex-shrink:0}
.scard:hover h3{color:#0d9488}
.scard:hover .arr{color:#0d9488}

/* Icon circle */
.ic{width:56px;height:56px;border-radius:50%;background:rgba(13,148,136,.1);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;position:relative}
.ic svg{width:24px;height:24px;color:#0d9488}
.ic .num{position:absolute;top:-4px;right:-4px;width:24px;height:24px;border-radius:50%;background:#0d9488;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}

/* 3-col features */
.f3{display:grid;grid-template-columns:1fr;gap:32px}
@media(min-width:768px){.f3{grid-template-columns:repeat(3,1fr)}}
.f3-item{text-align:center}
.f3-item h3{font-size:18px;font-weight:600;margin-bottom:8px}
.f3-item p{font-size:14px;color:#64748b;line-height:1.6}

/* Emirate pills */
.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.pill{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:999px;border:1px solid #e2e8f0;font-size:14px;font-weight:500;background:#fff;transition:all .2s}
.pill:hover{border-color:rgba(13,148,136,.5);background:rgba(13,148,136,.05);color:#0d9488}

/* Hero strip image */
.hero-strip{max-width:640px;margin:0 auto 24px;height:144px;border-radius:16px;overflow:hidden;border:1px solid rgba(226,232,240,.5)}
.hero-strip img{width:100%;height:100%;object-fit:cover}

/* Category image cards */
.cat-card{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:box-shadow .2s,border-color .2s}
.cat-card:hover{border-color:rgba(13,148,136,.3);box-shadow:0 10px 25px rgba(13,148,136,.08)}
.cat-card-img{width:100%;height:180px;object-fit:cover}
.cat-card-body{padding:16px}
.cat-card-body h2{font-size:16px;font-weight:600;margin-bottom:6px}
.cat-card-body p{font-size:13px;color:#64748b;line-height:1.5}

/* Contact page */
.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:64px}
@media(max-width:639px){.contact-cards{grid-template-columns:1fr;gap:16px;margin-bottom:40px}}
.contact-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px;border-radius:12px;border:1px solid #e2e8f0;background:#fff}
.contact-card .ic{margin-bottom:16px}
.contact-card h3{font-size:16px;font-weight:600;color:#0f172a;margin-bottom:4px}
.contact-card .val{font-size:16px;font-weight:500;color:#0f172a;margin:0}
.contact-card .desc{font-size:14px;color:#64748b;margin:4px 0 0}
.contact-form-grid{display:grid;grid-template-columns:2fr 1fr;gap:48px;max-width:1024px;margin:0 auto}
@media(max-width:1023px){.contact-form-grid{grid-template-columns:1fr;gap:32px}}
.contact-form{display:flex;flex-direction:column;gap:20px}
.contact-form .row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:639px){.contact-form .row{grid-template-columns:1fr;gap:16px}}
.contact-form label{display:block;font-size:14px;font-weight:500;color:#0f172a;margin-bottom:6px}
.contact-form input,.contact-form textarea{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#0f172a;background:#fff;box-sizing:border-box;font-family:inherit}
.contact-form textarea{resize:vertical}
.hours-card{border-radius:12px;border:1px solid #e2e8f0;padding:24px}
.hours-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.hours-header .ic{width:40px;height:40px;margin:0}
.hours-header span{font-size:16px;font-weight:600;color:#0f172a}
.hours-rows{display:flex;flex-direction:column;gap:12px;font-size:14px}
.hours-row{display:flex;justify-content:space-between}
.hours-row .day{color:#64748b}
.hours-row .time{font-weight:500;color:#0f172a}

/* Utility */
.mt-6{margin-top:24px}
.mt-8{margin-top:32px}
.mb-4{margin-bottom:16px}
.text-center{text-align:center}
.text-teal{color:#0d9488}
.max-w-3xl{max-width:768px;margin-left:auto;margin-right:auto}