/* ===========================================================
   GURIZON · ÇALIŞMALAR — listeleme (wl-) + detay "Dashboard" (wk-)
   Açık tema (index1-mix) ile uyumlu. Marka rengi .wk / .wl kökünde
   --wk (accent), --wk-d (koyu), --wk-b (ikincil) değişkenleriyle gelir.
   =========================================================== */

/* ============ LİSTELEME ============ */
.wl-hero{padding:150px 0 10px}
@media(max-width:900px){.wl-hero{padding:120px 0 10px}}
.wl-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#7f1d1d;background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.2);padding:8px 16px;border-radius:999px;margin-bottom:20px}
.wl-title{font-size:clamp(32px,5.4vw,56px);font-weight:900;letter-spacing:-1.4px;line-height:1.05;margin:0 0 16px}
.wl-title .accent{color:#dc2626}
.wl-lead{font-size:17px;line-height:1.7;color:#4a453c;max-width:660px;margin:0}

.wl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:26px;margin-top:52px}
@media(max-width:520px){.wl-grid{grid-template-columns:1fr}}
.wl-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:22px;overflow:hidden;box-shadow:0 16px 44px -28px rgba(80,40,20,.3);transition:transform .25s,box-shadow .25s}
.wl-card:hover{transform:translateY(-5px);box-shadow:0 30px 70px -30px rgba(80,40,20,.42)}
.wl-cover{position:relative;height:210px;overflow:hidden}
.wl-cover img.cover-img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.wl-card:hover .wl-cover img.cover-img{transform:scale(1.05)}
.wl-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(10,8,6,.55))}
.wl-sector{position:absolute;top:14px;left:14px;z-index:2;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.25);padding:6px 12px;border-radius:999px;backdrop-filter:blur(5px)}
.wl-logo{position:absolute;bottom:14px;left:16px;z-index:2;height:48px;width:auto;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}
.wl-body{display:flex;flex-direction:column;flex:1;padding:22px 24px 24px}
.wl-brand{font-size:22px;font-weight:900;letter-spacing:-.5px;margin:0 0 6px}
.wl-summary{font-size:14px;line-height:1.6;color:#6f6a60;margin:0 0 16px;flex:1}
.wl-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}
.wl-chip{font-size:11.5px;font-weight:700;color:#3f3a32;background:#f4ede1;border:1px solid rgba(0,0,0,.06);padding:6px 11px;border-radius:999px}
.wl-chip i{color:#dc2626;margin-right:5px}
.wl-foot{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid rgba(0,0,0,.07)}
.wl-kpi{font-size:13px;font-weight:700;color:#7f1d1d}
.wl-kpi b{font-family:'JetBrains Mono',monospace;font-size:17px;color:#dc2626}
.wl-more{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:800;color:#dc2626}
.wl-card:hover .wl-more i{transform:translateX(4px)}
.wl-more i{transition:transform .2s}

.wl-empty{text-align:center;padding:60px 0;color:#8a8577}

/* ============ DETAY "Dashboard" ============ */
.wk{--wk:#dc2626;--wk-d:#7f1d1d;--wk-b:#2e4fa2}
.wk-hero{padding:150px 0 0}
@media(max-width:900px){.wk-hero{padding:120px 0 0}}
.wk-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
@media(max-width:860px){.wk-grid{grid-template-columns:1fr;gap:28px}}
.wk-sector{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:#fff;background:var(--wk-b);padding:7px 14px;border-radius:999px}
.wk-logo-row{display:flex;align-items:center;gap:18px;margin:18px 0 6px;flex-wrap:wrap}
.wk-logo-row img{height:76px;width:auto}
.wk-name{font-size:clamp(34px,5vw,52px);font-weight:900;letter-spacing:-1.5px;line-height:1;margin:0}
.wk-site{font-size:14px;color:#6f6a60;font-weight:600;margin-bottom:18px}
.wk-line{font-size:18px;line-height:1.6;color:#3f3a32;margin:0 0 22px;max-width:520px}
.wk-chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:26px}
.wk-chip{font-size:12.5px;font-weight:700;color:#3f3a32;background:#fff;border:1px solid rgba(0,0,0,.1);padding:8px 14px;border-radius:999px}
.wk-chip i{color:var(--wk);margin-right:6px}
.wk-btn{display:inline-flex;align-items:center;gap:9px;padding:13px 22px;background:linear-gradient(120deg,var(--wk),var(--wk-d));color:#fff;border-radius:12px;font-weight:800;font-size:14px;box-shadow:0 14px 34px -12px color-mix(in srgb,var(--wk) 55%,transparent)}
.wk-kpis{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.wk-kpi{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:22px;box-shadow:0 16px 40px -26px rgba(80,40,20,.3)}
.wk-kpi .n{font-family:'JetBrains Mono',monospace;font-size:34px;font-weight:800;color:var(--wk-d);line-height:1}
.wk-kpi .l{font-size:12.5px;color:#6f6a60;font-weight:600;margin-top:8px;line-height:1.4}
.wk-kpi .up{font-size:11px;color:#16a34a;font-weight:800}
.wk-note{font-size:12px;color:#a08c6e;font-weight:600;margin:14px 0 0;display:flex;align-items:center;gap:7px}
.wk-note i{color:var(--wk)}

.wk-band{margin-top:54px;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.3fr 1fr;background:linear-gradient(120deg,#0a0a0a,#1a1214)}
@media(max-width:760px){.wk-band{grid-template-columns:1fr}}
.wk-band .txt{padding:34px 36px;color:#fff;align-self:center}
.wk-band h3{margin:0;font-size:22px;font-weight:900}
.wk-band p{margin:8px 0 0;font-size:14px;color:#d4d4d8;max-width:460px;line-height:1.5}
.wk-band .ph{min-height:200px;background-size:cover;background-position:center}

.wk-sec{padding:60px 0}
.wk-sec h2{font-size:clamp(24px,3.6vw,32px);font-weight:900;letter-spacing:-.6px;margin:0 0 8px}
.wk-sec h2 .accent{color:var(--wk)}
.wk-sec .sub{color:#6f6a60;font-size:15px;max-width:640px;margin:0 0 32px;line-height:1.6}
.wk-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px}
@media(max-width:760px){.wk-two{grid-template-columns:1fr}}
.wk-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:18px;padding:26px}
.wk-card .ic{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:18px;margin-bottom:14px;color:#fff}
.wk-card.web .ic{background:var(--wk-b)}.wk-card.soc .ic{background:var(--wk)}
.wk-card h3{margin:0 0 10px;font-size:18px;font-weight:800}
.wk-card ul{margin:0;padding:0;list-style:none}
.wk-card li{font-size:14px;color:#4a453c;padding:7px 0 7px 26px;position:relative;font-weight:500}
.wk-card li i{position:absolute;left:0;top:9px;color:#16a34a;font-size:12px}

.wk-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@media(max-width:640px){.wk-gal{grid-template-columns:1fr}}
.wk-gal img{width:100%;height:230px;object-fit:cover;border-radius:16px;border:1px solid rgba(0,0,0,.06)}

/* sosyal medya vitrini: dikey post + video tile'ları */
.wk-media{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media(max-width:900px){.wk-media{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.wk-media{grid-template-columns:repeat(2,1fr)}}
.wk-mtile{position:relative;border-radius:16px;overflow:hidden;background:#0e0c0f;aspect-ratio:4/5;border:1px solid rgba(0,0,0,.08);box-shadow:0 14px 34px -24px rgba(80,40,20,.35)}
.wk-mtile img,.wk-mtile video{width:100%;height:100%;object-fit:cover;display:block}
.wk-mtile .badge{position:absolute;top:10px;left:10px;z-index:2;width:26px;height:26px;border-radius:50%;background:rgba(0,0,0,.5);color:#fff;display:grid;place-items:center;font-size:11px;backdrop-filter:blur(4px)}

.wk-cs{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:760px){.wk-cs{grid-template-columns:1fr}}
.wk-csbox{border-radius:18px;padding:26px}
.wk-csbox.prob{background:color-mix(in srgb,var(--wk-b) 7%,#fff);border:1px solid color-mix(in srgb,var(--wk-b) 22%,transparent)}
.wk-csbox.sol{background:#fff;border:1px solid color-mix(in srgb,var(--wk) 25%,transparent)}
.wk-csbox .tag{font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px;display:inline-block}
.wk-csbox.prob .tag{color:var(--wk-b)}.wk-csbox.sol .tag{color:var(--wk-d)}
.wk-csbox p{margin:0;font-size:15px;line-height:1.7;color:#3f3a32}

.wk-devices{display:grid;grid-template-columns:1.55fr 1fr;gap:24px;align-items:end}
@media(max-width:760px){.wk-devices{grid-template-columns:1fr}}
.wk-browser{background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(80,40,20,.4)}
.wk-browser .bar{height:36px;background:#f0e8da;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid rgba(0,0,0,.06)}
.wk-browser .bar span{width:10px;height:10px;border-radius:50%;background:#d9c9b0}
.wk-browser .url{margin-left:12px;font-size:12px;color:#8a8577;font-weight:600}
.wk-browser img{width:100%;display:block}
.wk-phone{margin:0 auto;width:210px;background:#1d1d1f;border-radius:26px;padding:9px;box-shadow:0 30px 60px -30px rgba(80,40,20,.4)}
.wk-phone img{width:100%;border-radius:18px;display:block}

.wk-quote{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:22px;padding:38px;text-align:center;max-width:760px;margin:0 auto}
.wk-quote .mark{font-size:44px;color:var(--wk);line-height:.6;font-family:Georgia,serif}
.wk-quote p{font-size:20px;line-height:1.6;font-weight:600;color:#2b2620;margin:6px 0 20px}
.wk-quote .who{font-size:14px;color:#6f6a60;font-weight:700}

.wk-back{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:var(--wk-d);margin-bottom:8px}
.wk-back:hover{color:var(--wk)}
.wk-related h3{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#7f1d1d;text-align:center;margin:0 0 28px}