/* Inwash custom sections (kept from the original design, restyled to the Cleanar theme) */
:root { --iw-green:#B8902F; --iw-green-d:#8F6E22; --iw-ink:#0B1F33; --iw-body:#0F2A44; --iw-gold:#C9A24A; --iw-gold-l:#E5C66E; --iw-blue:#2A8BC4; --iw-blue-l:#6EC1E4; --iw-muted:#5b6470; --iw-line:#e3e7ea; --iw-soft:#F6F1E4; }

.iw-logo { display:inline-block; padding:0 !important; }
.iw-logo img { height:96px; width:auto; display:block; mix-blend-mode:multiply; }
@media (max-width:991px){ .iw-logo img { height:72px; } }

.iw-eyebrow { display:flex; align-items:center; gap:12px; font-family:"Parkinsans",sans-serif; font-size:13px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:var(--iw-green-d); margin-bottom:28px; }
.iw-eyebrow::before { content:""; width:28px; height:2px; background:var(--iw-green); }
.iw-eyebrow--light { color:#E5C66E; margin-bottom:14px; }
.iw-h2 { font-family:"Parkinsans",sans-serif; font-weight:700; font-size:clamp(40px,5.6vw,76px); line-height:1; letter-spacing:-0.03em; color:var(--iw-ink); margin:0; }
.iw-h2--light { color:#fff; font-size:clamp(34px,4.4vw,60px); }

/* Intro */
.iw-intro { padding:clamp(80px,12vw,160px) 0; }
.iw-scrub { margin:0; max-width:1100px; font-family:"Parkinsans",sans-serif; font-weight:600; font-size:clamp(30px,4.4vw,58px); line-height:1.12; letter-spacing:-0.015em; color:var(--iw-ink); text-wrap:pretty; }

/* Services explorer */
.iw-services { padding:0 0 clamp(96px,12vw,160px); }
.iw-services-head { display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:48px; }
.iw-tabs { display:flex; gap:6px; padding:6px; background:var(--iw-soft); border:1px solid var(--iw-line); border-radius:999px; }
.iw-tabs button { border:0; cursor:pointer; padding:12px 24px; border-radius:999px; font-family:"Parkinsans",sans-serif; font-weight:600; font-size:14px; background:transparent; color:var(--iw-ink); transition:all .25s; }
.iw-tabs button.is-active { background:var(--iw-ink); color:#fff; }
.iw-services-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr)); gap:clamp(32px,5vw,72px); align-items:start; }
.iw-svc-list { border-top:1px solid #cfd6da; }
.iw-row { display:grid; grid-template-columns:44px 1fr auto; align-items:center; gap:12px; padding:16px 0; border-bottom:1px solid var(--iw-line); cursor:pointer; }
.iw-row-num { font-size:12px; font-weight:600; color:#a0a0a0; }
.iw-row-name { font-family:"Parkinsans",sans-serif; font-weight:600; font-size:clamp(19px,1.8vw,24px); letter-spacing:-0.015em; color:var(--iw-ink); transition:transform .35s cubic-bezier(.22,1,.36,1), color .25s; }
.iw-row-arrow { font-size:20px; color:var(--iw-green); opacity:0; transition:opacity .25s; }
.iw-row.is-active .iw-row-name { color:var(--iw-green-d); transform:translateX(12px); }
.iw-row.is-active .iw-row-arrow { opacity:1; }
.iw-svc-panel { position:sticky; top:110px; background:var(--iw-ink); color:#fff; border-radius:24px; overflow:hidden; }
.iw-svc-img { height:clamp(240px,30vw,360px); overflow:hidden; }
.iw-svc-img img { width:100%; height:100%; object-fit:cover; display:block; }
.iw-svc-body { padding:clamp(24px,3vw,40px); display:flex; flex-direction:column; gap:16px; }
.iw-svc-meta { display:flex; justify-content:space-between; font-size:12px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; color:#E5C66E; }
.iw-svc-meta b { font-weight:600; }
.iw-svc-body h3 { margin:0; color:#fff; font-family:"Parkinsans",sans-serif; font-weight:700; font-size:clamp(28px,3vw,40px); line-height:1.05; letter-spacing:-0.015em; }
.iw-svc-body p { margin:0; color:#d5dde3; line-height:1.6; min-height:52px; }
.iw-svc-body .theme-btn-s2 { align-self:flex-start; margin-top:8px; }

/* Process (horizontal pinned) */
.iw-process { height:100vh; min-height:640px; background:var(--iw-ink); color:#fff; overflow:hidden; display:flex; flex-direction:column; justify-content:center; gap:40px; padding:90px 0 48px; }
.iw-process-head { padding:0 clamp(20px,4vw,56px); display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:20px; }
.iw-progress { width:min(280px,60vw); height:3px; background:#24304a; border-radius:3px; overflow:hidden; }
.iw-progress div { height:100%; background:var(--iw-green); transform-origin:left; transform:scaleX(0); }
.iw-track { display:flex; gap:28px; padding:0 clamp(20px,4vw,56px); width:max-content; }
.iw-step { width:min(84vw,760px); display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:28px; background:#16203a; border:1px solid #24304a; border-radius:24px; padding:clamp(20px,2.4vw,32px); }
.iw-step-img { min-height:clamp(180px,34vh,340px); border-radius:16px; overflow:hidden; }
.iw-step-img img { width:100%; height:100%; object-fit:cover; display:block; }
.iw-step-text { display:flex; flex-direction:column; gap:14px; justify-content:flex-end; }
.iw-step-num { font-family:"Parkinsans",sans-serif; font-weight:700; font-size:clamp(48px,5vw,72px); line-height:1; color:var(--iw-green); letter-spacing:-0.03em; }
.iw-step-text h3 { margin:0; color:#fff; font-family:"Parkinsans",sans-serif; font-weight:600; font-size:clamp(22px,2vw,28px); }
.iw-step-text p { margin:0; color:#d5dde3; line-height:1.6; font-size:15px; }

/* WhatsApp */
.iw-wa { position:fixed; right:24px; bottom:100px; z-index:999; background:#25a244; color:#fff; padding:14px 22px; border-radius:999px; font-weight:700; font-size:14px; box-shadow:0 12px 28px rgba(14,21,43,.2); }
.iw-wa:hover { color:#fff; background:var(--iw-green-d); }

/* photography overrides */
.static-hero { background:url(https://img.magnific.com/free-photo/full-shot-people-cleaning-office_23-2150454568.jpg) center/cover no-repeat !important; }
.wpo-cta-section .r-shape img, .footer-section-s1 .f-shape img { border-radius:50%; object-fit:cover; aspect-ratio:1/1; }
.wpo-testimonial-info-img img { object-fit:cover; aspect-ratio:1/1; }

/* ===== InWash Assistant (chat) ===== */
:root { --iw-gold:#C9A24A; --iw-gold-d:#9C7A2E; --iw-navy:#0E2233; }
.iwc-launch { position:fixed; right:24px; bottom:24px; z-index:1001; display:flex; align-items:center; gap:10px; padding:8px 20px 8px 8px; border:0; border-radius:999px; background:var(--iw-navy); color:#fff; font-family:"Parkinsans",sans-serif; font-weight:600; font-size:14px; cursor:pointer; box-shadow:0 14px 34px rgba(14,21,43,.28); }
.iwc-launch img { width:44px; height:44px; border-radius:50%; border:2px solid var(--iw-gold); background:#fff; object-fit:cover; }
.iwc-launch .iwc-dot { width:8px; height:8px; border-radius:50%; background:var(--iw-green); box-shadow:0 0 0 4px rgba(184, 144, 47,.25); }
.iwc-panel { position:fixed; right:24px; bottom:24px; z-index:1002; width:min(400px,calc(100vw - 32px)); height:min(640px,calc(100vh - 48px)); display:flex; flex-direction:column; background:#fff; border-radius:24px; overflow:hidden; box-shadow:0 30px 80px rgba(14,21,43,.3); visibility:hidden; opacity:0; transform-origin:bottom right; }
.iwc-head { display:flex; align-items:center; gap:12px; padding:16px 18px; background:var(--iw-navy); color:#fff; }
.iwc-head img { width:46px; height:46px; border-radius:50%; border:2px solid var(--iw-gold); background:#fff; object-fit:cover; }
.iwc-head .iwc-t { flex:1; display:flex; flex-direction:column; gap:2px; }
.iwc-head b { font-family:"Parkinsans",sans-serif; font-size:16px; font-weight:700; }
.iwc-head small { font-size:12px; color:#b9c6d2; display:flex; align-items:center; gap:6px; }
.iwc-head small::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--iw-green); }
.iwc-x { width:36px; height:36px; border-radius:50%; border:1px solid #2c4256; background:transparent; color:#fff; font-size:18px; cursor:pointer; }
.iwc-x:hover { border-color:var(--iw-gold); }
.iwc-body { flex:1; overflow-y:auto; padding:18px; display:flex; flex-direction:column; gap:12px; background:#f6f8f9; }
.iwc-msg { max-width:86%; padding:12px 14px; border-radius:16px; font-size:14.5px; line-height:1.55; color:var(--iw-body); white-space:normal; word-wrap:break-word; }
.iwc-msg p { margin:0 0 6px; } .iwc-msg p:last-child { margin:0; }
.iwc-msg ul { margin:4px 0 6px; padding-left:18px; } .iwc-msg li { margin:2px 0; }
.iwc-msg a { color:var(--iw-green-d); font-weight:600; text-decoration:underline; }
.iwc-bot { align-self:flex-start; background:#fff; border:1px solid var(--iw-line); border-bottom-left-radius:4px; }
.iwc-user { align-self:flex-end; background:var(--iw-navy); color:#fff; border-bottom-right-radius:4px; }
.iwc-typing { display:flex; gap:5px; align-items:center; }
.iwc-typing span { width:7px; height:7px; border-radius:50%; background:var(--iw-gold); }
.iwc-chips { display:flex; flex-wrap:wrap; gap:8px; padding:0 18px 12px; background:#f6f8f9; }
.iwc-chips button { border:1px solid var(--iw-gold); background:#fff; color:var(--iw-navy); padding:8px 14px; border-radius:999px; font-size:13px; font-weight:600; cursor:pointer; font-family:inherit; }
.iwc-chips button:hover { background:var(--iw-gold); color:#fff; }
.iwc-form { display:flex; gap:8px; padding:12px; border-top:1px solid var(--iw-line); background:#fff; }
.iwc-form input { flex:1; border:1px solid var(--iw-line); border-radius:999px; padding:12px 16px; font-size:14px; outline:none; font-family:inherit; }
.iwc-form input:focus { border-color:var(--iw-gold); }
.iwc-form button { width:46px; height:46px; border:0; border-radius:50%; background:var(--iw-green); color:#fff; font-size:18px; cursor:pointer; flex-shrink:0; }
.iwc-form button:disabled { opacity:.5; cursor:default; }
.iwc-foot { font-size:11px; text-align:center; color:#8a949c; padding:0 12px 10px; background:#fff; }

/* InWash logo palette: deep navy, polished gold, water blue */
.iw-logo-img img { max-width:none !important; height:78px; width:auto; display:block; }
@media (max-width:767px){ .iw-logo-img img { height:60px; } }
.iw-foot-logo { height:120px; width:auto; background:#fff; border-radius:16px; padding:8px; margin-bottom:18px; }
.theme-btn, .theme-btn-s2, .iw-svc-body .theme-btn-s2 { background:linear-gradient(135deg,#D9B660 0%,#B8902F 55%,#9C7A2E 100%) !important; color:#0B1F33 !important; border-color:transparent !important; }
.theme-btn:hover, .theme-btn-s2:hover { background:linear-gradient(135deg,#0F3B5F,#0B1F33) !important; color:#fff !important; }
.topbar { background:#0B1F33 !important; }
.iw-process { background:radial-gradient(120% 90% at 85% 0%, #123a5c 0%, #0B1F33 55%) !important; }
.iw-step { background:#0F2A44 !important; border-color:#1d3e5e !important; }
.iw-step-num, .iw-svc-meta { background:linear-gradient(135deg,#E5C66E,#B8902F); -webkit-background-clip:text; background-clip:text; color:transparent !important; }
.iw-progress div { background:linear-gradient(90deg,#6EC1E4,#2A8BC4 50%,#C9A24A) !important; }
.iw-svc-panel { background:linear-gradient(160deg,#0F2A44 0%,#0B1F33 100%) !important; }
.iw-row.is-active .iw-row-name { color:#1F6FA3 !important; }
.iw-row-arrow { color:#C9A24A !important; }
.iw-tabs button.is-active { background:#0B1F33 !important; color:#E5C66E !important; }
.iw-eyebrow::before { background:linear-gradient(90deg,#C9A24A,#2A8BC4) !important; }
.fanfuct-section .funfact-wrap, .footer-section-s1 { background-color:#0B1F33; }