/* Portfolio presentation. Scope stays inside the existing project grids. */
.ref-project-grid .ref-project-card{border-radius:18px;border-color:#dce5f2;box-shadow:0 8px 24px #07172a0a;transition:transform .22s ease,box-shadow .22s ease}
.ref-project-grid .ref-project-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px #07172a18}
.ref-project-grid .ref-project-card>.ref-project-cover{overflow:hidden}
.ref-project-grid .ref-project-card>div{padding:18px}
.ref-project-grid .ref-project-card h3{font-size:17px;line-height:1.45;margin:0;color:#0b213b}
.ref-project-grid .ref-project-card h3 a{color:inherit}
.ref-project-grid .ref-project-card .ref-custom-project-image{transition:transform .35s ease}
.ref-project-grid .ref-project-card:hover .ref-custom-project-image{transform:scale(1.025)}
.ref-project-grid .ref-project-card:has(.ebp-emirhan-actions){grid-column:1/-1;display:grid;grid-template-columns:1.12fr 1fr;align-items:stretch;background:#fff;border:1px solid #cfdef2;border-radius:22px;margin-top:8px;box-shadow:0 16px 40px #07172a12}
.ref-project-grid .ref-project-card:has(.ebp-emirhan-actions)>.ref-project-cover{margin:24px 0 24px 24px;border:1px solid #d7e1ef;border-radius:13px;background:#edf3fc;padding-top:25px;box-shadow:0 10px 24px #0b213b16;min-height:280px}
.ref-project-grid .ref-project-card:has(.ebp-emirhan-actions)>.ref-project-cover:before{content:'';position:absolute;top:10px;left:13px;width:6px;height:6px;background:#fe7869;border-radius:50%;box-shadow:12px 0 #efc05e,24px 0 #54bd93;z-index:2}
.ref-project-grid .ref-project-card:has(.ebp-emirhan-actions)>.ref-project-cover>.ref-custom-project-image{width:100%;height:100%;min-height:255px;max-height:340px;aspect-ratio:auto;object-fit:cover;object-position:top;display:block}
.ref-project-grid .ref-project-card:has(.ebp-emirhan-actions) .ref-category-badge{display:none}
.ref-project-grid .ref-project-card:has(.ebp-emirhan-actions)>div{padding:34px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.ref-project-grid .ref-project-card:has(.ebp-emirhan-actions)>div>h3{font-size:clamp(24px,2.4vw,32px);margin-bottom:12px;letter-spacing:-.6px}
.ref-project-grid .ref-project-card:has(.ebp-emirhan-actions)>div>p,.ref-project-grid .ref-project-card:has(.ebp-emirhan-actions)>div>.text-link{display:none}
.ebp-emirhan-actions{margin:0;color:#0b213b}
.ebp-emirhan-kicker{display:block;font-size:10px;letter-spacing:1.5px;font-weight:700;color:#2463db;margin-bottom:10px;text-transform:uppercase}
.ref-project-card:has(.ebp-emirhan-actions)>div:before{content:'İNTERAKTİF PROJE ÖNİZLEMESİ';display:block;font-size:10px;letter-spacing:1.5px;font-weight:700;color:#2463db;margin-bottom:10px}
.ref-project-card .ebp-emirhan-kicker{display:none}
.ref-project-grid .ref-project-card .ebp-emirhan-description{font-size:14px;line-height:1.8;color:#60728e;margin:0 0 18px;max-width:46ch}
.ebp-emirhan-tags{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:0 0 24px}
.ebp-emirhan-tags li{font-size:11px;font-weight:600;line-height:1.4;padding:7px 10px;border:1px solid #dce7f5;background:#f4f8ff;color:#385579;border-radius:7px}
.ebp-emirhan-buttons{display:flex;flex-wrap:wrap;gap:10px}
.ebp-emirhan-buttons .button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:12px 18px;font-size:13px;font-weight:700;border-radius:10px;background:#2463eb;color:#fff;border:1px solid #2463eb;text-decoration:none;box-shadow:none}
.ebp-emirhan-buttons .ebp-emirhan-panel{background:#fff;color:#17395d;border-color:#cbd9ed}
.ebp-emirhan-buttons .button:hover{background:#174cc0;color:#fff;border-color:#174cc0}
.ebp-emirhan-buttons .button:focus-visible{outline:3px solid #1b73e8;outline-offset:4px}
.ref-project-grid .ref-project-card .ebp-emirhan-note{font-size:11px;line-height:1.6;margin:14px 0 0;color:#7b8da5}
.ref-panel>.ebp-emirhan-actions{margin:24px 0}
.ref-panel>.ebp-emirhan-actions .ebp-emirhan-description{display:none}
@media(max-width:760px){.ref-project-grid .ref-project-card:has(.ebp-emirhan-actions){grid-template-columns:1fr}.ref-project-grid .ref-project-card:has(.ebp-emirhan-actions)>.ref-project-cover{margin:16px 16px 0;min-height:0}.ref-project-grid .ref-project-card:has(.ebp-emirhan-actions)>.ref-project-cover>.ref-custom-project-image{height:230px;min-height:0;max-height:none}.ref-project-grid .ref-project-card:has(.ebp-emirhan-actions)>div{padding:24px}.ref-project-grid .ref-project-card>div{padding:14px}.ref-project-grid .ref-project-card h3{font-size:15px}}
@media(max-width:380px){.ebp-emirhan-buttons{flex-direction:column}.ebp-emirhan-buttons .button{width:100%;box-sizing:border-box}}
@media(prefers-reduced-motion:reduce){.ref-project-grid .ref-project-card,.ref-project-grid .ref-custom-project-image{transition:none}.ref-project-grid .ref-project-card:hover,.ref-project-grid .ref-project-card:hover .ref-custom-project-image{transform:none}}

/* Project detail copy sits below the preview and above the demo actions. */
.ref-panel:has(>.ebp-emirhan-actions)>p{display:none}
.ref-panel>.ebp-emirhan-actions{padding-top:8px}
.ref-panel>.ebp-emirhan-actions>.ebp-emirhan-kicker{display:none}
.ebp-emirhan-story{max-width:780px;margin:0 0 24px;padding:0}
.ebp-emirhan-story h2{font-size:clamp(22px,2.6vw,28px);line-height:1.3;color:#0b213b;margin:0 0 14px;letter-spacing:-.4px}
.ebp-emirhan-story p{font-size:15px;line-height:1.85;color:#536780;margin:0 0 14px}
@media(max-width:600px){.ebp-emirhan-story p{font-size:14px;line-height:1.8}}