/* WOODMASTER OS V39.3.1 — Unified Visual System (UI-only overlay) */
:root{
 --wm39-bg:#090b0c;--wm39-panel:#121515;--wm39-panel2:#171b1a;--wm39-line:rgba(217,181,99,.18);
 --wm39-line2:rgba(255,255,255,.075);--wm39-gold:#d5b468;--wm39-gold2:#efd59a;--wm39-text:#f5f1e9;
 --wm39-muted:#9fa49f;--wm39-green:#85c89a;--wm39-red:#e48787;--wm39-blue:#85bce5;--wm39-amber:#dfb665;
 --wm39-radius:18px;--wm39-shadow:0 20px 60px rgba(0,0,0,.28)
}
html{scroll-behavior:smooth}
body[data-workspace-role]{background:radial-gradient(900px 450px at 80% -20%,rgba(213,180,104,.07),transparent 60%),var(--wm39-bg)!important;color:var(--wm39-text);font-family:"Segoe UI",Tahoma,Arial,sans-serif!important;font-size:13px}
body[data-workspace-role] .wm38-shell{grid-template-columns:286px minmax(0,1fr)!important}
body[data-workspace-role] .wm38-side{padding:20px 16px!important;background:linear-gradient(180deg,#101313,#0b0e0e)!important;border-inline-end:1px solid var(--wm39-line)!important;box-shadow:10px 0 40px rgba(0,0,0,.12);z-index:50}
body[data-workspace-role] .wm38-brand{padding:4px 5px 18px!important;gap:13px!important;border-bottom:1px solid var(--wm39-line2);margin-bottom:14px}
body[data-workspace-role] .wm38-brand img{width:54px!important;height:54px!important;border-radius:14px!important;padding:5px;box-shadow:0 8px 28px rgba(0,0,0,.28)}
body[data-workspace-role] .wm38-brand b{font-size:14px!important;letter-spacing:.14em!important;color:#fff}
body[data-workspace-role] .wm38-brand small{font-size:8px!important;color:var(--wm39-gold)!important;letter-spacing:.08em!important;line-height:1.4}
body[data-workspace-role] .wm38-user{border:1px solid var(--wm39-line)!important;background:linear-gradient(135deg,rgba(213,180,104,.08),rgba(255,255,255,.015))!important;border-radius:16px!important;padding:14px!important;margin-bottom:15px!important}
body[data-workspace-role] .wm38-user b{font-size:13px!important;color:#fff;margin-bottom:5px}
body[data-workspace-role] .wm38-user span{font-size:8px!important;letter-spacing:.12em!important;color:var(--wm39-gold2)!important}
body[data-workspace-role] .wm38-nav{gap:7px!important}
body[data-workspace-role] .wm38-nav button{min-height:48px!important;padding:8px 11px!important;border:1px solid transparent!important;border-radius:12px!important;display:grid!important;grid-template-columns:25px 1fr!important;align-items:center!important;gap:10px!important;color:#cbc7be!important;font-size:12px!important;transition:.18s ease!important}
body[data-workspace-role] .wm38-nav button:hover{background:rgba(255,255,255,.04)!important;border-color:var(--wm39-line2)!important;transform:translateX(-2px)}
body[data-workspace-role] .wm38-nav button.active{background:linear-gradient(90deg,rgba(213,180,104,.17),rgba(213,180,104,.04))!important;border-color:rgba(213,180,104,.25)!important;color:#fff!important;box-shadow:inset -3px 0 var(--wm39-gold)}
.wm39-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.wm39-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body[data-workspace-role] .wm38-nav .wm39-icon{width:20px;height:20px;color:var(--wm39-gold)}
body[data-workspace-role] .wm39-nav-label{display:grid;gap:2px;min-width:0}
body[data-workspace-role] .wm39-nav-label b{font-size:12px;line-height:1.15;font-weight:750;white-space:normal}
body[data-workspace-role] .wm39-nav-label small{font-size:8px;color:#868d89;letter-spacing:.04em;direction:ltr;text-align:inherit}
body[data-workspace-role] .wm38-nav button.active .wm39-nav-label small{color:#cbb98f}
body[data-workspace-role] .wm38-sidefoot{left:16px!important;right:16px!important;bottom:16px!important;gap:9px!important;padding-top:12px;border-top:1px solid var(--wm39-line2)}
body[data-workspace-role] .wm38-top{height:82px!important;padding:0 28px!important;background:rgba(9,11,12,.84)!important;border-bottom:1px solid var(--wm39-line)!important;backdrop-filter:blur(18px)!important}
body[data-workspace-role] .wm38-top h1{font-size:19px!important;color:#fff!important}
body[data-workspace-role] .wm38-top p{font-size:10px!important;color:#969c98!important;margin-top:6px!important}
body[data-workspace-role] .wm38-chip{min-height:27px;border-color:rgba(213,180,104,.25)!important;background:rgba(213,180,104,.045)!important;color:#e7cf97!important;font-size:8px!important;font-weight:700!important;letter-spacing:.04em;padding:5px 9px!important}
body[data-workspace-role] .wm38-content{padding:28px 30px 48px!important;max-width:1680px!important}
body[data-workspace-role] .wm38-kpis{gap:14px!important;margin-bottom:18px!important}
body[data-workspace-role] .wm38-kpi{border:1px solid var(--wm39-line2)!important;background:linear-gradient(145deg,#151817,#101313)!important;border-radius:17px!important;padding:17px 18px!important;min-height:112px;box-shadow:0 12px 30px rgba(0,0,0,.12);position:relative;overflow:hidden}
body[data-workspace-role] .wm38-kpi:after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:54%;height:2px;background:linear-gradient(90deg,var(--wm39-gold),transparent)}
body[data-workspace-role] .wm38-kpi small{font-size:8px!important;color:#8f9793!important;font-weight:700;letter-spacing:.12em!important}
body[data-workspace-role] .wm38-kpi strong{font-size:29px!important;color:#fff!important;margin-top:10px!important}
body[data-workspace-role] .wm38-kpi span{font-size:9px!important;color:#cdb77f!important;margin-top:5px;display:block}
body[data-workspace-role] .wm38-panel{border:1px solid var(--wm39-line2)!important;background:linear-gradient(180deg,#131616,#101313)!important;border-radius:var(--wm39-radius)!important;box-shadow:0 14px 40px rgba(0,0,0,.14)!important;margin-bottom:17px!important}
body[data-workspace-role] .wm38-panelhead{padding:16px 18px!important;border-bottom:1px solid var(--wm39-line2)!important;gap:13px!important;min-height:62px}
body[data-workspace-role] .wm38-panelhead>div:first-child{flex:1}
body[data-workspace-role] .wm38-panelhead b{font-size:13px!important;color:#f7f3eb!important;line-height:1.45}
body[data-workspace-role] .wm38-panelhead small{font-size:9px!important;color:#8f9692!important;line-height:1.55!important}
body[data-workspace-role] .wm38-body{padding:18px!important}
body[data-workspace-role] .wm38-row{border:1px solid var(--wm39-line2)!important;background:#0e1111!important;border-radius:14px!important;padding:13px 14px!important;transition:.18s ease}
body[data-workspace-role] .wm38-row:hover{border-color:rgba(213,180,104,.23)!important;background:#111515!important}
body[data-workspace-role] .wm38-row b{font-size:11px!important;color:#f3efe7}
body[data-workspace-role] .wm38-row p{font-size:9px!important;color:#969b97!important;line-height:1.55}
body[data-workspace-role] .wm38-empty{font-size:10px!important;border-color:rgba(213,180,104,.18)!important;background:rgba(255,255,255,.012)!important;border-radius:14px!important;padding:34px!important}
body[data-workspace-role] .wm38-owner-links{gap:13px!important}
body[data-workspace-role] .wm38-owner-links a{min-height:105px!important;border:1px solid var(--wm39-line2)!important;background:linear-gradient(145deg,#151817,#0f1212)!important;border-radius:16px!important;padding:18px!important;transition:.18s ease!important}
body[data-workspace-role] .wm38-owner-links a:hover{transform:translateY(-2px);border-color:rgba(213,180,104,.30)!important;box-shadow:0 12px 30px rgba(0,0,0,.18)}
body[data-workspace-role] .wm38-owner-links a .wm39-icon{width:24px;height:24px;color:var(--wm39-gold);margin-bottom:12px}
body[data-workspace-role] .wm38-owner-links b{font-size:12px!important;color:#fff}
body[data-workspace-role] .wm38-owner-links span{font-size:9px!important;color:#929995!important;line-height:1.5!important}
body[data-workspace-role] .wm38-btn,body[data-workspace-role] button:not(.wm38-nav button){min-height:38px;border-radius:10px!important;font-size:9px!important;font-weight:800!important;letter-spacing:.03em;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.16s ease;white-space:nowrap}
body[data-workspace-role] .wm38-btn{padding:9px 13px!important;background:#171a19!important;border:1px solid rgba(255,255,255,.12)!important;color:#f2eee6!important}
body[data-workspace-role] .wm38-btn:hover{transform:translateY(-1px);border-color:rgba(213,180,104,.42)!important;background:#1c201e!important}
body[data-workspace-role] .wm38-btn.gold{background:linear-gradient(135deg,#d9b96e,#bd9650)!important;border-color:#dfc27e!important;color:#17120b!important}
body[data-workspace-role] .wm38-btn.good{border-color:rgba(131,197,150,.42)!important;color:#a8dab6!important;background:rgba(75,120,88,.10)!important}
body[data-workspace-role] .wm38-btn.bad{border-color:rgba(228,134,134,.38)!important;color:#efa8a8!important;background:rgba(135,65,65,.10)!important}
body[data-workspace-role] .wm38-tablewrap{border:1px solid var(--wm39-line2);border-radius:14px;overflow:auto!important;background:#0d1010}
body[data-workspace-role] .wm38-table{font-size:10px!important;min-width:760px}
body[data-workspace-role] .wm38-table thead{position:sticky;top:0;z-index:2;background:#151817}
body[data-workspace-role] .wm38-table th{padding:11px 12px!important;color:#c3ad79!important;font-size:7.5px!important;letter-spacing:.09em!important;background:#151817!important;border-bottom:1px solid rgba(213,180,104,.15)!important}
body[data-workspace-role] .wm38-table td{padding:12px!important;border-bottom:1px solid rgba(255,255,255,.055)!important;color:#d8d6d0!important;font-size:9.5px!important;line-height:1.45}
body[data-workspace-role] .wm38-table tbody tr:hover{background:rgba(213,180,104,.035)}
body[data-workspace-role] .wm38-form{gap:13px!important}
body[data-workspace-role] .wm38-form label,body[data-workspace-role] .wm38-filterbar label{font-size:8px!important;color:#acaea8!important;font-weight:750;letter-spacing:.055em;gap:7px!important}
body[data-workspace-role] .wm38-form input,body[data-workspace-role] .wm38-form select,body[data-workspace-role] .wm38-form textarea,
body[data-workspace-role] .wm38-filterbar input,body[data-workspace-role] .wm38-filterbar select{min-height:43px!important;border:1px solid rgba(255,255,255,.10)!important;background:#0a0d0d!important;color:#f2efe9!important;border-radius:11px!important;padding:10px 12px!important;outline:none!important}
body[data-workspace-role] .wm38-form textarea{min-height:98px!important}
body[data-workspace-role] .wm38-form input:focus,body[data-workspace-role] .wm38-form select:focus,body[data-workspace-role] .wm38-form textarea:focus{border-color:rgba(213,180,104,.55)!important;box-shadow:0 0 0 3px rgba(213,180,104,.08)!important}
body[data-workspace-role] input[type=checkbox]{accent-color:var(--wm39-gold);width:16px;height:16px}
body[data-workspace-role] .wm38-filterbar{gap:11px!important;background:rgba(255,255,255,.016);padding:12px;border-radius:14px;border:1px solid var(--wm39-line2)}
body[data-workspace-role] .wm38-modal{background:rgba(0,0,0,.72)!important;backdrop-filter:blur(8px)}
body[data-workspace-role] .wm38-modalbox{background:#111414!important;border:1px solid rgba(213,180,104,.34)!important;border-radius:20px!important;box-shadow:var(--wm39-shadow)!important}
body[data-workspace-role] .wm38-service{font-size:8px!important;padding:5px 8px!important;border-color:rgba(213,180,104,.25)!important;background:rgba(213,180,104,.055)!important}
body[data-workspace-role] .wm39-status{display:inline-flex!important;align-items:center!important;gap:5px!important;padding:5px 8px!important;border-radius:999px!important;font-weight:800!important;font-size:8px!important;border:1px solid currentColor!important;background:transparent!important}
body[data-workspace-role] .wm39-status.good{color:var(--wm39-green)!important;background:rgba(131,197,150,.07)!important}
body[data-workspace-role] .wm39-status.warn{color:var(--wm39-amber)!important;background:rgba(224,183,102,.07)!important}
body[data-workspace-role] .wm39-status.bad{color:var(--wm39-red)!important;background:rgba(228,134,134,.07)!important}
body[data-workspace-role] .wm39-status.info{color:var(--wm39-blue)!important;background:rgba(131,185,227,.07)!important}
body[data-workspace-role] .wm39-section-icon{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(213,180,104,.09);border:1px solid rgba(213,180,104,.18);color:var(--wm39-gold);flex:0 0 auto;margin-inline-end:10px}
body[data-workspace-role] .wm39-section-icon .wm39-icon{width:18px;height:18px}
body[data-workspace-role] .wm39-code{font-family:Consolas,"SFMono-Regular",monospace!important;direction:ltr;unicode-bidi:embed;color:#d8c493!important}
body[data-workspace-role] .wm39-money{font-weight:800;color:#f0d99f!important;direction:ltr;unicode-bidi:embed}
body[data-workspace-role] .wm39-avatar{width:31px;height:31px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#cfad63,#786038);color:#15110b;font-weight:900;font-size:10px;margin-inline-end:8px;vertical-align:middle}
body[data-workspace-role] .wm39-primary-name{font-weight:800!important;color:#fff!important}
body:not([data-workspace-role]) .wm-service-card,body:not([data-workspace-role]) [class*="project-card"]{overflow:hidden;box-shadow:0 15px 38px rgba(26,19,10,.08);transition:.22s ease}
body:not([data-workspace-role]) .wm-service-card:hover,body:not([data-workspace-role]) [class*="project-card"]:hover{transform:translateY(-4px);box-shadow:0 22px 48px rgba(26,19,10,.13)}
body:not([data-workspace-role]) .wm-service-card img,body:not([data-workspace-role]) [class*="project-card"] img{transition:transform .45s ease,filter .25s ease;filter:saturate(.92) contrast(1.03)}
body:not([data-workspace-role]) .wm-service-card:hover img,body:not([data-workspace-role]) [class*="project-card"]:hover img{transform:scale(1.025);filter:saturate(1) contrast(1.04)}
body:not([data-workspace-role]) button .wm39-icon,body:not([data-workspace-role]) a .wm39-icon{margin-inline-end:6px;vertical-align:-4px}
.cq-toolbar button,.cq-primary,.ai-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:7px}.ai-card{box-shadow:0 18px 55px rgba(0,0,0,.08)}
@media(max-width:1100px){body[data-workspace-role] .wm38-shell{grid-template-columns:250px minmax(0,1fr)!important}body[data-workspace-role] .wm38-content{padding:22px!important}}
@media(max-width:900px){body[data-workspace-role] .wm38-shell{grid-template-columns:1fr!important}body[data-workspace-role] .wm38-top{height:72px!important;padding:0 15px!important}body[data-workspace-role] .wm38-content{padding:14px!important}body[data-workspace-role] .wm38-top h1{font-size:15px!important}.wm39-section-icon{display:none!important}}
@media(max-width:640px){body[data-workspace-role] .wm38-kpis{grid-template-columns:1fr 1fr!important;gap:9px!important}body[data-workspace-role] .wm38-kpi{min-height:95px;padding:13px!important}body[data-workspace-role] .wm38-tablewrap{border:0;background:transparent;overflow:visible!important}body[data-workspace-role] .wm38-table{min-width:0!important;display:block;width:100%!important}body[data-workspace-role] .wm38-table thead{display:none}body[data-workspace-role] .wm38-table tbody{display:grid;gap:10px}body[data-workspace-role] .wm38-table tr{display:block;border:1px solid var(--wm39-line2);background:#0e1111;border-radius:14px;padding:9px 12px}body[data-workspace-role] .wm38-table td{display:grid;grid-template-columns:minmax(98px,.75fr) 1.25fr;gap:10px;padding:8px 0!important;border-bottom:1px solid rgba(255,255,255,.05)!important;white-space:normal!important}body[data-workspace-role] .wm38-table td:before{content:attr(data-label);font-size:7px;color:#a9976d;font-weight:800;letter-spacing:.06em}}
@media(max-width:430px){body[data-workspace-role] .wm38-kpis{grid-template-columns:1fr!important}}
/* ================================================================
   V39.3.1 — PUBLIC WEBSITE + QUOTATION WIZARD VISUAL REFRESH
   A visibly stronger layer for the public site, not only OS pages.
   ================================================================ */
body:not([data-workspace-role]){
  --wm-public-ink:#17140f;
  --wm-public-soft:#6f675d;
  --wm-public-paper:#f6f1e8;
  --wm-public-card:#ffffff;
  --wm-public-gold:#bd9550;
  --wm-public-gold2:#dfbf78;
  --wm-public-line:rgba(36,29,20,.12);
  background:#f4efe6!important;
  color:var(--wm-public-ink);
}
body:not([data-workspace-role]) .wrap{max-width:1280px!important}
body:not([data-workspace-role]) .navbar{
  background:rgba(19,18,16,.96)!important;
  border-bottom:1px solid rgba(221,188,113,.22)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.10)!important;
  backdrop-filter:blur(16px)!important;
}
body:not([data-workspace-role]) .navbar .nav{min-height:82px!important;gap:28px!important}
body:not([data-workspace-role]) .logo{gap:13px!important;text-decoration:none!important}
body:not([data-workspace-role]) .logo img{width:58px!important;height:58px!important;object-fit:contain!important;background:#fff;border-radius:50%;padding:5px;box-shadow:0 6px 22px rgba(0,0,0,.18)}
body:not([data-workspace-role]) .logo-copy b{font-size:17px!important;letter-spacing:.15em!important;color:#fff!important}
body:not([data-workspace-role]) .logo-copy>span{font-size:9px!important;color:#bdb8af!important;line-height:1.4!important}
body:not([data-workspace-role]) .wm-public-links{gap:24px!important;align-items:center!important}
body:not([data-workspace-role]) .wm-public-links>a:not(.wm-nav-quote){font-size:13px!important;font-weight:700!important;color:#f1eee8!important;opacity:.9!important}
body:not([data-workspace-role]) .wm-public-links>a:not(.wm-nav-quote):hover{color:#e5c67f!important;opacity:1!important}
body:not([data-workspace-role]) .wm-nav-quote{
  min-height:42px!important;padding:0 17px!important;border-radius:11px!important;
  display:inline-flex!important;align-items:center!important;gap:8px!important;
  background:linear-gradient(135deg,#d7b76f,#b88d45)!important;color:#17120b!important;
  border:1px solid #e6cc8f!important;font-weight:900!important;box-shadow:0 8px 24px rgba(192,151,72,.18)!important;
}
body:not([data-workspace-role]) .wm-company-trigger,
body:not([data-workspace-role]) #wmLoginBtn,
body:not([data-workspace-role]) .wm-lang-compact{
  min-height:42px!important;border-radius:11px!important;font-size:12px!important;font-weight:800!important;
}

/* public service section */
body:not([data-workspace-role]) .wm-services-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}
body:not([data-workspace-role]) .wm-service-card{
  border:1px solid rgba(37,29,18,.10)!important;border-radius:20px!important;background:#fff!important;
  box-shadow:0 14px 36px rgba(42,32,19,.09)!important;
}
body:not([data-workspace-role]) .wm-service-img{height:215px!important;overflow:hidden!important;background:#191714!important}
body:not([data-workspace-role]) .wm-service-img img{width:100%!important;height:100%!important;object-fit:cover!important;filter:saturate(.96) contrast(1.04) brightness(1.02)!important}
body:not([data-workspace-role]) .wm-service-body{padding:19px 20px 21px!important}
body:not([data-workspace-role]) .wm-service-body h3{font-size:20px!important;line-height:1.35!important;margin:6px 0 9px!important;color:#19150f!important}
body:not([data-workspace-role]) .wm-service-body p{font-size:13px!important;line-height:1.7!important;color:#746b60!important}
body:not([data-workspace-role]) .wm-service-link{font-size:12px!important;font-weight:900!important;color:#9b7433!important;margin-top:13px!important}
body:not([data-workspace-role]) .wm-service-no{font-size:10px!important;font-weight:900!important;color:#b38b47!important;letter-spacing:.12em!important}

/* quotation area */
body:not([data-workspace-role]) .v7-quote{
  background:linear-gradient(180deg,#f3eee5 0,#faf8f3 55%,#f1ebe1 100%)!important;
  padding:74px 0 90px!important;
}
body:not([data-workspace-role]) .v7-qhead{margin-bottom:26px!important;align-items:end!important;gap:42px!important}
body:not([data-workspace-role]) .v7-qhead .tiny{font-size:10px!important;font-weight:900!important;letter-spacing:.14em!important;color:#a57b34!important}
body:not([data-workspace-role]) .v7-qhead h2{font-size:38px!important;line-height:1.2!important;margin-top:8px!important;color:#17130e!important}
body:not([data-workspace-role]) .v7-qhead p{font-size:14px!important;line-height:1.8!important;color:#746b60!important;max-width:560px!important}
body:not([data-workspace-role]) .v7-config{
  border:1px solid rgba(46,36,23,.11)!important;border-radius:24px!important;overflow:hidden!important;
  background:#fff!important;box-shadow:0 28px 70px rgba(53,39,20,.12)!important;
}
body:not([data-workspace-role]) .v7-config>div:first-child{
  padding:15px 24px!important;background:#171512!important;color:#e6d4aa!important;font-size:12px!important;
}
body:not([data-workspace-role]) .v7-progress{
  padding:18px 28px!important;background:#fbf9f5!important;border-bottom:1px solid rgba(42,32,18,.08)!important;
}
body:not([data-workspace-role]) .v7-prog{font-size:11px!important;font-weight:800!important;color:#8d857a!important;gap:8px!important}
body:not([data-workspace-role]) .v7-prog b{
  width:30px!important;height:30px!important;border-radius:9px!important;background:#ece6db!important;color:#695e50!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;
  border:1px solid rgba(61,47,27,.08)!important;
}
body:not([data-workspace-role]) .v7-prog.active{color:#17130e!important}
body:not([data-workspace-role]) .v7-prog.active b{background:#c9a55e!important;color:#fff!important;border-color:#c9a55e!important;box-shadow:0 7px 18px rgba(179,139,71,.24)!important}
body:not([data-workspace-role]) .v7-progress>i{background:rgba(88,74,53,.16)!important;height:1px!important}
body:not([data-workspace-role]) .v7-form{background:#fff!important}
body:not([data-workspace-role]) .v7-step{padding:30px 38px 32px!important}
body:not([data-workspace-role]) .v7-stepintro{display:flex!important;align-items:flex-start!important;gap:18px!important;margin-bottom:24px!important}
body:not([data-workspace-role]) .v7-stepno{
  min-width:50px!important;height:50px!important;border-radius:15px!important;background:#181511!important;color:#e2c47f!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;font-weight:900!important;letter-spacing:.08em!important;
}
body:not([data-workspace-role]) .v7-stepintro h3{font-size:27px!important;line-height:1.25!important;color:#17130e!important;margin:0 0 7px!important}
body:not([data-workspace-role]) .v7-stepintro p{font-size:13px!important;color:#7a7167!important;line-height:1.7!important}

/* quotation service tiles: image is visible, names are large, icon tells the user what it is */
body:not([data-workspace-role]) .v7-services{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}
body:not([data-workspace-role]) .v7-service{
  min-height:235px!important;border-radius:18px!important;overflow:hidden!important;position:relative!important;
  padding:112px 18px 18px!important;text-align:start!important;align-items:flex-start!important;justify-content:flex-end!important;
  border:2px solid transparent!important;background-color:#191612!important;background-position:center!important;background-size:cover!important;
  box-shadow:0 10px 26px rgba(38,28,16,.11)!important;transition:.22s ease!important;isolation:isolate!important;
}
body:not([data-workspace-role]) .v7-service:before{
  content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;
  background:linear-gradient(180deg,rgba(8,7,6,.02) 0%,rgba(8,7,6,.18) 38%,rgba(8,7,6,.93) 100%)!important;
}
body:not([data-workspace-role]) .v7-service:hover{transform:translateY(-3px)!important;border-color:rgba(190,149,77,.58)!important;box-shadow:0 18px 36px rgba(38,28,16,.17)!important}
body:not([data-workspace-role]) .v7-service.active{border-color:#d0aa5c!important;box-shadow:0 0 0 3px rgba(208,170,92,.16),0 20px 42px rgba(38,28,16,.20)!important}
body:not([data-workspace-role]) .v7-service .v7-icon{
  position:absolute!important;top:14px!important;inset-inline-end:14px!important;width:52px!important;height:52px!important;
  border-radius:14px!important;background:rgba(255,255,255,.96)!important;color:#a67b36!important;border:1px solid rgba(187,145,70,.20)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 8px 22px rgba(0,0,0,.14)!important;
}
body:not([data-workspace-role]) .v7-service .v7-icon .wm39-icon{width:27px!important;height:27px!important;margin:0!important}
body:not([data-workspace-role]) .v7-service .wm39-service-no{
  position:absolute!important;top:18px!important;inset-inline-start:16px!important;color:#fff!important;font-size:10px!important;font-style:normal!important;font-weight:900!important;
  background:rgba(17,14,10,.68)!important;border:1px solid rgba(255,255,255,.18)!important;padding:5px 8px!important;border-radius:999px!important;
}
body:not([data-workspace-role]) .v7-service strong{font-size:19px!important;line-height:1.3!important;font-weight:900!important;color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.45)!important;position:relative!important;z-index:1!important;margin:0 0 5px!important}
body:not([data-workspace-role]) .v7-service small{font-size:11px!important;line-height:1.55!important;color:#e6ded3!important;position:relative!important;z-index:1!important;margin:0!important;opacity:.92!important}

/* fields and bottom actions */
body:not([data-workspace-role]) .v7-step input,
body:not([data-workspace-role]) .v7-step select,
body:not([data-workspace-role]) .v7-step textarea{
  min-height:48px!important;border-radius:12px!important;border:1px solid rgba(45,35,22,.15)!important;background:#fcfbf8!important;color:#1a1712!important;
  font-size:13px!important;padding:11px 13px!important;outline:none!important;
}
body:not([data-workspace-role]) .v7-step input:focus,
body:not([data-workspace-role]) .v7-step select:focus,
body:not([data-workspace-role]) .v7-step textarea:focus{border-color:#c6a15a!important;box-shadow:0 0 0 4px rgba(198,161,90,.12)!important;background:#fff!important}
body:not([data-workspace-role]) .v7-step label{font-size:11px!important;font-weight:800!important;color:#62594e!important}
body:not([data-workspace-role]) .v7-nav{position:sticky!important;bottom:0!important;z-index:80!important;padding:18px 38px 26px!important;border-top:1px solid rgba(42,32,18,.08)!important;background:#fbf9f5f2!important;backdrop-filter:blur(12px)!important;box-shadow:0 -10px 28px rgba(42,32,18,.08)!important;align-items:center!important}
body:not([data-workspace-role]) .v7-back,
body:not([data-workspace-role]) .v7-next{
  min-height:48px!important;border-radius:12px!important;padding:0 20px!important;font-size:12px!important;font-weight:900!important;
  display:inline-flex!important;align-items:center!important;gap:9px!important;justify-content:center!important;
}
body:not([data-workspace-role]) .v7-back{background:#fff!important;border:1px solid rgba(45,35,22,.15)!important;color:#3f382f!important}
body:not([data-workspace-role]) .v7-next{background:linear-gradient(135deg,#d3ae63,#b98d45)!important;border:1px solid #d7b66f!important;color:#17120b!important;box-shadow:0 9px 22px rgba(187,143,70,.20)!important}
body:not([data-workspace-role]) .v7-back .wm39-icon,body:not([data-workspace-role]) .v7-next .wm39-icon{width:18px!important;height:18px!important;margin:0!important}

/* general public button language */
body:not([data-workspace-role]) a.btn,body:not([data-workspace-role]) button.btn,
body:not([data-workspace-role]) .outline,body:not([data-workspace-role]) .primary,
body:not([data-workspace-role]) .v13-act{
  border-radius:11px!important;min-height:44px!important;font-weight:850!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
}
body:not([data-workspace-role]) a.btn .wm39-icon,body:not([data-workspace-role]) button.btn .wm39-icon{width:18px;height:18px;margin:0!important}

@media(max-width:1100px){
 body:not([data-workspace-role]) .wm-services-grid,body:not([data-workspace-role]) .v7-services{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body:not([data-workspace-role]) .wm-public-links{gap:14px!important}
 body:not([data-workspace-role]) .v7-qhead h2{font-size:32px!important}
}
@media(max-width:760px){
 body:not([data-workspace-role]) .navbar .nav{min-height:70px!important}
 body:not([data-workspace-role]) .logo img{width:48px!important;height:48px!important}
 body:not([data-workspace-role]) .v7-quote{padding:46px 0 64px!important}
 body:not([data-workspace-role]) .v7-qhead{display:block!important}.v7-qhead p{margin-top:12px!important}
 body:not([data-workspace-role]) .v7-qhead h2{font-size:29px!important}
 body:not([data-workspace-role]) .v7-progress{padding:13px!important;overflow-x:auto!important;justify-content:flex-start!important;gap:9px!important}
 body:not([data-workspace-role]) .v7-progress>i{min-width:22px!important}
 body:not([data-workspace-role]) .v7-prog span{white-space:nowrap!important}
 body:not([data-workspace-role]) .v7-step{padding:23px 18px 25px!important}
 body:not([data-workspace-role]) .v7-nav{padding:16px 18px 22px!important}
 body:not([data-workspace-role]) .v7-stepintro h3{font-size:23px!important}
}
@media(max-width:520px){
 body:not([data-workspace-role]) .wm-services-grid,body:not([data-workspace-role]) .v7-services{grid-template-columns:1fr!important}
 body:not([data-workspace-role]) .v7-service{min-height:205px!important}
 body:not([data-workspace-role]) .v7-stepintro{gap:12px!important}.v7-stepno{min-width:44px!important;height:44px!important}
 body:not([data-workspace-role]) .v7-back,body:not([data-workspace-role]) .v7-next{flex:1!important}
}
body:not([data-workspace-role]) .v7-service .wm-v388-service-img{opacity:.92!important;transform:none!important;filter:saturate(1.02) contrast(1.04) brightness(1.06)!important}
body:not([data-workspace-role]) .v7-service:hover .wm-v388-service-img,body:not([data-workspace-role]) .v7-service.active .wm-v388-service-img{opacity:1!important;transform:scale(1.035)!important}
body:not([data-workspace-role]) .v7-service:after{background:linear-gradient(180deg,rgba(8,7,6,.02) 0%,rgba(8,7,6,.08) 34%,rgba(8,7,6,.84) 100%)!important;z-index:1!important}
body:not([data-workspace-role]) .v7-service>*:not(.wm-v388-service-img){z-index:2!important}


/* =========================================================
   V39.4.4 — QUOTATION SELECTOR REFINEMENT
   Directly patches the active V39.3 visual layer.
   ========================================================= */

/* Never mix Arabic and English in the same selector */
body.lang-ar .v7-progress [data-en],
body.lang-ar .v7-service [data-en]{display:none!important}
body.lang-en .v7-progress [data-ar],
body.lang-en .v7-service [data-ar]{display:none!important}

/* Progress = five clean equal tabs, not crowded labels + connector lines */
body:not([data-workspace-role]) .v7-progress{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:8px!important;
  padding:12px!important;
  background:#f8f5ef!important;
  direction:ltr!important;
  overflow:visible!important;
}
body.lang-ar:not([data-workspace-role]) .v7-progress{direction:rtl!important}
body:not([data-workspace-role]) .v7-progress>i{display:none!important}
body:not([data-workspace-role]) .v7-prog{
  min-width:0!important;
  min-height:68px!important;
  padding:9px 6px!important;
  border:1px solid #e5ded2!important;
  border-radius:12px!important;
  background:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  color:#756c60!important;
  text-align:center!important;
}
body:not([data-workspace-role]) .v7-prog b{
  width:26px!important;
  height:26px!important;
  border-radius:50%!important;
  margin:0!important;
  background:#eee7dc!important;
  color:#6e604d!important;
  border:0!important;
  box-shadow:none!important;
  font-size:10px!important;
}
body:not([data-workspace-role]) .v7-prog span{
  display:block!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  font-size:11px!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  font-weight:800!important;
}
body:not([data-workspace-role]) .v7-prog.active{
  background:#17130f!important;
  border-color:#17130f!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(23,19,15,.12)!important;
}
body:not([data-workspace-role]) .v7-prog.active b{
  background:#caa451!important;
  color:#17130f!important;
}
body:not([data-workspace-role]) .v7-prog.done{
  background:#f6f1e7!important;
  color:#2e281f!important;
}
body:not([data-workspace-role]) .v7-prog.done b{
  background:#252019!important;
  color:#fff!important;
}

/* The entire photo card is the button. Remove the floating white icon tile. */
body:not([data-workspace-role]) .v7-service .v7-icon{display:none!important}
body:not([data-workspace-role]) .v7-service{
  min-height:250px!important;
  padding:150px 18px 18px!important;
  border-radius:16px!important;
  border:1px solid rgba(38,30,20,.14)!important;
  background:#181410!important;
  box-shadow:0 10px 28px rgba(32,24,15,.11)!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
body:not([data-workspace-role]) .v7-service .wm-v388-service-img{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  opacity:1!important;
  transform:none!important;
  background-size:cover!important;
  background-position:center!important;
  filter:saturate(1.02) contrast(1.03)!important;
}
body:not([data-workspace-role]) .v7-service:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(180deg,rgba(10,8,6,.01) 18%,rgba(10,8,6,.16) 50%,rgba(10,8,6,.92) 100%)!important;
}
body:not([data-workspace-role]) .v7-service:after{display:none!important}
body:not([data-workspace-role]) .v7-service strong,
body:not([data-workspace-role]) .v7-service small,
body:not([data-workspace-role]) .v7-service .wm39-service-no{
  position:relative!important;
  z-index:2!important;
  margin-inline:0!important;
}
body:not([data-workspace-role]) .v7-service strong{
  font-size:18px!important;
  line-height:1.35!important;
  margin:0 0 6px!important;
  color:#fff!important;
  text-shadow:0 2px 12px rgba(0,0,0,.55)!important;
}
body:not([data-workspace-role]) .v7-service small{
  font-size:11px!important;
  line-height:1.6!important;
  color:#e8e0d5!important;
  opacity:1!important;
}
body:not([data-workspace-role]) .v7-service .wm39-service-no{
  position:absolute!important;
  top:13px!important;
  inset-inline-start:13px!important;
  background:rgba(14,11,8,.78)!important;
  color:#f0d389!important;
  border:1px solid rgba(240,211,137,.30)!important;
  padding:5px 7px!important;
  border-radius:999px!important;
  font-size:9px!important;
}
body:not([data-workspace-role]) .v7-service.active{
  border:2px solid #d1aa58!important;
  box-shadow:0 0 0 3px rgba(209,170,88,.16),0 18px 38px rgba(32,24,15,.18)!important;
}
body:not([data-workspace-role]) .v7-service.active .wm39-service-no{
  background:#d1aa58!important;
  color:#17130f!important;
}
body:not([data-workspace-role]) .v7-service:hover{
  transform:translateY(-2px)!important;
  border-color:#caa451!important;
}

/* Force correct, unambiguous quotation images even if an older visual layer remains cached */
body:not([data-workspace-role]) .v7-service[data-service="exterior"] .wm-v388-service-img{background-image:url("/quote-exterior.webp")!important}
body:not([data-workspace-role]) .v7-service[data-service="interior"] .wm-v388-service-img{background-image:url("/quote-interior.webp")!important}
body:not([data-workspace-role]) .v7-service[data-service="kitchens"] .wm-v388-service-img{background-image:url("/quote-kitchen.webp")!important}
body:not([data-workspace-role]) .v7-service[data-service="dressing"] .wm-v388-service-img{background-image:url("/quote-dressing.webp")!important}
body:not([data-workspace-role]) .v7-service[data-service="decor"] .wm-v388-service-img{background-image:url("/quote-decor.webp")!important}
body:not([data-workspace-role]) .v7-service[data-service="majlis"] .wm-v388-service-img{background-image:url("/quote-majlis.webp")!important}
body:not([data-workspace-role]) .v7-service[data-service="furniture"] .wm-v388-service-img{background-image:url("/quote-furniture.webp")!important}
body:not([data-workspace-role]) .v7-service[data-service="fitout"] .wm-v388-service-img{background-image:url("/quote-fitout.webp")!important}

@media(max-width:760px){
  body:not([data-workspace-role]) .v7-progress{
    grid-template-columns:repeat(5,minmax(88px,1fr))!important;
    overflow-x:auto!important;
  }
  body:not([data-workspace-role]) .v7-prog{min-height:60px!important}
  body:not([data-workspace-role]) .v7-services{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:520px){
  body:not([data-workspace-role]) .v7-services{grid-template-columns:1fr!important}
}