/* ============================================================
   PALABEY GRUP — Dark Metallic Theme
   Built on Otomobil Market design tokens (DM Sans, spacing, radii).
   Visual direction: koyu / antrasit / metalik gümüş + ince soğuk mavi vurgu.
   ============================================================ */

@import url("om-tokens.css");

:root {
  /* Surfaces */
  --pb-bg:       #0C0D0F;   /* page base (near black) */
  --pb-bg-2:     #121419;   /* alternating section band */
  --pb-panel:    #15181D;   /* panels */
  --pb-card:     #181C22;   /* cards on dark */
  --pb-card-2:   #1E232A;   /* elevated card / hover */

  /* Lines */
  --pb-line:     rgba(255,255,255,0.085);
  --pb-line-2:   rgba(255,255,255,0.15);
  --pb-line-3:   rgba(255,255,255,0.04);

  /* Text */
  --pb-text:     #EEF1F4;
  --pb-text-2:   #A6AEB7;
  --pb-text-3:   #6C747D;

  /* Metallic + accent */
  --pb-silver:   #C7CDD3;
  --pb-blue:     #B8C0C8;   /* metallic silver accent (eski mavi -> gri) */
  --pb-blue-2:   #3A4047;   /* graphite (steel button) */
  --pb-blue-dim: rgba(200,206,212,0.14);

  --pb-maxw:     1240px;
  --pb-maxw-wide:1400px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  background: var(--pb-bg);
  color: var(--pb-text);
  font-family: var(--om-font-sans);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

::selection { background: rgba(200,206,212,0.30); color: #fff; }

/* Marka kırmızı kullanmaz — om-tokens varsayılan link kırmızısını nötrle.
   Spesifik sınıflar (nav, footer, prose, butonlar) kendi renklerini korur. */
a { color: inherit; text-decoration: none; }
a:hover { color: inherit; text-decoration: none; }
.pb-btn--metal:hover { color: #14171b; }
.pb-btn--ghost:hover { color: var(--pb-text); }
.pb-btn--blue:hover  { color: #fff; }

/* ---------- Metallic text ---------- */
.metal {
  background: linear-gradient(180deg,#ffffff 0%,#dfe4e8 16%,#aab1b9 42%,#787f87 56%,#cdd3d8 74%,#f4f7f9 90%,#a9b0b7 100%);
  -webkit-background-clip: text; background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.metal-line { /* a thin metallic divider */
  height: 1px; border: 0;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,0.28),transparent);
}

/* ---------- Layout helpers ---------- */
.pb-container { max-width: var(--pb-maxw); margin: 0 auto; padding-left: 24px; padding-right: 24px; }
.pb-container-wide { max-width: var(--pb-maxw-wide); margin: 0 auto; padding-left: 24px; padding-right: 24px; }
.pb-section { padding: 96px 0; }
.pb-section--tight { padding: 64px 0; }
.pb-band-2 { background: var(--pb-bg-2); }

.pb-eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: 12px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase;
  color: var(--pb-blue);
}
.pb-eyebrow::before { content:""; width: 26px; height: 1px; background: var(--pb-blue); opacity: 0.8; }

.pb-overline {
  font-size: 11px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--pb-text-3);
}

.pb-sec-head { max-width: 720px; margin-left: auto; margin-right: auto; text-align: center; }
.pb-sec-head h2 {
  font-size: clamp(30px, 4vw, 46px); line-height: 1.08; letter-spacing: -0.02em;
  font-weight: 800; color: #fff; margin: 16px 0 0;
}
.pb-sec-head p { color: var(--pb-text-2); font-size: 18px; line-height: 1.6; margin: 18px 0 0; }

/* ---------- Buttons ---------- */
.pb-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  padding: 15px 26px; border-radius: 10px; border: 1px solid transparent;
  font-family: var(--om-font-sans); font-size: 15px; font-weight: 700; line-height: 1;
  letter-spacing: 0.01em; cursor: pointer; text-decoration: none;
  transition: transform .12s var(--om-ease), background .2s var(--om-ease), box-shadow .2s var(--om-ease), border-color .2s var(--om-ease);
}
.pb-btn:hover { text-decoration: none; }
.pb-btn:active { transform: translateY(1px); }
.pb-btn .ico { width: 18px; height: 18px; flex: none; }
.ico { width: 20px; height: 20px; display: inline-block; vertical-align: middle; flex: none; }

/* primary = brushed metal */
.pb-btn--metal {
  color: #14171b;
  background: linear-gradient(180deg,#fdfefe 0%,#dfe3e7 40%,#b9c0c7 60%,#e9edf0 100%);
  box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset, 0 8px 24px rgba(0,0,0,0.45);
}
.pb-btn--metal:hover { box-shadow: 0 1px 0 rgba(255,255,255,0.7) inset, 0 10px 30px rgba(0,0,0,0.55); transform: translateY(-1px); }

/* accent = blue outline glass */
.pb-btn--blue {
  color: #fff; background: var(--pb-blue-2); border-color: transparent;
  box-shadow: 0 8px 24px rgba(120,128,136,0.30);
}
.pb-btn--blue:hover { background: #474d55; transform: translateY(-1px); }

.pb-btn--ghost {
  color: var(--pb-text); background: rgba(255,255,255,0.04); border-color: var(--pb-line-2);
  backdrop-filter: blur(4px);
}
.pb-btn--ghost:hover { background: rgba(255,255,255,0.09); border-color: rgba(255,255,255,0.3); }
.pb-btn--lg { padding: 18px 32px; font-size: 16px; }
.pb-btn--sm { padding: 11px 18px; font-size: 14px; }

/* ---------- Chips / badges ---------- */
.pb-chip {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 7px 14px; border-radius: 999px;
  font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase;
  color: var(--pb-text-2); background: rgba(255,255,255,0.045); border: 1px solid var(--pb-line);
}
.pb-chip--live { color: #fff; border-color: rgba(200,206,212,0.4); }
.pb-chip--live::before {
  content:""; width: 6px; height: 6px; border-radius: 50%; background: var(--pb-silver);
}
@keyframes pb-pulse { 0%{box-shadow:0 0 0 0 rgba(200,206,212,0.6);} 70%{box-shadow:0 0 0 7px transparent;} 100%{box-shadow:0 0 0 0 transparent;} }
.pb-chip--soon { color: #d9c089; border-color: rgba(217,192,137,0.35); background: rgba(217,192,137,0.08); }

/* tag (category) */
.pb-tag {
  font-size: 11px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--pb-blue);
}

/* ---------- Cards (generic) ---------- */
.pb-card {
  background: var(--pb-card); border: 1px solid var(--pb-line); border-radius: 16px;
  overflow: hidden; transition: transform .32s var(--om-ease-out), border-color .32s var(--om-ease), box-shadow .32s var(--om-ease);
}

/* metallic top edge highlight used across panels */
.pb-edge { position: relative; }
.pb-edge::before {
  content:""; position:absolute; left:0; right:0; top:0; height:1px;
  background: linear-gradient(90deg,transparent,rgba(255,255,255,0.25) 30%,rgba(255,255,255,0.25) 70%,transparent);
}

/* ---------- Image placeholder ---------- */
.pb-ph {
  position: relative; background: #0f1216;
  background-image:
    repeating-linear-gradient(45deg, rgba(255,255,255,0.018) 0 12px, transparent 12px 24px);
  display: flex; align-items: center; justify-content: center;
  color: var(--pb-text-3); border: 1px solid var(--pb-line);
}
.pb-ph__label {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 12px; font-weight: 600; letter-spacing: 0.04em;
  padding: 8px 14px; border-radius: 999px;
  background: rgba(0,0,0,0.5); border: 1px solid var(--pb-line); color: var(--pb-text-2);
}

/* ---------- Cover / blog images (real photos) ---------- */
.post__media img { width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform .5s var(--om-ease-out); }
.post:hover .post__media img { transform: scale(1.04); }
.feat__media { overflow: hidden; }
.feat__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  transition: transform .6s var(--om-ease-out); }
.feat:hover .feat__media img { transform: scale(1.04); }
.art-cover { overflow: hidden; padding: 0; }
.art-cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.art-figure { margin: 36px 0 0; border: 1px solid var(--pb-line); border-radius: 16px; overflow: hidden; }
.art-figure img { width: 100%; display: block; }
.art-figure figcaption { font-size: 13px; color: var(--pb-text-3); padding: 12px 16px; background: var(--pb-bg-2); }

/* ---------- Logo tile (sub-brand) ---------- */
.pb-logotile {
  position: relative; aspect-ratio: 16/10; overflow: hidden;
  background: #000;
}
.pb-logotile img { width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform .5s var(--om-ease-out); }
.pb-card:hover .pb-logotile img { transform: scale(1.04); }
.pb-logotile::after { /* subtle dark vignette to unify mixed backgrounds */
  content:""; position:absolute; inset:0;
  background: radial-gradient(120% 90% at 50% 30%, transparent 55%, rgba(0,0,0,0.35) 100%);
  pointer-events:none;
}

/* ---------- Top nav ---------- */
.pb-nav {
  position: sticky; top: 0; z-index: 50;
  height: 76px; display: flex; align-items: center;
  background: rgba(10,11,13,0.72); backdrop-filter: blur(14px) saturate(140%);
  border-bottom: 1px solid var(--pb-line);
}
.pb-nav__inner { display: flex; align-items: center; gap: 28px; width: 100%; }
.pb-brand { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.pb-brand__mark {
  width: 40px; height: 42px; flex: none;
  background: url("logo-icon.png") center/contain no-repeat;
  color: transparent; font-size: 0; line-height: 0; overflow: hidden;
}
/* Full wordmark logo (footer) */
.pb-logo-full { height: 48px; width: auto; display: block; }
.pb-nav .pb-logo-full { height: 30px; }
.pb-brand--full { gap: 0; }
.pb-brand--full:hover { text-decoration: none; }
.pb-brand__txt { display: flex; flex-direction: column; line-height: 1; }
.pb-brand__txt b { font-size: 16px; font-weight: 800; color: #fff; letter-spacing: 0.01em; }
.pb-brand__txt span { font-size: 10.5px; font-weight: 600; color: var(--pb-text-3); letter-spacing: 0.12em; text-transform: uppercase; margin-top: 3px; }
.pb-navlinks { display: flex; align-items: center; gap: 4px; margin-left: auto; }
.pb-navlinks a {
  color: var(--pb-text-2); text-decoration: none; font-size: 14.5px; font-weight: 600;
  padding: 9px 13px; border-radius: 8px; transition: color .2s, background .2s; white-space: nowrap;
}
.pb-navlinks a:hover { color: #fff; background: rgba(255,255,255,0.05); }
.pb-navlinks a.is-active { color: #fff; }
.pb-nav__cta { margin-left: 14px; }

/* ---------- Footer ---------- */
.pb-footer { background: #090A0C; border-top: 1px solid var(--pb-line); padding: 72px 0 36px; }
.pb-footer a { color: var(--pb-text-2); text-decoration: none; }
.pb-footer a:hover { color: #fff; }

/* ---------- Utility ---------- */
.pb-grid { display: grid; gap: 24px; }
.pb-muted { color: var(--pb-text-2); }
.pb-dim { color: var(--pb-text-3); }
.tnum { font-variant-numeric: tabular-nums; }

/* ============================================================
   SHARED COMPONENTS
   ============================================================ */

/* ---------- Mobile nav: animated burger + slide-in drawer ---------- */
.pb-burger { display:none; margin-left:auto; position:relative; z-index:60; width:46px; height:46px;
  border-radius:12px; border:1px solid var(--pb-line-2); background:rgba(255,255,255,0.05); cursor:pointer;
  -webkit-tap-highlight-color:transparent; transition:background .2s var(--om-ease), border-color .2s var(--om-ease); }
.pb-burger:hover { background:rgba(255,255,255,0.09); border-color:rgba(255,255,255,0.28); }
.pb-burger span { position:absolute; left:12px; right:12px; height:2px; border-radius:2px; background:#fff;
  transition:transform .36s var(--om-ease), opacity .2s var(--om-ease), top .36s var(--om-ease); }
.pb-burger span:nth-child(1) { top:16px; }
.pb-burger span:nth-child(2) { top:22px; }
.pb-burger span:nth-child(3) { top:28px; }
.pb-burger.is-open span:nth-child(1) { top:22px; transform:rotate(45deg); }
.pb-burger.is-open span:nth-child(2) { opacity:0; transform:scaleX(.4); }
.pb-burger.is-open span:nth-child(3) { top:22px; transform:rotate(-45deg); }

.pb-scrim { position:fixed; inset:0; z-index:55; background:rgba(5,6,8,0.62); backdrop-filter:blur(3px);
  opacity:0; visibility:hidden; transition:opacity .35s var(--om-ease), visibility .35s var(--om-ease); }
.pb-scrim.is-open { opacity:1; visibility:visible; }

.pb-drawer { position:fixed; top:0; right:0; bottom:0; z-index:58; width:min(84vw,340px);
  background:linear-gradient(180deg,#13161b,#0a0c0f); border-left:1px solid var(--pb-line-2);
  box-shadow:-34px 0 70px rgba(0,0,0,0.55); transform:translateX(105%);
  transition:transform .42s var(--om-ease-out); display:flex; flex-direction:column;
  padding:96px 24px 32px; overflow-y:auto; -webkit-overflow-scrolling:touch; }
.pb-drawer.is-open { transform:translateX(0); }
.pb-drawer__close { position:absolute; top:20px; right:20px; width:42px; height:42px; border-radius:12px;
  display:grid; place-items:center; border:1px solid var(--pb-line-2); background:rgba(255,255,255,0.05);
  color:#fff; cursor:pointer; -webkit-tap-highlight-color:transparent;
  transition:background .2s var(--om-ease), border-color .2s var(--om-ease), transform .3s var(--om-ease); }
.pb-drawer__close:hover { background:rgba(255,255,255,0.1); border-color:rgba(255,255,255,0.3); transform:rotate(90deg); }
.pb-drawer__close svg { width:20px; height:20px; }
.pb-drawer__nav { display:flex; flex-direction:column; }
/* metalik butonun yazısı koyu kalsın (drawer link rengini ezsin) */
.pb-drawer .pb-btn--metal { color:#14171b; }
.pb-drawer__nav a { color:var(--pb-text); font-size:17px; font-weight:600; padding:16px 6px; text-decoration:none;
  border-bottom:1px solid var(--pb-line-3); opacity:0; transform:translateX(18px);
  transition:color .2s var(--om-ease), opacity .45s var(--om-ease-out), transform .45s var(--om-ease-out); }
.pb-drawer.is-open .pb-drawer__nav a { opacity:1; transform:none; }
.pb-drawer__nav a:hover, .pb-drawer__nav a.is-active { color:var(--pb-blue); }
.pb-drawer__nav .pb-btn { margin-top:22px; border-bottom:0; opacity:0; transform:translateX(18px);
  transition:opacity .45s var(--om-ease-out), transform .45s var(--om-ease-out), background .2s, box-shadow .2s; }
.pb-drawer.is-open .pb-drawer__nav .pb-btn { opacity:1; transform:none; }
.pb-drawer.is-open .pb-drawer__nav > *:nth-child(1){ transition-delay:.05s; }
.pb-drawer.is-open .pb-drawer__nav > *:nth-child(2){ transition-delay:.10s; }
.pb-drawer.is-open .pb-drawer__nav > *:nth-child(3){ transition-delay:.15s; }
.pb-drawer.is-open .pb-drawer__nav > *:nth-child(4){ transition-delay:.20s; }
.pb-drawer.is-open .pb-drawer__nav > *:nth-child(5){ transition-delay:.25s; }
.pb-drawer.is-open .pb-drawer__nav > *:nth-child(6){ transition-delay:.30s; }
.pb-drawer.is-open .pb-drawer__nav > *:nth-child(7){ transition-delay:.36s; }
body.pb-noscroll { overflow:hidden; }
@media (prefers-reduced-motion: reduce){
  .pb-burger span, .pb-scrim, .pb-drawer, .pb-drawer__nav a, .pb-drawer__nav .pb-btn { transition:none; }
}

/* ---------- Stat strip ---------- */
.pb-stats { display:grid; grid-template-columns: repeat(4,1fr); gap:1px; background:var(--pb-line); border:1px solid var(--pb-line); border-radius:16px; overflow:hidden; }
.pb-stat { background:var(--pb-bg); padding:30px 26px; }
.pb-stat .n { font-size:34px; font-weight:800; letter-spacing:-0.02em; color:#fff; line-height:1; }
.pb-stat .n .metal { font-size:34px; }
.pb-stat .t { color:var(--pb-text-2); font-size:14px; margin-top:10px; line-height:1.45; }

/* ---------- Company card ---------- */
.company {
  --accent: var(--pb-silver);
  display:flex; flex-direction:column; background:var(--pb-card); border:1px solid var(--pb-line);
  border-radius:18px; overflow:hidden; position:relative;
  transition: transform .32s var(--om-ease-out), border-color .32s var(--om-ease), box-shadow .32s var(--om-ease);
}
.company::before { content:""; position:absolute; left:0; right:0; top:0; height:2px; background:var(--accent); opacity:0; transition:opacity .3s var(--om-ease); z-index:3; }
.company:hover { transform:translateY(-5px); border-color:var(--pb-line-2); box-shadow:0 26px 60px rgba(0,0,0,0.5); }
.company:hover::before { opacity:.85; }
.company__media { position:relative; aspect-ratio:16/9; overflow:hidden; background:#000; }
.company__media img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .55s var(--om-ease-out); }
.company:hover .company__media img { transform:scale(1.045); }
.company__media::after { content:""; position:absolute; inset:0; background:radial-gradient(130% 100% at 50% 25%, transparent 50%, rgba(0,0,0,0.4)); pointer-events:none; }
.company__badge { position:absolute; top:12px; left:12px; z-index:2; }
.company__soon { position:absolute; top:12px; right:12px; z-index:2; }
.company__body { padding:24px 24px 26px; display:flex; flex-direction:column; flex:1; }
.company__tag { font-size:11px; font-weight:800; letter-spacing:0.14em; text-transform:uppercase; color:var(--accent); }
.company__body h3 { font-size:22px; font-weight:800; color:#fff; margin:9px 0 0; letter-spacing:-0.01em; }
.company__body p { color:var(--pb-text-2); font-size:14.5px; line-height:1.6; margin:12px 0 0; }
.company__pills { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0 0; }
.company__pill { font-size:11px; font-weight:700; letter-spacing:0.04em; color:var(--pb-text-2);
  background:rgba(255,255,255,0.045); border:1px solid var(--pb-line); padding:6px 11px; border-radius:999px; }
.company__pill--ins { color:#cfd5da; border-color:rgba(200,206,212,0.34); background:rgba(200,206,212,0.10); }
.company__links { display:flex; gap:10px; margin-top:auto; padding-top:22px; }
.company__links .pb-btn { flex:1; }
.linkout { display:inline-flex; align-items:center; gap:7px; }

/* ---------- Placeholder logo plate (for brands without a logo file) ---------- */
.logoplate { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px;
  background: radial-gradient(120% 100% at 50% 0%, #20252c, #0e1115); }
.logoplate__mark { width:54px; height:54px; border-radius:12px; display:grid; place-items:center;
  background:linear-gradient(180deg,#eef1f3,#aab1b8 60%,#cfd5da); color:#16191d; box-shadow:0 1px 0 rgba(255,255,255,0.6) inset; }
.logoplate__mark .ico { width:28px; height:28px; }
.logoplate__txt { font-weight:800; color:#fff; letter-spacing:0.02em; font-size:17px; }
.logoplate__sub { font-size:10px; letter-spacing:0.16em; text-transform:uppercase; color:var(--pb-text-3); }

/* ---------- Feature blocks ---------- */
.pb-features { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.feature { padding:30px 26px; border:1px solid var(--pb-line); border-radius:16px; background:linear-gradient(180deg,rgba(255,255,255,0.022),transparent); }
.feature__ic { width:52px; height:52px; border-radius:13px; display:grid; place-items:center; margin-bottom:20px;
  background:linear-gradient(180deg,#23272e,#15181d); border:1px solid var(--pb-line-2); color:var(--pb-blue); }
.feature__ic .ico { width:26px; height:26px; }
.feature h4 { font-size:18px; font-weight:700; color:#fff; }
.feature p { color:var(--pb-text-2); font-size:14.5px; line-height:1.6; margin:10px 0 0; }

/* ---------- Category divider ---------- */
.pb-catbar { display:flex; align-items:center; gap:16px; margin:0 0 28px; }
.pb-catbar h3 { font-size:14px; font-weight:800; letter-spacing:0.16em; text-transform:uppercase; color:#fff; white-space:nowrap; }
.pb-catbar .cnt { font-size:12px; color:var(--pb-text-3); font-weight:700; }
.pb-catbar .ln { flex:1; height:1px; background:linear-gradient(90deg,var(--pb-line-2),transparent); }

/* ---------- CTA band ---------- */
.pb-cta { position:relative; border-radius:24px; overflow:hidden; padding:64px 56px; border:1px solid var(--pb-line-2);
  background: radial-gradient(120% 130% at 80% -20%, rgba(200,206,212,0.14), transparent 55%), linear-gradient(180deg,#15181d,#0d0f12); }
.pb-cta h2 { font-size:clamp(28px,3.4vw,42px); font-weight:800; color:#fff; letter-spacing:-0.02em; max-width:760px; }
.pb-cta p { color:var(--pb-text-2); font-size:17px; margin:16px 0 0; max-width:600px; }
.pb-cta__row { display:flex; gap:14px; margin-top:30px; flex-wrap:wrap; }

/* ---------- Blog card ---------- */
.post { display:flex; flex-direction:column; background:var(--pb-card); border:1px solid var(--pb-line); border-radius:16px; overflow:hidden;
  transition:transform .32s var(--om-ease-out), border-color .3s; text-decoration:none; }
.post:hover { transform:translateY(-4px); border-color:var(--pb-line-2); text-decoration:none; }
.post__media { aspect-ratio:16/9; position:relative; }
.post__body { padding:22px 22px 24px; display:flex; flex-direction:column; flex:1; }
.post__meta { display:flex; gap:10px; align-items:center; font-size:12px; color:var(--pb-text-3); font-weight:600; }
.post__body h3 { font-size:19px; font-weight:700; color:#fff; margin:12px 0 0; line-height:1.3; letter-spacing:-0.01em; }
.post:hover h3 { color:#fff; }
.post__body p { color:var(--pb-text-2); font-size:14px; line-height:1.55; margin:10px 0 0; }
.post__more { margin-top:auto; padding-top:18px; color:var(--pb-blue); font-weight:700; font-size:13.5px; display:inline-flex; align-items:center; gap:7px; }

/* ---------- Footer ---------- */
.pb-footer__top { display:grid; grid-template-columns:1.5fr 1fr 1fr 1.2fr; gap:40px; }
.pb-footer__brand p { color:var(--pb-text-2); font-size:14px; line-height:1.65; margin:18px 0 0; max-width:300px; }
.pb-social { display:flex; gap:10px; margin-top:20px; }
.pb-social a { width:38px; height:38px; border-radius:10px; display:grid; place-items:center;
  border:1px solid var(--pb-line-2); background:rgba(255,255,255,0.04); color:var(--pb-text-2);
  transition:color .2s var(--om-ease), background .2s var(--om-ease), border-color .2s var(--om-ease), transform .2s var(--om-ease); }
.pb-social a:hover { color:#fff; background:rgba(255,255,255,0.09); border-color:rgba(255,255,255,0.3); transform:translateY(-2px); }
.pb-social svg { width:18px; height:18px; }

/* ===== DENEME: ortalanmış nav logosu — açılışta büyük, scroll'da küçülen (yalnız masaüstü) ===== */
@media (min-width: 861px) {
  .pb-nav { height: auto; }
  .pb-nav__inner { flex-direction: column; gap: 14px; padding-top: 22px; padding-bottom: 14px;
    transition: gap .38s var(--om-ease), padding .38s var(--om-ease); }
  .pb-nav__inner .pb-navlinks { margin-left: 0; }
  .pb-nav__inner .pb-nav__cta { display: none; }
  .pb-nav .pb-logo-full { height: 54px; transition: height .38s var(--om-ease); }
  .pb-nav.is-scrolled .pb-logo-full { height: 30px; }
  .pb-nav.is-scrolled .pb-nav__inner { gap: 8px; padding-top: 9px; padding-bottom: 9px; }
}
.pb-footcol h5 { font-size:12px; letter-spacing:0.14em; text-transform:uppercase; color:var(--pb-text-3); font-weight:800; margin-bottom:16px; }
.pb-footcol ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:11px; }
.pb-footcol a { font-size:14px; }
.pb-footcol .ext { display:inline-flex; align-items:center; gap:6px; }
.pb-footer__bottom { margin-top:48px; padding-top:26px; border-top:1px solid var(--pb-line);
  display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; color:var(--pb-text-3); font-size:13px; }

/* ---------- Page hero (interior pages) — ortalanmış (minimal) ---------- */
.pb-pagehero { position:relative; padding:84px 0 60px; overflow:hidden; text-align:center;
  background: radial-gradient(120% 90% at 50% -20%, rgba(200,206,212,0.09), transparent 55%); border-bottom:1px solid var(--pb-line); }
.pb-pagehero h1 { font-size:clamp(34px,4.4vw,54px); font-weight:800; color:#fff; letter-spacing:-0.03em; line-height:1.06; margin:18px 0 0; }
.pb-pagehero p { color:var(--pb-text-2); font-size:18px; line-height:1.62; max-width:620px; margin:20px auto 0; }
.pb-breadcrumb { font-size:13px; color:var(--pb-text-3); }
.pb-breadcrumb a { color:var(--pb-text-3); }
.pb-breadcrumb a:hover { color:var(--pb-text); }

/* ---------- Prose (blog article) ---------- */
.prose { max-width:760px; }
.prose h2 { font-size:28px; font-weight:800; color:#fff; letter-spacing:-0.01em; margin:48px 0 0; }
.prose h3 { font-size:20px; font-weight:700; color:#fff; margin:34px 0 0; }
.prose p { color:#c6ccd3; font-size:17px; line-height:1.75; margin:18px 0 0; }
.prose ul { margin:18px 0 0; padding-left:0; list-style:none; display:flex; flex-direction:column; gap:12px; }
.prose ul li { color:#c6ccd3; font-size:16.5px; line-height:1.6; padding-left:30px; position:relative; }
.prose ul li::before { content:""; position:absolute; left:6px; top:11px; width:7px; height:7px; border-radius:2px; background:var(--pb-blue); }
.prose a { color:var(--pb-blue); font-weight:600; text-decoration:underline; text-underline-offset:3px; }
.prose strong { color:#fff; }
.prose .callout { margin:28px 0 0; padding:22px 24px; border-left:3px solid var(--pb-blue); background:rgba(200,206,212,0.07); border-radius:0 12px 12px 0; }
.prose .callout p { margin:0; color:#dfe5ea; }

/* ---------- Company detail row (Grup Şirketleri page) ---------- */
.cdetail { display:grid; grid-template-columns:0.92fr 1.08fr; gap:0; border:1px solid var(--pb-line); border-radius:20px; overflow:hidden; background:var(--pb-card); }
.cdetail + .cdetail { margin-top:24px; }
.cdetail--flip { grid-template-columns:1.08fr 0.92fr; }
.cdetail--flip .cdetail__media { order:2; }
.cdetail__media { position:relative; min-height:340px; background:#000; overflow:hidden; }
.cdetail__media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.cdetail__media::after { content:""; position:absolute; inset:0; background:radial-gradient(120% 100% at 50% 20%, transparent 55%, rgba(0,0,0,0.45)); pointer-events:none; }
.cdetail__media .badge { position:absolute; top:16px; left:16px; z-index:2; }
.cdetail__body { padding:40px 44px; display:flex; flex-direction:column; }
.cdetail__tag { font-size:11px; font-weight:800; letter-spacing:0.14em; text-transform:uppercase; color:var(--accent,#C7CDD3); }
.cdetail__body h2 { font-size:30px; font-weight:800; color:#fff; letter-spacing:-0.02em; margin:10px 0 0; }
.cdetail__body > p { color:var(--pb-text-2); font-size:15.5px; line-height:1.68; margin:16px 0 0; }
.cdetail__svc { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0 0; }
.cdetail__svc span { font-size:12px; font-weight:600; color:var(--pb-text-2); background:rgba(255,255,255,0.04); border:1px solid var(--pb-line); padding:7px 12px; border-radius:8px; }
.cdetail__backlink { margin:22px 0 0; padding:16px 18px; border-radius:12px; background:var(--pb-bg-2); border:1px solid var(--pb-line); }
.cdetail__backlink p { margin:0; font-size:14px; line-height:1.6; color:var(--pb-text-2); }
.cdetail__backlink a { color:var(--pb-blue); font-weight:700; }
.cdetail__links { display:flex; gap:12px; margin-top:24px; flex-wrap:wrap; }
.anchor-offset { scroll-margin-top:96px; }

@media (max-width: 980px){
  .cdetail, .cdetail--flip { grid-template-columns:1fr; }
  .cdetail--flip .cdetail__media { order:0; }
  .cdetail__media { min-height:220px; }
  .cdetail__body { padding:30px 26px; }
}
@media (max-width: 980px){
  .pb-features{grid-template-columns:1fr;}
  .pb-stats{grid-template-columns:repeat(2,1fr);}
  .pb-footer__top{grid-template-columns:1fr 1fr;}
  .pb-cta{padding:44px 30px;}
}
@media (max-width: 1040px){
  .pb-navlinks a { padding: 9px 10px; font-size: 14px; }
  .pb-nav__cta { display: none; }
}
@media (max-width: 860px) {
  .pb-section { padding: 64px 0; }
  .pb-navlinks { display: none; }
  .pb-burger { display:flex; }
  .pb-nav__cta { display:none; }
}
@media (max-width: 560px){
  .pb-stats{grid-template-columns:1fr 1fr;}
  .pb-footer__top{grid-template-columns:1fr;}
  .company__links{flex-direction:column;}
}

/* ============================================================
   SCROLL REVEAL + MICRO-ANIMATIONS
   ============================================================ */
@media (prefers-reduced-motion: no-preference){
  html.js .reveal-t{ opacity:0; transform:translateY(22px); transition:opacity .7s var(--om-ease-out), transform .7s var(--om-ease-out); will-change:opacity,transform; }
  html.js .reveal-t.is-revealed{ opacity:1; transform:none; }

  /* gentle one-pass-ish metallic sheen on hero headline */
  .metal--anim{
    background-size:200% 100%;
    animation:pb-sheen 9s ease-in-out infinite;
  }
  @keyframes pb-sheen{ 0%{background-position:0% 0;} 50%{background-position:100% 0;} 100%{background-position:0% 0;} }
}

/* nav: subtle elevation once scrolled */
.pb-nav{ transition:background .3s var(--om-ease), border-color .3s var(--om-ease), box-shadow .3s var(--om-ease); }
.pb-nav.is-scrolled{ background:rgba(8,9,11,0.86); box-shadow:0 10px 34px rgba(0,0,0,0.42); border-bottom-color:var(--pb-line-2); }

/* logo chips / brand mark micro-interaction */
.pb-brand__mark{ transition:transform .3s var(--om-ease-out), box-shadow .3s var(--om-ease); }
.pb-brand:hover .pb-brand__mark{ transform:translateY(-1px) rotate(-3deg); }
.pb-chip--live{ transition:border-color .3s var(--om-ease); }

/* button sheen on metal */
.pb-btn--metal{ position:relative; overflow:hidden; }
.pb-btn--metal::after{
  content:""; position:absolute; top:0; left:-60%; width:40%; height:100%;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,0.65), transparent);
  transform:skewX(-18deg); opacity:0; transition:none;
}
@media (prefers-reduced-motion: no-preference){
  .pb-btn--metal:hover::after{ animation:pb-swipe .7s var(--om-ease-out); }
  @keyframes pb-swipe{ 0%{left:-60%;opacity:0;} 18%{opacity:1;} 100%{left:130%;opacity:0;} }
}

/* ============================================================
   MOBILE POLISH (comprehensive) — forces inline grids to stack
   ============================================================ */
@media (max-width: 980px){
  /* two-column content laid out inline on .pb-container-wide */
  .pb-container-wide[style*="grid-template-columns"]{ grid-template-columns:1fr !important; gap:40px !important; }
  .pb-cta [style*="grid-template-columns"]{ grid-template-columns:1fr !important; gap:32px !important; }
  /* inline card grids */
  .pb-grid[style*="repeat(4"]{ grid-template-columns:repeat(2,1fr) !important; }
  .pb-grid[style*="repeat(3"]{ grid-template-columns:repeat(2,1fr) !important; }
}
@media (max-width: 680px){
  .pb-grid[style*="repeat("]{ grid-template-columns:1fr !important; }
  .redirect{ grid-template-columns:1fr 1fr !important; }
  .steps{ grid-template-columns:1fr 1fr !important; }
  .insrow{ grid-template-columns:1fr !important; }
  /* the museum split card on home */
  .company[style*="grid-template-columns"]{ grid-template-columns:1fr !important; }
}

@media (max-width: 860px){
  .pb-container, .pb-container-wide{ padding-left:18px; padding-right:18px; }
  .pb-hero{ padding:84px 0 60px !important; }
  .pb-section{ padding:56px 0; }
  .pb-pagehero{ padding:56px 0 44px; }
  .pb-cta{ padding:36px 22px !important; }
  .pb-stat{ padding:24px 20px; }
  .pb-stat .n, .pb-stat .n .metal{ font-size:26px; }
  .pb-sec-head p, .pb-hero p, .pb-pagehero p{ font-size:16px; }
}
@media (max-width: 520px){
  .pb-stats{ grid-template-columns:1fr 1fr; }
  .redirect{ grid-template-columns:1fr !important; }
  .steps{ grid-template-columns:1fr !important; }
  .pb-hero__cta .pb-btn, .pb-cta__row .pb-btn{ flex:1 1 100%; }
  .pb-cta__row{ width:100%; }
  .cdetail__body{ padding:26px 20px; }
  .cdetail__links{ flex-direction:column; }
  .cdetail__links .pb-btn{ width:100%; }
  .pb-hero__logos{ gap:10px; margin-top:40px; }
  .feat__body, .formcard{ padding:26px 20px; }
}