/* sohbethatlari.net Özel Bento Izgara & VIP Kabin Stili */
:root {
  --kadife-koyu: #120d14;
  --panel-bordo: #1c141f;
  --hucre-zemin: #261b2b;
  --kenar-cizgi: #3d2a45;
  --metin-acik: #fdf2f8;
  --metin-soluk: #d8b4e2;
  --mercan-vurgu: #e11d48;
  --mercan-parlak: #fb7185;
  --zumrut-onay: #10b981;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  background: var(--kadife-koyu);
  color: var(--metin-acik);
  font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;
  line-height: 1.56;
  font-size: 16px;
  padding-bottom: 86px;
}
.vip-kalkan-ust {
  background: #0a070c;
  color: var(--metin-soluk);
  font-size: 12px;
  padding: 6px 16px;
  border-bottom: 1px solid var(--kenar-cizgi);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.vip-nav-bar {
  background: var(--panel-bordo);
  border-bottom: 1px solid var(--kenar-cizgi);
  padding: 12px 16px;
  position: sticky;
  top: 0;
  z-index: 30;
}
.vip-nav-ic {
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.vip-linkler {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}
.vip-linkler a {
  background: var(--hucre-zemin);
  color: var(--metin-acik);
  border: 1px solid var(--kenar-cizgi);
  padding: 6px 11px;
  border-radius: 20px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
}
.vip-linkler a:hover {
  border-color: var(--mercan-parlak);
}
.bento-kapsayici {
  max-width: 960px;
  margin: 18px auto;
  padding: 0 16px;
}
.bento-izgara {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 14px;
}
.bento-8 { grid-column: span 8; }
.bento-4 { grid-column: span 4; }
.bento-6 { grid-column: span 6; }
.bento-12 { grid-column: span 12; }
@media (max-width: 760px) {
  .bento-8, .bento-4, .bento-6 { grid-column: span 12; }
}
.bento-hucre {
  background: var(--panel-bordo);
  border: 1px solid var(--kenar-cizgi);
  border-radius: 12px;
  padding: 18px;
}
h1 { font-size: 23px; font-weight: 800; color: #fff; margin-bottom: 8px; }
h2 { font-size: 17.5px; font-weight: 700; color: var(--mercan-parlak); margin-bottom: 10px; }
.kabin-kart {
  background: var(--hucre-zemin);
  border: 1px solid var(--kenar-cizgi);
  border-radius: 10px;
  padding: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.mercan-buton {
  background: var(--mercan-vurgu);
  color: #ffffff;
  font-weight: 800;
  font-size: 15px;
  padding: 11px 18px;
  border-radius: 8px;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: none;
  cursor: pointer;
}
.paket-chip {
  background: var(--hucre-zemin);
  color: #fff;
  border: 1px solid var(--kenar-cizgi);
  padding: 7px 12px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 700;
  font-size: 13px;
}
.alt-vip-bar {
  position: fixed;
  bottom: 0; left: 0; right: 0;
  background: #0a070c;
  border-top: 2px solid var(--mercan-vurgu);
  padding: 10px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 40;
}