/* ---------- Page hero (iç sayfalar için kısa üst bölüm) ---------- */
  .page-hero{
    padding:172px 0 80px;
    background:
      radial-gradient(ellipse at 80% 0%, rgba(178,141,85,0.07), transparent 55%),
      linear-gradient(var(--line) 1px, transparent 1px),
      linear-gradient(90deg, var(--line) 1px, transparent 1px);
    background-size:auto, 64px 64px, 64px 64px;
    background-position:0 0, -1px -1px, -1px -1px;
    border-bottom:1px solid var(--line);
  }
  .page-hero .section-heading{max-width:820px;}
  .page-hero .section-lede{margin-top:18px;}

  /* ---------- Breadcrumb ---------- */
  .breadcrumb{
    display:flex; gap:8px; align-items:center; flex-wrap:wrap;
    padding:130px 32px 0; max-width:var(--maxw); margin:0 auto;
    font-family:var(--mono); font-size:12px; color:var(--ink-faint);
  }
  .breadcrumb a{color:var(--ink-faint); transition:color .2s ease;}
  .breadcrumb a:hover{color:var(--gold-light);}
  .breadcrumb span{color:var(--ink-faint);}
  .breadcrumb + .page-hero{padding-top:24px;}

  /* ---------- Hizmet / portföy detay düzeni ---------- */
  .service-detail-grid{display:grid; grid-template-columns:1.6fr 1fr; gap:64px; align-items:start;}
  .service-feature-list{display:flex; flex-direction:column; gap:14px;}
  .service-feature-list li{
    position:relative; padding-left:26px; color:var(--ink-muted); font-size:14.5px; line-height:1.7;
  }
  .service-feature-list li::before{
    content:"✓"; position:absolute; left:0; top:0; color:var(--gold-light); font-family:var(--mono); font-size:13px;
  }
  .service-detail-aside{display:flex; flex-direction:column; gap:20px; position:sticky; top:110px;}
  .aside-card{
    background:var(--bg-card); border:1px solid var(--line); padding:28px; border-radius:2px;
  }

  /* ---------- Portföy grid + filtre ---------- */
  .filter-bar{display:flex; flex-wrap:wrap; gap:10px; margin-bottom:44px;}
  .filter-bar button{
    font-family:var(--mono); font-size:12px; letter-spacing:0.04em; color:var(--ink-muted);
    border:1px solid var(--line-strong); background:none; padding:10px 18px; border-radius:2px;
    transition:all .25s ease;
  }
  .filter-bar button:hover{border-color:var(--gold-dim); color:var(--ink);}
  .filter-bar button.active{background:var(--gold); border-color:var(--gold); color:#141210; font-weight:500;}

  .portfolio-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line);}
  .portfolio-card{
    background:var(--bg); padding:36px 30px; display:block; transition:background .3s ease, transform .3s ease, box-shadow .3s ease;
  }
  .portfolio-card:hover{background:var(--bg-card); transform:translateY(-6px); box-shadow:0 18px 40px rgba(0,0,0,0.4); position:relative; z-index:1;}
  .portfolio-card:hover h3{color:var(--gold-light);}
  .portfolio-card h3{font-size:20px; margin:16px 0 12px; font-weight:500; transition:color .25s ease;}
  .portfolio-card p{color:var(--ink-muted); font-size:14px; line-height:1.7; margin-bottom:16px;}
  .portfolio-card.is-hidden{display:none;}
  .portfolio-tags{display:flex; flex-wrap:wrap; gap:8px;}

  /* ---------- Blog makale gövdesi ---------- */
  .blog-article-body{color:var(--ink-muted); font-size:15.5px; line-height:1.85;}
  .blog-article-body h3{font-family:var(--serif); font-size:20px; font-weight:500; color:var(--ink); margin:36px 0 14px;}
  .blog-article-body p{margin-bottom:16px;}
  .blog-article-body ul, .blog-article-body ol{margin:0 0 16px 22px;}

  /* ---------- CTA bandı ---------- */
  .cta-band{padding:90px 0;}

  /* ---------- 404 ---------- */

  /* =========================================================
     YÖNETİCİ PANELİ (admin)
     ========================================================= */
  .admin-body{display:flex; min-height:100vh; background:var(--bg); color:var(--ink); font-family:var(--sans);}
  .admin-sidebar{
    width:240px; flex-shrink:0; background:var(--bg-alt); border-right:1px solid var(--line);
    padding:32px 24px; display:flex; flex-direction:column; position:sticky; top:0; height:100vh;
  }
  .admin-nav{display:flex; flex-direction:column; gap:4px;}
  .admin-nav a{
    font-family:var(--mono); font-size:12.5px; letter-spacing:0.03em; color:var(--ink-muted);
    padding:11px 12px; border-radius:2px; transition:all .2s ease;
  }
  .admin-nav a:hover{background:rgba(178,141,85,0.06); color:var(--ink);}
  .admin-nav a.active{background:rgba(178,141,85,0.1); color:var(--gold-light); font-weight:500;}

  .admin-main{flex:1; padding:44px 48px; max-width:1400px;}
  .admin-topbar{display:flex; align-items:center; justify-content:space-between; margin-bottom:32px; flex-wrap:wrap; gap:16px;}
  .admin-topbar h1{font-family:var(--serif); font-size:26px; font-weight:500;}
  .admin-count{font-family:var(--mono); font-size:12px; color:var(--ink-faint);}

  .admin-stat-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); gap:18px; margin-bottom:36px;}
  .admin-stat-card{
    display:flex; flex-direction:column; gap:6px; background:var(--bg-card); border:1px solid var(--line);
    padding:24px; border-radius:2px; position:relative; transition:border-color .25s ease, transform .25s ease;
  }
  .admin-stat-card:hover{border-color:var(--gold-dim); transform:translateY(-2px);}
  .admin-stat-num{font-family:var(--serif); font-size:32px; color:var(--ink); font-weight:500;}
  .admin-stat-label{font-family:var(--mono); font-size:11.5px; letter-spacing:0.05em; text-transform:uppercase; color:var(--ink-faint);}
  .admin-badge{
    position:absolute; top:18px; right:18px; font-family:var(--mono); font-size:10px; color:var(--gold-light);
    background:rgba(178,141,85,0.12); padding:4px 8px; border-radius:20px;
  }
  .admin-note{color:var(--ink-faint); font-size:13px; background:var(--bg-card); border:1px solid var(--line); padding:18px 22px; border-radius:2px;}
  .admin-note code{font-family:var(--mono); color:var(--gold-light);}

  .admin-table-wrap{overflow-x:auto; border:1px solid var(--line); border-radius:2px;}
  .admin-table{width:100%; border-collapse:collapse; font-size:13px;}
  .admin-table thead tr{text-align:left; background:var(--bg-alt); border-bottom:1px solid var(--line-strong);}
  .admin-table th{padding:12px 14px; font-family:var(--mono); font-size:10.5px; letter-spacing:0.08em; text-transform:uppercase; color:var(--gold);}
  .admin-table td{padding:14px; border-bottom:1px solid var(--line); vertical-align:top; color:var(--ink-muted);}
  .admin-table tr:last-child td{border-bottom:none;}
  .admin-table a{color:var(--gold-light);}
  .admin-cell-wrap{max-width:260px; white-space:normal;}
  .admin-table .muted{color:var(--ink-faint);}
  .admin-inline-form select{
    background:var(--bg); border:1px solid var(--line-strong); color:var(--ink); font-family:var(--mono);
    font-size:11.5px; padding:6px 8px; border-radius:2px;
  }
  .admin-icon-btn{
    background:none; border:1px solid var(--line-strong); color:var(--ink-muted); width:30px; height:30px;
    border-radius:2px; display:inline-flex; align-items:center; justify-content:center; transition:all .2s ease;
  }
  .admin-icon-btn:hover{border-color:var(--gold); color:var(--gold-light);}
  .admin-pill{font-family:var(--mono); font-size:10.5px; padding:4px 10px; border-radius:20px; text-transform:uppercase; letter-spacing:0.04em;}
  .admin-pill.is-live{background:rgba(178,141,85,0.14); color:var(--gold-light);}
  .admin-pill.is-draft{background:rgba(245,244,241,0.06); color:var(--ink-faint);}

  .admin-form{max-width:760px;}
  .admin-form .field{margin-bottom:20px;}
  .admin-form label{display:block; font-family:var(--mono); font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--ink-faint); margin-bottom:8px;}
  .admin-form input[type="text"], .admin-form input[type="number"], .admin-form textarea{
    width:100%; background:var(--bg-card); border:1px solid var(--line-strong); color:var(--ink);
    padding:12px 14px; font-family:var(--sans); font-size:14px; border-radius:2px;
  }
  .admin-form textarea{resize:vertical;}
  .admin-form .form-row{display:grid; grid-template-columns:1fr 1fr; gap:20px;}

  .admin-login-box{
    width:100%; max-width:380px; background:var(--bg-card); border:1px solid var(--line); padding:44px 36px; border-radius:2px;
  }
  .admin-login-box .field{margin-bottom:18px;}
  .admin-login-box label{display:block; font-family:var(--mono); font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:var(--ink-faint); margin-bottom:8px;}
  .admin-login-box input{
    width:100%; background:var(--bg); border:1px solid var(--line-strong); color:var(--ink);
    padding:12px 14px; font-family:var(--sans); font-size:14px; border-radius:2px;
  }
  .admin-alert{
    background:rgba(200,80,60,0.1); border:1px solid rgba(200,80,60,0.35); color:#e39b8c;
    font-size:13px; padding:12px 16px; border-radius:2px; margin-bottom:20px;
  }

  @media (max-width: 900px){
    .service-detail-grid{grid-template-columns:1fr;}
    .service-detail-aside{position:static;}
    .portfolio-grid{grid-template-columns:1fr;}
    .admin-body{flex-direction:column;}
    .admin-sidebar{width:100%; height:auto; position:relative; flex-direction:row; flex-wrap:wrap; align-items:center;}
    .admin-nav{flex-direction:row; flex-wrap:wrap;}
    .admin-main{padding:28px 20px;}
    .admin-form .form-row{grid-template-columns:1fr;}
  }