/* Header address and phone across every page */
html body .zh header::after{content:"24A Street, Al Quoz Industrial Area 1\A Dubai, U.A.E.\A +971 52 771 1072";white-space:pre-line;display:block;color:#fff6e9;font:13px/1.75 Arial,sans-serif;letter-spacing:.015em;text-align:right;position:absolute;right:3vw;top:50%;transform:translateY(-50%);width:235px}
@media(min-width:1200px) and (max-width:1399px){html body .zh header>nav[aria-label="Main navigation"]{gap:16px!important;letter-spacing:.035em!important}}
@media(min-width:801px) and (max-width:1199px){html body .zh header::after{position:static;transform:none;margin-left:auto;align-self:center;font-size:12px}html body .zh header{flex-wrap:wrap!important}html body .zh header>nav[aria-label="Main navigation"]{order:3!important}}
@media(max-width:800px){html body .zh header::after{position:static;transform:none;width:100%;text-align:center;font-size:12px;line-height:1.65;flex-basis:100%;margin-top:10px}html body .zh header{flex-wrap:wrap!important}}
/* Zein Home dark portfolio design */body{background:#0c0c0c!important}.wp-site-blocks{padding-top:0!important}.wp-block-post-content{margin-top:0!important}.zh{--ink:#f4f4f4!important;--gold:#aaa!important;--cream:#141414!important;color:#f4f4f4!important;background:#0c0c0c!important}.zh h1,.zh h2,.zh h3{font-family:Arial,sans-serif!important;letter-spacing:-.035em}.zh .brand{width:auto!important;min-width:230px;flex-shrink:0;font-size:20px!important}.zh .brand img{filter:brightness(0) invert(1);flex-shrink:0}.zh .brand span{white-space:nowrap}.zh .brand small{white-space:normal;max-width:180px}.zh:has(.page-head) header{background:#0c0c0c!important;color:#fff!important;padding:35px 4vw!important}.zh:has(.page-head) nav{text-transform:uppercase;font-size:11px;letter-spacing:.16em}.zh:has(.page-head) header>.btn{display:none}.zh .page-head{background:#121212!important;padding:90px 0 70px!important}.zh .page-head h1{color:white!important;font-weight:600}.zh .page-head p,.zh .category-card p,.zh .breadcrumbs{color:#aaa!important}.zh .category-grid{gap:50px 30px!important}.zh .category-card img{height:400px!important;filter:brightness(.85);transition:filter .4s}.zh .category-card:hover img{filter:brightness(1)}.zh .category-placeholder{background:#191919!important;color:#aaa!important;height:400px!important;font-family:Arial,sans-serif!important}.zh .portfolio-cta,.zh footer{background:#121212!important;color:#aaa!important}.zh .btn{border-color:#555!important;background:transparent!important;color:#fff!important}.zh .empty-gallery{border-color:#333!important}.zh .portfolio-gallery{column-gap:40px!important}.zh .portfolio-gallery figure{margin-bottom:40px!important}@media(max-width:800px){.zh .brand{min-width:0}.zh:has(.page-head) header{gap:24px!important}.zh .page-head{padding:60px 0!important}.zh .category-card img,.zh .category-placeholder{height:300px!important}.zh header{position:relative!important;top:auto!important;padding:24px!important;background:#090909!important}.zh .hero{height:85svh}.zh .hero .wrap{top:35%}}
/* Zein Home motion */@view-transition{navigation:auto}::view-transition-old(root){animation:zh-out .22s ease both}::view-transition-new(root){animation:zh-in .45s ease both}@keyframes zh-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes zh-out{to{opacity:0}}@keyframes zh-reveal{from{opacity:.25;transform:translateY(35px)}to{opacity:1;transform:none}}.zh .page-head h1,.zh .page-head p{animation:zh-in .8s ease both}.zh .page-head p{animation-delay:.12s}.zh .btn,.zh nav a,.zh .filter-bar button{transition:background .25s,color .25s,border-color .25s,transform .25s,opacity .25s}.zh .btn:hover{background:#eee!important;color:#111!important;transform:translateY(-2px)}.zh .category-card,.zh .service-cards article{overflow:hidden}.zh .category-card img,.zh .service-cards img,.zh .portfolio-gallery img{transition:transform .7s ease,filter .5s ease}.zh .category-card:hover img,.zh .service-cards a:hover img{transform:scale(1.035)}.zh .menu-panel{animation:zh-in .35s ease}.zh-lightbox[open]{animation:zh-in .25s ease}.zh .slide img{transition:transform 7s linear,opacity .8s ease}.zh .slide:has(~input:checked) img{transform:scale(1.03)}@supports(animation-timeline:view()){.zh section>.wrap>h2,.zh .split,.zh .category-card,.zh .service,.zh .steps>div,.zh .portfolio-gallery figure,.zh .article-body>h2{animation:zh-reveal ease both;animation-timeline:view();animation-range:entry 0% entry 90%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.zh *,.zh-lightbox,::view-transition-old(root),::view-transition-new(root){animation:none!important;transition:none!important}}
@media(max-width:800px){.zh{overflow-x:clip}.zh header{gap:12px!important;padding:20px 18px!important}.zh .brand{min-width:0!important;width:auto!important;gap:10px!important;flex:1!important}.zh .brand span{white-space:normal!important}.zh .brand small{max-width:145px!important;line-height:1.5}.zh .zh-menu{flex:0 0 auto}.zh .hero .wrap{left:0!important;width:100%!important;padding-left:24px!important;padding-right:24px!important}.zh .hero h1{font-size:clamp(38px,10vw,64px)!important;max-width:100%!important}.zh .hero .slide{width:100%!important}.zh .hero-controls{right:20px!important}.zh .menu-panel nav{max-width:100%}.zh .page-head h1{overflow-wrap:break-word}.zh-enquiry{padding:45px 20px}.zh .feature-image{min-height:250px}}

/* Zein Home continuous natural walnut background */
:root{--zh-wood-texture:radial-gradient(ellipse at 80% 10%,#b69a4810,transparent 55%),linear-gradient(135deg,#18271d 0%,#142119 48%,#111d15 100%);--zh-wood-base:#142119;--zh-wood-dark:#111d15}
/* Approved olive and cream background palette */
html body .zh :is(section.cream,#about){background:#f5f1e8!important;background-image:none!important;color:#293127!important}
html body .zh :is(section.cream,#about) :is(h1,h2,h3,h4,p,.intro,.section-head p,.service p,.steps p,li,details,summary,figcaption){color:#293127!important}
html body .zh :is(section.cream,#about) :is(.eyebrow,.num){color:#94723c!important}
html body .zh :is(section.cream,#about) :is(.service,details summary){border-color:#d5cbb9!important}
html body .zh :is(section.cream,#about) .btn{color:#293127!important;border-color:#aa8b55!important;background:transparent!important}
html body .zh :is(section.cream,#about) .btn:hover{background:#18271d!important;color:#f5f1e8!important}
html body .zh section.cream .service details>summary{background:#eae3d4!important;color:#293127!important;border-color:#d5cbb9!important}
html body .zh section.cream :is(details summary:after,.num){color:#94723c!important}
html body .zh :is(.menu-panel,.service-nav>div){background:#142119!important}

body{background-color:var(--zh-wood-base)!important;background-image:linear-gradient(90deg,#00000012,transparent 50%,#00000012),var(--zh-wood-texture)!important;background-size:cover,cover!important;background-position:center center!important;background-repeat:no-repeat!important;background-attachment:fixed!important;color:#fff6e9!important}.zh{background:transparent!important;--ink:#fff6e9!important;--cream:transparent!important;--gold:#d5b58a!important;color:#fff6e9!important}.zh section:not(.hero),.zh .cream,.zh .page-head,.zh .portfolio-cta,.zh footer,.zh .portfolio-band,.zh:has(.page-head) header{background:transparent!important}.zh .menu-panel,.zh .service-cards article,.zh .category-placeholder,.zh-contact-panel{background:rgba(17,29,21,.8)!important}.zh .page-head p,.zh .category-card p,.zh .breadcrumbs,.zh p,.zh footer,.zh .eyebrow,.zh .zh-address,.zh .zh-contact-line,.zh-contact-panel .zh-address,.zh-contact-panel .zh-contact-line{color:#eadbc9!important}.zh .btn,.zh .empty-gallery,.zh-contact-panel{border-color:#bea07c!important}.zh .btn:hover{background:#eadbc9!important;color:#39271e!important}@media(max-width:800px){.zh header{background:transparent!important}}
.zh h1,.zh h2,.zh h3{color:#fff6e9!important}
/* Transparent loading overlay */
.zh-brand-loader{background:rgba(0,0,0,.65)!important}

/* Zein Home: centered navigation across all pages */
.zh header nav[aria-label="Main navigation"]{justify-content:center!important;font-size:16px!important;letter-spacing:.08em!important;gap:22px!important}
.zh header nav[aria-label="Main navigation"]>a,.zh header nav[aria-label="Main navigation"]>details>summary{font-size:16px!important;line-height:1.5!important}
@media(min-width:1200px){.zh header{display:grid!important;grid-template-columns:minmax(230px,1fr) auto minmax(230px,1fr)!important;align-items:center!important}.zh header>.brand{justify-self:start!important}.zh header>nav[aria-label="Main navigation"]{grid-column:2!important;justify-self:center!important;margin:0!important}.zh header>.btn,.zh header>.zh-menu{justify-self:end!important}}
@media(min-width:801px) and (max-width:1199px){.zh header{flex-wrap:wrap!important;justify-content:center!important;gap:18px!important}.zh header>nav[aria-label="Main navigation"]{flex:1 0 100%!important;width:100%!important;justify-content:center!important;flex-wrap:wrap!important;gap:18px!important}}
@media(max-width:800px){.zh header nav[aria-label="Main navigation"]{text-align:center!important}.zh header nav[aria-label="Main navigation"] a,.zh header nav[aria-label="Main navigation"] summary{font-size:17px!important}}

/* Zein Home refined palette — October 2026 */
html body{background:#f5f2ec!important;background-image:none!important;color:#292b28!important}
body .zh{--ink:#292b28!important;--cream:#eee9e1!important;--gold:#8a6b40!important;background:#f5f2ec!important;color:#292b28!important}
body .zh h1,body .zh h2,body .zh h3{color:#292b28!important;font-weight:400;letter-spacing:-.035em}
body .zh p,body .zh .intro,body .zh .section-head p,body .zh .service p,body .zh .steps p,body .zh .category-card p,body .zh .breadcrumbs,body .zh .crumb,body .zh figcaption,body .zh .zh-address,body .zh .zh-contact-line{color:#5e625b!important}
body .zh .eyebrow,body .zh .num{color:#80613b!important}
body .zh .cream,body .zh .page-head{background:#eee9e1!important}body .zh .page-head h1{color:#292b28!important}body .zh .portfolio-cta .btn,body .zh footer .btn{color:#f3eee5!important}body .zh .portfolio-band a,body .zh .portfolio-band span,body .zh .portfolio-band h2,body .zh .portfolio-band h3{color:#fff!important}
body .zh .service,body .zh details summary,body .zh .empty-gallery{border-color:#d5cec2!important}
body .zh .btn{background:transparent!important;border-color:#9b835f!important;color:#292b28!important}
/* Global header alignment */
@media(min-width:1200px){body .zh header:has(nav[aria-label="Main navigation"]){display:flex!important;align-items:center!important;min-height:100px}body .zh header>nav[aria-label="Main navigation"]{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:max-content!important;max-width:calc(100% - 460px)!important;justify-content:center!important;margin:0!important;gap:22px!important}body .zh header>.zh-menu{margin-left:auto!important}}

body .zh .btn:hover{background:#292b28!important;color:#fff!important;border-color:#292b28!important}
body .zh .service-cards article,body .zh .category-placeholder{background:#ebe5db!important;color:#5e625b!important}
body .zh .split img,body .zh .gallery img,body .zh .category-card img{filter:none!important}
body .zh .hero,body .zh header,body .zh:has(.page-head) header,body .zh .menu-panel,body .zh .service-nav>div{background:#20231f!important;color:#fff!important}
body .zh:has(.hero) header{background:linear-gradient(180deg,rgba(15,18,15,.75),rgba(15,18,15,.15))!important}
body .zh header.zh-scroll-header{background:rgba(28,31,27,.96)!important}
body .zh header a,body .zh header summary,body .zh .menu-panel a,body .zh .menu-panel summary{color:#fff!important}
body .zh .hero h1,body .zh .hero .eyebrow,body .zh .hero p{color:#fff!important}
body .zh .hero .slide img{filter:brightness(.88)!important}
/* Vertically balanced header navigation */
@media(min-width:1200px){body .zh header>nav[aria-label="Main navigation"]{padding-top:0!important;padding-bottom:0!important;align-items:center!important}}

/* Keep navigation centered in scrolling header */
@media(min-width:1200px){html body .zh header.zh-scroll-header>nav[aria-label="Main navigation"],html body .zh header>nav[aria-label="Main navigation"]{top:50%!important;bottom:auto!important;left:50%!important;transform:translate(-50%,-50%)!important;padding:0!important;margin:0!important;align-items:center!important}}

body .zh .hero .btn{color:#fff!important;border-color:rgba(255,255,255,.65)!important}
body .zh .hero .btn:hover{background:#fff!important;color:#252923!important}
body .zh .hero .zh-quote{display:inline-block;margin-left:14px;background:#e9decb!important;color:#252923!important;border-color:#e9decb!important;letter-spacing:.08em!important}
body .zh .hero .zh-quote:before{display:none!important}
body .zh .hero .zh-hero-note{display:block!important;font-size:16px;line-height:1.65;max-width:470px;margin:0 0 24px}
body .zh .contact,body .zh .portfolio-cta,body .zh footer,body .zh-contact-panel{background:#252923!important;color:#fff!important}
body .zh .contact h2,body .zh .contact p,body .zh .contact .eyebrow,body .zh .contact .btn,body .zh .portfolio-cta a,body .zh footer,body .zh footer a,body .zh-contact-panel a,body .zh-contact-panel h2,body .zh-contact-panel p,body .zh-contact-panel label,body .zh-contact-panel .zh-address,body .zh-contact-panel .zh-contact-line{color:#f3eee5!important}
body .zh-contact-panel{border-color:#454a40!important}
body .zh-enquiry{color:#292b28!important;background:#eee9e1!important}
body .zh-enquiry label{color:#292b28!important}
body .zh-enquiry input,body .zh-enquiry textarea{background:#fffdf9!important;color:#292b28!important;border:1px solid #c4bbad!important}
body .zh .zh-service-gallery figcaption{color:#5e625b!important}
body .zh-brand-loader{display:none!important;visibility:hidden!important;pointer-events:none!important}
body .zh section>.wrap>h2,body .zh .split,body .zh .category-card,body .zh .service,body .zh .steps>div,body .zh .portfolio-gallery figure{animation:none!important;opacity:1!important}
body .zh .zh-gallery-back,body .zh .filter-bar button{color:#292b28!important}
body .zh .filter-bar button[aria-pressed="true"]{background:#292b28!important;color:#fff!important}
@media(max-width:800px){body .zh .hero .zh-quote{margin:12px 0 0 0}body .zh .hero .zh-hero-note{font-size:14px;max-width:85%}body .zh .hero .btn{padding:12px 20px!important;letter-spacing:.08em!important}body .zh section{padding-top:64px;padding-bottom:64px}}


/* Restore the existing continuous walnut background and readable palette */
html body{background-color:var(--zh-wood-base)!important;background-image:linear-gradient(90deg,#00000012,transparent 50%,#00000012),var(--zh-wood-texture)!important;background-size:cover,cover!important;background-position:center center!important;background-repeat:no-repeat!important;background-attachment:fixed!important;color:#fff6e9!important}
html body .zh{--ink:#fff6e9!important;--cream:transparent!important;--gold:#d5b58a!important;background:transparent!important;color:#fff6e9!important}
html body .zh section:not(.hero),html body .zh .cream,html body .zh .page-head,html body .zh .portfolio-cta,html body .zh footer,html body .zh .portfolio-band,html body .zh-enquiry{background:transparent!important;color:#fff6e9!important}
html body .zh h1,html body .zh h2,html body .zh h3,html body .zh-enquiry h2{color:#fff6e9!important}
html body .zh p,html body .zh .intro,html body .zh .section-head p,html body .zh .service p,html body .zh .steps p,html body .zh .category-card p,html body .zh .breadcrumbs,html body .zh .crumb,html body .zh figcaption,html body .zh .zh-address,html body .zh .zh-contact-line,html body .zh .eyebrow,html body .zh .num,html body .zh .zh-gallery-back,html body .zh-enquiry label{color:#eadbc9!important}
html body .zh .btn,html body .zh .filter-bar button{color:#fff6e9!important;border-color:#bea07c!important;background:transparent!important}
html body .zh .btn:hover,html body .zh .filter-bar button[aria-pressed="true"]{background:#eadbc9!important;color:#39271e!important}
html body .zh .service,html body .zh details summary,html body .zh .empty-gallery{border-color:#bea07c!important}
html body .zh .service-cards article,html body .zh .category-placeholder,html body .zh-contact-panel{background:rgba(17,29,21,.8)!important;color:#eadbc9!important}
html body .zh header.zh-scroll-header{background:rgba(10,10,10,.58)!important}
	
/* Keep the contact panel between the call to action and the map */
html body #enquiry.zh-contact-panel{position:relative!important;top:0!important;transform:none!important;margin:64px auto!important;background:#252923!important;color:#f3eee5!important;border-color:#454a40!important}
html body .zh-company-map{margin-top:0!important}
@media(max-width:800px){html body #enquiry.zh-contact-panel{margin-top:40px!important;margin-bottom:40px!important}}
	
/* What We Do: larger text and olive pill buttons */
html body .zh #services .service h3{font-size:36px!important;line-height:1.2!important}
html body .zh #services .service>div>p{font-size:17px!important;line-height:1.65!important;margin-top:12px!important}
html body .zh #services .service details summary{display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;width:fit-content!important;max-width:100%!important;box-sizing:border-box!important;padding:14px 24px!important;border:1px solid #69705a!important;border-radius:999px!important;background:#3c4434!important;color:#eadbc9!important;font-size:14px!important;line-height:1.4!important;text-decoration:none!important;box-shadow:0 4px 16px #0000001c;transition:background .25s ease,transform .25s ease}
html body .zh #services .service details summary:hover{background:#4c563f!important;transform:translateY(-2px)}
html body .zh #services .service details summary:focus-visible{outline:2px solid #eadbc9;outline-offset:4px}
@media(max-width:800px){html body .zh #services .service h3{font-size:30px!important}html body .zh #services .service>div>p{font-size:16px!important}html body .zh #services .service details summary{font-size:13px!important;padding:12px 20px!important}}
	
/* Start homepage cover flush with the top */
html body.home .wp-site-blocks>.zh{margin-top:0!important}
	
html body.home .zh:has(.hero){margin-top:0!important}
	
/* Align the initial header with the top of the cover */
html body .zh:has(.hero) header:not(.zh-scroll-header){top:0!important}
	
/* Consistent Explore button dimensions */
html body .zh #services .service details summary{width:280px!important;height:54px!important;min-height:54px!important;padding:12px 18px!important;white-space:normal!important;text-align:center!important}
@media(max-width:800px){html body .zh #services .service details summary{width:280px!important;max-width:100%!important;height:54px!important;min-height:54px!important}}
	
/* Explore buttons at the right edge, centered in each service row */
@media(min-width:801px){html body .zh #services .service{align-items:center!important}html body .zh #services .service details{justify-self:end!important;align-self:center!important}html body .zh #services .service details summary{margin-left:auto!important;margin-right:0!important}}
	
/* Consistent desktop header across pages */
@media(min-width:801px){
html body .zh header{display:flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:space-between!important;gap:24px!important;padding:0 4.1vw 0 5.6vw!important;background:transparent!important;color:#fff6e9!important}
html body .zh header>.brand{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;flex-shrink:0!important;width:225px!important}
html body .zh header:not(.zh-scroll-header)>.brand img{width:90px!important;height:73px!important}
html body .zh header:not(.zh-scroll-header)>.brand span{font-size:20px!important;letter-spacing:3.2px!important}
html body .zh header>.brand small{font-size:8px!important;letter-spacing:.85px!important;line-height:1.7!important;white-space:nowrap!important;max-width:none!important}

html body .zh header>nav{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;margin-left:auto!important;padding-top:22px!important;gap:22px!important;font-size:11px!important;letter-spacing:1.43px!important}
html body .zh header>.zh-menu{display:none!important}
html body .zh header.zh-scroll-header{padding-top:12px!important;padding-bottom:12px!important;background:rgba(10,10,10,.58)!important;backdrop-filter:blur(12px)}
html body .zh header.zh-scroll-header>nav{margin-top:53px!important;padding-top:0!important;align-self:flex-start!important}
html body .zh header>nav>.service-nav>summary{color:inherit!important;background:transparent!important;border:0!important}
}
	
@media(min-width:801px){html body .zh:not(:has(.hero)) header:not(.zh-scroll-header){background:transparent!important;padding:0 4.1vw 0 5.6vw!important}html body .zh header:not(.zh-scroll-header)>.brand span{width:175px!important}html body .zh header>.brand small{display:block!important}html body .zh header>nav>.service-nav>summary{display:flex!important;align-items:center!important;gap:8px!important;padding:0!important}html body .zh:not(:has(.hero)) header.zh-scroll-header{background:rgba(10,10,10,.58)!important}}
	/* White page titles across Zein Home */body .zh .page-head h1, body .zh h1, body .zh h1 *, body .wp-block-post-title{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important}
.zh-service-card .zh-service-collage{grid-template-rows:repeat(2,minmax(0,1fr))!important}.zh-service-card .zh-service-collage img:only-child{grid-row:span 2}.zh-service-card .zh-service-collage img:first-child:nth-last-child(2),.zh-service-card .zh-service-collage img:nth-child(2):last-child{grid-row:span 2}
/* Site-wide page entrance and reversible scroll motion */@keyframes zh-title-drop{from{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:translateY(0)}}@keyframes zh-cover-settle{from{opacity:.5;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}@keyframes zh-scroll-soft{from{opacity:.25;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}html body .zh .page-head h1{animation:zh-title-drop .85s cubic-bezier(.22,.61,.36,1) both!important}html body .zh .page-head p{animation:zh-title-drop .85s cubic-bezier(.22,.61,.36,1) .16s both!important}html body .zh main>.feature-image{animation:zh-cover-settle 1.6s ease-out both!important;transform-origin:center}html body .zh main{overflow-x:clip}@supports(animation-timeline:view()){html body .zh section>.wrap>.split,html body .zh .split,html body .zh .service-card,html body .zh .zh-service-card,html body .zh .category-card,html body .zh .service-cards article,html body .zh .steps>div,html body .zh .portfolio-gallery figure,html body .zh .article-body>p,html body .zh section>.wrap>h2{animation:zh-scroll-soft linear both!important;animation-timeline:view()!important;animation-range:entry 0% entry 100%!important}html body .zh main>.feature-image{animation:zh-cover-settle linear both!important;animation-timeline:view()!important;animation-range:entry 0% cover 55%!important}}@media(prefers-reduced-motion:reduce){html body .zh .page-head h1,html body .zh .page-head p,html body .zh main>.feature-image,html body .zh .split,html body .zh .zh-service-card,html body .zh .category-card,html body .zh .service-cards article,html body .zh .steps>div,html body .zh .portfolio-gallery figure,html body .zh .article-body>p,html body .zh section>.wrap>h2{animation:none!important;transform:none!important;opacity:1!important}}
/* Disable full-page curtain transitions */@view-transition{navigation:none}html::view-transition-old(root),html::view-transition-new(root),html::view-transition-group(root),html::view-transition-image-pair(root){animation:none!important;transform:none!important;mix-blend-mode:normal!important}html::view-transition{background:transparent!important}

/* Readable enquiry fields and comfortable touch targets */
html body .zh-contact-panel .grunion-field-wrap{grid-template-columns:108px minmax(0,1fr)!important;align-items:start!important}
html body .zh-contact-panel label{line-height:1.5!important;padding-top:12px!important}
html body .zh-contact-panel input:not([type=hidden]),html body .zh-contact-panel textarea{font-size:16px!important;line-height:1.5!important;padding:10px 4px!important;height:auto!important;min-height:44px!important;box-sizing:border-box!important}
html body .zh-contact-panel textarea{height:104px!important;min-height:104px!important;resize:vertical!important}
html body .zh-contact-panel input::placeholder,html body .zh-contact-panel textarea::placeholder{color:#c3c7bf!important;opacity:1!important}
html body .zh-contact-panel input:focus-visible,html body .zh-contact-panel textarea:focus-visible{outline:2px solid #eadbc9!important;outline-offset:3px!important}
@media(max-width:800px){html body .zh-contact-panel .grunion-field-wrap{grid-template-columns:minmax(0,1fr)!important;gap:4px!important}html body .zh-contact-panel label{padding-top:0!important}html body .zh-contact-panel .contact-form{min-width:0!important}html body .zh-contact-panel{height:auto!important}html body .zh .zh-gallery-back{display:inline-flex;align-items:center;min-height:44px}html body .zh .zh-gallery-heading{flex-wrap:wrap;gap:14px}}

/* Zein Home: keep the logo inside the header at every scroll position */
html body .zh.zh.zh header > .brand.brand {position:relative!important;inset:auto!important;transform:none!important;animation:none!important;transition:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;align-self:center!important;gap:5px!important;width:180px!important;min-width:180px!important;margin:0!important;padding:0!important;flex:0 0 180px!important;text-align:center!important;z-index:auto!important;}
html body .zh.zh.zh header > .brand.brand img {position:static!important;inset:auto!important;width:72px!important;height:58px!important;object-fit:contain!important;transform:none!important;animation:none!important;transition:none!important;margin:0!important;flex:0 0 auto!important;}
html body .zh.zh.zh header > .brand.brand > span {display:block!important;width:auto!important;font-size:18px!important;line-height:1.1!important;letter-spacing:2px!important;font-weight:700!important;text-align:center!important;transform:none!important;margin:0!important;}
html body .zh.zh.zh header > .brand.brand small {display:block!important;font-size:7px!important;line-height:1.4!important;letter-spacing:.55px!important;white-space:nowrap!important;margin-top:4px!important;text-align:center!important;}
html body .zh.zh.zh header {align-items:center!important;min-height:112px!important;padding-top:10px!important;padding-bottom:10px!important;}
html body .zh.zh.zh header > nav[aria-label="Main navigation"] {margin-top:0!important;align-self:center!important;}
@media(max-width:800px){html body .zh.zh.zh header > .brand.brand{width:148px!important;min-width:148px!important;flex:0 0 148px!important;gap:4px!important;}html body .zh.zh.zh header > .brand.brand img{width:58px!important;height:46px!important;}html body .zh.zh.zh header > .brand.brand > span{font-size:15px!important;letter-spacing:1.5px!important;}html body .zh.zh.zh header > .brand.brand small{font-size:6px!important;letter-spacing:.35px!important;}html body .zh.zh.zh header{min-height:94px!important;}}

/* Zein Home mobile usability */
@media(max-width:800px){
html body .zh.zh.zh{max-width:100%;overflow-x:clip;}
html body .zh.zh.zh header,html body .zh.zh.zh:has(.hero) header{position:sticky!important;top:var(--zh-admin-offset,0px)!important;left:0!important;width:100%!important;min-height:88px!important;padding:10px 18px!important;display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;gap:12px!important;background:rgba(20,33,25,.97)!important;transform:none!important;opacity:1!important;pointer-events:auto!important;z-index:10000!important;}
html body .zh.zh.zh header::after,html body .zh.zh.zh .zh-header-contact{display:none!important;}
html body .zh.zh.zh header>.brand.brand{flex:0 1 148px!important;width:148px!important;min-width:0!important;}
html body .zh.zh.zh header>nav{display:none!important;}
html body .zh.zh.zh header>.zh-menu{display:block!important;position:static!important;margin:0 0 0 auto!important;align-self:center!important;}
html body .zh.zh.zh .zh-menu>summary{display:flex!important;align-items:center;justify-content:center;min-width:60px;min-height:44px;padding:8px!important;border:1px solid #b69b67!important;border-radius:4px;font-size:12px!important;letter-spacing:1px!important;position:relative;z-index:10002;}
html body .zh.zh.zh .menu-panel{position:fixed!important;inset:0!important;width:100%!important;max-width:100%!important;height:100dvh!important;padding:110px 24px 80px!important;overflow-y:auto!important;background:#142119!important;z-index:10001!important;}
html body .zh.zh.zh .menu-panel nav{position:static!important;transform:none!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;max-width:none!important;gap:8px!important;padding:0!important;margin:0!important;}
html body .zh.zh.zh .menu-panel nav a,html body .zh.zh.zh .menu-panel summary{min-height:44px!important;padding:10px 8px!important;font-size:17px!important;white-space:normal!important;text-align:left!important;}
html body .zh.zh.zh .menu-panel .service-nav>div{position:static!important;min-width:0!important;width:100%!important;padding:6px 12px!important;}
html body .zh.zh.zh .hero{height:calc(100svh - 88px)!important;min-height:480px!important;max-height:760px!important;}
html body .zh.zh.zh .hero .slide{width:100%!important;}
html body .zh.zh.zh .hero .slide img{left:0!important;width:100%!important;object-fit:cover!important;}
html body .zh.zh.zh .hero .wrap{top:30%!important;left:0!important;padding:0 22px!important;width:100%!important;}
html body .zh.zh.zh .hero h1{font-size:clamp(30px,9vw,44px)!important;line-height:1.12!important;max-width:100%!important;}
html body .zh.zh.zh .hero .eyebrow{font-size:10px!important;letter-spacing:1.5px!important;}
html body .zh.zh.zh .hero .hero-controls{bottom:58px!important;right:20px!important;gap:8px!important;}
html body .zh.zh.zh .hero-controls button{width:44px!important;height:44px!important;}
html body .zh.zh.zh .hero .slide-select{bottom:20px!important;}
html body .zh.zh.zh .hero-thumbnails{display:none!important;}
html body .zh.zh.zh .wrap{width:100%!important;max-width:100%!important;padding-left:22px!important;padding-right:22px!important;}
html body .zh.zh.zh section:not(.hero){padding-top:52px!important;padding-bottom:52px!important;}
html body .zh.zh.zh :is(h1,h2,h3){overflow-wrap:anywhere;}
html body .zh.zh.zh h2{font-size:clamp(27px,8vw,36px)!important;line-height:1.2!important;}
html body .zh.zh.zh h3{font-size:25px!important;line-height:1.25!important;}
html body .zh.zh.zh p{font-size:15px!important;line-height:1.7!important;}
html body .zh.zh.zh :is(.category-grid,.service-cards,.gallery,.split,.steps,.portfolio-band){grid-template-columns:minmax(0,1fr)!important;gap:24px!important;}
html body .zh.zh.zh #zh-service-directory{grid-template-columns:minmax(0,1fr)!important;gap:24px!important;}
html body .zh.zh.zh :is(.category-card,.service-cards article,.split>*,.steps>*){min-width:0!important;}
html body .zh.zh.zh :is(.gallery img,.service-cards img,.split img){height:auto!important;max-width:100%!important;object-fit:cover!important;}
html body .zh.zh.zh .portfolio-gallery{column-count:1!important;columns:1!important;}
html body .zh.zh.zh .page-head{padding:45px 0!important;}
html body .zh.zh.zh .page-head h1{font-size:clamp(32px,10vw,44px)!important;line-height:1.15!important;}
html body .zh.zh.zh .btn{min-height:44px!important;max-width:100%!important;white-space:normal!important;}
html body :is(.zh-form,.zh-enquiry,.zh-contact-panel){width:100%!important;max-width:100%!important;padding-left:22px!important;padding-right:22px!important;box-sizing:border-box;}
html body :is(.zh-form,.zh-enquiry,.zh-contact-panel) :is(input,textarea,select){font-size:16px!important;min-height:48px!important;max-width:100%!important;box-sizing:border-box;}
html body .zh-contact-panel{grid-template-columns:minmax(0,1fr)!important;gap:28px!important;height:auto!important;}
html body .zh-contact-panel .grunion-field-wrap{grid-template-columns:minmax(0,1fr)!important;}
html body .zh-contact-dock{right:10px!important;bottom:74px!important;gap:8px!important;}
html body .zh-contact-dock a{width:44px!important;height:44px!important;}
html body .zh-contact-dock .zh-dock-label{display:none!important;}
html body .zh-lightbox .lb-toolbar{padding:10px!important;flex-wrap:wrap;gap:8px;}
html body .zh-lightbox .lb-actions{flex-wrap:wrap;gap:5px!important;}
html body .zh-lightbox button{min-height:44px!important;}
html body .zh-lightbox .lb-picture{padding:110px 44px 65px!important;}
html body .zh-lightbox .lb-caption{font-size:11px!important;}
}

@media(max-width:800px){html body .zh.zh.zh .zh-menu[open]>summary{position:fixed!important;right:24px!important;top:24px!important;font-size:0!important;}html body .zh.zh.zh .zh-menu[open]>summary:after{content:"CLOSE ×"!important;font-size:12px!important;}html body .zh.zh.zh .zh-menu:not([open])>summary:after{content:none!important;}}
@media(max-width:800px){html body .zh-contact-dock{flex-direction:row!important;right:12px!important;bottom:12px!important;}html body .zh.zh.zh{padding-bottom:72px!important;}html body .zh.zh.zh .hero .wrap{top:20%!important;}html body .zh.zh.zh .hero{min-height:400px!important;}}
@media(max-width:800px){html body.page-id-22 .zh.zh.zh .hero.hero{height:calc(100svh - 99px)!important;min-height:380px!important;max-height:760px!important;}html body.page-id-22 .zh.zh.zh .hero.hero .wrap{top:24%!important;bottom:auto!important;padding:0 22px!important;}html body.page-id-22 .zh.zh.zh .hero.hero h1{font-size:clamp(30px,9vw,44px)!important;line-height:1.12!important;}}