/* واحد العين — homepage redesign layer (scoped .wh-home) — green identity */
.wh-home{--wr-d:clamp(38px,6vw,64px);--wr-h2:clamp(26px,3.4vw,38px);--wr-lead:clamp(16px,1.6vw,19px)}
.wh-home *{box-sizing:border-box}
.wh-home .wrap{max-width:var(--maxw,1200px);margin:0 auto;padding:0 20px}
.wh-home a{text-decoration:none;color:inherit}
.wh-home svg{width:1em;height:1em;vertical-align:-.125em}
.wh-home :focus-visible{outline:none;box-shadow:0 0 0 4px rgba(0,108,53,.16);border-radius:8px}
/* hero */
.wh-hero{position:relative;overflow:hidden;color:#fff;padding:74px 0 92px;background:radial-gradient(120% 120% at 85% 0%,#064d1e 0%,transparent 42%),linear-gradient(160deg,#0B1220 0%,#111c30 48%,#0F172A 100%)}
.wh-hero .glow{position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(90px);pointer-events:none}
.wh-hero .g1{background:#006C35;opacity:.5;top:-160px;inset-inline-start:-120px}
.wh-hero .g2{background:#0d9488;opacity:.28;bottom:-220px;inset-inline-end:-80px}
.wh-hero-in{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.wh-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#bbf7d0;background:rgba(0,108,53,.16);border:1px solid rgba(0,108,53,.32);padding:7px 14px;border-radius:999px;margin-bottom:22px}
.wh-title{font-size:var(--wr-d);font-weight:900;line-height:1.04;letter-spacing:-.02em;margin-bottom:16px}
.wh-title .g{background:linear-gradient(90deg,#fff 0%,#86efac 60%,#006C35 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.wh-sub{font-size:var(--wr-lead);color:#cbd5e1;max-width:44ch;margin-bottom:26px}
.wh-search{display:flex;gap:8px;background:#fff;border-radius:16px;padding:8px;box-shadow:0 24px 60px -20px rgba(0,0,0,.5);max-width:560px}
.wh-search .ic{display:grid;place-items:center;width:44px;color:#94A3B8;font-size:20px}
.wh-search input{flex:1;border:0;outline:0;font-family:inherit;font-size:15px;color:#0F172A;background:none}
.wh-search select{border:0;background:#F1F5F9;border-radius:12px;padding:0 12px;font-family:inherit;font-size:14px;color:#475569;font-weight:600}
.wh-search button{font-family:inherit;font-weight:700;border:0;cursor:pointer;background:#006C35;color:#fff;border-radius:12px;padding:0 20px;font-size:14px}
.wh-search button:hover{background:#00562A}
.wh-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:18px}
.wh-chips .l{font-size:14px;color:#94A3B8;font-weight:700;display:flex;align-items:center;gap:6px}
.wh-chips a{font-size:14px;color:#e2e8f0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:6px 13px;border-radius:999px;transition:.15s}
.wh-chips a:hover{background:rgba(255,255,255,.16)}
.wh-stats{display:flex;gap:34px;margin-top:36px}
.wh-stats b{display:block;font-size:30px;font-weight:900;letter-spacing:-.02em}
.wh-stats span{font-size:14px;color:#94A3B8}
.wh-stack{position:relative;height:420px}
.wh-lc{position:absolute;width:280px;background:#fff;border-radius:16px;box-shadow:0 24px 60px -20px rgba(0,0,0,.45);overflow:hidden;color:#0F172A}
.wh-lc .im{height:150px;background-size:cover;background-position:center;background-color:#E2E8F0;position:relative;display:grid;place-items:center;color:#94A3B8;font-size:30px}
.wh-lc .tg{position:absolute;top:10px;inset-inline-start:10px;background:rgba(255,255,255,.94);font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:999px;display:flex;gap:5px;align-items:center}
.wh-lc .bb{padding:13px 15px}
.wh-lc .bb .t{font-weight:700;font-size:15px}
.wh-lc .bb .p{color:#006C35;font-weight:800;font-size:16px;margin-top:3px}
.wh-lc.c1{top:0;inset-inline-end:20px;transform:rotate(4deg);z-index:3}
.wh-lc.c2{top:74px;inset-inline-start:0;transform:rotate(-6deg);z-index:2}
.wh-lc.c3{bottom:-6px;inset-inline-end:40px;transform:rotate(8deg);z-index:1;width:250px}
.wh-float{position:absolute;background:#fff;color:#0F172A;font-weight:700;font-size:14px;padding:9px 15px;border-radius:999px;box-shadow:0 24px 60px -20px rgba(0,0,0,.4);display:flex;align-items:center;gap:7px;z-index:4}
.wh-float.f1{top:22px;inset-inline-start:-8px}.wh-float.f1 svg{color:#0E9F6E}
.wh-float.f2{bottom:36px;inset-inline-start:20px}.wh-float.f2 svg{color:#006C35}
/* trust bar */
.wh-trust{background:#fff;border-bottom:1px solid var(--wain-line,#E2E8F0)}
.wh-trust-in{display:flex;justify-content:space-between;gap:24px;padding:20px;flex-wrap:wrap}
.wh-trust .it{display:flex;align-items:center;gap:11px;color:#475569;font-weight:600;font-size:14px}
.wh-trust .it svg{color:#006C35;font-size:20px}
/* sections */
.wh-sec{padding:60px 0}
.wh-sechead{margin-bottom:30px}
.wh-sechead.center{text-align:center;max-width:620px;margin-inline:auto}
.wh-sechead.row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.wh-kicker{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:800;color:#006C35;margin-bottom:10px}
.wh-h2{font-size:var(--wr-h2);font-weight:900;letter-spacing:-.02em;line-height:1.15}
.wh-lead{color:#475569;font-size:var(--wr-lead);margin-top:8px}
.wh-all{color:#475569;font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:.15s}
.wh-all:hover{color:#006C35}
/* bento grid */
.wh-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:150px;gap:16px}
.wh-bcard{position:relative;border-radius:16px;border:1px solid var(--wain-line,#E2E8F0);background:#fff;padding:20px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}
.wh-bcard:hover{transform:translateY(-3px);box-shadow:0 10px 28px -10px rgba(15,23,42,.16);border-color:transparent}
.wh-bcard.big{grid-column:span 2;grid-row:span 2}
.wh-bcard .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:22px;background:var(--ac,#006C35);box-shadow:0 8px 18px -8px var(--ac,#006C35)}
.wh-bcard .gh{position:absolute;bottom:-18px;inset-inline-start:-10px;font-size:120px;color:var(--ac,#006C35);opacity:.06;pointer-events:none}
.wh-bcard.big .gh{font-size:200px}
.wh-bcard b{font-size:20px;font-weight:800;display:block}
.wh-bcard.big b{font-size:26px}
.wh-bcard small{color:#475569;font-size:14px;display:block;margin-top:2px}
.wh-bcard .ft{display:flex;align-items:center;justify-content:space-between;color:#475569;font-size:14px;font-weight:700}
.wh-bcard .go{width:30px;height:30px;border-radius:50%;background:#F1F5F9;display:grid;place-items:center;color:#0F172A;transition:.18s}
.wh-bcard:hover .go{background:var(--ac,#006C35);color:#fff}
/* rail + listing card */
.wh-rail{display:grid;grid-auto-flow:column;grid-auto-columns:265px;gap:16px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}
.wh-card{scroll-snap-align:start;background:#fff;border:1px solid var(--wain-line,#E2E8F0);border-radius:16px;overflow:hidden;transition:.2s;display:block}
.wh-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px -10px rgba(15,23,42,.16);border-color:transparent}
.wh-card-img{height:168px;background-size:cover;background-position:center;background-color:#E2E8F0;position:relative;display:grid;place-items:center;color:#94A3B8;font-size:30px}
.wh-tag{position:absolute;top:10px;inset-inline-start:10px;background:rgba(255,255,255,.94);font-size:12.5px;font-weight:700;padding:4px 10px;border-radius:999px;display:flex;gap:5px;align-items:center}
.wh-card-b{padding:14px}
.wh-card-t{font-weight:700;font-size:15px;line-height:1.4;height:2.8em;overflow:hidden}
.wh-card-m{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.wh-price{color:#006C35;font-weight:800;font-size:17px}
.wh-loc{color:#94A3B8;font-size:12.5px;display:flex;align-items:center;gap:4px}
/* CTA block */
.wh-cta{background:linear-gradient(135deg,#0F172A,#1E293B);border-radius:22px;padding:44px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;position:relative;overflow:hidden}
.wh-cta::after{content:'';position:absolute;width:300px;height:300px;background:#006C35;border-radius:50%;filter:blur(90px);opacity:.4;top:-100px;inset-inline-start:-60px}
.wh-cta h3{font-size:26px;font-weight:900;position:relative}
.wh-cta p{color:#cbd5e1;margin-top:6px;position:relative}
.wh-cta .b{display:flex;gap:12px;position:relative;flex-wrap:wrap}
.wh-btn{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-weight:700;font-size:16px;padding:14px 24px;border-radius:12px;border:1px solid transparent;cursor:pointer;transition:.16s}
.wh-btn.pri{background:#006C35;color:#fff}
.wh-btn.pri:hover{background:#00562A;transform:translateY(-1px)}
.wh-btn.out{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
@media(max-width:900px){.wh-hero-in{grid-template-columns:1fr;gap:36px}.wh-stack{display:none}.wh-bento{grid-template-columns:repeat(2,1fr)}.wh-bcard.big{grid-column:span 2;grid-row:span 1}}
@media(prefers-reduced-motion:reduce){.wh-home *{transition:none!important}}