:root{--ink:#17110d;--ink2:#261a13;--wood:#6f4427;--gold:#c99855;--gold2:#e8c48c;--cream:#f5efe6;--paper:#fffdfa;--muted:#756a61;--line:rgba(58,36,23,.14);--radius:28px;--shadow:0 24px 70px rgba(55,31,17,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Tajawal",Arial,sans-serif;line-height:1.7}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 36px));margin:auto}.narrow{width:min(820px,calc(100% - 36px))}.skip-link{position:fixed;right:16px;top:-80px;background:#fff;padding:12px 18px;z-index:9999}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,253,250,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{height:84px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand-mark{width:48px;height:48px;color:var(--gold);display:grid;place-items:center}.brand-mark svg{width:100%;height:100%}.brand strong{display:block;font-size:19px;line-height:1.15}.brand small{font-size:11px;letter-spacing:1.8px;color:var(--wood);font-weight:800}.site-navigation{margin-inline:auto}.site-menu{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}.site-menu a{font-size:15px;font-weight:700;position:relative}.site-menu a:after{content:"";position:absolute;right:0;bottom:-8px;width:0;height:2px;background:var(--gold);transition:.25s}.site-menu a:hover:after,.site-menu a:focus:after{width:100%}.staff-link{border:1px solid var(--ink);padding:10px 16px;border-radius:12px;font-weight:800;font-size:14px}.menu-toggle{display:none;border:0;background:transparent;padding:10px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px}.section{padding:92px 0}.section-dark{background:var(--ink);color:#fff}.hero{position:relative;min-height:720px;display:grid;align-items:center;overflow:hidden}.hero-art,.hero-shade{position:absolute;inset:0}.hero-art img{width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(90deg,rgba(23,17,13,.05),rgba(23,17,13,.64) 52%,rgba(23,17,13,.94) 100%)}.hero-content{position:relative;z-index:2;padding-top:40px}.eyebrow{margin:0 0 12px;color:var(--gold);font-size:14px;font-weight:900;letter-spacing:.5px}.hero h1{font-size:clamp(48px,7vw,88px);line-height:1.12;margin:0;max-width:790px;letter-spacing:-2px}.hero h1 span{color:var(--gold2)}.hero-copy{font-size:21px;color:#e9dfd5;max-width:680px;margin:26px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:14px;border:1px solid transparent;font-family:inherit;font-weight:900;font-size:15px;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-gold{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#20150d;box-shadow:0 14px 30px rgba(201,152,85,.25)}.button-ghost{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(255,255,255,.05)}.button-dark{background:var(--ink);color:#fff}.hero-proof{display:flex;gap:30px;margin-top:54px;color:#e9dfd5;font-size:14px}.hero-proof span{display:flex;align-items:center;gap:10px}.hero-proof b{color:var(--gold2);font-size:12px;border:1px solid rgba(232,196,140,.5);width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.section-heading h2,.request-copy h2,.offers h2,.staff-card h2{font-size:clamp(32px,4vw,50px);line-height:1.25;margin:0;letter-spacing:-1px}.section-heading>p{max-width:430px;color:var(--muted);margin:0}.section-heading.light>p{color:#cfc3b8}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 14px 40px rgba(52,31,18,.06);transition:.25s}.service-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.service-image{height:230px;background:var(--cream);overflow:hidden}.service-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.service-card:hover img{transform:scale(1.04)}.service-body{padding:24px}.service-body h3{font-size:24px;margin:0 0 6px}.service-body p{color:var(--muted);margin:0 0 16px}.service-body a{color:var(--wood);font-weight:900;font-size:14px}.designs{background:var(--cream)}.design-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.design-card{grid-column:span 4;position:relative;border-radius:26px;overflow:hidden;min-height:360px;background:#1d140f;box-shadow:var(--shadow)}.design-card.design-large{grid-column:span 8}.design-card img{width:100%;height:100%;object-fit:cover}.design-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(18,12,8,.9))}.design-card>div{position:absolute;z-index:2;right:24px;left:24px;bottom:22px;color:#fff}.design-card span{font-size:12px;color:var(--gold2);font-weight:900}.design-card h3{margin:3px 0 0;font-size:24px}.process{background:linear-gradient(135deg,#17110d,#2a1b13)}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.process-grid article{padding:26px 20px;border:1px solid rgba(232,196,140,.2);border-radius:20px;background:rgba(255,255,255,.03)}.process-grid span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--gold);color:var(--ink);font-weight:900}.process-grid h3{font-size:20px;margin:18px 0 8px}.process-grid p{color:#cfc3b8;font-size:14px;margin:0}.request-section{background:#fff}.request-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.request-copy>p:not(.eyebrow){color:var(--muted);font-size:18px}.check-list{list-style:none;padding:0;margin:26px 0}.check-list li{margin:10px 0;font-weight:800}.check-list li:before{content:"✓";display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e7d2b2;color:var(--wood);margin-left:10px}.smart-form,.subscribe-form{display:grid;gap:16px}.smart-form{padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:var(--cream);box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:grid;gap:7px;font-size:14px;font-weight:800}input,select,textarea{width:100%;border:1px solid rgba(57,37,25,.18);background:#fff;border-radius:12px;padding:13px 14px;font:inherit;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,152,85,.14)}textarea{resize:vertical}.honeypot{position:absolute!important;left:-9999px!important}.form-notice{padding:12px 14px;border-radius:10px;font-weight:800}.form-notice.success{background:#e4f4e6;color:#205e2a}.form-notice.error{background:#fae8e6;color:#8d2f25}.offers{padding-top:20px}.offers-card{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--ink);border-radius:34px;overflow:hidden;color:#fff;box-shadow:var(--shadow)}.offers-visual{position:relative;min-height:540px}.offers-visual img{width:100%;height:100%;object-fit:cover}.offers-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(20,13,9,.75))}.offers-visual span{position:absolute;z-index:2;right:25px;bottom:22px;color:#fff;font-weight:900}.offers-form-wrap{padding:60px}.offers-form-wrap>p:not(.eyebrow){color:#cfc3b8}.subscribe-form input,.subscribe-form select{background:#251a13;color:#fff;border-color:rgba(255,255,255,.15)}.subscribe-form select option{color:#111;background:#fff}.consent{display:flex;grid-template-columns:auto 1fr;align-items:flex-start;font-weight:500;color:#d8cec4}.consent input{width:auto;margin-top:6px}.staff-section{padding:0 0 92px}.staff-card{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:42px;border-radius:28px;background:linear-gradient(135deg,#f0dfc4,#fff7ea);border:1px solid rgba(120,74,37,.15)}.staff-card p{margin-bottom:0;color:var(--muted)}.site-footer{background:#130e0a;color:#fff;padding-top:72px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr .8fr 1fr;gap:45px}.brand-footer{color:#fff}.footer-brand p,.footer-cta p,.contact-list{color:#c9beb4}.site-footer h3{margin-top:0;color:var(--gold2)}.contact-list,.footer-links{list-style:none;padding:0;margin:0}.contact-list li,.footer-links li{margin:10px 0}.footer-links.site-menu{display:block}.footer-links.site-menu a:after{display:none}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:60px;padding:22px 0;color:#a99c91;font-size:13px}.floating-whatsapp{position:fixed;left:20px;bottom:20px;z-index:90;background:#1fa75b;color:#fff;padding:13px 18px;border-radius:999px;font-weight:900;box-shadow:0 14px 35px rgba(0,0,0,.22)}.content-page{padding:90px 0;background:var(--cream);min-height:60vh}.entry-card{background:#fff;border-radius:24px;padding:34px;border:1px solid var(--line)}
@media(max-width:1000px){.site-navigation{position:fixed;top:84px;right:18px;left:18px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow);display:none}.site-navigation.is-open{display:block}.site-menu{display:grid;gap:14px}.menu-toggle{display:block;margin-inline-start:auto}.staff-link{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.request-grid{grid-template-columns:1fr}.offers-card{grid-template-columns:1fr}.offers-visual{min-height:360px}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.header-inner{height:72px}.brand-mark{width:40px;height:40px}.brand strong{font-size:16px}.brand small{font-size:9px}.site-navigation{top:72px}.hero{min-height:680px}.hero-shade{background:linear-gradient(180deg,rgba(23,17,13,.28),rgba(23,17,13,.92) 66%)}.hero h1{font-size:48px;letter-spacing:-1px}.hero-copy{font-size:18px}.hero-proof{gap:12px;flex-wrap:wrap}.section{padding:70px 0}.section-heading{display:block}.section-heading>p{margin-top:16px}.service-grid{grid-template-columns:1fr}.design-card,.design-card.design-large{grid-column:span 12;min-height:320px}.process-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.smart-form{padding:22px}.offers-form-wrap{padding:32px 22px}.staff-card{display:block;padding:30px}.staff-card .button{margin-top:22px;width:100%}.footer-grid{grid-template-columns:1fr}.footer-cta .button{width:100%}.floating-whatsapp{left:14px;bottom:14px}.hero-actions .button{width:100%}}


/* About section and About Us page */
.home-about{background:#fff}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}.about-visual{position:relative;min-height:560px;border-radius:34px;overflow:hidden;background:radial-gradient(circle at 25% 20%,rgba(232,196,140,.28),transparent 32%),linear-gradient(145deg,#1a120d,#3a2619);box-shadow:var(--shadow)}.about-visual:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 28px,rgba(255,255,255,.025) 29px,rgba(255,255,255,.025) 31px)}.about-monogram{position:absolute;inset:0;display:grid;place-items:center;color:rgba(232,196,140,.18);font-size:clamp(90px,14vw,190px);font-weight:900;letter-spacing:-12px}.about-monogram span{color:rgba(255,255,255,.12);font-size:.65em}.about-material{position:absolute;right:28px;left:28px;max-width:330px;padding:17px 19px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.08);backdrop-filter:blur(12px);color:#fff}.about-material b,.about-material small{display:block}.about-material b{color:var(--gold2);font-size:17px}.about-material small{margin-top:3px;color:#d8cec4}.about-material-one{top:34px}.about-material-two{top:50%;right:auto}.about-material-three{bottom:34px}.about-copy h2,.about-story h2{font-size:clamp(34px,4.5vw,58px);line-height:1.25;margin:0 0 22px;letter-spacing:-1px}.about-copy>p:not(.eyebrow){color:var(--muted);font-size:17px}.about-values{display:grid;gap:12px;margin:26px 0}.about-values article{padding:15px 17px;border-right:3px solid var(--gold);background:var(--cream);border-radius:12px}.about-values strong,.about-values span{display:block}.about-values span{color:var(--muted);font-size:14px;margin-top:3px}
.about-page-hero{padding:110px 0;background:radial-gradient(circle at 15% 20%,rgba(201,152,85,.23),transparent 28%),linear-gradient(135deg,#17110d,#2e1d13)}.about-page-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:60px}.about-page-hero h1{font-size:clamp(48px,7vw,86px);line-height:1.14;letter-spacing:-2px;margin:0}.about-page-hero p:not(.eyebrow){color:#d8cec4;font-size:20px;max-width:760px}.about-page-badge{aspect-ratio:1;border-radius:50%;border:1px solid rgba(232,196,140,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 0 18px rgba(255,255,255,.025),0 35px 80px rgba(0,0,0,.25);color:var(--gold2);font-size:42px;font-weight:900;letter-spacing:5px}.about-page-badge b{color:#fff;font-size:28px}.about-page-badge small{font-size:13px;letter-spacing:8px;color:#cfc3b8;margin-top:10px}.about-story{background:#fff}.about-story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.story-text{font-size:18px;color:var(--muted)}.story-text p:first-child{margin-top:0}.about-pillars{background:var(--cream)}.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pillar-grid article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 14px 40px rgba(52,31,18,.05)}.pillar-grid span{color:var(--gold);font-size:13px;font-weight:900}.pillar-grid h3{font-size:23px;margin:18px 0 8px}.pillar-grid p{color:var(--muted);margin:0}.mission-section{background:linear-gradient(135deg,#17110d,#2a1b13)}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mission-grid article{padding:44px;border-radius:26px;border:1px solid rgba(232,196,140,.2);background:rgba(255,255,255,.03)}.mission-grid h2{font-size:clamp(31px,4vw,48px);line-height:1.28;margin:0 0 18px}.mission-grid p:not(.eyebrow){color:#cfc3b8;font-size:17px}.about-capabilities{background:#fff}.capability-list{display:flex;flex-wrap:wrap;gap:12px}.capability-list span{padding:13px 18px;border-radius:999px;background:var(--cream);border:1px solid var(--line);font-weight:800}.about-cta{padding-top:10px;background:#fff}
@media(max-width:1000px){.about-grid,.about-page-hero-grid,.about-story-grid{grid-template-columns:1fr}.about-visual{min-height:480px}.about-page-badge{max-width:420px;width:100%;margin:auto}.pillar-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.about-grid{gap:38px}.about-visual{min-height:430px}.about-material{right:18px;left:18px}.about-material-two{right:18px;left:18px}.about-page-hero{padding:80px 0}.about-page-hero h1{font-size:48px}.about-page-hero p:not(.eyebrow){font-size:18px}.about-page-badge{max-width:290px}.about-story-grid{gap:25px}.pillar-grid,.mission-grid{grid-template-columns:1fr}.mission-grid article{padding:30px 24px}}

/* Front-end staff portal and published projects */
.center-action{text-align:center;margin-top:28px}.design-card{text-decoration:none;color:inherit}.design-card img{display:block}.waiq-portal-body{margin:0;background:#f5f1eb;color:var(--ink);min-height:100vh}.waiq-portal-body #wpadminbar{display:none!important}.portal-login-shell{min-height:100vh;display:grid;place-items:center;padding:34px 18px;background:radial-gradient(circle at 20% 15%,rgba(201,152,85,.22),transparent 28%),linear-gradient(145deg,#130e0a,#302015)}.portal-back-home{position:absolute;top:25px;right:25px;color:#fff;text-decoration:none;font-weight:800}.portal-login-card{width:min(100%,520px);background:#fff;border-radius:30px;padding:42px;box-shadow:0 35px 90px rgba(0,0,0,.35)}.portal-logo{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink)}.portal-logo strong,.portal-logo small{display:block}.portal-logo strong{font-size:20px}.portal-logo small{font-size:10px;letter-spacing:2px;color:var(--wood)}.portal-lock{width:64px;height:64px;display:grid;place-items:center;border-radius:20px;background:var(--cream);font-size:27px;margin:34px 0 20px}.portal-login-card h1{font-size:42px;margin:4px 0 12px}.portal-muted{color:var(--muted)}.portal-form{display:grid;gap:16px}.portal-form label{font-weight:800}.portal-check{display:flex!important;align-items:center;gap:9px;font-weight:500!important}.portal-check input{width:auto}.portal-submit{width:100%;margin-top:5px}.portal-notice{padding:14px 17px;border-radius:12px;margin:0 0 20px;font-weight:800}.portal-notice.success{background:#dff3e5;color:#1e6533}.portal-notice.error{background:#f9e4e1;color:#8a3028}.portal-app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.portal-sidebar{background:#130e0a;color:#fff;padding:28px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.portal-logo-side{color:#fff;padding:8px}.portal-nav{display:grid;gap:7px;margin-top:42px}.portal-nav a{color:#cfc3b8;text-decoration:none;padding:13px 14px;border-radius:12px;font-weight:800}.portal-nav a:hover,.portal-nav a.active{background:#2b1d14;color:var(--gold2)}.portal-user-card{margin-top:auto;padding:17px;border-top:1px solid rgba(255,255,255,.12)}.portal-user-card strong,.portal-user-card small,.portal-user-card a{display:block}.portal-user-card small{color:#aa9c91;margin:4px 0 12px}.portal-user-card a{color:var(--gold2);text-decoration:none}.portal-main{padding:42px;min-width:0}.portal-topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.portal-topbar h1{margin:2px 0 0;font-size:38px}.portal-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 14px 44px rgba(52,31,18,.05)}.portal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.portal-span-2{grid-column:span 2}.portal-upload-box{border:2px dashed #d9c3a3;padding:24px;border-radius:16px;background:#fffaf2;cursor:pointer}.portal-upload-box span{font-size:13px;color:var(--muted)}.portal-form-actions{display:flex;gap:12px;margin-top:20px}.portal-existing-images{margin-top:24px}.portal-image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.portal-image-grid label{position:relative;background:var(--cream);padding:8px;border-radius:14px}.portal-image-grid img{width:100%;height:150px;object-fit:cover;border-radius:9px}.portal-image-grid label span{display:flex;align-items:center;gap:7px;font-size:12px;margin-top:6px}.portal-image-grid input{width:auto}.portal-project-list{display:grid;gap:12px}.portal-project-row{display:grid;grid-template-columns:86px 1fr auto auto;gap:16px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:16px}.portal-project-thumb{width:86px;height:72px;border-radius:12px;overflow:hidden;background:var(--cream);display:grid;place-items:center;color:var(--muted);font-size:12px}.portal-project-thumb img{width:100%;height:100%;object-fit:cover}.portal-project-info h3{margin:4px 0;font-size:19px}.portal-project-info span,.portal-project-info small{color:var(--muted);font-size:12px}.portal-status{padding:7px 11px;border-radius:999px;font-size:12px;font-weight:900}.portal-status.publish{background:#dff3e5;color:#1e6533}.portal-status.draft{background:#f4ead9;color:#7c5524}.portal-row-actions{display:flex;gap:8px;align-items:center}.portal-row-actions a,.portal-row-actions button{border:0;background:var(--cream);color:var(--ink);padding:7px 10px;border-radius:9px;text-decoration:none;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.portal-row-actions form{margin:0}.portal-empty{text-align:center;padding:70px 20px}.portal-two-columns{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px}.portal-employee-list{display:grid;gap:10px}.portal-employee-list article{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:14px}.portal-employee-list strong,.portal-employee-list small{display:block}.portal-employee-list small{color:var(--muted)}.portal-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--cream);color:var(--wood);font-weight:900}.portal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.portal-stats article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px}.portal-stats span,.portal-stats strong{display:block}.portal-stats span{color:var(--muted)}.portal-stats strong{font-size:42px;margin-top:8px}.portal-welcome{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center}.portal-welcome h2{font-size:38px}.portal-steps{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center}.portal-steps>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--gold);font-weight:900}.portal-steps p{margin:0}.portal-steps strong,.portal-steps small{display:block}.portal-steps small{color:var(--muted)}
.project-single-hero,.projects-archive-hero{padding:90px 0;background:radial-gradient(circle at 20% 15%,rgba(201,152,85,.2),transparent 28%),linear-gradient(135deg,#17110d,#2b1c13);color:#fff}.project-single-hero h1,.projects-archive-hero h1{font-size:clamp(44px,7vw,80px);margin:6px 0 14px}.project-single-hero>div>p:not(.eyebrow),.projects-archive-hero p:not(.eyebrow){color:#d6cbc2;font-size:19px}.project-meta{display:flex;gap:12px}.project-meta span{border:1px solid rgba(255,255,255,.16);padding:8px 12px;border-radius:999px;color:#d6cbc2}.project-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.project-gallery.single{grid-template-columns:1fr}.project-gallery a{border-radius:20px;overflow:hidden;background:var(--cream)}.project-gallery img{display:block;width:100%;height:520px;object-fit:cover}.project-description{max-width:850px;margin:55px auto;font-size:18px;color:var(--muted)}.project-description h2{color:var(--ink);font-size:36px}.project-cta{display:flex;justify-content:space-between;align-items:center;gap:25px;background:var(--ink);color:#fff;padding:38px;border-radius:26px}.project-cta h2{margin:5px 0}.public-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.public-project-card{display:block;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.public-project-card>div{height:290px;background:var(--cream)}.public-project-card img{width:100%;height:100%;object-fit:cover}.public-project-card span,.public-project-card h2,.public-project-card p{display:block;margin-left:20px;margin-right:20px}.public-project-card span{margin-top:18px;color:var(--gold);font-weight:900}.public-project-card h2{font-size:24px;margin-top:6px;margin-bottom:8px}.public-project-card p{color:var(--muted);margin-bottom:22px}
@media(max-width:1000px){.portal-app{grid-template-columns:1fr}.portal-sidebar{position:static;height:auto;display:block}.portal-nav{grid-template-columns:repeat(3,1fr);margin-top:24px}.portal-user-card{margin-top:20px}.portal-main{padding:25px}.portal-two-columns,.portal-welcome{grid-template-columns:1fr}.public-project-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.portal-login-card{padding:28px 22px}.portal-login-card h1{font-size:36px}.portal-back-home{top:15px;right:15px}.portal-logo-side{justify-content:center}.portal-nav{grid-template-columns:1fr 1fr}.portal-main{padding:18px 14px}.portal-topbar{align-items:flex-start}.portal-topbar h1{font-size:30px}.portal-topbar .button{display:none}.portal-form-grid{grid-template-columns:1fr}.portal-span-2{grid-column:span 1}.portal-form-actions{display:grid}.portal-image-grid{grid-template-columns:repeat(2,1fr)}.portal-project-row{grid-template-columns:70px 1fr}.portal-project-thumb{width:70px}.portal-status,.portal-row-actions{grid-column:2}.portal-row-actions{flex-wrap:wrap}.portal-stats{grid-template-columns:1fr}.portal-welcome h2{font-size:30px}.project-gallery{grid-template-columns:1fr}.project-gallery img{height:auto}.project-cta{display:block}.project-cta .button{margin-top:18px;width:100%}.public-project-grid{grid-template-columns:1fr}.portal-user-card{text-align:center}}
/* Front-end customer account */
.account-shell{min-height:100vh;background:#f7f2ea;color:#1c130e}.account-top{display:flex;justify-content:space-between;align-items:center;padding:18px clamp(20px,5vw,70px);background:#fff;border-bottom:1px solid #e8dccd}.account-top>a:last-child{color:#7a5a42;font-weight:800}.account-main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:48px 0 80px}.account-intro{max-width:760px;margin-bottom:28px}.account-intro h1{font-size:clamp(32px,5vw,64px);line-height:1.15;margin:.25em 0}.account-intro p{font-size:18px;line-height:1.9;color:#786b61}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.account-card{background:#fff;border:1px solid #e5d7c7;border-radius:28px;padding:clamp(24px,4vw,42px);box-shadow:0 18px 50px rgba(54,35,22,.08)}.account-card h2{font-size:30px;margin-top:0}.account-card .portal-form{display:grid;gap:16px}.account-card label{display:grid;gap:8px;font-weight:700}.account-card input[type=text],.account-card input[type=email],.account-card input[type=password],.account-card input[type=tel],.account-card input:not([type]){width:100%;padding:15px 16px;border:1px solid #d9c8b7;border-radius:14px;background:#fff;font:inherit}.interest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.interest-grid label,.consent{display:flex!important;align-items:center;gap:8px;background:#faf6f0;border:1px solid #eadfD3;border-radius:12px;padding:11px 12px}.logout-form{margin-top:14px}.account-link{margin-inline-start:auto}@media(max-width:760px){.account-grid{grid-template-columns:1fr}.account-main{padding-top:28px}.account-top{padding:14px 18px}.account-top .brand strong{font-size:18px}.account-top .brand small{font-size:9px}.interest-grid{grid-template-columns:1fr}.account-card{border-radius:22px}.account-intro h1{font-size:38px}}

/* =========================================================
   Wood & Art IQ v3.0 — clean responsive foundation
   ========================================================= */
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{min-width:0}
body>*{max-width:100%}
.container,.narrow{max-width:100%}
img,svg,video,iframe{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%}
.site-header{background:rgba(255,253,250,.97);box-shadow:0 1px 0 rgba(58,36,23,.08);backdrop-filter:blur(12px)}
.header-inner{height:76px;justify-content:space-between;gap:18px;min-width:0}
.brand{min-width:0;max-width:calc(100% - 64px);overflow:hidden}
.brand-copy{min-width:0}
.brand strong,.brand small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brand-mark{flex:0 0 42px;width:42px;height:42px}
.brand strong{font-size:18px}
.brand small{font-size:10px;letter-spacing:1.5px}
.mobile-menu-head,.menu-account-button,.menu-overlay{display:none}
.menu-toggle{flex:0 0 46px;width:46px;height:46px;border-radius:13px;align-items:center;justify-content:center}
.menu-toggle:hover,.menu-toggle:focus{background:var(--cream)}
.menu-toggle span{width:23px;margin:4px auto}
.hero,.section,.site-footer,main{width:100%;max-width:100%;overflow:hidden}
.hero-content,.section-heading,.request-grid,.offers-card,.staff-card,.footer-grid{min-width:0}
.floating-whatsapp{font-size:15px;padding:11px 17px;border-radius:999px;box-shadow:0 10px 28px rgba(19,91,52,.22)}

@media (max-width:1000px){
  .header-inner{height:72px}
  .menu-toggle{display:grid;margin-inline-start:auto;z-index:1003}
  .site-navigation{display:flex!important;position:fixed;top:0;right:0;bottom:0;left:auto;width:min(88vw,360px);height:100dvh;margin:0;padding:20px;background:#fff;border:0;border-radius:0;box-shadow:-18px 0 60px rgba(31,20,13,.18);transform:translateX(105%);transition:transform .28s ease;z-index:1004;flex-direction:column;overflow-y:auto;overscroll-behavior:contain}
  .site-navigation.is-open{transform:translateX(0)}
  .mobile-menu-head{display:flex;align-items:center;justify-content:space-between;padding:4px 2px 20px;border-bottom:1px solid var(--line);font-size:20px}
  .menu-close{width:42px;height:42px;border:0;border-radius:50%;background:var(--cream);font:inherit;font-size:30px;line-height:1;color:var(--ink);cursor:pointer}
  .site-menu{display:grid;gap:4px;padding:18px 0;margin:0;align-items:stretch}
  .site-menu li{width:100%}
  .site-menu a{display:flex;align-items:center;min-height:48px;padding:10px 12px;border-radius:12px;font-size:16px}
  .site-menu a:hover,.site-menu a:focus{background:var(--cream)}
  .site-menu a:after{display:none}
  .menu-account-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;margin-top:auto;padding:12px 18px;border-radius:14px;background:var(--ink);color:#fff;font-size:16px;font-weight:900}
  .menu-account-button span{color:var(--gold2)}
  .menu-overlay{position:fixed;inset:0;background:rgba(23,17,13,.46);backdrop-filter:blur(2px);z-index:1002}
  .menu-overlay.is-open{display:block}
  html.menu-open,html.menu-open body{overflow:hidden}
  .staff-link,.account-link{display:none!important}
}

@media (max-width:700px){
  .container{width:calc(100% - 28px)}
  .narrow{width:calc(100% - 28px)}
  .header-inner{height:68px;gap:10px}
  .brand{max-width:calc(100% - 54px);gap:8px}
  .brand-mark{flex-basis:36px;width:36px;height:36px}
  .brand strong{font-size:15px}
  .brand small{font-size:8px;letter-spacing:1.2px}
  .menu-toggle{width:44px;height:44px;padding:8px}
  .site-navigation{width:min(90vw,340px);padding:18px}
  .hero{min-height:auto;padding:82px 0 64px}
  .hero-art,.hero-shade{inset:0}
  .hero-content{padding-top:0}
  .hero h1{font-size:clamp(36px,11vw,50px);line-height:1.18;letter-spacing:-.8px;max-width:100%}
  .hero-copy{font-size:17px;line-height:1.85;margin:20px 0}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .hero-actions .button{width:100%;min-height:52px}
  .hero-proof{display:grid;grid-template-columns:1fr;gap:10px;margin-top:30px}
  .section{padding:58px 0}
  .section-heading h2,.request-copy h2,.offers h2,.staff-card h2{font-size:clamp(29px,9vw,40px);letter-spacing:-.5px}
  .section-heading{margin-bottom:28px}
  .service-image{height:205px}
  .service-body{padding:20px}
  .service-body h3{font-size:22px}
  .design-card,.design-card.design-large{min-height:280px;border-radius:20px}
  .request-grid{gap:34px}
  .smart-form{padding:19px;border-radius:20px}
  .offers-card{border-radius:22px}
  .offers-visual{min-height:250px}
  .offers-form-wrap{padding:28px 19px}
  .staff-card{border-radius:22px;padding:26px 20px}
  .floating-whatsapp{left:12px;bottom:12px;padding:10px 15px;font-size:14px}
  #wpadminbar{position:fixed}
  body.admin-bar .site-header{top:46px}
}

@media (max-width:390px){
  .brand strong{font-size:14px}
  .brand small{font-size:7.5px}
  .brand-mark{flex-basis:34px;width:34px;height:34px}
  .container,.narrow{width:calc(100% - 22px)}
}


/* =========================================================
   Wood & Art IQ v4.0 — refined minimal interface
   ========================================================= */
:root{
  --ink:#17130f;
  --ink2:#2a211a;
  --wood:#765038;
  --gold:#c99b5b;
  --gold2:#ead1aa;
  --cream:#f5f0e8;
  --paper:#fffdfa;
  --muted:#756d66;
  --line:rgba(42,33,26,.11);
  --radius:20px;
  --shadow:0 18px 48px rgba(37,27,19,.08);
}
html,body{overflow-x:clip!important}
body{background:#fffdfa;font-size:16px}
.container{width:min(1160px,calc(100% - 40px))}
.site-header{border-bottom:1px solid var(--line);box-shadow:none}
.header-inner{height:74px}
.brand-mark{width:40px;height:40px;flex-basis:40px}
.brand strong{font-size:18px;font-weight:900}
.brand small{font-size:9px;letter-spacing:2px}
.site-menu{gap:20px}
.site-menu a{font-size:14px}
.section{padding:76px 0}
.hero{min-height:650px}
.hero-shade{background:linear-gradient(90deg,rgba(17,13,10,.08),rgba(17,13,10,.62) 56%,rgba(17,13,10,.92))}
.hero h1{font-size:clamp(44px,6.2vw,76px);max-width:720px;letter-spacing:-1.4px}
.hero-copy{font-size:19px;max-width:620px}
.button{border-radius:12px;min-height:48px;padding:0 22px}
.button-gold{box-shadow:none}
.hero-proof{margin-top:38px;gap:20px}
.service-grid{gap:16px}
.service-card{border-radius:18px;box-shadow:none}
.service-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.service-image{height:210px}
.service-body{padding:20px}
.service-body h3{font-size:22px}
.designs{background:#f7f3ed}
.design-grid{gap:14px}
.design-card{border-radius:18px;min-height:330px;box-shadow:none}
.process-grid{gap:10px}
.process-grid article{border-radius:16px;padding:22px 18px}
.smart-form{border-radius:18px;box-shadow:none;background:#f8f4ee;padding:26px}
.offers-card{border-radius:22px;box-shadow:none}
.staff-section{display:none!important}
.site-footer{padding-top:58px}
.footer-grid{gap:32px}
.floating-whatsapp{padding:10px 15px;font-size:14px;box-shadow:0 10px 24px rgba(0,0,0,.16)}

@media (max-width:1000px){
  .site-navigation{width:min(86vw,340px);padding:18px}
  .mobile-menu-head{font-size:18px}
  .site-menu{gap:6px;padding:14px 0}
  .site-menu a{min-height:46px;padding:10px 12px;border:1px solid transparent}
  .site-menu a:hover,.site-menu a:focus{border-color:var(--line)}
  .menu-account-button{
    width:96px;
    min-height:96px;
    margin:18px auto 0;
    padding:12px;
    border-radius:20px;
    flex-direction:column;
    gap:7px;
    text-align:center;
    font-size:14px;
    line-height:1.3;
    box-shadow:none;
  }
  .menu-account-button span{font-size:22px;line-height:1}
}

@media (max-width:700px){
  .container,.narrow{width:calc(100% - 28px)}
  .header-inner{height:64px}
  .brand-mark{width:34px;height:34px;flex-basis:34px}
  .brand strong{font-size:15px}
  .brand small{font-size:7.5px}
  .menu-toggle{width:42px;height:42px;border-radius:11px}
  .site-navigation{width:min(88vw,330px)}
  .hero{padding:72px 0 54px;min-height:590px}
  .hero-shade{background:linear-gradient(180deg,rgba(17,13,10,.28),rgba(17,13,10,.91) 58%)}
  .hero h1{font-size:clamp(34px,10.5vw,45px);line-height:1.2}
  .hero-copy{font-size:16px;line-height:1.8}
  .hero-proof{margin-top:26px}
  .section{padding:52px 0}
  .section-heading{display:block}
  .section-heading>p{margin-top:10px}
  .section-heading h2,.request-copy h2,.offers h2{font-size:clamp(28px,8.5vw,37px)}
  .service-grid{grid-template-columns:1fr}
  .service-image{height:200px}
  .design-grid{display:grid;grid-template-columns:1fr}
  .design-card,.design-card.design-large{grid-column:1;min-height:260px}
  .process-grid{grid-template-columns:1fr}
  .request-grid{grid-template-columns:1fr;gap:28px}
  .form-row{grid-template-columns:1fr}
  .smart-form{padding:18px}
  .offers-card{grid-template-columns:1fr}
  .offers-visual{min-height:220px}
  .offers-form-wrap{padding:24px 18px}
  .footer-grid{grid-template-columns:1fr;gap:26px}
  .footer-bottom{margin-top:36px}
  .floating-whatsapp{left:10px;bottom:10px}
  body.admin-bar .site-header{top:46px}
}

@media (max-width:390px){
  .container,.narrow{width:calc(100% - 22px)}
  .brand-copy{max-width:190px}
}

/* =========================================================
   Wood & Art IQ v5.2 — clean, balanced public interface
   ========================================================= */
html{width:100%;max-width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;max-width:100%;overflow-x:hidden;margin:0;background:#fffdfa;color:var(--ink)}
.site-header,.home-main,.site-footer{width:100%;max-width:100%}
.container,.narrow{width:min(1120px,calc(100% - 36px));max-width:1120px;margin-inline:auto}

.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,253,250,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(58,36,23,.1)}
.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:11px;min-width:0}
.brand-mark{width:44px;height:44px;flex:0 0 44px;color:var(--gold)}
.brand-copy{display:grid;gap:2px;min-width:0}
.brand strong{font-size:19px;line-height:1.1;white-space:nowrap}
.brand small{display:block;font-size:10px;color:var(--wood);font-weight:700;white-space:nowrap}
.brand-custom-logo{display:block;max-width:220px;max-height:56px}
.brand-logo-image{display:block;width:auto!important;max-width:220px!important;height:56px!important;object-fit:contain}
.menu-toggle{display:none;border:0;background:transparent;width:44px;height:44px;padding:8px;cursor:pointer}
.menu-toggle span{display:block;width:25px;height:2px;background:var(--ink);margin:5px auto;border-radius:10px}

.simple-hero{position:relative;min-height:600px;display:grid;align-items:center;overflow:hidden;background:#1b120d;color:#fff}
.simple-hero-media,.simple-hero-overlay{position:absolute;inset:0}
.simple-hero-media img{width:100%;height:100%;object-fit:cover;opacity:.72}
.simple-hero-overlay{background:linear-gradient(90deg,rgba(23,17,13,.12),rgba(23,17,13,.73) 56%,rgba(23,17,13,.94))}
.simple-hero-content{position:relative;z-index:2;padding-block:88px}
.simple-hero h1{max-width:720px;margin:0;font-size:clamp(43px,6vw,72px);line-height:1.14;letter-spacing:-1px}
.simple-hero h1 span{color:var(--gold2)}
.simple-hero-content>p:not(.eyebrow){max-width:610px;margin:21px 0 29px;color:#eee3d8;font-size:18px;line-height:1.9}
.simple-actions{display:flex;gap:12px;flex-wrap:wrap}
.button-light{background:#fff;color:var(--ink);border-color:#fff}

.simple-section{padding:76px 0}
.simple-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}
.simple-heading h2,.simple-quote-copy h2,.simple-newsletter h2{margin:0;font-size:clamp(31px,4vw,47px);line-height:1.24;letter-spacing:-.5px}
.simple-heading>p{max-width:430px;margin:0;color:var(--muted)}
.simple-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.simple-service-card{overflow:hidden;min-width:0;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 12px 36px rgba(46,27,16,.06);transition:transform .2s ease,box-shadow .2s ease}
.simple-service-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(46,27,16,.1)}
.simple-service-card img{width:100%;height:210px;object-fit:cover;background:var(--cream)}
.simple-service-card>div{padding:21px}
.simple-service-card h3{margin:0 0 6px;font-size:23px}
.simple-service-card p{margin:0;color:var(--muted)}

.simple-quote-wrap{display:grid;grid-template-columns:.82fr 1.18fr;gap:52px;align-items:start}
.simple-quote-copy{position:sticky;top:112px}
.simple-quote-copy>p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.9}
.simple-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:26px;background:#f7f2eb;border:1px solid var(--line);border-radius:22px;box-shadow:0 14px 40px rgba(52,31,18,.07)}
.simple-form label:nth-of-type(4),.simple-form button{grid-column:1/-1}
.simple-newsletter{padding:48px 0;background:#17110d;color:#fff}
.simple-newsletter-inner{display:flex;align-items:center;justify-content:space-between;gap:26px}
.simple-newsletter p:not(.eyebrow){margin-bottom:0;color:#cfc3b8}

.site-footer{padding-top:64px;background:#130e0a;color:#fff}
.footer-grid{display:grid;grid-template-columns:1.25fr 1fr .8fr 1fr;gap:38px}
.brand-footer .brand-logo-image{filter:none}
.brand-footer small{color:#d9b67f}
.floating-whatsapp{position:fixed;left:16px;bottom:16px;z-index:90;display:grid;place-items:center;width:50px;height:50px;padding:0;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 10px 26px rgba(0,0,0,.22);font-size:0;line-height:0}
.floating-whatsapp svg{display:block;width:26px;height:26px}

@media(max-width:1000px){
  .menu-toggle{display:block}
  .site-navigation{position:fixed;top:0;right:0;bottom:0;z-index:1004;display:flex;width:min(88vw,350px);height:100dvh;margin:0!important;padding:18px;background:#fff;transform:translateX(105%);transition:transform .25s ease;flex-direction:column;overflow:auto}
  .site-navigation.is-open{transform:translateX(0)}
  .simple-services{grid-template-columns:repeat(2,minmax(0,1fr))}
  .simple-quote-wrap{grid-template-columns:1fr;gap:28px}
  .simple-quote-copy{position:static}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:700px){
  body.admin-bar .site-header{top:46px}
  .container,.narrow{width:calc(100% - 24px);max-width:none;margin-inline:auto}
  .header-inner{height:66px}
  .brand-mark{width:36px;height:36px;flex-basis:36px}
  .brand strong{font-size:17px}
  .brand small{font-size:9px}
  .brand-custom-logo{max-width:190px;max-height:48px}
  .brand-logo-image{max-width:190px!important;height:48px!important}
  .simple-hero{min-height:540px}
  .simple-hero-overlay{background:linear-gradient(180deg,rgba(18,12,8,.19),rgba(18,12,8,.93) 58%)}
  .simple-hero-content{padding-block:66px 52px}
  .simple-hero h1{max-width:100%;font-size:clamp(34px,10vw,44px);line-height:1.2}
  .simple-hero-content>p:not(.eyebrow){font-size:16px;line-height:1.85;margin:18px 0 24px}
  .simple-actions{display:grid;grid-template-columns:1fr;width:100%}
  .simple-actions .button{width:100%}
  .simple-section{padding:50px 0}
  .simple-heading{display:block;margin-bottom:22px}
  .simple-heading>p{margin-top:9px}
  .simple-heading h2,.simple-quote-copy h2,.simple-newsletter h2{font-size:clamp(28px,8.4vw,36px)}
  .simple-services{grid-template-columns:1fr;gap:14px}
  .simple-service-card img{height:185px}
  .simple-form{grid-template-columns:1fr;padding:18px}
  .simple-form label,.simple-form label:nth-of-type(4),.simple-form button{grid-column:1}
  .simple-newsletter-inner{display:block}
  .simple-newsletter .button{width:100%;margin-top:20px}
  .footer-grid{grid-template-columns:1fr;gap:26px}
  .floating-whatsapp{left:12px;bottom:12px;width:46px;height:46px}
  .floating-whatsapp svg{width:24px;height:24px}
}

@media(max-width:390px){
  .brand-copy small{display:none}
  .brand-custom-logo{max-width:165px}
  .brand-logo-image{max-width:165px!important}
}

/* =========================================================
   Khashaba wa Fan v6.0 — approved clean brand design
   ========================================================= */
:root{
  --kfw-bg:#fffaf2;
  --kfw-card:#fffdf9;
  --kfw-ink:#321b0e;
  --kfw-brown:#6f3510;
  --kfw-brown-dark:#4b230c;
  --kfw-gold:#c58a3a;
  --kfw-gold-soft:#e9c68d;
  --kfw-text:#67594f;
  --kfw-line:rgba(111,53,16,.17);
  --kfw-shadow:0 16px 42px rgba(76,42,20,.09);
}
html{overflow-x:hidden!important;scroll-padding-top:82px}
body{overflow-x:hidden!important;background:var(--kfw-bg);color:var(--kfw-ink)}
body>*{max-width:100%}
.container{width:min(1180px,calc(100% - 40px));max-width:1180px;margin-inline:auto}
.kfw-anchor{position:relative;top:-90px}

/* Header */
.site-header{position:sticky!important;top:0;z-index:1000;background:rgba(255,250,242,.97)!important;border-bottom:1px solid var(--kfw-line)!important;box-shadow:0 4px 22px rgba(73,38,17,.04)!important;backdrop-filter:blur(15px)}
.header-inner{height:84px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;min-width:0}
.kfw-brand{display:block!important;min-width:0!important;max-width:min(420px,calc(100% - 64px))!important;overflow:visible!important}
.kfw-brand img{display:block;width:auto!important;height:66px!important;max-width:100%!important;object-fit:contain}
.menu-toggle{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;flex:0 0 48px!important;padding:8px!important;margin:0!important;border:1px solid transparent!important;border-radius:14px!important;background:transparent!important;cursor:pointer!important}
.menu-toggle:hover,.menu-toggle:focus-visible{background:#f3e7d6!important;border-color:var(--kfw-line)!important}
.menu-toggle span{display:block!important;width:26px!important;height:2px!important;margin:3px auto!important;background:var(--kfw-brown)!important;border-radius:99px!important}
.site-navigation{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;z-index:1004!important;display:flex!important;width:min(88vw,360px)!important;height:100dvh!important;margin:0!important;padding:20px!important;background:#fffdf9!important;border:0!important;border-radius:0!important;box-shadow:-20px 0 65px rgba(51,27,13,.22)!important;transform:translateX(105%)!important;transition:transform .27s ease!important;flex-direction:column!important;overflow-y:auto!important;overscroll-behavior:contain!important}
.site-navigation.is-open{transform:translateX(0)!important}
.mobile-menu-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;padding:0 0 18px!important;border-bottom:1px solid var(--kfw-line)!important}
.mobile-menu-head img{width:auto;height:58px;max-width:230px;object-fit:contain}
.menu-close{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid var(--kfw-line);border-radius:50%;background:#f7eee2;color:var(--kfw-brown);font:inherit;font-size:29px;line-height:1;cursor:pointer}
.site-menu{display:grid!important;gap:4px!important;width:100%!important;margin:0!important;padding:18px 0!important;list-style:none!important}
.site-menu li{width:100%!important;margin:0!important}
.site-menu a{display:flex!important;align-items:center!important;min-height:48px!important;padding:10px 13px!important;border-radius:12px!important;color:var(--kfw-ink)!important;font-size:16px!important;font-weight:800!important}
.site-menu a:hover,.site-menu a:focus{background:#f7eee2!important}
.site-menu a:after{display:none!important}
.menu-account-button{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:54px!important;margin-top:auto!important;padding:13px 18px!important;border-radius:14px!important;background:linear-gradient(135deg,var(--kfw-brown),var(--kfw-brown-dark))!important;color:#fff!important;font-size:16px!important;font-weight:900!important;box-shadow:none!important}
.menu-overlay{position:fixed!important;inset:0!important;z-index:1002!important;background:rgba(42,24,13,.48)!important;backdrop-filter:blur(2px)!important}
.menu-overlay.is-open{display:block!important}
html.menu-open,html.menu-open body{overflow:hidden!important}

/* Homepage */
.kfw-home{width:100%;max-width:100%;overflow:hidden;background:var(--kfw-bg)}
.kfw-notice{padding:12px 0;font-weight:800;text-align:center;border-bottom:1px solid var(--kfw-line)}
.kfw-notice-success{background:#e7f5e8;color:#225f2d}.kfw-notice-error{background:#fae9e6;color:#8c3028}.kfw-notice-info{background:#fff0d5;color:#76501d}
.kfw-hero{padding:34px 0 58px;background:radial-gradient(circle at 78% 8%,rgba(233,198,141,.26),transparent 38%),var(--kfw-bg)}
.kfw-hero-grid{display:grid;grid-template-columns:1fr 1.06fr;align-items:stretch;gap:44px;min-width:0}
.kfw-hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:42px 0}
.kfw-kicker,.kfw-section-title>p,.kfw-offers p,.kfw-dialog-head p{margin:0 0 9px;color:var(--kfw-gold);font-size:14px;font-weight:900;letter-spacing:.2px}
.kfw-hero h1{margin:0;color:var(--kfw-ink);font-size:clamp(48px,6vw,76px);line-height:1.14;letter-spacing:-1.2px}
.kfw-hero h1 span{color:var(--kfw-brown)}
.kfw-hero-copy>p:not(.kfw-kicker){max-width:650px;margin:22px 0 28px;color:var(--kfw-text);font-size:19px;line-height:1.95}
.kfw-actions{display:flex;gap:12px;flex-wrap:wrap}
.kfw-button-primary{background:linear-gradient(135deg,#9b4b12,var(--kfw-brown-dark))!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 26px rgba(105,50,13,.18)!important}
.kfw-button-secondary{background:transparent!important;color:var(--kfw-brown)!important;border:1px solid rgba(111,53,16,.38)!important;box-shadow:none!important}
.kfw-actions .button{min-width:160px;min-height:54px;border-radius:13px;font-size:16px}
.kfw-trust{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;color:var(--kfw-text);font-size:13px;font-weight:800}
.kfw-trust span:before{content:"✓";display:inline-grid;place-items:center;width:21px;height:21px;margin-left:7px;border-radius:50%;background:#f0d8b0;color:var(--kfw-brown);font-size:12px}
.kfw-hero-media{position:relative;min-width:0;min-height:560px;overflow:hidden;border-radius:34px 12px 34px 12px;background:#ead8c3;box-shadow:var(--kfw-shadow)}
.kfw-hero-media:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.55);border-radius:inherit;pointer-events:none}
.kfw-hero-media img{width:100%;height:100%;object-fit:cover}

.kfw-section{padding:72px 0}
.kfw-section-title{margin-bottom:28px;text-align:center}
.kfw-section-title h2,.kfw-offers h2,.kfw-dialog-head h2{margin:0;color:var(--kfw-ink);font-size:clamp(31px,4vw,47px);line-height:1.25;letter-spacing:-.6px}
.kfw-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.kfw-service-card{min-width:0;overflow:hidden;border:1px solid var(--kfw-line);border-radius:20px;background:var(--kfw-card);box-shadow:0 8px 26px rgba(79,43,20,.05);transition:transform .2s ease,box-shadow .2s ease}
.kfw-service-card:hover{transform:translateY(-4px);box-shadow:var(--kfw-shadow)}
.kfw-service-card>img{width:100%;height:230px;object-fit:cover}
.kfw-service-body{position:relative;padding:25px 22px 22px;text-align:center}
.kfw-service-icon{position:absolute;top:-26px;right:50%;display:grid;place-items:center;width:54px;height:54px;transform:translateX(50%);border:1px solid var(--kfw-line);border-radius:50%;background:#fffaf2;color:var(--kfw-brown);font-size:26px;font-weight:900}
.kfw-service-body h3{margin:10px 0 5px;font-size:24px;color:var(--kfw-ink)}
.kfw-service-body p{margin:0;color:var(--kfw-text);font-size:15px;line-height:1.75}


.kfw-work{background:#fffdf9}
.kfw-section-title-row{display:flex;align-items:end;justify-content:space-between;gap:20px;text-align:right}
.kfw-section-title-row a{padding-bottom:5px;color:var(--kfw-brown);font-weight:900;border-bottom:1px solid rgba(111,53,16,.35)}
.kfw-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.kfw-work-card{position:relative;display:block;min-width:0;min-height:300px;overflow:hidden;border-radius:20px;background:#2e1b10;box-shadow:0 10px 30px rgba(56,30,15,.08)}
.kfw-work-card:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(35,18,9,.88))}
.kfw-work-card img{width:100%;height:100%;min-height:300px;object-fit:cover;transition:transform .35s ease}
.kfw-work-card:hover img{transform:scale(1.035)}
.kfw-work-card span{position:absolute;right:20px;left:20px;bottom:17px;z-index:2;color:#fff;font-size:18px;font-weight:900}

.kfw-offers{padding:0 0 76px;background:#fffdf9}
.kfw-offers-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:34px 38px;border:1px solid var(--kfw-line);border-radius:22px;background:linear-gradient(135deg,#f7ead8,#fffaf2);box-shadow:0 10px 32px rgba(73,39,17,.05)}
.kfw-offers h2{font-size:clamp(28px,3.8vw,42px)}
.kfw-offers span{display:block;max-width:620px;margin-top:8px;color:var(--kfw-text)}
.kfw-offers .button{min-width:210px;min-height:54px;flex:0 0 auto}

/* Quote dialog */
.kfw-quote-dialog{width:min(720px,calc(100% - 28px));max-height:calc(100dvh - 36px);padding:0;border:0;border-radius:24px;background:#fffdf9;color:var(--kfw-ink);box-shadow:0 28px 90px rgba(42,22,10,.34);overflow:auto}
.kfw-quote-dialog::backdrop{background:rgba(38,20,10,.62);backdrop-filter:blur(3px)}
.kfw-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:26px 28px 20px;border-bottom:1px solid var(--kfw-line)}
.kfw-dialog-head h2{font-size:32px}
.kfw-dialog-head button{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid var(--kfw-line);border-radius:50%;background:#f6ede1;color:var(--kfw-brown);font:inherit;font-size:28px;cursor:pointer}
.kfw-quote-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:24px 28px 30px}
.kfw-quote-form label{display:grid;gap:7px;color:var(--kfw-ink);font-size:14px;font-weight:800}
.kfw-quote-form input,.kfw-quote-form select,.kfw-quote-form textarea{width:100%;padding:13px 14px;border:1px solid rgba(111,53,16,.2);border-radius:12px;background:#fff;color:var(--kfw-ink);font:inherit}
.kfw-quote-form input:focus,.kfw-quote-form select:focus,.kfw-quote-form textarea:focus{outline:0;border-color:var(--kfw-gold);box-shadow:0 0 0 3px rgba(197,138,58,.14)}
.kfw-form-wide{grid-column:1/-1}

/* Footer */
.site-footer{padding-top:58px!important;background:#211208!important;color:#fff!important}
.kfw-footer-grid{display:grid;grid-template-columns:1.2fr .9fr .8fr 1fr;gap:34px;align-items:start}
.kfw-footer-brand img{width:145px;height:145px;object-fit:contain;margin-bottom:10px}
.kfw-footer-brand p,.kfw-footer-cta p,.site-footer .contact-list{color:#d5c8bc}
.site-footer h3{margin:0 0 12px;color:#efcf9e;font-size:19px}
.site-footer .contact-list,.site-footer .footer-links{display:block!important;margin:0!important;padding:0!important;list-style:none!important}
.site-footer .contact-list li,.site-footer .footer-links li{margin:8px 0!important}
.site-footer .footer-links a{display:inline!important;padding:0!important;color:#e9ddd2!important;font-size:14px!important}
.site-footer .footer-links a:hover{color:#fff!important;background:transparent!important}
.footer-bottom{margin-top:44px!important;padding:18px 0!important;border-top:1px solid rgba(255,255,255,.1)!important;color:#b8a99d!important;font-size:13px!important}
.floating-whatsapp{position:fixed!important;left:16px!important;bottom:16px!important;z-index:90!important;display:grid!important;place-items:center!important;width:50px!important;height:50px!important;padding:0!important;border:1px solid rgba(255,255,255,.32)!important;border-radius:50%!important;background:linear-gradient(135deg,#b97724,#7a3b10)!important;color:#fff!important;box-shadow:0 12px 28px rgba(74,35,10,.27)!important;font-size:0!important;line-height:0!important}
.floating-whatsapp svg{width:25px!important;height:25px!important}

@media(max-width:1000px){
  .kfw-hero-grid{grid-template-columns:1fr 1fr;gap:26px}
  .kfw-hero h1{font-size:clamp(42px,6.5vw,60px)}
  .kfw-hero-media{min-height:500px}
  .kfw-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .kfw-service-card>img{height:190px}
  .kfw-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  html{scroll-padding-top:72px}
  .container{width:calc(100% - 24px);max-width:none}
  .header-inner{height:70px!important;gap:10px!important}
  .kfw-brand{max-width:calc(100% - 58px)!important}
  .kfw-brand img{height:52px!important;max-width:250px!important}
  .menu-toggle{width:44px!important;height:44px!important;flex-basis:44px!important}
  .site-navigation{width:min(91vw,345px)!important;padding:17px!important}
  .mobile-menu-head img{height:50px;max-width:215px}
  body.admin-bar .site-header{top:46px!important}
  .kfw-hero{padding:18px 0 44px}
  .kfw-hero-grid{display:flex;flex-direction:column-reverse;gap:0}
  .kfw-hero-copy{padding:26px 4px 0;text-align:right}
  .kfw-kicker{font-size:12px}
  .kfw-hero h1{font-size:clamp(36px,10.7vw,48px);line-height:1.18;letter-spacing:-.6px}
  .kfw-hero-copy>p:not(.kfw-kicker){margin:16px 0 22px;font-size:16px;line-height:1.85}
  .kfw-hero-media{min-height:340px;border-radius:24px 10px 24px 10px}
  .kfw-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .kfw-actions .button{min-width:0;min-height:50px;padding:0 12px;font-size:14px}
  .kfw-trust{gap:10px 14px;margin-top:21px;font-size:12px}
  .kfw-section{padding:52px 0}
  .kfw-section-title{margin-bottom:21px}
  .kfw-section-title h2,.kfw-offers h2{font-size:clamp(28px,8.5vw,36px)}
  .kfw-service-grid{grid-template-columns:1fr;gap:14px}
  .kfw-service-card{display:grid;grid-template-columns:42% 58%;align-items:stretch;border-radius:17px}
  .kfw-service-card>img{height:100%;min-height:170px}
  .kfw-service-body{display:flex;flex-direction:column;justify-content:center;padding:20px 17px;text-align:right}
  .kfw-service-icon{position:static;width:38px;height:38px;margin-bottom:6px;transform:none;font-size:20px}
  .kfw-service-body h3{margin:0 0 4px;font-size:21px}
  .kfw-service-body p{font-size:13px;line-height:1.65}
  .kfw-work-grid{grid-template-columns:1fr;gap:12px}
  .kfw-work-card{min-height:235px;border-radius:17px}
  .kfw-work-card img{min-height:235px}
  .kfw-section-title-row{align-items:flex-end;gap:12px}
  .kfw-section-title-row a{font-size:13px;white-space:nowrap}
  .kfw-offers{padding-bottom:52px}
  .kfw-offers-inner{display:block;padding:25px 20px;border-radius:18px}
  .kfw-offers .button{width:100%;min-width:0;margin-top:20px}
  .kfw-quote-dialog{width:calc(100% - 18px);max-height:calc(100dvh - 18px);border-radius:18px}
  .kfw-dialog-head{padding:20px 18px 15px}
  .kfw-dialog-head h2{font-size:27px}
  .kfw-quote-form{grid-template-columns:1fr;padding:18px;gap:12px}
  .kfw-form-wide{grid-column:1}
  .kfw-footer-grid{grid-template-columns:1fr;gap:25px}
  .kfw-footer-brand img{width:118px;height:118px}
  .floating-whatsapp{left:11px!important;bottom:11px!important;width:46px!important;height:46px!important}
}

@media(max-width:390px){
  .container{width:calc(100% - 18px)}
  .kfw-brand img{height:48px!important;max-width:220px!important}
  .kfw-hero-media{min-height:300px}
  .kfw-actions{grid-template-columns:1fr}
  .kfw-service-card{grid-template-columns:40% 60%}
}

/* =========================================================
   Khashaba wa Fan v6.1 — compact mobile polish
   ========================================================= */
#wpadminbar{display:none!important}
html{margin-top:0!important}
body.admin-bar .site-header{top:0!important}

/* Footer menu uses the same fallback markup as the main menu. Keep it compact and readable. */
.site-footer .site-menu{
  display:grid!important;
  gap:0!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.site-footer .site-menu li{margin:0!important}
.site-footer .site-menu a{
  display:inline-flex!important;
  width:auto!important;
  min-height:0!important;
  padding:4px 0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#e9ddd2!important;
  font-size:14px!important;
  font-weight:700!important;
}
.site-footer .site-menu a:hover,.site-footer .site-menu a:focus{color:#fff!important}

@media(max-width:760px){
  html{scroll-padding-top:66px}
  .container{width:calc(100% - 22px)}
  .header-inner{height:64px!important;padding-inline:1px!important}
  .kfw-brand img{height:46px!important;max-width:225px!important}
  .menu-toggle{width:42px!important;height:42px!important;flex-basis:42px!important}
  .menu-toggle span{width:24px!important}

  .kfw-hero{padding:12px 0 24px}
  .kfw-hero-media{min-height:278px;border-radius:20px 9px 20px 9px}
  .kfw-hero-copy{padding:20px 3px 0}
  .kfw-kicker{margin-bottom:6px;font-size:11px}
  .kfw-hero h1{font-size:clamp(34px,9.4vw,41px);line-height:1.17;letter-spacing:-.35px}
  .kfw-hero-copy>p:not(.kfw-kicker){margin:13px 0 18px;font-size:15px;line-height:1.75}
  .kfw-actions{gap:8px}
  .kfw-actions .button{min-height:47px;font-size:14px;border-radius:12px}
  .kfw-trust{gap:8px 11px;margin-top:15px;font-size:11px}
  .kfw-trust span:before{width:19px;height:19px;margin-left:5px}

  .kfw-section{padding:38px 0}
  .kfw-section-title{margin-bottom:17px}
  .kfw-section-title>p{margin-bottom:4px;font-size:12px}
  .kfw-section-title h2,.kfw-offers h2{font-size:clamp(26px,7.6vw,32px);line-height:1.28}

  .kfw-service-grid{gap:11px}
  .kfw-service-card{grid-template-columns:43% 57%;min-height:145px;border-radius:15px}
  .kfw-service-card>img{min-height:145px;max-height:160px}
  .kfw-service-body{padding:15px 14px}
  .kfw-service-icon{width:34px;height:34px;margin-bottom:5px;font-size:17px}
  .kfw-service-body h3{font-size:19px}
  .kfw-service-body p{font-size:12px;line-height:1.58}


  .kfw-section-title-row{align-items:flex-end;gap:8px}
  .kfw-section-title-row a{font-size:12px}
  .kfw-work-grid{gap:10px}
  .kfw-work-card{min-height:205px;border-radius:15px}
  .kfw-work-card img{min-height:205px}
  .kfw-work-card span{right:15px;left:15px;bottom:13px;font-size:16px}

  .kfw-offers{padding-bottom:38px}
  .kfw-offers-inner{padding:21px 17px;border-radius:16px}
  .kfw-offers span{font-size:14px;line-height:1.7}
  .kfw-offers .button{min-height:48px;margin-top:16px}

  .site-footer{padding-top:38px!important}
  .kfw-footer-grid{grid-template-columns:1fr 1fr!important;gap:22px 18px!important}
  .kfw-footer-brand,.kfw-footer-cta{grid-column:1/-1}
  .kfw-footer-brand{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:15px}
  .kfw-footer-brand img{width:88px;height:88px;margin:0}
  .kfw-footer-brand p{margin:0;font-size:14px;line-height:1.75}
  .site-footer h3{font-size:17px;margin-bottom:8px}
  .site-footer .contact-list li{margin:5px 0!important;font-size:13px}
  .site-footer .site-menu a{padding:3px 0!important;font-size:13px!important}
  .kfw-footer-cta p{margin:0 0 12px;font-size:14px}
  .kfw-footer-cta .button{width:100%;min-height:47px}
  .footer-bottom{margin-top:28px!important;padding:14px 0!important;text-align:center;font-size:12px!important}
  .floating-whatsapp{left:10px!important;bottom:10px!important;width:42px!important;height:42px!important}
  .floating-whatsapp svg{width:22px!important;height:22px!important}
}

@media(max-width:390px){
  .container{width:calc(100% - 16px)}
  .kfw-brand img{height:44px!important;max-width:205px!important}
  .kfw-hero-media{min-height:250px}
  .kfw-hero h1{font-size:33px}
  .kfw-actions{grid-template-columns:1fr 1fr}
  .kfw-actions .button{font-size:13px;padding-inline:8px}
  .kfw-footer-grid{gap:18px 12px!important}
}

/* =========================================================
   Khashaba wa Fan v7.0 — unified customer/staff access
   ========================================================= */
.button-outline{background:transparent!important;color:var(--kfw-brown,#6f3510)!important;border:1px solid rgba(111,53,16,.28)!important;box-shadow:none!important}
.button-outline:hover{background:#f7eee2!important}
.portal-message{margin:0 0 22px;padding:14px 17px;border-radius:13px;font-weight:800}
.portal-message.success{background:#e4f4e7;color:#246338;border:1px solid rgba(36,99,56,.13)}
.portal-message.error{background:#fae8e5;color:#8a3028;border:1px solid rgba(138,48,40,.12)}

/* Header access is always visible and the menu contains separate customer/staff entry points. */
.header-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.header-account-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 15px;border:1px solid var(--kfw-line);border-radius:13px;background:#fffdf9;color:var(--kfw-brown);font-size:14px;font-weight:900;white-space:nowrap;box-shadow:0 5px 16px rgba(70,35,15,.04)}
.header-account-button span{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:#f4e6d3;font-size:14px}
.header-account-button:hover,.header-account-button:focus{background:#f7eee2}
.menu-access-box{display:grid;gap:9px;margin-top:auto;padding-top:17px;border-top:1px solid var(--kfw-line)}
.menu-access-title{color:var(--kfw-text);font-size:12px;font-weight:900}
.menu-access-link{display:grid!important;gap:2px!important;min-height:0!important;padding:13px 14px!important;border:1px solid var(--kfw-line)!important;border-radius:14px!important;background:#fff!important;color:var(--kfw-ink)!important}
.menu-access-link.customer{background:linear-gradient(135deg,#fbf3e8,#fff)!important}
.menu-access-link.staff{background:linear-gradient(135deg,var(--kfw-brown),var(--kfw-brown-dark))!important;color:#fff!important;border-color:transparent!important}
.menu-access-link b{font-size:15px}
.menu-access-link small{font-size:11px;line-height:1.55;color:var(--kfw-text)}
.menu-access-link.staff small{color:#ead8c5}
.menu-logout-link{display:block;margin-top:9px;padding:9px;text-align:center;color:#8a4a37;font-size:13px;font-weight:800}

.kfw-account-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.kfw-account-actions .button{min-width:190px}

/* Unified account area */
.account-shell{min-height:100dvh!important;background:radial-gradient(circle at 10% 0,rgba(232,196,140,.22),transparent 32%),#f8f3eb!important;color:var(--kfw-ink)!important}
.account-top{position:sticky;top:0;z-index:20;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;min-height:78px!important;padding:10px clamp(16px,5vw,64px)!important;background:rgba(255,253,249,.94)!important;border-bottom:1px solid var(--kfw-line)!important;backdrop-filter:blur(14px)}
.account-brand{display:block;min-width:0}
.account-brand img{width:auto;height:55px;max-width:min(270px,65vw);object-fit:contain}
.account-back{color:var(--kfw-brown)!important;font-size:14px;font-weight:900!important;white-space:nowrap}
.account-main{width:min(1100px,calc(100% - 32px))!important;padding:44px 0 72px!important}
.account-intro-centered{max-width:760px!important;margin:0 auto 28px!important;text-align:center}
.account-intro-centered h1{margin:5px 0 10px!important;font-size:clamp(34px,5vw,58px)!important}
.account-intro-centered p:last-child{max-width:680px;margin-inline:auto!important}
.account-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:760px;margin:0 auto 25px}
.account-mode-switch a{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:17px 18px;border:1px solid var(--kfw-line);border-radius:18px;background:#fff;color:var(--kfw-ink);box-shadow:0 8px 24px rgba(59,31,15,.04)}
.account-mode-switch a>span{grid-row:1/3;display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#f6ead9;color:var(--kfw-brown);font-size:24px;font-weight:900}
.account-mode-switch b{font-size:17px}
.account-mode-switch small{color:var(--kfw-text);font-size:12px}
.account-mode-switch a.active{border-color:rgba(111,53,16,.38);background:linear-gradient(135deg,#fff7eb,#fff);box-shadow:0 12px 32px rgba(101,51,19,.09)}
.account-mode-switch a.active>span{background:linear-gradient(135deg,var(--kfw-brown),var(--kfw-brown-dark));color:#fff}
.account-grid{align-items:start!important}
.account-grid-single{grid-template-columns:minmax(0,680px)!important;justify-content:center}
.account-card{position:relative!important;overflow:hidden!important;border-radius:24px!important;padding:32px!important;box-shadow:0 16px 48px rgba(56,30,15,.07)!important}
.account-card:before{content:"";position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,var(--kfw-gold),var(--kfw-brown))}
.account-card-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:14px;border-radius:15px;background:#f4e6d3;color:var(--kfw-brown);font-size:25px;font-weight:900}
.account-card h2{margin:0 0 8px!important;color:var(--kfw-ink);font-size:28px!important}
.account-card>p:not(.eyebrow){margin:0 0 20px;color:var(--kfw-text)}
.account-card .portal-form{gap:14px!important}
.account-card label small{color:var(--kfw-text);font-weight:500}
.simple-check{display:flex!important;align-items:center;gap:8px!important;font-weight:600!important}
.simple-check input{width:auto!important}
.account-help-note{margin-top:18px;padding:13px 15px;border-radius:12px;background:#f8f0e5;color:var(--kfw-text);font-size:13px}
.account-help-note b{color:var(--kfw-ink)}
.account-dashboard-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:32px;border:1px solid var(--kfw-line);border-radius:25px;background:#fff;box-shadow:0 16px 48px rgba(56,30,15,.07)}
.account-dashboard-card h1{margin:0;font-size:38px}
.account-dashboard-card p{margin:6px 0;color:var(--kfw-text)}
.account-role-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#f4e6d3;color:var(--kfw-brown);font-size:30px;font-weight:900}
.customer-dashboard-card{display:block}
.account-dashboard-head{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.account-preferences h2{margin-bottom:0}
.account-form-actions{display:flex;gap:10px;flex-wrap:wrap}
.account-form-actions .button{min-width:150px}

/* Portal v7 */
.portal-brand-image{display:block;width:auto;height:64px;max-width:260px;margin-bottom:24px;object-fit:contain}
.portal-customer-switch{display:block;margin-top:18px;text-align:center;color:var(--wood);font-size:13px;font-weight:800}
.portal-logo-side{display:grid!important;justify-items:center;gap:5px!important;text-align:center}
.portal-logo-side img{width:auto;height:64px;max-width:220px;object-fit:contain;filter:none}
.portal-logo-side small{color:#c8b4a2;font-size:12px}
.portal-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.portal-panel-head h2{margin:0 0 4px;font-size:27px}
.portal-panel-head p{margin:0}
.portal-panel-head>strong{padding:8px 12px;border-radius:999px;background:var(--cream);color:var(--wood);font-size:13px}
.portal-stats-v7{grid-template-columns:repeat(5,minmax(0,1fr))}
.portal-dashboard-welcome{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.portal-dashboard-welcome h2{margin:0 0 10px;font-size:36px;line-height:1.25}
.portal-dashboard-welcome p:not(.eyebrow){color:var(--muted)}
.portal-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.portal-quick-actions a{display:flex;align-items:center;justify-content:center;min-height:64px;padding:12px;border:1px solid var(--line);border-radius:15px;background:var(--cream);font-weight:900;text-align:center}
.portal-quick-actions a:hover{background:#eee0cc}
.portal-quote-list,.portal-customer-list{display:grid;gap:12px}
.portal-quote-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(150px,.55fr) minmax(180px,.55fr);gap:16px;align-items:center;padding:17px;border:1px solid var(--line);border-radius:17px;background:#fffdf9}
.portal-quote-main h3{margin:3px 0;font-size:20px}
.portal-quote-main p,.portal-quote-main small{display:block;margin:0;color:var(--muted)}
.portal-quote-date{font-size:11px;color:var(--gold);font-weight:900}
.portal-quote-contact{display:grid;gap:7px}
.portal-quote-contact>a{font-weight:800}
.portal-wa-link{display:inline-flex!important;justify-content:center;padding:8px 10px;border-radius:10px;background:#e2f3e7;color:#216138!important;font-size:12px}
.portal-quote-status-form{display:grid;gap:7px}
.portal-quote-status-form select{padding:9px 10px}
.portal-quote-status-form button,.portal-reset-form button{border:0;border-radius:10px;background:var(--ink);color:#fff;padding:9px 11px;font:inherit;font-size:12px;font-weight:900;cursor:pointer}
.portal-customer-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:17px;background:#fffdf9}
.portal-customer-info h3{margin:0;font-size:18px}
.portal-customer-info p{margin:3px 0;color:var(--muted);font-size:13px}
.portal-interest-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}
.portal-interest-tags span{padding:4px 7px;border-radius:999px;background:var(--cream);color:var(--wood);font-size:10px;font-weight:800}
.portal-customer-actions{display:grid;justify-items:end;gap:8px}
.portal-customer-actions>a{padding:7px 10px;border-radius:9px;background:#e1f2e6;color:#22623a;font-size:12px;font-weight:900}
.portal-optin{padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900}
.portal-optin.yes{background:#e1f2e6;color:#22623a}.portal-optin.no{background:#f4e7e4;color:#8a3028}
.portal-employee-card{display:grid!important;grid-template-columns:42px minmax(0,1fr) minmax(210px,.8fr)!important}
.portal-reset-form{display:grid;grid-template-columns:1fr auto;gap:6px}
.portal-reset-form input{min-width:0;padding:9px 10px;font-size:12px}

@media(max-width:1000px){
  .header-inner{gap:10px!important}
  .header-account-button{min-width:44px;padding:8px 10px}
  .header-account-button b{display:none}
  .kfw-brand{max-width:calc(100% - 108px)!important}
  .kfw-account-actions{justify-content:stretch}
  .kfw-account-actions .button{flex:1 1 190px}
  .portal-stats-v7{grid-template-columns:repeat(3,minmax(0,1fr))}
  .portal-quote-card{grid-template-columns:1fr 1fr}
  .portal-quote-main{grid-column:1/-1}
  .portal-dashboard-welcome{grid-template-columns:1fr}
}

@media(max-width:760px){
  .header-actions{gap:6px}
  .header-account-button{width:40px;min-width:40px;min-height:40px;padding:0;border-radius:12px}
  .header-account-button span{width:25px;height:25px;background:transparent;font-size:17px}
  .menu-toggle{width:40px!important;height:40px!important;flex-basis:40px!important}
  .kfw-brand{max-width:calc(100% - 92px)!important}
  .kfw-account-actions{display:grid;grid-template-columns:1fr}
  .kfw-account-actions .button{width:100%;min-width:0}
  .account-top{min-height:66px!important;padding:8px 14px!important}
  .account-brand img{height:44px;max-width:210px}
  .account-back{font-size:12px}
  .account-main{width:calc(100% - 22px)!important;padding:28px 0 48px!important}
  .account-intro-centered h1{font-size:34px!important}
  .account-intro-centered p{font-size:15px!important;line-height:1.75!important}
  .account-mode-switch{grid-template-columns:1fr;gap:9px;margin-bottom:18px}
  .account-mode-switch a{grid-template-columns:42px 1fr;padding:13px 14px;border-radius:15px}
  .account-mode-switch a>span{width:42px;height:42px;border-radius:13px;font-size:20px}
  .account-card{padding:23px 18px!important;border-radius:19px!important}
  .account-card h2{font-size:24px!important}
  .account-dashboard-card{grid-template-columns:1fr;padding:23px 18px;text-align:center}
  .account-dashboard-card .account-role-icon{margin:auto}
  .account-dashboard-head{display:block;text-align:center}
  .account-dashboard-head .account-role-icon{margin:0 auto 10px}
  .account-dashboard-card h1{font-size:30px}
  .account-dashboard-card .button{width:100%}
  .account-form-actions{display:grid}
  .account-form-actions .button{width:100%}
  .portal-stats-v7{grid-template-columns:1fr 1fr}
  .portal-dashboard-welcome h2{font-size:29px}
  .portal-quick-actions{grid-template-columns:1fr}
  .portal-panel-head{align-items:flex-start}
  .portal-quote-card{grid-template-columns:1fr}
  .portal-quote-main{grid-column:auto}
  .portal-customer-card{grid-template-columns:44px 1fr}
  .portal-customer-actions{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;justify-items:stretch}
  .portal-employee-card{grid-template-columns:42px 1fr!important}
  .portal-reset-form{grid-column:1/-1}
  .portal-logo-side img{height:56px}
}

@media(max-width:390px){
  .account-brand img{height:40px;max-width:185px}
  .account-back{font-size:11px}
  .portal-stats-v7{grid-template-columns:1fr}
}
.interest-grid input[type=checkbox],.consent input[type=checkbox],.portal-check input[type=checkbox]{width:auto!important;min-width:16px!important;flex:0 0 auto!important}

/* ============================================================
   Khashaba wa Fan v8 — unified login and refined footer
   ============================================================ */
.header-account-button{background:linear-gradient(135deg,#9b4b12,#5c2608)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 22px rgba(91,39,9,.16)!important}
.header-account-button span{background:rgba(255,255,255,.14)!important;color:#fff!important}
.header-account-button:hover,.header-account-button:focus{background:linear-gradient(135deg,#a85316,#682d0b)!important;color:#fff!important}
.menu-logout-link{display:block;margin-top:10px;text-align:center;color:#875126;font-size:13px;font-weight:800}

/* Unified account page */
.account-shell-v8{background:radial-gradient(circle at 12% 0,rgba(223,177,111,.2),transparent 31%),#f8f3eb!important}
.account-main-v8{width:min(720px,calc(100% - 30px))!important;padding:52px 0 70px!important}
.login-panel-v8,.register-panel-v8{border:1px solid rgba(111,53,16,.16);border-radius:28px;background:#fffdf9;box-shadow:0 22px 65px rgba(58,29,12,.09)}
.login-panel-v8{padding:36px}
.login-copy-v8{text-align:center;margin-bottom:26px}
.login-copy-v8 h1{margin:4px 0 9px;color:var(--kfw-ink);font-size:clamp(36px,6vw,52px);line-height:1.2}
.login-copy-v8 p:last-child{max-width:560px;margin:0 auto;color:var(--kfw-text);font-size:15px;line-height:1.85}
.unified-login-form{display:grid;gap:16px}
.unified-login-form>label:not(.simple-check){font-size:14px;font-weight:900;color:var(--kfw-ink)}
.unified-login-form input,.register-form-v8 input{min-height:54px;border-radius:14px!important;border:1px solid rgba(111,53,16,.2)!important;background:#fff!important;padding:13px 15px!important;font-size:16px!important}
.password-field-v8{position:relative;display:block}
.password-field-v8 input{padding-left:58px!important}
.password-toggle-v8{position:absolute;left:7px;top:50%;display:grid;place-items:center;width:42px;height:42px;transform:translateY(-50%);border:0;border-radius:11px;background:#f5e9d8;color:#7a3b10;font:inherit;font-size:20px;cursor:pointer}
.password-toggle-v8:before{content:"";width:20px;height:13px;border:2px solid currentColor;border-radius:50%/60%;display:block}
.password-toggle-v8:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:currentColor}
.password-toggle-v8.is-visible:after{background:#fff;border:2px solid currentColor;width:7px;height:7px}
.password-toggle-v8 span{display:none}
.login-submit-v8{width:100%;min-height:56px;border-radius:14px!important;font-size:17px!important}
.register-prompt-v8{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;margin-top:22px;padding-top:20px;border-top:1px solid var(--kfw-line);color:var(--kfw-text)}
.register-prompt-v8 .button{min-height:44px;padding:0 17px}
.register-panel-v8{margin-top:22px;padding:30px}
.register-panel-v8[hidden]{display:none!important}
.register-panel-head-v8{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}
.register-panel-head-v8 h2{margin:2px 0 0;font-size:30px;color:var(--kfw-ink)}
.register-panel-head-v8>button{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid var(--kfw-line);border-radius:50%;background:#f7eee2;color:var(--kfw-brown);font:inherit;font-size:27px;cursor:pointer}
.register-form-v8{display:grid;gap:16px}
.register-grid-v8{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.register-wide-v8{grid-column:1/-1}
.login-role-note-v8{max-width:630px;margin:20px auto 0;text-align:center;color:var(--kfw-text);font-size:13px;line-height:1.8}

/* Refined footer without logo */
.kfw-footer-grid-v8{grid-template-columns:1.15fr .9fr .8fr 1fr!important;gap:34px!important}
.kfw-footer-intro h2{margin:0 0 10px;color:#f2d5a8;font-size:30px}
.kfw-footer-intro p{max-width:360px;margin:0 0 18px;color:#d7c9bc;line-height:1.85}
.footer-login-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 16px;border:1px solid rgba(239,207,158,.38);border-radius:11px;color:#f2d5a8!important;font-size:14px;font-weight:900}
.footer-links-v8{list-style:none;margin:0;padding:0}
.footer-links-v8 li{margin:8px 0}
.footer-links-v8 a{color:#e9ddd2;font-size:14px;font-weight:700}
.footer-links-v8 a:hover{color:#fff}

@media(max-width:1000px){
  .kfw-footer-grid-v8{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .header-account-button{width:auto!important;min-width:0!important;min-height:40px!important;padding:0 11px!important;gap:5px!important;border-radius:11px!important}
  .header-account-button b{display:inline!important;font-size:11px!important;white-space:nowrap}
  .header-account-button span{display:none!important}
  .kfw-brand{max-width:calc(100% - 158px)!important}
  .kfw-brand img{height:50px!important}
  .account-main-v8{width:calc(100% - 22px)!important;padding:30px 0 48px!important}
  .login-panel-v8{padding:24px 18px;border-radius:21px}
  .login-copy-v8 h1{font-size:36px}
  .register-panel-v8{padding:23px 18px;border-radius:21px}
  .register-grid-v8{grid-template-columns:1fr}
  .register-wide-v8{grid-column:auto}
  .register-prompt-v8{display:grid;text-align:center}
  .register-prompt-v8 .button{width:100%}
  .kfw-footer-grid-v8{grid-template-columns:1fr!important;gap:25px!important}
  .kfw-footer-intro,.kfw-footer-cta{grid-column:auto!important}
  .kfw-footer-intro h2{font-size:25px}
  .site-footer{padding-top:40px!important}
}
@media(max-width:390px){
  .header-account-button{padding:0 9px!important}
  .header-account-button b{font-size:10px!important}
  .kfw-brand{max-width:calc(100% - 145px)!important}
}

/* ============================================================
   Khashaba wa Fan v8.3 — simplified public pages
   ============================================================ */

/* Lighter, shorter homepage presentation. */
.kfw-hero{padding:24px 0 42px}
.kfw-hero-copy{padding:30px 0}
.kfw-hero h1{font-size:clamp(43px,5.4vw,66px);line-height:1.12}
.kfw-hero-copy>p:not(.kfw-kicker){margin:18px 0 22px;font-size:17px;line-height:1.8}
.kfw-hero-media{min-height:480px;border-radius:26px 10px 26px 10px}
.kfw-section{padding:54px 0}
.floating-whatsapp{width:44px!important;height:44px!important;left:13px!important;bottom:13px!important}
.floating-whatsapp svg{width:22px!important;height:22px!important}

/* About page: compact and focused, without the decorative WOOD & ART badge. */
.about-page-v83{background:#fffdf9}
.about-simple-hero{padding:72px 0;background:radial-gradient(circle at 12% 10%,rgba(201,152,85,.18),transparent 32%),linear-gradient(135deg,#17110d,#2b1b12)}
.about-simple-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:48px}
.about-simple-hero h1{max-width:760px;margin:0 0 14px;color:#fff;font-size:clamp(40px,5vw,64px);line-height:1.16;letter-spacing:-1px}
.about-simple-hero p:not(.eyebrow){max-width:760px;margin:0;color:#d8cec4;font-size:18px;line-height:1.85}
.about-simple-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.about-simple-actions .button{min-width:150px}

.about-simple-story{padding:70px 0;background:#fff}
.about-simple-story-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.about-simple-story h2,.about-simple-heading h2,.about-simple-services h2,.about-simple-cta h2{margin:0;color:#2a170c;font-size:clamp(30px,4vw,46px);line-height:1.25;letter-spacing:-.5px}
.about-simple-copy{color:#756a61;font-size:17px;line-height:1.95}
.about-simple-copy p{margin:0 0 14px}
.about-simple-copy p:last-child{margin-bottom:0}

.about-simple-values{padding:66px 0;background:#f5efe6}
.about-simple-heading{max-width:720px;margin:0 auto 28px;text-align:center}
.about-simple-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.about-simple-grid article{padding:28px;border:1px solid rgba(58,36,23,.12);border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(52,31,18,.045)}
.about-simple-grid span{color:#c99855;font-size:12px;font-weight:900}
.about-simple-grid h3{margin:12px 0 6px;color:#2a170c;font-size:23px}
.about-simple-grid p{margin:0;color:#756a61;font-size:15px;line-height:1.75}

.about-simple-services{padding:66px 0;background:#fff}
.about-simple-services-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}
.about-simple-tags{display:flex;flex-wrap:wrap;gap:10px}
.about-simple-tags span{padding:11px 16px;border:1px solid rgba(58,36,23,.13);border-radius:999px;background:#f8f3eb;color:#382015;font-size:14px;font-weight:800}

.about-simple-cta{padding:0 0 68px;background:#fff}
.about-simple-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 38px;border:1px solid rgba(58,36,23,.13);border-radius:22px;background:linear-gradient(135deg,#f7ead8,#fffaf2)}
.about-simple-cta .button{min-width:190px}

/* Shorter footer. */
.site-footer{padding-top:44px!important}
.kfw-footer-grid-v8{gap:26px!important}
.kfw-footer-intro p{margin-bottom:0}
.footer-bottom{margin-top:34px!important}

@media(max-width:900px){
  .about-simple-hero-inner,.about-simple-story-grid,.about-simple-services-inner{grid-template-columns:1fr;gap:28px}
  .about-simple-actions{justify-content:flex-start}
  .about-simple-grid{grid-template-columns:1fr}
}

@media(max-width:760px){
  .kfw-hero{padding:8px 0 24px}
  .kfw-hero-media{min-height:230px;border-radius:18px 8px 18px 8px}
  .kfw-hero-copy{padding:18px 2px 0}
  .kfw-hero h1{font-size:clamp(30px,8.2vw,36px);line-height:1.17}
  .kfw-hero-copy>p:not(.kfw-kicker){margin:12px 0 16px;font-size:14px;line-height:1.7}
  .kfw-trust{margin-top:13px}
  .kfw-section{padding:34px 0}

  .about-simple-hero{padding:48px 0}
  .about-simple-hero h1{font-size:36px;line-height:1.2}
  .about-simple-hero p:not(.eyebrow){font-size:15px;line-height:1.75}
  .about-simple-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}
  .about-simple-actions .button{min-width:0;padding-inline:10px;font-size:13px}
  .about-simple-story,.about-simple-values,.about-simple-services{padding:44px 0}
  .about-simple-story-grid,.about-simple-services-inner{gap:20px}
  .about-simple-story h2,.about-simple-heading h2,.about-simple-services h2,.about-simple-cta h2{font-size:30px;line-height:1.28}
  .about-simple-copy{font-size:15px;line-height:1.82}
  .about-simple-heading{margin-bottom:20px;text-align:right}
  .about-simple-grid{gap:10px}
  .about-simple-grid article{padding:21px 19px;border-radius:17px}
  .about-simple-grid h3{font-size:20px}
  .about-simple-grid p{font-size:14px}
  .about-simple-tags{gap:8px}
  .about-simple-tags span{padding:9px 12px;font-size:12px}
  .about-simple-cta{padding-bottom:44px}
  .about-simple-cta-inner{display:grid;padding:24px 20px;border-radius:18px}
  .about-simple-cta .button{width:100%;min-width:0}
  .floating-whatsapp{width:42px!important;height:42px!important}
  .site-footer{padding-top:34px!important}
}


/* ============================================================
   Khashaba wa Fan v8.4 — manager-editable contact/social settings
   ============================================================ */
.portal-settings-panel{max-width:1050px}
.portal-settings-form{gap:22px}
.portal-settings-group{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fffdf9}
.portal-settings-group h3{margin:0 0 6px;color:var(--ink);font-size:22px}
.portal-settings-group .portal-form-grid{margin-top:17px}
.portal-settings-form input[type=url],.portal-settings-form input[type=email],.portal-settings-form input[type=tel],.portal-settings-form input:not([type]){direction:ltr;text-align:left}
.portal-settings-form input[name=site_address],.portal-settings-form input[name=site_wechat_id]{direction:rtl;text-align:right}
.portal-wechat-preview{display:flex;align-items:center;gap:18px;margin-top:18px;padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff}
.portal-wechat-preview img{display:block;width:112px;height:112px;object-fit:contain;border-radius:10px;background:#fff}
.portal-wechat-preview strong{display:block;margin-bottom:10px}
.portal-wechat-preview .portal-check{font-size:13px}
.footer-socials{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:17px}
.footer-social-link{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(239,207,158,.32);border-radius:50%;color:#f2d5a8!important;background:rgba(255,255,255,.045);transition:transform .2s ease,background .2s ease,color .2s ease}
.footer-social-link:hover{transform:translateY(-2px);background:#f2d5a8;color:#32180b!important}
.footer-social-link svg{width:20px;height:20px;fill:currentColor;stroke:currentColor;stroke-width:1.7}
.footer-social-link svg rect,.footer-social-link svg circle{fill:none}
.footer-social-link svg .fill-dot{fill:currentColor;stroke:none}
.footer-wechat-id{display:block;margin-top:9px;color:#baa99a;font-size:12px}
@media(max-width:700px){
  .portal-settings-group{padding:18px 15px}
  .portal-wechat-preview{align-items:flex-start}
  .portal-wechat-preview img{width:92px;height:92px}
}


/* v8.5 — public login label and reliable contact anchor */
#contact{scroll-margin-top:96px}
@media(max-width:700px){
  .header-account-button{width:auto!important;min-width:0!important;padding:0 12px!important}
  .header-account-button b{display:inline!important;font-size:11px!important}
  .header-account-button span{display:none!important}
  #contact{scroll-margin-top:76px}
}

/* v8.6 — dedicated contact page; replaces unreliable in-page anchor navigation */
.kfw-contact-page{background:#fffaf2;min-height:70vh}
.kfw-contact-hero{padding:92px 0 70px;background:linear-gradient(145deg,#21130b,#3e210f);color:#fff;text-align:center}
.kfw-contact-hero .eyebrow{color:#e7b86d}
.kfw-contact-hero h1{margin:0;font-size:clamp(38px,7vw,68px);line-height:1.2}
.kfw-contact-hero p:last-child{max-width:700px;margin:20px auto 0;color:#e4d9cf;font-size:18px}
.kfw-contact-content{padding-top:60px}
.kfw-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.kfw-contact-card{background:#fff;border:1px solid rgba(96,57,29,.14);border-radius:24px;padding:30px;text-align:center;box-shadow:0 14px 40px rgba(52,31,18,.06)}
.kfw-contact-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 15px;border-radius:50%;background:#f4dfbd;color:#7b3d11;font-size:22px;font-weight:900}
.kfw-contact-card h2{margin:0 0 10px;font-size:22px}
.kfw-contact-card a,.kfw-contact-card p{margin:0;color:#74685f;overflow-wrap:anywhere}
.kfw-contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
.kfw-contact-actions .button{min-height:58px}
.kfw-contact-home{background:#fff;border-color:rgba(96,57,29,.22);color:#4b2813}
.kfw-contact-social-wrap{margin-top:50px;text-align:center}
.kfw-contact-social-wrap h2{font-size:28px;margin-bottom:18px}
.kfw-contact-socials{justify-content:center}
.kfw-contact-wechat{color:#74685f;margin-top:12px}
@media(max-width:720px){
  .kfw-contact-hero{padding:60px 0 46px}
  .kfw-contact-hero h1{font-size:36px}
  .kfw-contact-hero p:last-child{font-size:16px}
  .kfw-contact-grid{grid-template-columns:1fr}
  .kfw-contact-card{padding:24px}
  .kfw-contact-actions{grid-template-columns:1fr}
}


/* ============================================================
   Khashaba wa Fan v8.8 — compact contact page and footer
   ============================================================ */
.kfw-contact-content{padding:38px 0 46px!important}
.kfw-contact-grid{gap:12px!important}
.kfw-contact-card{display:flex!important;align-items:center;gap:14px;min-height:108px;padding:18px 20px!important;border-radius:18px!important;text-align:right!important;box-shadow:0 8px 24px rgba(52,31,18,.045)!important;color:var(--ink)!important}
.kfw-contact-card-link{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.kfw-contact-card-link:hover{transform:translateY(-2px);border-color:rgba(123,61,17,.32);box-shadow:0 12px 28px rgba(52,31,18,.08)!important}
.kfw-contact-icon{flex:0 0 42px;width:42px!important;height:42px!important;margin:0!important;font-size:18px!important}
.kfw-contact-copy{display:grid;gap:4px;min-width:0}
.kfw-contact-copy strong{color:#351b0e;font-size:19px;line-height:1.35}
.kfw-contact-copy small{color:#74685f;font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.kfw-contact-social-wrap{margin-top:26px!important;padding:20px;border:1px solid rgba(96,57,29,.12);border-radius:18px;background:#fff;text-align:center}
.kfw-contact-social-wrap h2{margin:0 0 13px!important;font-size:21px!important}
.kfw-contact-socials{margin-top:0!important}
.kfw-contact-social-wrap .footer-social-link{width:40px;height:40px;color:#7b3d11!important;border-color:rgba(123,61,17,.2);background:#fff8ee}
.kfw-contact-actions{display:block!important;margin-top:18px!important}
.kfw-contact-actions .button{width:100%;min-height:52px!important}
.site-footer-contact-compact{padding:0!important;background:#241209!important}
.kfw-contact-footer-compact{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:92px;color:#d8c7b8}
.kfw-contact-footer-compact strong{color:#f2d5a8;font-size:20px}
.kfw-contact-footer-compact nav{display:flex;gap:16px}
.kfw-contact-footer-compact a{color:#f4e7dc;font-size:14px;font-weight:800}
.kfw-contact-footer-compact small{font-size:12px;color:#baa99a}
.kfw-contact-page~.floating-whatsapp,.site-footer-contact-compact~.floating-whatsapp{width:38px!important;height:38px!important;left:12px!important;bottom:12px!important}
.kfw-contact-page~.floating-whatsapp svg,.site-footer-contact-compact~.floating-whatsapp svg{width:19px!important;height:19px!important}
@media(max-width:720px){
  .kfw-contact-hero{padding:44px 0 36px!important}
  .kfw-contact-hero h1{font-size:31px!important}
  .kfw-contact-hero p:last-child{font-size:14px!important;line-height:1.75;margin-top:14px!important}
  .kfw-contact-content{padding:28px 0 34px!important}
  .kfw-contact-card{min-height:92px;padding:15px 16px!important;border-radius:16px!important}
  .kfw-contact-copy strong{font-size:17px}
  .kfw-contact-copy small{font-size:13px}
  .kfw-contact-footer-compact{min-height:118px;flex-direction:column;justify-content:center;text-align:center;gap:10px;padding-block:20px}
}

/* v9.0: never show the floating WhatsApp shortcut on the dedicated contact page. */
body.waiq-contact-route .floating-whatsapp,.kfw-contact-page + .site-footer + .floating-whatsapp{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}