.brand-logo{width:198px!important;height:45px!important}.top,.bottom{background:rgba(0,0,0,.96)!important;border-color:#202020!important}.bottom{box-shadow:0 16px 40px rgba(0,0,0,.36)!important}.category-icon{width:68px!important;height:68px!important;aspect-ratio:auto!important;margin-inline:auto;border-radius:999px!important;background:linear-gradient(145deg,#00d3a4 0%,#00a77c 45%,#006b53 100%)!important}.clients-board{display:block;width:100%;height:auto;border-radius:22px;box-shadow:0 15px 34px rgba(0,72,53,.16)}
@media(min-width:760px){.brand-logo{width:232px!important;height:48px!important}.category-icon{width:82px!important;height:82px!important}}
.bottom{height:76px!important;overflow:visible!important;padding:8px 9px calc(8px + env(safe-area-inset-bottom))!important;border-radius:27px!important;border:1px solid #292929!important;background:linear-gradient(180deg,#202120,#0c0d0d)!important;box-shadow:0 18px 38px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.05)!important}.nav-item{min-height:58px!important;display:flex!important;flex-direction:column;justify-content:center;gap:2px!important;color:#aeb5b2!important;isolation:isolate}.nav-item:before{content:"";position:absolute;z-index:-1;inset:-11px 2px -7px;border-radius:26px 26px 18px 18px;background:#161817;border:2px solid transparent;opacity:0;transition:.25s ease}.nav-item.active:before{opacity:1;background:linear-gradient(#171918,#171918) padding-box,linear-gradient(135deg,#00d7a3,#006c54 70%,#00c88d) border-box;box-shadow:0 -8px 18px rgba(0,0,0,.25)}.nav-icon{width:34px!important;height:32px!important;background:transparent!important;box-shadow:none!important;transform:none!important}.nav-item svg{width:24px!important;height:24px!important;stroke:#afb6b3!important}.nav-item.active svg{stroke:#17dba3!important;filter:drop-shadow(0 0 6px rgba(0,216,158,.24))}.bottom .sr-only{position:static!important;width:auto!important;height:auto!important;margin:0!important;overflow:visible!important;clip:auto!important;white-space:nowrap!important;font-size:.62rem;line-height:1;color:#aeb5b2}.nav-item.active .sr-only{color:#29dca9;font-weight:800}.nav-item.active:after{content:"";width:5px;height:5px;border-radius:50%;margin-top:3px;background:linear-gradient(145deg,#00e1aa,#008568);box-shadow:0 0 8px rgba(0,225,170,.7)}
.top{background:#000!important}.ongoing-slider{overflow:hidden;border-radius:20px;touch-action:pan-y}.ongoing-track{display:flex;transition:transform .48s cubic-bezier(.22,.75,.2,1)}.ongoing-track .ongoing-card{min-width:100%;border-radius:0}.ongoing-track .ongoing-card:nth-child(2){background-position:72% center}.ongoing-track .ongoing-card:nth-child(3){background-position:24% center}.ongoing-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:11px}.ongoing-dot{width:7px;height:7px;border:0;border-radius:999px;background:#c8d5d0;transition:.25s}.ongoing-dot.active{width:24px;background:linear-gradient(90deg,#00d0a0,#00785d)}.creative-line{background:#fff;border:1px solid #dcebe5;border-radius:22px;padding:26px 20px;text-align:center;box-shadow:0 12px 30px rgba(0,87,63,.08)}.creative-line small{display:block;color:#008765;font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;margin-bottom:9px}.creative-line p{max-width:680px;margin:0 auto;color:#009572;font-size:1.45rem;font-weight:500;line-height:1.25;letter-spacing:-.04em}.creative-line strong{color:#005e49;font-weight:900}
.guided-calculator{background:linear-gradient(150deg,#031f1a,#00664f)!important}.calc-heading>span{display:inline-block;color:#65e6bd;font-size:.67rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em;margin-bottom:5px}.calc-heading h3{font-size:1.55rem!important}.calc-heading p{font-size:.75rem!important}.main-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.main-service-grid button{min-height:102px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(255,255,255,.07);color:#d8ebe5;padding:10px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.main-service-grid button.active{background:linear-gradient(145deg,#00c798,#00785d);color:#fff;border-color:rgba(255,255,255,.3);box-shadow:0 9px 20px rgba(0,0,0,.18)}.main-service-grid svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.main-service-grid strong{font-size:.66rem;line-height:1.2}.calculator-flow{display:grid;gap:11px}.calc-empty{border:1px dashed rgba(255,255,255,.22);border-radius:15px;padding:18px;color:#afd1c5;text-align:center;font-size:.72rem}.flow-step{border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.07);padding:13px}.step-label{display:block;color:#62e1b8;font-size:.61rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.flow-step>label,.inline-label{display:block;color:#e8f5f1;font-size:.73rem;font-weight:800;margin-bottom:8px}.flow-step select,.flow-step input{width:100%;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:#fff;color:#0a2a22;padding:11px;font-size:.76rem}.inline-label{margin-top:11px}.choice-pills{display:flex;flex-wrap:wrap;gap:7px}.choice-pills button{border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);color:#d9eee7;padding:9px 12px;font-size:.7rem;font-weight:800}.choice-pills button.active{background:linear-gradient(145deg,#00ce9d,#00795e);color:#fff}.calc-two{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.guided-result{border-radius:17px;background:#fff;color:#07372b;padding:15px}.guided-result small{display:block;color:#008b68;font-size:.63rem;font-weight:800;margin-bottom:9px}.guided-result span{display:block;font-size:.7rem;color:#668078}.guided-result strong{display:block;font-size:1.45rem;color:#006a50;margin:2px 0 7px}.guided-result p{margin:0;color:#6b7e78;font-size:.63rem;line-height:1.45}.guided-calculator .calc-cta{margin-top:2px;background:linear-gradient(135deg,#00d0a0,#00a176)}@media(min-width:760px){.main-service-grid button{min-height:118px}.main-service-grid strong{font-size:.76rem}}
.icon-btn svg,.contact-action-icon svg,.address-pin svg,.social-icons svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-btn svg{width:22px;height:22px}.contact-actions{grid-template-columns:1fr}.contact-action-icon svg{width:23px;height:23px}.contact-actions a:first-child strong{line-height:1.5}.social-panel{border-radius:20px;padding:17px 18px;background:linear-gradient(135deg,#023c30,#00a77d);color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 14px}.social-panel>small{font-size:.66rem;color:#a9e7d2}.social-panel>strong{grid-row:2;font-size:.82rem}.social-icons{grid-column:2;grid-row:1/3;display:flex;gap:7px}.social-icons a{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.2)}.social-icons svg{width:20px;height:20px}.address-pin svg{width:22px;height:22px}.address-card span{display:block;line-height:1.5}@media(min-width:760px){.contact-actions{grid-template-columns:repeat(2,1fr)}.social-icons a{width:42px;height:42px}}
.address-card{background:#fff!important;color:#082e25!important;border:1px solid #dce8e4;box-shadow:0 12px 30px rgba(0,76,56,.08)}.address-card small{color:#748a83!important}.address-card h4{color:#082e25!important}.address-card p{color:#526861!important}.address-card span{color:#008766!important}
.carousel .slide-glass-team{background-image:url('home-glass-team.jpg')!important;background-position:center 48%!important}.carousel .slide-restaurant{background-image:url('home-restaurant-fitout.jpg')!important;background-position:center 54%!important}.carousel .slide-installation{background-image:url('home-glass-installation.jpg')!important;background-position:center 45%!important}.carousel .minimal-slide:after{background:linear-gradient(0deg,rgba(0,20,15,.88) 0%,rgba(0,25,18,.28) 38%,transparent 67%)!important}.carousel .minimal-slide .hero-copy{position:absolute!important;left:0;right:0;bottom:0;width:100%!important;padding:48px 22px 22px!important}.carousel .minimal-slide h2{margin:0!important;font-size:1.25rem!important;letter-spacing:-.035em!important;text-shadow:0 2px 12px rgba(0,0,0,.35)}@media(min-width:760px){.carousel .minimal-slide .hero-copy{padding:72px 34px 30px!important}.carousel .minimal-slide h2{font-size:1.65rem!important}}
.category-icon{width:58px!important;height:58px!important;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(145deg,#00d39d,#008fb0 52%,#007456) border-box!important;border:3px solid transparent!important;color:#101817!important;box-shadow:0 7px 17px rgba(0,184,128,.18),0 0 0 1px rgba(255,255,255,.8) inset!important}.category-icon svg{width:27px!important;height:27px!important;stroke:#101817!important;stroke-width:1.65!important}.category:hover .category-icon,.category.active .category-icon{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(145deg,#00e5aa,#007b5d 65%,#009fc2) border-box!important;color:#101817!important;transform:translateY(-2px) scale(1.025)!important;box-shadow:0 9px 20px rgba(0,184,128,.25)!important}.category span{font-size:.66rem!important;margin-top:7px!important}@media(min-width:760px){.category-icon{width:66px!important;height:66px!important}.category-icon svg{width:30px!important;height:30px!important}}
.featured-card{min-height:230px!important;display:flex;flex-direction:column;justify-content:flex-end;background-size:cover!important;background-position:center!important}.featured-card:nth-child(1){background-image:linear-gradient(0deg,rgba(0,45,34,.96) 0%,rgba(0,104,77,.66) 48%,rgba(1,24,19,.12) 100%),url('popular-glass-partitions.jpg')!important}.featured-card:nth-child(2){background-image:linear-gradient(0deg,rgba(0,43,33,.96) 0%,rgba(0,105,78,.62) 48%,rgba(2,22,18,.12) 100%),url('popular-office-fitout.jpg')!important;background-position:center 45%!important}.featured-card:nth-child(3){background-image:linear-gradient(0deg,rgba(0,38,29,.97) 0%,rgba(0,104,77,.62) 48%,rgba(2,22,18,.1) 100%),url('popular-glass-handrails.jpg')!important;background-position:center 64%!important}.featured-card .popular-icon{position:absolute;z-index:2;left:18px;top:18px;margin:0!important;background:rgba(0,117,87,.68)!important;backdrop-filter:blur(8px)}.featured-card:after{display:none!important}.featured-card h4,.featured-card p,.featured-card strong{z-index:2}.featured-card p{color:#e4f3ee!important}
.brand-home{border:0;background:transparent;padding:0;cursor:pointer}.mobile-menu{position:fixed;z-index:29;top:78px;right:max(18px,calc((100vw - 1180px)/2 + 18px));width:min(250px,calc(100% - 36px));padding:9px;border:1px solid #26312e;border-radius:18px;background:rgba(0,0,0,.97);box-shadow:0 16px 36px rgba(0,0,0,.32);display:none}.mobile-menu.open{display:grid;gap:4px}.mobile-menu button{border:0;border-radius:12px;background:transparent;color:#fff;padding:13px 14px;text-align:left;font-size:.78rem;font-weight:800}.mobile-menu button:hover,.mobile-menu button:active{background:linear-gradient(135deg,#00b98c,#00745a)}.clients-section .section-head{margin-bottom:22px!important}.social-icons{flex-wrap:wrap;justify-content:flex-end}@media(min-width:760px){.mobile-menu{display:none!important}}
.featured-card[role="button"]{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.featured-card[role="button"]:active{transform:scale(.985)}.featured-card[role="button"]:focus-visible{outline:3px solid #28e6af;outline-offset:3px}.social-panel{display:block!important}.social-panel>strong{display:block;margin-top:3px}.social-icons{display:flex!important;flex-wrap:nowrap!important;justify-content:flex-start!important;gap:8px!important;margin-top:13px}.social-icons a{flex:0 0 38px}.social-icons a[aria-label="WhatsApp"]{background:#fff!important;color:#009d73!important;border-color:#fff!important;box-shadow:0 5px 14px rgba(0,47,35,.18)}@media(min-width:760px){.social-panel{display:flex!important;align-items:center;justify-content:space-between}.social-panel>strong{margin-right:auto;margin-left:8px}.social-icons{margin-top:0}}
.featured-card{min-height:320px!important;padding:205px 18px 18px!important;background-color:#fff!important;background-repeat:no-repeat!important;background-size:100% 190px!important;background-position:center top!important;color:#082e25!important;border:1px solid #dce8e4!important;box-shadow:0 12px 28px rgba(8,46,37,.09)!important;overflow:hidden!important}.featured-card:nth-child(1){background-image:url('popular-glass-partitions-v2.jpg')!important;background-position:center 50%!important}.featured-card:nth-child(2){background-image:url('popular-office-interiors-v2.jpg')!important;background-position:center 45%!important}.featured-card:nth-child(3){background-image:url('popular-glass-handrails-v2.jpg')!important;background-position:center 46%!important}.featured-card .popular-icon{display:none!important}.featured-card h4{color:#082e25!important}.featured-card p{color:#62736e!important}.featured-card strong{color:#007658!important;background:#eaf7f2!important}.featured-card:before,.featured-card:after{display:none!important}@media(min-width:760px){.featured-card{min-height:350px!important;padding-top:230px!important;background-size:100% 214px!important}}
.featured-card{background-size:cover!important}.featured-card:before{content:""!important;display:block!important;position:absolute!important;z-index:1!important;inset:190px 0 0!important;background:#fff!important}.featured-card h4,.featured-card p,.featured-card strong{position:relative!important;z-index:2!important}@media(min-width:760px){.featured-card:before{inset:214px 0 0!important}}
.top .icon-btn{text-decoration:none}.service-group{display:grid;gap:9px;padding:6px 0 15px}.service-group+ .service-group{border-top:1px solid #e3ece8;padding-top:18px}.service-group h4{margin:0 0 2px;color:#006d53;font-size:.9rem}.service-enquiry{text-align:center;padding:18px 4px 8px}.enquiry-mark{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin:0 auto 13px;background:linear-gradient(145deg,#00c99a,#00785d);color:#fff;font-size:1.3rem;font-weight:900}.service-enquiry h4{margin:0 0 7px;font-size:1.15rem}.service-enquiry p{margin:0 auto 18px;max-width:420px;color:#61736d;font-size:.8rem;line-height:1.55}.enquiry-whatsapp,.enquiry-call,.enquiry-back{width:100%;display:block;text-align:center}.enquiry-whatsapp{padding:14px}.enquiry-call{margin-top:9px;padding:13px;border:1px solid #008765;border-radius:12px;color:#007356;text-decoration:none;font-weight:900;font-size:.82rem}.enquiry-back{margin-top:13px;border:0;background:transparent;color:#65756f;padding:9px;font-weight:800;font-size:.75rem}
.carousel .slide-planning-team{background-image:url('home-planning-team.png')!important;background-position:center 48%!important}.carousel .slide-service-vehicle{background-image:url('home-service-vehicle.jpg')!important;background-position:center 55%!important}.welcome h1{max-width:430px}.search{position:relative;z-index:11}.search-results{position:relative;z-index:12;display:none;margin:-10px 0 18px;border:1px solid #dce8e4;border-radius:16px;background:#fff;box-shadow:0 14px 34px rgba(0,55,41,.14);overflow:hidden}.search-results.show{display:block}.search-results button{width:100%;display:grid;grid-template-columns:1fr auto 18px;align-items:center;gap:8px;border:0;border-bottom:1px solid #e7efec;background:#fff;padding:12px 14px;text-align:left;color:#082e25}.search-results button:last-child{border-bottom:0}.search-results button:active,.search-results button:hover{background:#effaf6}.search-results button span{font-size:.78rem;font-weight:850}.search-results button small{font-size:.62rem;color:#71827c}.search-results button b{color:#008765;font-size:1.1rem}.search-results p{margin:0;padding:15px;color:#667872;font-size:.74rem;line-height:1.45}
.project-visual.project-max-power{background-image:url('project-max-power.jpg')!important;background-position:center 48%!important}.project-visual.project-artisan{background-image:url('project-artisan-bakers.webp')!important;background-position:center 46%!important}.project-visual.project-mashora{background-image:url('project-al-mashora.webp')!important;background-position:center 48%!important}.project-visual{height:240px!important}@media(min-width:760px){.project-visual{height:430px!important}}
.app[data-page="projects"] #calculator{display:none!important}.app[data-page="calculator"] #projects,.app[data-page="calculator"] #projects+section,.app[data-page="calculator"] #gallery,.app[data-page="calculator"] #clients{display:none!important}.app[data-page="projects"] #projects,.app[data-page="projects"] #projects+section,.app[data-page="projects"] #gallery,.app[data-page="projects"] #clients{display:block!important}
@media(min-width:760px){.main-service-grid{grid-template-columns:repeat(5,1fr)}}
/* Enhanced estimate workflow */
.calculator-options select{margin-bottom:10px}.option-checks{display:grid;gap:8px}.option-checks label{display:flex;align-items:flex-start;gap:8px;color:#e8f5f1;font-size:.72rem;font-weight:700;line-height:1.35}.option-checks input{width:17px;height:17px;flex:0 0 17px;margin:1px 0 0;accent-color:#00bc8b}.possible-charge{margin:10px 0 0;color:#afd1c5;font-size:.64rem;line-height:1.4}.lead-capture{display:grid;gap:9px}.lead-capture>label{margin-bottom:1px}.lead-capture small{color:#afd1c5;font-size:.62rem}.lead-capture .primary{margin-top:2px}.estimate-actions{display:grid;grid-template-columns:1fr;gap:8px}.estimate-actions button{width:100%;min-height:46px;border-radius:13px;font-size:.72rem;font-weight:900}.estimate-actions .secondary{border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.1);color:#fff}@media(min-width:560px){.estimate-actions{grid-template-columns:1fr 1fr}}
.other-service-prompt.collapsed{display:flex;justify-content:flex-end;padding:7px 0;border:0;background:transparent}.add-other-service{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(101,230,189,.42);border-radius:999px;background:rgba(101,230,189,.1);color:#75edc6;padding:8px 12px;font-size:.68rem;font-weight:900}.add-other-service span{font-size:1rem;line-height:1}.other-service-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.other-service-heading label{margin:0}.other-service-heading button{border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.08);color:#d9eee7;padding:7px 11px;font-size:.66rem;font-weight:800}.lead-name-grid,.lead-action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.lead-action-row button{width:100%;min-height:46px;border-radius:12px;font-size:.68rem;font-weight:900}.lead-action-row .secondary{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff}@media(max-width:380px){.lead-action-row{grid-template-columns:1fr}.lead-name-grid{gap:6px}}
.package-inclusions{border:1px solid rgba(101,230,189,.28);border-radius:15px;background:rgba(101,230,189,.08);padding:13px 15px;color:#eaf8f3}.package-inclusions>span{display:block;color:#65e6bd;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.package-inclusions ul{margin:0;padding-left:18px;display:grid;gap:6px}.package-inclusions li{font-size:.72rem;line-height:1.4;color:#d9eee7}
.pwa-install{color:#00a86b}.pwa-install svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pwa-dialog{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.68);display:grid;place-items:center;padding:20px}.pwa-dialog section{position:relative;width:min(100%,390px);border-radius:22px;background:#fff;color:#102019;padding:28px 22px;box-shadow:0 24px 80px rgba(0,0,0,.35)}.pwa-dialog img{width:68px;height:68px;border-radius:16px;object-fit:cover}.pwa-dialog h3{margin:15px 0 10px;font-size:1.35rem}.pwa-dialog p{margin:8px 0;color:#56645e;font-size:.88rem;line-height:1.5}.pwa-close{position:absolute;right:12px;top:12px;width:36px;height:36px;border:0;border-radius:50%;background:#eff4f1;font-size:1.45rem}.pwa-update{position:fixed;z-index:999;left:50%;bottom:92px;transform:translateX(-50%);width:min(calc(100% - 28px),420px);border:0;border-radius:14px;background:#063f33;color:#fff;padding:13px 16px;font-weight:800;box-shadow:0 12px 32px rgba(0,0,0,.28)}
.pwa-install[hidden]{display:none!important}
.main-service-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3px;margin:12px 0 16px;border-bottom:1px solid rgba(255,255,255,.16)}.main-service-grid button{min-height:72px!important;border:0;border-radius:0;background:transparent;padding:7px 2px;gap:5px;color:#b8cec7;box-shadow:none!important}.main-service-grid button.active{background:transparent;color:#65e6bd;border-bottom:2px solid #65e6bd;box-shadow:none}.main-service-grid svg{width:22px;height:22px}.main-service-grid strong{font-size:.58rem;line-height:1.15}.civil-work-options{gap:8px}.civil-work-options button{flex:1;min-width:120px}@media(min-width:760px){.main-service-grid button{min-height:78px!important}.main-service-grid strong{font-size:.7rem}}
.main-service-grid{grid-template-columns:repeat(3,minmax(0,.72fr)) minmax(105px,1.55fr)!important}.calculator-offer{min-width:0;height:72px;overflow:hidden;border-radius:12px}.calculator-offer-track{display:flex;height:100%;transition:transform .45s ease}.main-service-grid .calculator-offer-slide{min-width:100%;height:72px!important;min-height:72px!important;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:7px;text-align:left;border:1px solid rgba(101,230,189,.3);border-radius:12px;background:linear-gradient(135deg,#26312d,#111715)!important;color:#fff;padding:8px!important}.main-service-grid .calculator-offer-slide.active{border-color:#65e6bd;background:linear-gradient(135deg,#26312d,#111715)!important}.calculator-offer-slide svg{width:23px!important;height:23px!important;color:#65e6bd}.calculator-offer-slide span{min-width:0}.calculator-offer-slide small{display:block;color:#65e6bd;font-size:.48rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.main-service-grid .calculator-offer-slide strong{display:block;color:#fff;font-size:.58rem;line-height:1.2;margin-top:3px}@media(max-width:390px){.main-service-grid{grid-template-columns:repeat(3,minmax(0,.67fr)) minmax(96px,1.5fr)!important}.main-service-grid>button strong{font-size:.53rem}.main-service-grid .calculator-offer-slide{grid-template-columns:20px 1fr;gap:4px;padding:6px!important}.calculator-offer-slide small{font-size:.43rem}.main-service-grid .calculator-offer-slide strong{font-size:.52rem}}