:root{
  --primary:#1a4a3a; --secondary:#2d5a47; --gold:#fdc030; --dark:#0f2e22; --light:#fff;
}
body{ background: linear-gradient(120deg, #1a4a3a, #0f2e22, #2d5a47); background-size:200% 200%; animation:gradientShift 18s ease infinite; color:#fff; }
@keyframes gradientShift{ 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
a{ color:var(--gold); }
.navbar{ background:rgba(15,46,34,.95); border-bottom:1px solid rgba(212,175,55,.25); transition: box-shadow .35s ease, background .35s ease; }
.navbar.scrolled{ box-shadow: 0 12px 24px rgba(0,0,0,.25); background: rgba(15,46,34,.85); backdrop-filter: blur(6px); }
.btn-gold{ background:var(--gold); border-color:var(--gold); color:var(--dark); font-weight:700; position:relative; overflow:hidden; }
.btn-gold::after{ content:""; position:absolute; inset:0; background: radial-gradient(120px 40px at var(--mx,50%) var(--my,50%), rgba(255,255,255,.25), transparent 45%); opacity:0; transition:opacity .25s ease;}
.btn-gold:hover::after{ opacity:1; }
.card.bg-panel{ background:linear-gradient(180deg, rgba(45,90,71,.85), rgba(26,74,58,.85)); border:2px solid var(--gold); color:#fff; border-radius:16px; }
.product{ border:1px solid rgba(212,175,55,.25); border-radius:10px; overflow:hidden; background:rgba(0,0,0,.15); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.product:hover{ box-shadow: 0 10px 26px rgba(0,0,0,.25), 0 0 0 1px rgba(212,175,55,.2) inset; border-color: rgba(212,175,55,.6); transform: translateY(-4px); }
.product img{ width:100%; height:200px; object-fit:cover; display:block; transition: transform .3s ease; }
.product:hover img{ transform: scale(1.03); }
.price{ color:var(--gold); font-weight:700;}
footer{ background:var(--dark); border-top:1px solid rgba(212,175,55,.25); }
.container-narrow{ max-width:960px; }
.hero-landing{ min-height:calc(100vh - 70px); display:flex; align-items:center; position:relative; overflow:hidden; padding:40px 0; }
.hero-landing::before{ content:""; position:absolute; inset:-20%; background:conic-gradient(from 120deg at 50% 50%, rgba(212,175,55,.12), rgba(26,74,58,.6), rgba(45,90,71,.8), rgba(212,175,55,.12)); filter:blur(60px); animation:spin 40s linear infinite; z-index:1; }
@keyframes spin{ to{ transform:rotate(1turn) } }
#particleCanvas{ position:absolute; inset:0; pointer-events:none; opacity:.6; z-index:2; }
.hero-fore{ position:relative; z-index:3; }
.hero-title{ color:#f0d982; font-weight:800; line-height:1.05; font-size: clamp(2rem, 8vw, 3.5rem); }
.reveal{ opacity:0; transform: translateY(24px); }
.reveal.in{ opacity:1; transform:none; transition:transform .7s cubic-bezier(.2,.6,.2,1), opacity .7s ease; }
.product-card{ background:rgba(26,74,58,.85); border:2px solid transparent; transition:all .3s ease; height:100%; border-radius:14px; transform-style:preserve-3d;}
.product-card:hover{ border-color:var(--gold); transform:translateY(-6px); }
.product-card img{ width:100%; height:200px; object-fit:cover; border-top-left-radius:12px; border-top-right-radius:12px; }
.product-card .price{ color:var(--gold); font-weight:700; font-size:1.05rem; }
.tilt{ transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)); will-change:transform; }
.stat-box{ background:rgba(0,0,0,.25); border:1px solid rgba(212,175,55,.35); border-radius:12px; transition:transform .3s ease; }
.stat-box:hover{ transform: translateY(-2px); }
.bg-secondary-green{ background:#2d5a47; }
.bg-dark-green{ background:#0f2e22; }
.alert-fixed{ position:fixed; top:72px; right:12px; z-index:1000; }
.hero-landing .featured-grid{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}
.hero-landing .featured-tile{
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  background: rgba(255,255,255,.06);
  box-shadow: 0 4px 16px rgba(0,0,0,.25), inset 0 0 0 1px rgba(255,255,255,.06);
  transition: transform .18s ease, box-shadow .18s ease;
}
.hero-landing .featured-tile:hover{
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(0,0,0,.35), inset 0 0 0 1px rgba(255,255,255,.06);
}
.hero-landing .featured-tile img{
  width: 100%; height: 100%; object-fit: cover; display:block;
}
.hero-landing .featured-tile .icon{
  width:100%; height:100%;
  display:grid; place-items:center;
  font-size: 48px; line-height:1;
}
@media (max-width: 576px){
  .hero-landing .featured-grid{ gap: 12px; }
  .hero-landing .featured-tile .icon{ font-size: 40px; }
}
@media (min-width: 992px){ .bg-panel.p-3 { position: sticky; top: 100px; } }
/* Yatay taşmayı güvence altına al */
html, body { overflow-x: hidden; }

/* Kart içindeki tablo köşeleri düzgün görünsün, taşma olmasın */
.card.bg-panel { overflow: hidden; border-radius: 12px; }            /* kart radius'unuz kaçsa onu verin */
.card.bg-panel > .table-responsive { overflow: auto; border-radius: inherit; }

/* Tablo güvenli düzen: genişliği sabitle, uzun kelimeleri kır */
.table-responsive { width: 100%; overflow-x: auto; }                  /* küçük ekranlarda scrollbar */
.table { table-layout: fixed; margin-bottom: 0; }
.table th, .table td {
  white-space: normal;            /* globalde nowrap olmasın */
  word-break: break-word;
  overflow-wrap: anywhere;        /* çok uzun kelimeleri kır */
}

/* Tarih / Durum / İşlem gibi kısa alanlar için kırılmasın */
.table .text-nowrap,
.table .td-date,
.table .td-status,
.table .td-actions { white-space: nowrap; }

/* Başlık köşelerinin daha temiz görünmesi için opsiyonel */
.table thead th:first-child { border-top-left-radius: 12px; }
.table thead th:last-child  { border-top-right-radius: 12px; }
/* Aynı seviyedeki ardışık kartlar arasında boşluk bırak */
.card.bg-panel + .card.bg-panel { margin-top: 1rem; }

/* (Opsiyonel) margin-collapse sorunlarını engellemek için */
.admin-stack { display: flow-root; }
/* Aynı seviyede art arda gelen kartlar arasında boşluk */
.card.bg-panel + .card.bg-panel {
  margin-top: 2rem;   /* 20px civarı; istersen 1rem / 1.5rem yapabilirsin */
}

/* Küçük ekranlarda biraz daha dar boşluk (isteğe bağlı) */
@media (max-width: 768px) {
  .card.bg-panel + .card.bg-panel {
    margin-top: 0.75rem;
  }
}

/* Köşe ve taşma problemlerine karşı (opsiyonel, görünümü de iyileştirir) */
.card.bg-panel {
  overflow: hidden;
  border-radius: 12px;  /* sizin temadaki radius neyse onu verin */
}
/* Floating Social FABs (bottom-right) */
.floating-social{
  position: fixed;
  right: 18px;
  bottom: calc(18px + env(safe-area-inset-bottom));
  z-index: 1030;                /* navbar/modallerin üstünde */
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.fab-btn{
  width: 56px; height: 56px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  color: #fff; text-decoration: none;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 6px 18px rgba(0,0,0,.35);
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s;
}
.fab-btn i{ font-size: 1.4rem; line-height: 1; }
.fab-btn:hover{ transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0,0,0,.45); color:#fff; }

.fab-wa{ background:#25D366; } /* WhatsApp yeşili */
.fab-ig{
  background: radial-gradient(circle at 30% 107%,
    #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

@media (max-width: 575.98px){
  .fab-btn{ width:52px; height:52px; }
}

/* Yazdırırken görünmesin */
@media print{ .floating-social{ display:none !important; } }
/* ---- Floating buttons: mobil uyumlu, sağlam konumlandırma ---- */
.floating-social{
  position: fixed;
  right: 18px;
  bottom: 18px;              /* sağlam fallback */
  z-index: 1085;             /* navbar/offcanvas/modal üstü */
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* iOS güvenli alanları için destek */
@supports (bottom: env(safe-area-inset-bottom)) {
  .floating-social{
    bottom: calc(18px + env(safe-area-inset-bottom, 0));
  }
}
/* iOS 11 legacy (constant) desteği */
@supports (bottom: constant(safe-area-inset-bottom)) {
  .floating-social{
    bottom: calc(18px + constant(safe-area-inset-bottom));
  }
}

/* Küçük ekran: butonları ufalt (isteğe bağlı) */
@media (max-width: 575.98px){
  .fab-btn{ width:52px; height:52px; }
}

/* Yazdırmada gizle */
@media print{ .floating-social{ display:none !important; } }
/* ----- Floating Buttons: footer stillerini sıfırla, sabit konum ver ----- */
.floating-social{
  position: fixed !important;
  right: 16px !important;
  bottom: 16px !important; /* sağlam fallback */
  z-index: 1085;            /* offcanvas/modal üstü */
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* iPhone güvenli alan desteği (varsa) */
@supports (bottom: env(safe-area-inset-bottom)) {
  .floating-social{ bottom: calc(16px + env(safe-area-inset-bottom, 0)); }
}
@supports (bottom: constant(safe-area-inset-bottom)) {
  .floating-social{ bottom: calc(16px + constant(safe-area-inset-bottom)); }
}

/* Footer'dan gelen link stillerini tamamen sıfırla */
.floating-social a{
  all: unset;                      /* kalıtımı temizle */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px; height: 56px;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.18);
  transition: transform .15s ease, box-shadow .15s ease, opacity .15s;
}
.floating-social a:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(0,0,0,.45);
}

/* Renkler */
.fab-wa{ background:#25D366; }
.fab-ig{
  background: radial-gradient(circle at 30% 107%,
    #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

/* Icon boyutu ve rengi */
.floating-social i{
  font-size: 26px;
  line-height: 1;
  color: #fff !important;
}

/* Küçük ekran için biraz küçült (opsiyonel) */
@media (max-width: 575.98px){
  .floating-social a{ width: 52px; height: 52px; }
  .floating-social i{ font-size: 24px; }
}

/* Yazdırmada gizle */
@media print{ .floating-social{ display:none !important; } }
/* Koyu modal */
.modal-content.bg-panel { 
  background-color: #113d35 !important;  /* panel rengin */
  color: #fff !important;
  border: 1px solid rgba(199,164,54,.6);
}
/* Form kontrolleri koyu zeminde okunur olsun */
.modal-content.bg-panel .form-control,
.modal-content.bg-panel .form-select {
  background-color: #0d342e;
  color: #fff;
  border-color: #2c5c52;
}
.modal-content.bg-panel .form-control::placeholder { color: #cbd5d1; }
/* X butonunun görünmesi için */
.modal-content.bg-panel .btn-close { filter: invert(1); }
/* Tablo köşeleri düzgün görünsün */
.table-wrap {
  border: 1px solid rgba(199,164,54,.55);   /* panelinizin altın rengiyle aynı tonda */
  border-radius: 12px;
  overflow: hidden;                         /* köşelerde taşmayı keser */
}
.table-wrap .table { margin-bottom: 0; }    /* alttaki boşluğu kaldırır */
/* Köşeyi düzgün kırpmak için sarıcı */
.table-clip {
  border-radius: 12px;           /* köşe */
  overflow: hidden;              /* içerik kesilsin */
  border: 1px solid rgba(199,164,54,.55); /* isteğe bağlı altın çerçeve */
}

/* Bootstrap 5, tablo hücrelerini box-shadow ile boyar; bu overflow: hidden'ı dinlemez.
   Arka planı gerçek background'a çevirip box-shadow'u kapatıyoruz. */
.table.table-dark > :not(caption) > * > * {
  box-shadow: none !important;
  background-color: var(--bs-table-bg) !important;
}

/* alt boşluk kalmasın */
.table-clip .table { margin-bottom: 0 !important; }
/* Tabloyu köşeden düzgün kes */
.table-clip{
  border:1px solid rgba(199,164,54,.55);
  border-radius:12px;
  overflow:hidden;                 /* köşeler gerçekten kesilsin */
}
.table-clip .table{ 
  margin-bottom:0 !important;
  border-collapse:separate;        /* hücre radius çalışsın */
  border-spacing:0;
}

/* Bootstrap 5 hücreleri box-shadow ile boyuyor -> kesilmiyor.
   Bunu kapatıp gerçek background kullanalım. */
.table-clip .table > :not(caption) > * > *{
  box-shadow:none !important;
  background-color:var(--bs-table-bg) !important;
  background-clip:padding-box;     /* radius'ta sızıntı olmasın */
}

/* Köşe radius'ları hücreye uygula (özellikle sağ-alt) */
.table-clip .table thead tr:first-child th:first-child{
  border-top-left-radius:12px;
}
.table-clip .table thead tr:first-child th:last-child{
  border-top-right-radius:12px;
}
.table-clip .table tbody tr:last-child td:first-child{
  border-bottom-left-radius:12px;
}
.table-clip .table tbody tr:last-child td:last-child{
  border-bottom-right-radius:12px; /* SAĞ-ALT KÖŞE */
}

/* İsteğe bağlı: table-responsive'ın dikey taşmasını da kes */
.table-clip{
  overflow-x:auto;
  overflow-y:hidden;
}
/* ------------------ Cards & panel ------------------ */
.card.bg-panel{
  background:linear-gradient(180deg, rgba(45,90,71,.85), rgba(26,74,58,.85));
  border:2px solid var(--gold);
  color:#fff;
  border-radius:12px;   /* tek kaynak */
  overflow:hidden;      /* köşeleri kes */
}
.card.bg-panel + .card.bg-panel{ margin-top:1.5rem; }

/* ------------------ Modal (koyu) ------------------ */
.modal-content.bg-panel{
  background-color:#113d35 !important;
  color:#fff !important;
  border:1px solid rgba(199,164,54,.6);
}
.modal-content.bg-panel .form-control,
.modal-content.bg-panel .form-select{
  background-color:#0d342e;
  color:#fff;
  border-color:#2c5c52;
}
.modal-content.bg-panel .form-control::placeholder{ color:#cbd5d1; }
.modal-content.bg-panel .btn-close{ filter:invert(1); }

/* ------------------ Floating social (tek tanım) ------------------ */
.floating-social{
  position:fixed !important;
  right:16px !important;
  bottom:16px !important;
  z-index:1085;
  display:flex; flex-direction:column; gap:12px;
}
@supports (bottom: env(safe-area-inset-bottom)) {
  .floating-social{ bottom:calc(16px + env(safe-area-inset-bottom,0)); }
}
@supports (bottom: constant(safe-area-inset-bottom)) {
  .floating-social{ bottom:calc(16px + constant(safe-area-inset-bottom)); }
}
.floating-social a{
  all:unset;
  display:flex; align-items:center; justify-content:center;
  width:56px; height:56px; border-radius:50%;
  cursor:pointer;
  box-shadow:0 6px 18px rgba(0,0,0,.35);
  border:1px solid rgba(255,255,255,.18);
  transition:transform .15s ease, box-shadow .15s ease, opacity .15s;
}
.floating-social a:hover{ transform:translateY(-2px); box-shadow:0 10px 22px rgba(0,0,0,.45); }
.floating-social i{ font-size:26px; line-height:1; color:#fff !important; }
.fab-wa{ background:#25D366; }
.fab-ig{
  background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
@media (max-width:575.98px){
  .floating-social a{ width:52px; height:52px; }
  .floating-social i{ font-size:24px; }
}
@media print{ .floating-social{ display:none !important; } }

/* ------------------ Table: köşeler düzgün, taşma yok ------------------ */
/* Sadece quotes tablosu gibi sarmalayıcısı olan yerlerde çalışsın */
.table-clip{
  border:1px solid rgba(199,164,54,.55);
  border-radius:12px;
  overflow:hidden;                 /* köşeyi gerçekten kes */
  background:transparent;
}
.table-clip .table{
  margin-bottom:0 !important;
  width:100%;
  border-collapse:separate;        /* hücre radius çalışsın */
  border-spacing:0;
  table-layout:fixed;              /* uzun içerik kırılabilsin */
}

/* Bootstrap'in hücreleri box-shadow ile boyama hilesini kapat */
.table-clip .table > :not(caption) > * > *{
  box-shadow:none !important;
  background-color:var(--bs-table-bg, #1b3e33) !important;
  background-clip:padding-box;     /* radius'ta sızıntı olmasın */
  white-space:normal;
  word-break:break-word;
  overflow-wrap:anywhere;
}

/* Başlık ve alt köşe radius'ları sadece bu tabloda */
.table-clip .table thead tr:first-child th:first-child{ border-top-left-radius:12px; }
.table-clip .table thead tr:first-child th:last-child { border-top-right-radius:12px; }
.table-clip .table tbody tr:last-child td:first-child { border-bottom-left-radius:12px; }
.table-clip .table tbody tr:last-child td:last-child  { border-bottom-right-radius:12px; }

/* Alt kenarda 1px çizgi kalmasın */
.table-clip .table tbody tr:last-child > *{ border-bottom:0; }

/* Kısa kolonlar kırılmasın (tarih, durum, aksiyon) */
.table-clip .td-date,
.table-clip .td-status,
.table-clip .td-actions,
.table-clip .text-nowrap { white-space:nowrap; }
/* --- Quotes tablosu: radius ve taşma düzeltmeleri --- */
.table-clip{
  border:1px solid rgba(199,164,54,.55);
  border-radius:12px;
  overflow:hidden;                 /* köşeyi gerçekten kes */
}

.table-clip .table-responsive{ margin-bottom:0; }

.table-clip .table{
  margin-bottom:0 !important;
  width:100%;
  border-collapse:separate;        /* hücre radius çalışsın */
  border-spacing:0;
  table-layout:fixed;              /* uzun içerik kırılabilsin */
}

/* Bootstrap’in hücre boyama hilesini kapat */
.table-clip .table > :not(caption) > * > *{
  box-shadow:none !important;
  background-color:var(--bs-table-bg, #1b3e33) !important;
  background-clip:padding-box;
  white-space:normal;
  word-break:break-word;
  overflow-wrap:anywhere;
}

/* Köşeleri gerçekten radius’la bitir */
.table-clip .table thead tr:first-child th:first-child{ border-top-left-radius:12px; }
.table-clip .table thead tr:first-child th:last-child { border-top-right-radius:12px; }
.table-clip .table tbody tr:last-child td:first-child { border-bottom-left-radius:12px; }
.table-clip .table tbody tr:last-child td:last-child  { border-bottom-right-radius:12px; }

/* Aksiyon hücresi taşmasın */
.td-actions{ white-space:nowrap; }
.td-actions .btn,
.td-actions form{ display:inline-block; } /* inline formlar genişlemeyi tetiklemesin */
/* ============ MEVCUT CSS'İNİZE EKLENECEK SADE DÜZELTMELER ============ */

/* Mevcut karmaşık table-clip kodlarınızı bu basit versiyonla değiştirin */
.table-clip {
    border: 1px solid rgba(199,164,54,.55);
    border-radius: 12px;
    overflow: hidden;
    background: transparent;
}

.table-clip .table-responsive {
    border-radius: inherit;
    overflow: auto;
}

.table-clip .table {
    margin-bottom: 0 !important;
    border-radius: 0;
}

/* Bootstrap'in box-shadow problemini basitçe çöz */
.table-clip .table-dark > :not(caption) > * > * {
    box-shadow: none !important;
    border: none;
}

/* Hücre içeriğinin düzgün görünmesi için */
.table-clip .table th,
.table-clip .table td {
    white-space: normal;
    word-wrap: break-word;
    vertical-align: middle;
    padding: 0.75rem 0.5rem;
}

/* İşlem kolonu için özel stil */
.table-clip .table td:last-child {
    white-space: nowrap;
}

/* Form buttonları yan yana düzgün dizilsin */
.table-clip .table td:last-child .btn,
.table-clip .table td:last-child form {
    display: inline-block;
    margin: 0 2px 2px 0;
}

.table-clip .table td:last-child .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.8rem;
}

/* Mesaj kolonunu sınırla */
.table-clip .table td:nth-child(3) {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Gönderen bilgileri daha düzenli */
.table-clip .table td:nth-child(2) .fw-semibold {
    margin-bottom: 0.25rem;
}

.table-clip .table td:nth-child(2) .link-warning {
    font-size: 0.85rem;
    text-decoration: none;
}

.table-clip .table td:nth-child(2) .link-warning:hover {
    text-decoration: underline;
}

.table-clip .table td:nth-child(2) .small {
    margin-top: 0.25rem;
    opacity: 0.8;
}

/* Badge'ler daha güzel görünsün */
.table-clip .badge {
    font-size: 0.7rem;
    padding: 0.35rem 0.6rem;
    border-radius: 0.5rem;
}

/* Responsive iyileştirmeler */
@media (max-width: 768px) {
    .table-clip .table td:nth-child(3) {
        max-width: 200px;
    }
    
    .table-clip .table td:last-child .btn {
        padding: 0.2rem 0.4rem;
        font-size: 0.75rem;
        margin: 1px;
    }
    
    .table-clip .table th,
    .table-clip .table td {
        padding: 0.5rem 0.3rem;
        font-size: 0.85rem;
    }
}

/* Hover efekti ekle */
.table-clip .table tbody tr {
    transition: background-color 0.2s ease;
}

.table-clip .table tbody tr:hover {
    background-color: rgba(212,175,55,0.1) !important;
}

/* Butonlara hover efekti */
.table-clip .btn:hover {
    transform: translateY(-1px);
    transition: transform 0.1s ease;
}

/* ============ EK İYİLEŞTİRMELER ============ */

/* Kart arası boşlukları düzenle */
.card.bg-panel + .card.bg-panel {
    margin-top: 1.5rem;
}

/* Form elemanları daha okunaklı olsun */
.card.bg-panel .form-control,
.card.bg-panel .form-select {
    background-color: rgba(255,255,255,0.1);
    border-color: rgba(212,175,55,0.3);
    color: #fff;
}

.card.bg-panel .form-control:focus,
.card.bg-panel .form-select:focus {
    background-color: rgba(255,255,255,0.15);
    border-color: var(--gold);
    box-shadow: 0 0 0 0.2rem rgba(212,175,55,0.25);
}

.card.bg-panel .form-control::placeholder {
    color: rgba(255,255,255,0.6);
}

/* Loading state için (opsiyonel) */
.table-clip.loading {
    opacity: 0.7;
    pointer-events: none;
}

/* Empty state iyileştirmesi */
.table-clip .text-center.text-muted {
    padding: 3rem 1rem;
    color: rgba(255,255,255,0.5) !important;
    font-style: italic;
}
#adminGridWrap{
  display: grid;
  grid-template-rows: auto 1fr; /* filtre + liste */
  gap: 16px;
  min-height: calc(100vh - var(--admin-grid-top));
}

#adminGridWrap .list-panel{
  display:flex;
  flex-direction:column;
  min-height:0;
}
#adminGridWrap .list-scroll{
  flex:1 1 auto;
  overflow:auto;
  border-radius:10px;
}
#adminGridWrap .list-scroll table thead th{
  position:sticky;
  top:0;
  z-index:2;
  background-color:#124c42;
}
body::before {
  content: "";
  position: fixed;       /* sayfa boyunca sabit kalır */
  inset: 0;              /* top:0; right:0; bottom:0; left:0; ile aynı */
  background: url("logo.png") no-repeat center center;
  background-size: min(90vmin, 800px);  /* orantılı küçülme/büyüme */
  pointer-events: none;  /* tıklamaları engellemesin */
  opacity: 0.2;
  z-index: -1;            /* içeriklerin altında kalsın */ 
}

/* Navbar’ın üstte kalması için */
.navbar {
  position: relative;
  z-index: 10;
}
.about-box {
  background: rgba(0, 0, 0, 0.2); /* hafif saydam koyu arka plan */
  border: 1px solid #d4af37;     /* altın sarısı çerçeve */
  border-radius: 12px;           /* köşeleri yuvarla */
  padding: 2rem;                 /* iç boşluk */
}
.product-card img {
  width: 100%;
  height: auto;         /* sabit yükseklik */
  object-fit: cover;   /* crop yok, tam gösterim */
  background: #fff;      /* arka plan boşsa temiz görünür */
  border-radius: 8px;
}
/* Ürün detay – küçük iyileştirmeler */
.price{ color:var(--gold); font-weight:700; }
.product-thumbs img:hover{ outline:2px solid var(--gold); }