:root{
  --ink:#071616; --ink-2:#0b2525; --teal:#009f95; --teal-2:#16c0b4; --gold:#ffd139; --gold-2:#f6b91c;
  --paper:#f7fbfa; --paper-2:#edf7f5; --white:#fff; --muted:#607574; --line:#d9e8e5; --shadow:0 24px 70px rgba(7,22,22,.14);
  --radius:26px; --radius-sm:18px; --container:1180px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:'Mazaya Body',Tahoma,Arial,'Segoe UI',sans-serif;background:var(--paper);color:var(--ink);line-height:1.85;text-align:right} a{color:inherit;text-decoration:none} img{max-width:100%;height:auto;display:block}.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:50}.top-strip{background:#03100f;color:#d5e7e4;font-size:13px;border-bottom:1px solid rgba(255,255,255,.08)}.top-strip__inner{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:18px;white-space:nowrap;overflow:hidden}.top-strip a{color:#fff}.nav-wrap{background:rgba(7,22,22,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-inner{height:82px;display:flex;align-items:center;gap:22px}.brand{width:220px;min-width:180px;display:flex;align-items:center}.brand img{width:220px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:6px;margin-inline-start:auto}.nav-link{display:inline-flex;align-items:center;gap:5px;color:#e9f7f5;font-size:15px;font-weight:600;padding:13px 13px;border-radius:999px;transition:.2s}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.09);color:#fff}.nav-cta{background:var(--gold);color:#071616;font-weight:800;padding:12px 18px;border-radius:999px;box-shadow:0 10px 30px rgba(255,209,57,.18)}.nav-item{position:relative}.mega-menu{position:absolute;inset-inline-end:0;top:calc(100% + 14px);width:min(980px,calc(100vw - 60px));background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;padding:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s;color:var(--ink)}.has-mega:hover .mega-menu{opacity:1;visibility:visible;transform:translateY(0)}.mega-title{display:block;color:var(--teal);font-weight:800;margin-bottom:10px}.mega-col ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.mega-col li a,.mobile-panel .mega-col li a{font-size:13px;color:#31504e;padding:4px 0;display:block}.mega-col li a:hover{color:var(--teal)}.menu-toggle{display:none;background:transparent;border:0;width:44px;height:44px;gap:5px;flex-direction:column;align-items:center;justify-content:center}.menu-toggle span{width:24px;height:2px;background:#fff;border-radius:2px}.mobile-panel{position:fixed;inset:0 0 0 auto;width:min(390px,88vw);background:#fff;z-index:80;box-shadow:-20px 0 60px rgba(0,0,0,.25);padding:20px;overflow:auto}.mobile-panel__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.mobile-close{font-size:28px;background:#f1f6f5;border:0;border-radius:12px;width:42px;height:42px}.mobile-panel>a,.mobile-panel summary{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-weight:800}.mobile-panel .mega-menu,.mobile-panel .mega-col{position:static;display:block;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;width:auto;padding:0}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 10%,rgba(0,159,149,.22),transparent 34%),linear-gradient(135deg,#04100f,#092827 58%,#061817);color:#fff;padding:92px 0 74px}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.025) 25%,transparent 25%);background-size:44px 44px;opacity:.5}.hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;color:var(--teal);background:rgba(0,159,149,.11);padding:7px 13px;border-radius:999px}.hero .eyebrow{color:#bff7f1;background:rgba(255,255,255,.08)}h1,h2,h3{font-family:'Mazaya Heading',Tahoma,Arial,'Segoe UI',sans-serif;line-height:1.35;margin:0 0 16px;letter-spacing:-.02em}h1{font-size:clamp(34px,5vw,62px);font-weight:800}h2{font-size:clamp(26px,3vw,42px)}h3{font-size:20px}.hero p,.page-hero p{font-size:18px;color:#d7e9e7;max-width:760px;margin:0 0 28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;font-weight:800;transition:.2s;border:1px solid transparent}.btn-primary{background:var(--teal);color:#fff;box-shadow:0 14px 34px rgba(0,159,149,.23)}.btn-primary:hover{background:#008e85}.btn-ghost{color:#fff;border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.07)}.btn-dark{background:var(--ink);color:#fff}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px;max-width:650px}.hero-stats div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px}.hero-stats strong{display:block;font-size:26px;color:var(--gold)}.hero-stats span{font-size:13px;color:#d9e9e7}.hero-panel{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 90px rgba(0,0,0,.24);border-radius:34px;padding:26px;min-height:440px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;width:280px;height:280px;background:var(--gold);border-radius:50%;filter:blur(70px);opacity:.2;inset:auto -90px -90px auto}.hero-panel img{width:92%;margin-inline:auto;position:relative;z-index:1}.service-stack{position:relative;z-index:1;display:grid;gap:12px}.service-stack span{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:14px 16px;font-weight:800;color:#fff}.section{padding:82px 0}.section-light{background:#fff}.section-muted{background:linear-gradient(180deg,#eaf6f4,#f7fbfa)}.section-head{text-align:center;margin-bottom:38px}.section-head p{max-width:720px;margin:0 auto;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.category-card,.service-card,.statement-card,.info-panel,.contact-card,.contact-form,.side-card,.sector-grid article,.values-grid article,.process-grid article,.gallery-grid article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 14px 45px rgba(7,22,22,.06)}.category-card{padding:22px;transition:.2s;min-height:310px}.category-card:hover,.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.category-card__top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.category-card__top span{background:#fff6d5;color:#7a5b00;font-size:12px;font-weight:800;padding:6px 10px;border-radius:999px}.category-card p,.service-card p,.sector-grid p,.values-grid p,.process-grid p,.article-body p{color:var(--muted)}.category-card a,.service-card a,.service-group__head>a{color:var(--teal);font-weight:800}.visual-card{position:relative;width:72px;height:72px;border-radius:22px;background:linear-gradient(135deg,rgba(0,159,149,.13),rgba(255,209,57,.17));overflow:hidden;flex:0 0 auto}.visual-card span,.visual-card i,.visual-card b,.visual-card em{position:absolute;display:block;border-radius:999px}.visual-card span{width:34px;height:34px;background:var(--teal);inset:18px auto auto 18px}.visual-card i{width:22px;height:22px;background:var(--gold);inset:12px 12px auto auto}.visual-card b{width:50px;height:10px;background:rgba(7,22,22,.16);inset:auto 12px 16px auto}.visual-card em{width:14px;height:14px;background:#fff;inset:28px 30px auto auto}.visual-laundry span{border-radius:12px}.visual-laundry b{height:26px;border-radius:8px}.visual-clean span{width:44px;height:12px;inset:20px 12px auto auto}.visual-clean i{width:18px;height:38px}.visual-facility span{width:40px;height:40px;background:transparent;border:10px solid var(--teal)}.split-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.check-list{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}.check-list li{position:relative;padding-inline-start:30px;color:#24413f}.check-list li:before{content:"✓";position:absolute;inset-inline-start:0;top:0;color:var(--teal);font-weight:900}.info-panel{padding:28px}.mini-links,.side-links{display:flex;flex-wrap:wrap;gap:10px}.mini-links a,.side-links a{background:var(--paper-2);border:1px solid var(--line);border-radius:999px;padding:9px 13px;color:#24413f;font-weight:700;font-size:14px}.cta-band{display:flex;justify-content:space-between;gap:24px;align-items:center;background:linear-gradient(135deg,var(--teal),#05645f);color:#fff;border-radius:34px;padding:34px;box-shadow:var(--shadow)}.cta-band h2{margin:6px 0 0}.cta-band span{color:#d9fffb}.page-hero{background:radial-gradient(circle at 85% -20%,rgba(0,159,149,.20),transparent 36%),linear-gradient(180deg,#fff,#eef8f6);padding:70px 0;border-bottom:1px solid var(--line)}.page-hero h1{color:var(--ink);max-width:900px}.page-hero p{color:#546967}.breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px;color:#53706e;font-size:14px}.breadcrumb a{color:var(--teal);font-weight:800}.breadcrumb b{color:#9cb1ae}.page-hero-grid{display:grid;grid-template-columns:1fr 150px;gap:30px;align-items:center}.page-hero-grid>.visual-card{width:150px;height:150px;border-radius:40px}.page-hero-grid>.visual-card span{width:72px;height:72px}.services-layout{display:grid;gap:44px}.service-group{scroll-margin-top:120px}.service-group__head{display:grid;grid-template-columns:88px 1fr auto;gap:18px;align-items:center;margin-bottom:20px}.service-group__head p{margin:0;color:var(--muted)}.service-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{padding:24px;min-height:210px}.service-card h3{font-size:19px}.values-grid,.process-grid,.sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.values-grid article,.sector-grid article,.process-grid article{padding:24px}.process-grid article span{display:inline-flex;color:var(--gold-2);font-weight:900;font-size:28px;margin-bottom:18px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}.article-body{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:34px;box-shadow:0 14px 45px rgba(7,22,22,.06)}.article-body h2{font-size:30px;margin-top:34px}.article-body h2:first-child{margin-top:0}.step-list{list-style:none;padding:0;margin:24px 0;display:grid;gap:12px}.step-list li{display:flex;gap:14px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:14px}.step-list span{background:var(--teal);color:#fff;font-weight:900;border-radius:12px;padding:5px 9px;line-height:1}.faq-list{display:grid;gap:12px}.faq-list details{border:1px solid var(--line);border-radius:16px;padding:14px 18px;background:var(--paper)}.faq-list summary{cursor:pointer;font-weight:800}.article-side{position:sticky;top:130px;display:grid;gap:16px}.side-card{padding:22px}.side-card h3{font-size:18px}.side-card>a{color:var(--teal);font-weight:900}.side-cta{background:linear-gradient(135deg,var(--ink),#0d3432);color:#fff}.side-cta p{color:#d8e8e5}.side-cta a{display:inline-flex;background:var(--gold);color:var(--ink);padding:11px 15px;border-radius:999px;font-weight:900}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-grid article{overflow:hidden}.gallery-grid h3,.gallery-grid p{padding-inline:20px}.gallery-placeholder{height:230px;background:linear-gradient(135deg,#0b2525,#009f95);position:relative}.gallery-placeholder:after{content:"";position:absolute;inset:26px;border:1px solid rgba(255,255,255,.24);border-radius:22px}.gallery-placeholder span{position:absolute;inset:20px 20px auto auto;background:var(--gold);color:var(--ink);font-weight:900;border-radius:14px;padding:7px 10px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px}.contact-card,.contact-form{padding:28px}.contact-card{display:grid;gap:16px}.contact-card a,.contact-card div{display:grid;gap:5px;border-bottom:1px solid var(--line);padding-bottom:14px}.contact-card strong{color:var(--teal)}.contact-form{display:grid;gap:16px}.contact-form label{display:grid;gap:8px;font-weight:800}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line);background:#fafdff;border-radius:16px;padding:14px 16px;font:inherit}.contact-form textarea{min-height:130px;resize:vertical}.site-footer{background:#061514;color:#d9eeeb;padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:34px}.footer-brand img{width:240px;margin-bottom:18px}.footer-brand p{color:#acc3bf}.footer-col{display:grid;align-content:start;gap:10px}.footer-col h3{font-size:17px;color:#fff}.footer-col a,.footer-col span{color:#b9ceca;font-size:14px}.footer-whatsapp{color:var(--gold)!important;font-weight:900}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:32px;padding-top:18px;display:flex;justify-content:space-between;gap:18px;color:#9fb6b2;font-size:14px}.floating-wa{position:fixed;inset:auto auto 22px 22px;z-index:45;background:#25d366;color:#fff;font-weight:900;padding:13px 17px;border-radius:999px;box-shadow:0 18px 45px rgba(37,211,102,.32)}
@media(max-width:1100px){.category-grid,.values-grid,.process-grid,.sector-grid{grid-template-columns:repeat(2,1fr)}.service-card-grid{grid-template-columns:repeat(2,1fr)}.main-nav,.nav-cta{display:none}.menu-toggle{display:flex;margin-inline-start:auto}.nav-inner{height:76px}.mega-menu{display:none}.hero-grid,.split-grid,.contact-grid,.article-layout{grid-template-columns:1fr}.article-side{position:static}.hero-panel{min-height:auto}.page-hero-grid{grid-template-columns:1fr}.page-hero-grid>.visual-card{display:none}.footer-grid{grid-template-columns:1fr 1fr}.brand,.brand img{width:190px}.top-strip__inner{justify-content:flex-start}.top-strip__inner span:nth-child(2){display:none}}
@media(max-width:700px){.container{width:min(100% - 28px,var(--container))}.hero{padding:58px 0 46px}.section{padding:56px 0}.hero-stats,.category-grid,.service-card-grid,.values-grid,.process-grid,.sector-grid,.gallery-grid,.footer-grid{grid-template-columns:1fr}.service-group__head{grid-template-columns:1fr}.service-group__head>.visual-card{display:none}.cta-band,.footer-bottom{flex-direction:column;align-items:flex-start}.page-hero{padding:50px 0}.top-strip{display:none}.brand,.brand img{width:168px}.nav-inner{height:68px}h1{font-size:34px}.hero p,.page-hero p{font-size:16px}.article-body{padding:22px}.article-body h2{font-size:24px}.floating-wa{inset:auto 14px 14px auto}.hero-panel{padding:18px;border-radius:24px}.contact-form,.contact-card{padding:22px}}


/* V6 refinements: WhatsApp right side, theme toggle, footer icons, back-to-top */
:root{color-scheme:light;}
:root[data-theme="dark"]{
  color-scheme:dark;
  --ink:#eef8f6; --ink-2:#d9eeeb; --paper:#071616; --paper-2:#0b2525; --white:#0b1f1e; --muted:#abc4c0; --line:#1d3a38;
  --shadow:0 24px 70px rgba(0,0,0,.34);
}
:root[data-theme="dark"] body{background:var(--paper);color:var(--ink)}
:root[data-theme="dark"] .section-light,
:root[data-theme="dark"] .category-card,
:root[data-theme="dark"] .service-card,
:root[data-theme="dark"] .statement-card,
:root[data-theme="dark"] .info-panel,
:root[data-theme="dark"] .contact-card,
:root[data-theme="dark"] .contact-form,
:root[data-theme="dark"] .side-card,
:root[data-theme="dark"] .sector-grid article,
:root[data-theme="dark"] .values-grid article,
:root[data-theme="dark"] .process-grid article,
:root[data-theme="dark"] .gallery-grid article,
:root[data-theme="dark"] .article-body,
:root[data-theme="dark"] .mega-menu,
:root[data-theme="dark"] .mobile-panel{background:#0b1f1e;color:var(--ink);border-color:var(--line)}
:root[data-theme="dark"] .section-muted,
:root[data-theme="dark"] .page-hero{background:linear-gradient(180deg,#0b2525,#071616)}
:root[data-theme="dark"] .page-hero h1{color:var(--ink)}
:root[data-theme="dark"] .page-hero p,
:root[data-theme="dark"] .category-card p,
:root[data-theme="dark"] .service-card p,
:root[data-theme="dark"] .sector-grid p,
:root[data-theme="dark"] .values-grid p,
:root[data-theme="dark"] .process-grid p,
:root[data-theme="dark"] .article-body p{color:var(--muted)}
:root[data-theme="dark"] .mini-links a,
:root[data-theme="dark"] .side-links a,
:root[data-theme="dark"] .step-list li,
:root[data-theme="dark"] .faq-list details{background:#092322;border-color:var(--line);color:#d6eeea}
:root[data-theme="dark"] .contact-form input,
:root[data-theme="dark"] .contact-form select,
:root[data-theme="dark"] .contact-form textarea{background:#071817;color:var(--ink);border-color:var(--line)}
:root[data-theme="dark"] .mega-col li a,
:root[data-theme="dark"] .mobile-panel .mega-col li a{color:#c7deda}
.theme-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:10px 13px;font:inherit;font-weight:800;cursor:pointer;transition:.2s;white-space:nowrap}
.theme-toggle:hover{background:rgba(255,255,255,.14);transform:translateY(-1px)}
.theme-toggle__icon{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.12);font-size:14px;line-height:1}
.footer-contact-item{display:flex!important;align-items:center;gap:10px;color:#b9ceca!important;font-size:14px}
.footer-contact-item:hover{color:#fff!important}.footer-icon{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.08);color:var(--gold);font-weight:900;flex:0 0 auto}.footer-icon svg{width:18px;height:18px;fill:currentColor}.footer-whatsapp .footer-icon{color:#25d366}.footer-whatsapp{color:#d9ffdf!important}
.floating-wa{inset:auto 22px 22px auto;display:inline-flex;align-items:center;gap:9px;padding:12px 16px 12px 18px}.floating-wa svg{width:24px;height:24px;fill:currentColor}.floating-wa:hover{transform:translateY(-3px);box-shadow:0 22px 52px rgba(37,211,102,.4)}
.back-to-top{cursor:pointer}.back-to-top:hover{color:#fff}
@media(max-width:1100px){.theme-toggle{margin-inline-start:8px}.theme-toggle__text{display:none}.theme-toggle{padding:10px}.floating-wa{inset:auto 16px 16px auto}}
@media(max-width:700px){.floating-wa{inset:auto 14px 14px auto}.floating-wa span{display:none}.floating-wa{width:52px;height:52px;border-radius:50%;padding:0;justify-content:center}.theme-toggle{width:44px;height:44px;border-radius:50%;justify-content:center}.footer-contact-item{font-size:13px}}


/* V7 final fixes: stronger dark mode, smaller footer icons, softer large typography */
html[data-theme="dark"]{
  color-scheme:dark;
  --ink:#eef8f6;
  --ink-2:#d9eeeb;
  --paper:#061514;
  --paper-2:#0a2422;
  --white:#0b1f1e;
  --muted:#abc4c0;
  --line:#1e403d;
  --shadow:0 24px 70px rgba(0,0,0,.38);
}
html[data-theme="dark"] body,
body.theme-dark{background:#061514;color:#eef8f6;}
html[data-theme="dark"] .section-light,
html[data-theme="dark"] .category-card,
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .statement-card,
html[data-theme="dark"] .info-panel,
html[data-theme="dark"] .contact-card,
html[data-theme="dark"] .contact-form,
html[data-theme="dark"] .side-card,
html[data-theme="dark"] .sector-grid article,
html[data-theme="dark"] .values-grid article,
html[data-theme="dark"] .process-grid article,
html[data-theme="dark"] .gallery-grid article,
html[data-theme="dark"] .article-body,
html[data-theme="dark"] .mega-menu,
html[data-theme="dark"] .mobile-panel{
  background:#0b1f1e!important;
  color:#eef8f6!important;
  border-color:#1e403d!important;
}
html[data-theme="dark"] .page-hero,
html[data-theme="dark"] .section-muted{
  background:linear-gradient(180deg,#0a2422,#061514)!important;
  border-color:#1e403d!important;
}
html[data-theme="dark"] .page-hero h1,
html[data-theme="dark"] .article-body h2,
html[data-theme="dark"] .article-body h3,
html[data-theme="dark"] .section-head h2,
html[data-theme="dark"] .category-card h3,
html[data-theme="dark"] .service-card h3,
html[data-theme="dark"] .info-panel h3,
html[data-theme="dark"] .side-card h3,
html[data-theme="dark"] .contact-card h3,
html[data-theme="dark"] .contact-form h3{color:#eef8f6!important;}
html[data-theme="dark"] .page-hero p,
html[data-theme="dark"] .section-head p,
html[data-theme="dark"] .category-card p,
html[data-theme="dark"] .service-card p,
html[data-theme="dark"] .sector-grid p,
html[data-theme="dark"] .values-grid p,
html[data-theme="dark"] .process-grid p,
html[data-theme="dark"] .article-body p,
html[data-theme="dark"] .info-panel p,
html[data-theme="dark"] .side-card p{color:#abc4c0!important;}
html[data-theme="dark"] .mini-links a,
html[data-theme="dark"] .side-links a,
html[data-theme="dark"] .step-list li,
html[data-theme="dark"] .faq-list details,
html[data-theme="dark"] .contact-form input,
html[data-theme="dark"] .contact-form select,
html[data-theme="dark"] .contact-form textarea{
  background:#071817!important;
  border-color:#1e403d!important;
  color:#eef8f6!important;
}
html[data-theme="dark"] .check-list li,
html[data-theme="dark"] .breadcrumb,
html[data-theme="dark"] .mobile-panel>a,
html[data-theme="dark"] .mobile-panel summary{color:#d6eeea!important;}
html[data-theme="dark"] .mega-col li a,
html[data-theme="dark"] .mobile-panel .mega-col li a{color:#c7deda!important;}
html[data-theme="dark"] .category-card__top span{background:#231d05!important;color:#ffd139!important;}

/* typography tuning */
body{font-size:15.5px;}
h1{font-size:clamp(30px,4.4vw,52px)!important;}
h2{font-size:clamp(23px,2.7vw,34px)!important;}
h3{font-size:18px!important;}
.hero p,.page-hero p{font-size:16.5px!important;}
.nav-link{font-size:14px!important;padding:11px 11px!important;}
.btn{font-size:14px;padding:12px 19px!important;}
.hero-stats strong{font-size:23px!important;}
.section{padding:72px 0;}
.section-head{margin-bottom:32px;}
.article-body{font-size:15.5px;}
.article-body h2{font-size:26px!important;}
.service-card h3,.category-card h3{font-size:18px!important;}

/* footer icon tuning */
.footer-contact-item{gap:8px!important;font-size:13px!important;line-height:1.5;}
.footer-icon{width:24px!important;height:24px!important;border-radius:8px!important;}
.footer-icon svg{width:14px!important;height:14px!important;}
.footer-col a,.footer-col span{font-size:13px!important;}
.footer-col h3{font-size:16px!important;}
.footer-brand img{width:220px!important;}

.theme-toggle{min-width:44px;}
html[data-theme="dark"] .theme-toggle{background:rgba(255,209,57,.14);border-color:rgba(255,209,57,.35);color:#fff;}

@media(max-width:700px){
  body{font-size:15px;}
  h1{font-size:30px!important;}
  h2{font-size:24px!important;}
  .hero p,.page-hero p{font-size:15.5px!important;}
  .section{padding:52px 0;}
  .footer-icon{width:23px!important;height:23px!important;}
  .footer-icon svg{width:13px!important;height:13px!important;}
}


/* =========================
   V8 REAL FIXES — cache-busted file
   ========================= */
html{scroll-padding-top:110px;}
body{font-size:14.8px!important;line-height:1.78!important;}
h1{font-size:clamp(28px,4vw,46px)!important;line-height:1.38!important;letter-spacing:-.015em!important;}
h2{font-size:clamp(22px,2.35vw,32px)!important;line-height:1.45!important;}
h3{font-size:17px!important;line-height:1.55!important;}
.hero p,.page-hero p{font-size:15.8px!important;line-height:1.9!important;}
.section{padding:64px 0!important;}
.hero{padding:72px 0 58px!important;}
.page-hero{padding:54px 0!important;}
.section-head{margin-bottom:28px!important;}
.section-head p,.article-body,.article-body p,.category-card p,.service-card p{font-size:14.8px!important;}
.article-body h2{font-size:24px!important;margin-top:28px!important;}
.article-body h3{font-size:17px!important;}
.category-card,.service-card,.values-grid article,.sector-grid article,.process-grid article,.contact-card,.contact-form,.info-panel,.side-card{border-radius:22px!important;}
.category-card{min-height:270px!important;padding:20px!important;}
.service-card{min-height:180px!important;padding:21px!important;}
.visual-card{width:62px!important;height:62px!important;border-radius:18px!important;}
.visual-card span{width:28px!important;height:28px!important;}
.visual-card i{width:18px!important;height:18px!important;}
.btn{font-size:13.5px!important;padding:11px 17px!important;}
.nav-link{font-size:13.5px!important;padding:10px 10px!important;}
.nav-cta{font-size:13.5px!important;padding:10px 15px!important;}
.hero-stats strong{font-size:21px!important;}
.hero-stats span{font-size:12px!important;}
.hero-panel{min-height:390px!important;border-radius:30px!important;}
.service-stack span{font-size:14px!important;padding:12px 14px!important;}

/* Footer icon and text sizing — forced */
.footer-col h3{font-size:15px!important;margin-bottom:6px!important;}
.footer-col a,.footer-col span,.footer-brand p,.footer-bottom{font-size:12.5px!important;line-height:1.65!important;}
.footer-contact-item{display:flex!important;align-items:center!important;gap:7px!important;font-size:12.5px!important;line-height:1.55!important;}
.footer-icon{display:inline-grid!important;place-items:center!important;width:20px!important;height:20px!important;min-width:20px!important;border-radius:6px!important;background:rgba(255,255,255,.075)!important;color:var(--gold)!important;font-size:11px!important;line-height:1!important;}
.footer-icon svg{width:11px!important;height:11px!important;display:block!important;fill:currentColor!important;}
.footer-brand img{width:205px!important;}
.site-footer{padding:46px 0 20px!important;}
.footer-grid{gap:26px!important;}

/* WhatsApp floating button — always right in RTL and LTR */
.floating-wa{left:auto!important;right:22px!important;bottom:22px!important;inset:auto 22px 22px auto!important;}

/* Theme toggle visual */
.theme-toggle{height:42px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.10)!important;color:#fff!important;border-radius:999px!important;padding:8px 11px!important;font-size:12.5px!important;font-weight:800!important;cursor:pointer!important;}
.theme-toggle__icon{width:22px!important;height:22px!important;display:inline-grid!important;place-items:center!important;border-radius:50%!important;background:rgba(255,255,255,.14)!important;font-size:12px!important;}
.theme-toggle:hover{background:rgba(255,255,255,.18)!important;}

/* Dark mode — explicit high contrast rules */
html[data-theme="dark"]{color-scheme:dark;--ink:#eef8f6;--ink-2:#dff4f1;--paper:#061514;--paper-2:#0b2422;--white:#0b1f1e;--muted:#b4cbc7;--line:rgba(255,255,255,.14);--shadow:0 24px 70px rgba(0,0,0,.45);}
html[data-theme="dark"] body{background:#061514!important;color:#eef8f6!important;}
html[data-theme="dark"] .top-strip{background:#020908!important;color:#bad0cc!important;border-color:rgba(255,255,255,.10)!important;}
html[data-theme="dark"] .nav-wrap{background:rgba(2,9,8,.96)!important;border-color:rgba(255,255,255,.11)!important;}
html[data-theme="dark"] .hero{background:radial-gradient(circle at 15% 10%,rgba(255,209,57,.12),transparent 32%),linear-gradient(135deg,#020908,#061918 58%,#030d0c)!important;}
html[data-theme="dark"] .page-hero,
html[data-theme="dark"] .section-muted{background:linear-gradient(180deg,#071817,#061514)!important;border-color:rgba(255,255,255,.12)!important;}
html[data-theme="dark"] .section-light{background:#071817!important;}
html[data-theme="dark"] .category-card,
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .statement-card,
html[data-theme="dark"] .info-panel,
html[data-theme="dark"] .contact-card,
html[data-theme="dark"] .contact-form,
html[data-theme="dark"] .side-card,
html[data-theme="dark"] .sector-grid article,
html[data-theme="dark"] .values-grid article,
html[data-theme="dark"] .process-grid article,
html[data-theme="dark"] .gallery-grid article,
html[data-theme="dark"] .article-body,
html[data-theme="dark"] .mega-menu,
html[data-theme="dark"] .mobile-panel{background:#0b1f1e!important;color:#eef8f6!important;border-color:rgba(255,255,255,.14)!important;box-shadow:0 18px 52px rgba(0,0,0,.35)!important;}
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] .page-hero h1,
html[data-theme="dark"] .article-body h2,
html[data-theme="dark"] .article-body h3,
html[data-theme="dark"] .section-head h2,
html[data-theme="dark"] .category-card h3,
html[data-theme="dark"] .service-card h3,
html[data-theme="dark"] .info-panel h3,
html[data-theme="dark"] .side-card h3,
html[data-theme="dark"] .contact-card h3,
html[data-theme="dark"] .contact-form h3{color:#eef8f6!important;}
html[data-theme="dark"] p,
html[data-theme="dark"] .page-hero p,
html[data-theme="dark"] .section-head p,
html[data-theme="dark"] .category-card p,
html[data-theme="dark"] .service-card p,
html[data-theme="dark"] .sector-grid p,
html[data-theme="dark"] .values-grid p,
html[data-theme="dark"] .process-grid p,
html[data-theme="dark"] .article-body p,
html[data-theme="dark"] .info-panel p,
html[data-theme="dark"] .side-card p{color:#b4cbc7!important;}
html[data-theme="dark"] .check-list li,
html[data-theme="dark"] .breadcrumb,
html[data-theme="dark"] .mobile-panel>a,
html[data-theme="dark"] .mobile-panel summary{color:#d6eeea!important;}
html[data-theme="dark"] .mini-links a,
html[data-theme="dark"] .side-links a,
html[data-theme="dark"] .step-list li,
html[data-theme="dark"] .faq-list details,
html[data-theme="dark"] .contact-form input,
html[data-theme="dark"] .contact-form select,
html[data-theme="dark"] .contact-form textarea{background:#071817!important;border-color:rgba(255,255,255,.14)!important;color:#eef8f6!important;}
html[data-theme="dark"] .contact-form input::placeholder,
html[data-theme="dark"] .contact-form textarea::placeholder{color:#8fa5a1!important;}
html[data-theme="dark"] .mega-col li a,
html[data-theme="dark"] .mobile-panel .mega-col li a{color:#c7deda!important;}
html[data-theme="dark"] .category-card__top span{background:rgba(255,209,57,.12)!important;color:#ffd139!important;}
html[data-theme="dark"] .theme-toggle{background:rgba(255,209,57,.16)!important;border-color:rgba(255,209,57,.38)!important;color:#fff!important;}
html[data-theme="dark"] .theme-toggle__icon{background:rgba(255,209,57,.16)!important;color:#ffd139!important;}

@media(max-width:1100px){
  .theme-toggle__text{display:none!important;}
  .theme-toggle{width:42px!important;padding:0!important;justify-content:center!important;}
  .footer-grid{grid-template-columns:1fr 1fr!important;}
}
@media(max-width:700px){
  body{font-size:14.3px!important;}
  h1{font-size:27px!important;}
  h2{font-size:21px!important;}
  h3{font-size:16px!important;}
  .hero{padding:50px 0 42px!important;}
  .section{padding:46px 0!important;}
  .page-hero{padding:42px 0!important;}
  .footer-grid{grid-template-columns:1fr!important;}
  .footer-icon{width:19px!important;height:19px!important;min-width:19px!important;}
  .footer-icon svg{width:10px!important;height:10px!important;}
  .floating-wa{right:14px!important;bottom:14px!important;inset:auto 14px 14px auto!important;}
}


/* ===============================
   Mazaya V9 final refinement layer
   =============================== */
:root{
  --container:1160px;
}
body{font-size:15.4px!important;line-height:1.82!important;}
h1{font-size:clamp(30px,4.1vw,50px)!important;line-height:1.42!important;}
h2{font-size:clamp(23px,2.55vw,34px)!important;line-height:1.45!important;}
h3{font-size:18px!important;line-height:1.55!important;}
.hero p,.page-hero p{font-size:15.8px!important;line-height:1.9!important;}
.nav-link{font-size:14px!important;padding:11px 12px!important;}
.top-strip{font-size:12.5px!important;}
.section{padding:70px 0!important;}
.page-hero{padding:52px 0!important;}
.hero{padding:78px 0 64px!important;}
.category-card,.service-card,.statement-card,.info-panel,.contact-card,.contact-form,.side-card,.values-grid article,.sector-grid article,.process-grid article{border-radius:22px!important;}
.statement-card{padding:32px!important;}
.statement-card h3{margin:0 0 14px!important;}
.statement-card p{margin:0 0 26px!important;line-height:2!important;color:var(--muted)!important;}
.statement-card p:last-child{margin-bottom:0!important;}
.article-body h2{font-size:25px!important;}
.service-card h3{font-size:17px!important;}
.category-card h3{font-size:18px!important;}

.footer-col a,.footer-col span{font-size:13px!important;}
.footer-contact-item{display:flex!important;align-items:center!important;gap:8px!important;line-height:1.45!important;}
.footer-icon{display:inline-grid!important;place-items:center!important;width:18px!important;height:18px!important;min-width:18px!important;border-radius:6px!important;background:rgba(255,255,255,.075)!important;color:var(--gold)!important;font-size:10px!important;line-height:1!important;}
.footer-icon svg{width:10px!important;height:10px!important;display:block!important;fill:currentColor!important;}

.contact-card{gap:12px!important;}
.contact-card h2,.contact-form h2{margin-bottom:8px!important;}
.contact-card .contact-row{display:flex!important;grid-template-columns:none!important;align-items:center!important;gap:12px!important;border-bottom:1px solid var(--line)!important;padding:12px 0!important;color:inherit!important;}
.contact-card .contact-row:first-of-type{padding-top:4px!important;}
.contact-card .contact-row span:last-child{display:grid!important;gap:3px!important;}
.contact-card .contact-row strong{color:var(--teal)!important;font-size:13.5px!important;}
.contact-card .contact-row small{color:var(--muted)!important;font-size:13px!important;direction:ltr;text-align:right;}
.contact-icon{display:inline-grid!important;place-items:center!important;width:34px!important;height:34px!important;min-width:34px!important;border-radius:12px!important;background:linear-gradient(135deg,rgba(0,159,149,.12),rgba(255,209,57,.16))!important;color:var(--teal)!important;}
.contact-icon svg{width:17px!important;height:17px!important;fill:currentColor!important;}
.form-note{font-size:13px!important;color:var(--muted)!important;margin:0!important;}
.contact-form input,.contact-form select,.contact-form textarea{font-size:14px!important;padding:12px 14px!important;border-radius:14px!important;}
.contact-form textarea{min-height:118px!important;}

.floating-wa{left:auto!important;right:22px!important;bottom:22px!important;inset:auto 22px 22px auto!important;}
.back-to-top{cursor:pointer;}

html[data-theme="dark"] .statement-card p,
html[data-theme="dark"] .contact-card .contact-row small,
html[data-theme="dark"] .form-note{color:#b4cbc7!important;}
html[data-theme="dark"] .contact-icon{background:rgba(255,209,57,.12)!important;color:#ffd139!important;}
html[data-theme="dark"] .contact-card .contact-row{border-color:rgba(255,255,255,.14)!important;}

@media(max-width:1100px){
  body{font-size:14.8px!important;}
  h1{font-size:clamp(28px,4vw,42px)!important;}
  h2{font-size:clamp(21px,2.6vw,30px)!important;}
}
@media(max-width:700px){
  body{font-size:14px!important;}
  h1{font-size:26px!important;}
  h2{font-size:20px!important;}
  h3{font-size:16px!important;}
  .section{padding:44px 0!important;}
  .hero{padding:48px 0 40px!important;}
  .page-hero{padding:38px 0!important;}
  .footer-icon{width:17px!important;height:17px!important;min-width:17px!important;}
  .footer-icon svg{width:9px!important;height:9px!important;}
  .contact-icon{width:31px!important;height:31px!important;min-width:31px!important;}
  .contact-icon svg{width:15px!important;height:15px!important;}
  .floating-wa{right:14px!important;bottom:14px!important;inset:auto 14px 14px auto!important;}
}


/* =========================
   V10 precision fixes — based on V9 without breaking layout
   ========================= */

/* 1) Top strip: real icons instead of plain text */
.top-strip__contact{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:12px!important;
  min-width:0!important;
}
.top-contact-item{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  color:#eefaf8!important;
  font-size:12.8px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.top-contact-item svg{
  width:14px!important;
  height:14px!important;
  fill:var(--gold)!important;
  flex:0 0 auto!important;
}
.top-contact-item:hover{color:#fff!important;}

/* 2) Mega menu: fix RTL clipping from the right side */
.site-header,.nav-wrap,.nav-inner,.main-nav{overflow:visible!important;}
.nav-item.has-mega{position:static!important;}
.mega-menu{
  position:absolute!important;
  top:calc(100% + 0px)!important;
  left:50%!important;
  right:auto!important;
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
  width:min(1080px,calc(100vw - 48px))!important;
  max-width:calc(100vw - 48px)!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;
  padding:26px 30px!important;
  transform:translateX(-50%) translateY(10px)!important;
  border-radius:0 0 24px 24px!important;
  overflow:hidden!important;
  z-index:90!important;
}
.has-mega:hover .mega-menu,
.has-mega:focus-within .mega-menu{
  opacity:1!important;
  visibility:visible!important;
  transform:translateX(-50%) translateY(0)!important;
}
.mega-title{font-size:14px!important;line-height:1.7!important;}
.mega-col li a{font-size:12.8px!important;line-height:1.8!important;white-space:normal!important;}
html[data-theme="dark"] .mega-menu{
  background:#071918!important;
  color:#eaf8f6!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 28px 75px rgba(0,0,0,.55)!important;
}
html[data-theme="dark"] .mega-title{color:#19c9bd!important;}
html[data-theme="dark"] .mega-col li a{color:#c7dcda!important;}
html[data-theme="dark"] .mega-col li a:hover{color:#ffd139!important;}

/* 3) Restore footer icons to V8-like balance */
.footer-col h3{font-size:15.5px!important;margin-bottom:7px!important;}
.footer-col a,.footer-col span,.footer-brand p,.footer-bottom{font-size:13px!important;line-height:1.65!important;}
.footer-contact-item{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#b9ceca!important;
  font-size:13px!important;
  line-height:1.55!important;
}
.footer-contact-item:hover{color:#fff!important;}
.footer-icon{
  display:inline-grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.08)!important;
  color:var(--gold)!important;
  font-size:13px!important;
  line-height:1!important;
  flex:0 0 auto!important;
}
.footer-icon svg{
  width:14px!important;
  height:14px!important;
  display:block!important;
  fill:currentColor!important;
}
.footer-whatsapp .footer-icon{color:#25d366!important;}
.footer-whatsapp{color:#d9ffdf!important;}

/* 4) Contact page: icons above and inside contact details must be visible */
.contact-hero-links{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:22px!important;
}
.contact-hero-links a{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:9px 13px!important;
  border:1px solid var(--line)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.72)!important;
  color:var(--ink)!important;
  font-weight:800!important;
  font-size:13px!important;
  box-shadow:0 10px 28px rgba(7,22,22,.05)!important;
}
.contact-hero-icon{
  display:inline-grid!important;
  place-items:center!important;
  width:26px!important;
  height:26px!important;
  min-width:26px!important;
  border-radius:8px!important;
  background:rgba(0,159,149,.12)!important;
  color:var(--teal)!important;
}
.contact-hero-icon svg{width:15px!important;height:15px!important;fill:currentColor!important;}
.contact-hero-icon.is-wa{color:#25d366!important;background:rgba(37,211,102,.12)!important;}

.contact-card .contact-row{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  gap:14px!important;
  border-bottom:1px solid var(--line)!important;
  padding:14px 0!important;
  color:inherit!important;
}
.contact-card .contact-row:first-of-type{padding-top:4px!important;}
.contact-card .contact-row span:last-child{display:grid!important;gap:3px!important;}
.contact-card .contact-row strong{color:var(--teal)!important;font-size:14px!important;}
.contact-card .contact-row small{color:var(--muted)!important;font-size:13px!important;direction:ltr;text-align:right;}
.contact-icon{
  display:inline-grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,rgba(0,159,149,.14),rgba(255,209,57,.18))!important;
  color:var(--teal)!important;
  flex:0 0 auto!important;
}
.contact-icon svg{width:20px!important;height:20px!important;fill:currentColor!important;}

html[data-theme="dark"] .contact-hero-links a{
  background:rgba(255,255,255,.07)!important;
  color:#edf9f7!important;
  border-color:rgba(255,255,255,.13)!important;
}
html[data-theme="dark"] .contact-hero-icon,
html[data-theme="dark"] .contact-icon{
  background:rgba(255,209,57,.12)!important;
  color:#ffd139!important;
}
html[data-theme="dark"] .contact-card .contact-row{border-color:rgba(255,255,255,.14)!important;}
html[data-theme="dark"] .contact-card .contact-row small{color:#b7ccc8!important;}

/* 5) Keep the global typography compact but not crushed */
body{font-size:14.6px!important;}
h1{font-size:clamp(28px,3.7vw,44px)!important;}
h2{font-size:clamp(22px,2.2vw,30px)!important;}
h3{font-size:16.5px!important;}
.hero p,.page-hero p{font-size:15.5px!important;}

@media(max-width:1100px){
  .mega-menu{display:none!important;}
}
@media(max-width:700px){
  .top-strip__contact{display:none!important;}
  .footer-icon{width:23px!important;height:23px!important;min-width:23px!important;}
  .footer-icon svg{width:13px!important;height:13px!important;}
  .contact-icon{width:36px!important;height:36px!important;min-width:36px!important;}
  .contact-icon svg{width:18px!important;height:18px!important;}
  .contact-hero-links a{font-size:12.5px!important;padding:8px 11px!important;}
}

/* V10.1 top strip overflow guard */
.top-strip__inner{overflow:visible!important;}
.top-strip__inner > span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;}
@media(max-width:1180px){.top-strip__inner > span:nth-child(2){display:none!important;}}


/* =========================================================
   V11 FINAL PATCH — Mega Menu overflow/clipping fix
   Problem solved: menu must NEVER leave viewport in RTL.
   ========================================================= */
html, body{
  width:100%!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
.site-header{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  overflow:visible!important;
}
.nav-wrap,
.nav-inner,
.main-nav,
.nav-item,
.nav-item.has-mega{
  overflow:visible!important;
}
.nav-item.has-mega{
  position:static!important;
}
/* Full-width corporate mega menu: stable in RTL and no horizontal scroll */
.main-nav .mega-menu{
  position:absolute!important;
  top:100%!important;
  left:0!important;
  right:0!important;
  inset-inline-start:0!important;
  inset-inline-end:0!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:26px max(28px, calc((100vw - 1180px) / 2))!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:28px!important;
  border-radius:0 0 26px 26px!important;
  border-inline:0!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  background:#ffffff!important;
  box-shadow:0 28px 70px rgba(7,22,22,.16)!important;
  color:var(--ink)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(8px)!important;
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease!important;
  direction:rtl!important;
  box-sizing:border-box!important;
  z-index:1100!important;
}
.main-nav .has-mega:hover .mega-menu,
.main-nav .has-mega:focus-within .mega-menu{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0)!important;
}
.main-nav .mega-col{
  min-width:0!important;
  text-align:right!important;
}
.main-nav .mega-title{
  display:block!important;
  color:var(--teal)!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.75!important;
  margin:0 0 12px!important;
  white-space:normal!important;
}
.main-nav .mega-col ul{
  display:grid!important;
  gap:7px!important;
  margin:0!important;
  padding:0!important;
}
.main-nav .mega-col li,
.main-nav .mega-col li a{
  min-width:0!important;
  max-width:100%!important;
}
.main-nav .mega-col li a{
  color:#31504e!important;
  font-size:13px!important;
  line-height:1.8!important;
  padding:3px 0!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.main-nav .mega-col li a:hover{color:var(--teal)!important;}
html[data-theme="dark"] .main-nav .mega-menu{
  background:#061514!important;
  border-color:rgba(255,255,255,.1)!important;
  box-shadow:0 30px 80px rgba(0,0,0,.55)!important;
  color:#eaf8f6!important;
}
html[data-theme="dark"] .main-nav .mega-title{color:#19c9bd!important;}
html[data-theme="dark"] .main-nav .mega-col li a{color:#c7dcda!important;}
html[data-theme="dark"] .main-nav .mega-col li a:hover{color:#ffd139!important;}
/* Keep desktop navigation compact enough without breaking Arabic text */
@media (min-width:1101px){
  .nav-inner{gap:16px!important;}
  .brand{width:205px!important;min-width:190px!important;}
  .brand img{width:205px!important;}
  .main-nav{gap:4px!important;}
  .nav-link{font-size:13.5px!important;padding:10px 10px!important;}
  .nav-cta{font-size:13.5px!important;padding:10px 16px!important;}
  .theme-toggle{font-size:13px!important;padding:9px 13px!important;}
}
@media (max-width:1100px){
  .main-nav .mega-menu{display:none!important;}
}


/* =========================================================
   V12 POLISH PATCH — footer 3 columns + dark CTA contrast
   Based on V11, no redesign.
   ========================================================= */

/* 1) CTA button: fix unreadable button text in dark mode */
.cta-band .btn-dark,
.btn-dark{
  background:#061514!important;
  color:#ffffff!important;
  border-color:rgba(255,255,255,.16)!important;
}
.cta-band .btn-dark:hover,
.btn-dark:hover{
  background:#020908!important;
  color:#ffffff!important;
}
html[data-theme="dark"] .cta-band .btn-dark,
html[data-theme="dark"] .btn-dark{
  background:#020908!important;
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.28)!important;
}
html[data-theme="dark"] .cta-band .btn-dark:hover,
html[data-theme="dark"] .btn-dark:hover{
  background:#000!important;
  color:#ffd139!important;
}

/* 2) Footer: brand as intro, the three footer sections side-by-side */
.site-footer{
  overflow:hidden!important;
}
.footer-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:26px 34px!important;
  align-items:start!important;
}
.footer-brand{
  grid-column:1 / -1!important;
  max-width:760px!important;
}
.footer-brand img{
  width:220px!important;
  margin-bottom:14px!important;
}
.footer-brand p{
  max-width:760px!important;
  margin:0!important;
}
.footer-col{
  min-width:0!important;
  align-content:start!important;
  gap:9px!important;
}
.footer-col h3{
  position:relative!important;
  padding-bottom:8px!important;
  margin-bottom:6px!important;
}
.footer-col h3::after{
  content:"";
  position:absolute;
  inset-inline-start:0;
  bottom:0;
  width:34px;
  height:2px;
  border-radius:999px;
  background:var(--gold);
  opacity:.9;
}
.footer-col a,
.footer-col span{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
.footer-contact-item{
  min-width:0!important;
  align-items:flex-start!important;
}
.footer-contact-item span:last-child{
  min-width:0!important;
  overflow-wrap:anywhere!important;
}

/* 3) Footer icon balance: keep V8/V10 visual weight */
.footer-icon{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  border-radius:8px!important;
}
.footer-icon svg{
  width:14px!important;
  height:14px!important;
}

/* 4) Mobile/tablet footer: still three parts beside each other where possible */
@media(max-width:900px){
  .footer-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:22px 18px!important;
  }
  .footer-brand{
    grid-column:1 / -1!important;
  }
  .footer-col h3{font-size:14.5px!important;}
  .footer-col a,.footer-col span,.footer-contact-item{font-size:12.2px!important;}
}
@media(max-width:560px){
  .footer-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:20px 10px!important;
  }
  .footer-brand img{width:190px!important;}
  .footer-brand p{font-size:12.4px!important;line-height:1.75!important;}
  .footer-col{gap:7px!important;}
  .footer-col h3{font-size:13.4px!important;line-height:1.55!important;}
  .footer-col a,.footer-col span,.footer-contact-item{font-size:11.2px!important;line-height:1.65!important;}
  .footer-contact-item{gap:5px!important;}
  .footer-icon{width:20px!important;height:20px!important;min-width:20px!important;border-radius:7px!important;}
  .footer-icon svg{width:11px!important;height:11px!important;}
  .footer-bottom{font-size:11.8px!important;}
}
@media(max-width:400px){
  .footer-grid{
    grid-template-columns:1fr!important;
  }
  .footer-brand,
  .footer-col{grid-column:auto!important;}
  .footer-col a,.footer-col span,.footer-contact-item{font-size:12.5px!important;}
}


/* V13 image integration */
.hero-panel--image{padding:0;min-height:460px;gap:0;justify-content:stretch;overflow:hidden;}
.hero-photo-frame{height:330px;overflow:hidden;border-radius:34px 34px 0 0;background:linear-gradient(135deg,#082524,#009f95);}
.hero-photo-frame img{width:100%;height:100%;object-fit:cover;display:block;}
.hero-photo-frame.is-missing:after{content:"ضع صورة home-hero.webp داخل assets/img";display:grid;place-items:center;height:100%;color:#fff;font-weight:800;background:linear-gradient(135deg,#082524,#009f95);}
.hero-panel--image .service-stack{padding:18px;}
.category-card__media,.service-group-photo,.category-hero-photo,.service-hero-photo,.statement-photo,.gallery-photo{overflow:hidden;background:linear-gradient(135deg,#092827,#009f95);border:1px solid rgba(0,159,149,.16);}
.category-card__media{width:92px;height:76px;border-radius:22px;flex:0 0 auto;box-shadow:0 14px 30px rgba(7,22,22,.09);}
.category-card__media img,.service-group-photo img,.category-hero-photo img,.service-hero-photo img,.statement-photo img,.gallery-photo img{width:100%;height:100%;object-fit:cover;display:block;}
.category-card__media.is-missing:after,.service-group-photo.is-missing:after,.category-hero-photo.is-missing:after,.service-hero-photo.is-missing:after,.statement-photo.is-missing:after,.gallery-photo.is-missing:after{content:"";display:block;width:100%;height:100%;background:linear-gradient(135deg,#092827,#009f95);}
.service-group-photo{width:96px;height:78px;border-radius:22px;box-shadow:0 14px 30px rgba(7,22,22,.08);}
.category-hero-photo{width:190px;height:150px;border-radius:34px;box-shadow:var(--shadow);}
.service-hero-photo{width:260px;height:190px;border-radius:34px;box-shadow:var(--shadow);}
.statement-photo{height:190px;border-radius:24px;margin-bottom:24px;}
.gallery-photo{height:230px;position:relative;}
.gallery-photo span{position:absolute;inset:20px 20px auto auto;background:var(--gold);color:var(--ink);font-weight:900;border-radius:14px;padding:7px 10px;}
html[data-theme="dark"] .category-card__media,html[data-theme="dark"] .service-group-photo,html[data-theme="dark"] .category-hero-photo,html[data-theme="dark"] .service-hero-photo,html[data-theme="dark"] .statement-photo,html[data-theme="dark"] .gallery-photo{border-color:rgba(255,255,255,.12)}
@media(max-width:1100px){.hero-panel--image{min-height:auto}.hero-photo-frame{height:280px}.service-hero-photo,.category-hero-photo{width:100%;height:230px}.page-hero-grid{grid-template-columns:1fr}}
@media(max-width:700px){.hero-photo-frame{height:230px}.category-card__media{width:86px;height:70px}.service-group-photo{width:100%;height:170px}.service-hero-photo,.category-hero-photo{height:210px}.statement-photo{height:170px}}

/* =========================================================
   V14 FINAL POLISH PATCH
   - Service hero images repositioned safely inside the page
   - WhatsApp ghost button readable in light mode
   - Mega menu stays open long enough to move mouse into it
   ========================================================= */

/* 1) Service-page image: prevent left clipping and move the image inward/right */
@media (min-width:1101px){
  .service-article-hero .page-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(280px,320px)!important;
    gap:42px!important;
    align-items:center!important;
  }
  .service-article-hero .service-hero-photo{
    width:280px!important;
    height:205px!important;
    justify-self:center!important;
    margin-inline-start:0!important;
    margin-inline-end:18px!important;
    transform:none!important;
  }
}
@media (min-width:701px) and (max-width:1100px){
  .service-article-hero .service-hero-photo,
  .category-hero-photo{
    width:min(520px,100%)!important;
    height:260px!important;
    justify-self:end!important;
    margin-inline-start:auto!important;
    margin-inline-end:0!important;
  }
}
@media(max-width:700px){
  .service-article-hero .service-hero-photo,
  .category-hero-photo{
    width:100%!important;
    height:220px!important;
    margin:18px 0 0!important;
    border-radius:28px!important;
  }
}

/* 2) Page hero buttons: WhatsApp button must be readable in both light/dark */
.page-hero .btn-ghost,
.service-article-hero .btn-ghost{
  color:#061514!important;
  background:rgba(6,21,20,.06)!important;
  border-color:rgba(6,21,20,.22)!important;
}
.page-hero .btn-ghost:hover,
.service-article-hero .btn-ghost:hover{
  color:#061514!important;
  background:#ffd139!important;
  border-color:#ffd139!important;
}
html[data-theme="dark"] .page-hero .btn-ghost,
html[data-theme="dark"] .service-article-hero .btn-ghost{
  color:#ffffff!important;
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.28)!important;
}
html[data-theme="dark"] .page-hero .btn-ghost:hover,
html[data-theme="dark"] .service-article-hero .btn-ghost:hover{
  color:#061514!important;
  background:#ffd139!important;
  border-color:#ffd139!important;
}

/* 3) Mega menu stability: class is controlled by JS with delayed close */
.main-nav .has-mega.mega-open .mega-menu{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translateY(0)!important;
}
.main-nav .mega-menu{
  transition:opacity .16s ease, transform .16s ease, visibility 0s linear .24s!important;
}
.main-nav .has-mega:hover .mega-menu,
.main-nav .has-mega:focus-within .mega-menu,
.main-nav .has-mega.mega-open .mega-menu{
  transition-delay:0s!important;
}

/* Invisible hover bridge between the nav item and full-width menu */
@media (min-width:1101px){
  .main-nav .has-mega::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:100%;
    height:18px;
    z-index:1099;
    pointer-events:auto;
  }
}


/* =========================================================
   V15 LOCAL SEO AREA KEYWORDS
   - Adds clean local service-area blocks under FAQ
   - Uses natural visible content, not hidden keyword stuffing
   ========================================================= */
.local-keywords{
  margin-top:34px;
  padding:26px;
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(135deg,rgba(0,159,149,.08),rgba(255,209,57,.08));
  box-shadow:0 18px 45px rgba(7,22,22,.06);
}
.local-keywords h2{
  margin:0 0 10px;
  font-size:clamp(1.15rem,2vw,1.65rem);
}
.local-keywords__lead{
  margin:0 0 22px;
  color:var(--muted);
  line-height:1.9;
  max-width:78ch;
}
.local-keywords__grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.local-keywords__group{
  padding:18px;
  border-radius:22px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(0,159,149,.14);
}
.local-keywords__group h3{
  margin:0 0 13px;
  color:var(--teal);
  font-size:1rem;
}
.local-keyword-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}
.local-keyword-list li{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(0,159,149,.10);
  color:var(--ink);
  border:1px solid rgba(0,159,149,.16);
  font-size:.9rem;
  font-weight:600;
  line-height:1.45;
}
.local-keywords__note{
  margin:18px 0 0;
  padding-top:14px;
  border-top:1px dashed rgba(0,159,149,.28);
  color:var(--muted);
  font-size:.92rem;
  line-height:1.85;
}
html[data-theme="dark"] .local-keywords{
  background:linear-gradient(135deg,rgba(0,159,149,.12),rgba(255,209,57,.08));
  border-color:rgba(255,255,255,.12);
  box-shadow:none;
}
html[data-theme="dark"] .local-keywords__group{
  background:rgba(255,255,255,.045);
  border-color:rgba(255,255,255,.10);
}
html[data-theme="dark"] .local-keyword-list li{
  background:rgba(0,159,149,.14);
  color:var(--text);
  border-color:rgba(255,255,255,.12);
}
html[data-theme="dark"] .local-keywords__note{
  border-top-color:rgba(255,255,255,.13);
}
@media(max-width:800px){
  .local-keywords{padding:20px;border-radius:24px;}
  .local-keywords__grid{grid-template-columns:1fr;gap:14px;}
  .local-keyword-list li{font-size:.86rem;}
}


/* =========================================================
   V16 REFINEMENTS
   1) Local SEO keywords block moved to a full-width section below article.
   2) Keeps the block elegant on desktop and unchanged/readable on mobile.
   ========================================================= */
.local-keywords-section{
  padding-top:0;
  background:linear-gradient(180deg, transparent 0%, rgba(0,159,149,.045) 100%);
}
.local-keywords-section .local-keywords{
  margin-top:0;
  width:100%;
}
@media (min-width: 1000px){
  .local-keywords-section .local-keywords{
    padding:34px;
  }
  .local-keywords-section .local-keywords__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
  }
}
html[data-theme="dark"] .local-keywords-section{
  background:linear-gradient(180deg, transparent 0%, rgba(0,159,149,.055) 100%);
}


/* =========================================================
   V17 PERFORMANCE PATCH
   - Avoid unnecessary paint/layout work below the fold
   - Stabilize image boxes and reduce mobile layout cost
   - Keep current V16 visual design
   ========================================================= */
img{height:auto;}
.hero-photo-frame img,
.category-card__media img,
.service-group-photo img,
.category-hero-photo img,
.service-hero-photo img,
.statement-photo img,
.gallery-photo img{content-visibility:auto;}
.section:not(.hero),
.local-keywords-section,
.site-footer{content-visibility:auto;contain-intrinsic-size:1px 700px;}
.hero-photo-frame,
.category-card__media,
.service-group-photo,
.category-hero-photo,
.service-hero-photo,
.statement-photo,
.gallery-photo{contain:layout paint;}
@media(max-width:700px){
  .hero{padding-top:46px!important;padding-bottom:38px!important;}
  .hero-grid{gap:30px!important;}
  .hero-photo-frame{height:210px!important;}
  .category-card__media img,
  .service-group-photo img,
  .gallery-photo img{object-position:center center;}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;}
}

/* =========================
   V19 CLS FIX — desktop stability
   Reason: async CSS + incomplete critical CSS caused desktop layout shifts.
   Full CSS is now loaded normally and image boxes reserve stable space.
   ========================= */
.hero-photo-frame,
.category-card__media,
.statement-photo,
.service-group-photo,
.category-hero-photo,
.service-hero-photo,
.gallery-photo{
  overflow:hidden;
  background:linear-gradient(135deg,#07302d,#009f95);
}
.hero-photo-frame{aspect-ratio:14/9;min-height:280px;border-radius:28px;}
.category-card__media{aspect-ratio:5/3;border-radius:18px;margin-bottom:14px;}
.statement-photo{aspect-ratio:20/13;border-radius:22px;margin-bottom:18px;}
.service-group-photo{aspect-ratio:5/3;border-radius:20px;min-width:88px;}
.category-hero-photo{aspect-ratio:5/3;min-height:160px;}
.service-hero-photo{aspect-ratio:20/13;min-height:180px;}
.gallery-photo{aspect-ratio:18/13;position:relative;}
.hero-photo-frame img,
.category-card__media img,
.statement-photo img,
.service-group-photo img,
.category-hero-photo img,
.service-hero-photo img,
.gallery-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
}
/* Avoid CLS warnings caused by deferred contained sections in Lighthouse desktop */
.gallery-photo img,.site-footer{content-visibility:visible!important;contain-intrinsic-size:auto!important;}
@media (min-width:981px){
  .page-hero-grid{grid-template-columns:minmax(0,1fr) 320px!important;}
  .service-article-hero .page-hero-grid{grid-template-columns:minmax(0,1fr) 360px!important;}
}
@media (max-width:640px){
  .hero-photo-frame{min-height:auto;}
  .category-card__media,.statement-photo,.service-group-photo,.category-hero-photo,.service-hero-photo,.gallery-photo{min-height:auto;}
}

/* =========================
   V20 GALLERY FIX
   - gallery-07/08/09 now use real image slots in gallery.html
   - gallery images fill the full card width exactly
   ========================= */
.gallery-grid article{
  overflow:hidden!important;
  padding:0!important;
}
.gallery-grid .gallery-photo{
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  aspect-ratio:18/13!important;
  display:block!important;
  border:0!important;
  border-radius:0!important;
  margin:0!important;
  background:linear-gradient(135deg,#07302d,#009f95)!important;
}
.gallery-grid .gallery-photo img{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  display:block!important;
}
.gallery-grid .gallery-photo.is-missing::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  display:block!important;
  background:linear-gradient(135deg,#07302d,#009f95)!important;
}
.gallery-grid h3{
  margin:16px 18px 6px!important;
  padding:0!important;
  font-size:17px!important;
}
.gallery-grid p{
  margin:0 18px 18px!important;
  padding:0!important;
}
@media (max-width:700px){
  .gallery-grid h3{font-size:16px!important;}
  .gallery-grid p{font-size:13px!important;}
}