/* Sitetasarla Örnek Çalışmalar — sayfaya özel küçük ekler.
   Ana site styles.min.css dosyası değiştirilmemiştir. */
.portfolio-card-link{display:flex;flex-direction:column;min-width:0;height:100%;color:inherit;text-decoration:none;cursor:pointer}
.portfolio-card-link .portfolio-content{display:flex;flex:1;flex-direction:column;min-width:0}
.portfolio-card-link .portfolio-image{display:block;position:relative;overflow:hidden;aspect-ratio:16/10;cursor:pointer}
.portfolio-card-link .portfolio-image>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.portfolio-open-badge{position:absolute;right:12px;top:12px;z-index:5;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(10,27,47,.84);color:#fff;font-size:.73rem;font-weight:800;opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease;backdrop-filter:blur(8px);pointer-events:none}
.portfolio-card:hover .portfolio-open-badge,.portfolio-card:focus-visible .portfolio-open-badge{opacity:1;transform:translateY(0)}
.portfolio-open-badge b{font-size:1rem}
.portfolio-card-isyonetim .portfolio-live-preview{position:relative;overflow:hidden;background:#eef2f7}
.portfolio-card-isyonetim .portfolio-preview-browser{position:relative;width:100%;height:100%;min-height:280px;overflow:hidden;background:#fff}
.portfolio-card-isyonetim .portfolio-browser-bar{position:absolute;z-index:4;left:0;right:0;top:0;height:28px;display:flex;align-items:center;gap:5px;padding:0 10px;background:#f4f6f9;border-bottom:1px solid #e2e6ec;color:#64748b;font:600 9px/1 Arial,sans-serif}
.portfolio-card-isyonetim .portfolio-browser-bar span{width:6px;height:6px;border-radius:50%;background:#cbd5e1;display:block}
.portfolio-card-isyonetim .portfolio-browser-bar b{margin-left:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}
.portfolio-card-isyonetim .portfolio-preview-browser iframe{position:absolute;z-index:1;left:0;top:28px;width:100%;height:calc(100% - 28px);border:0;transform-origin:top left;pointer-events:none;background:#fff}
.portfolio-card-isyonetim .portfolio-preview-click{position:absolute;z-index:5;inset:0;background:transparent;cursor:pointer}
.portfolio-card-isyonetim .portfolio-open-badge{z-index:6}
@media(max-width:700px){.portfolio-card-isyonetim .portfolio-preview-browser{min-height:230px}}
@media(max-width:650px){.portfolio-card-link .portfolio-open-badge{opacity:1;transform:none;font-size:.69rem;padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.portfolio-card-link,.portfolio-card-link .portfolio-image img,.portfolio-open-badge{transition:none!important}}