.sevk{
  --sevk-red:#e2231a;
  --sevk-ink:#1a1a1a;
  --sevk-muted:#9b9b9b;
  --sevk-line:#e6e6e6;
  --sevk-bg:#f5f5f5;

  /* ---- LOGO AYARI ---- */
  /* Logoyu büyütmek için SADECE bu değeri artırın (örn. 130px).
     Oran korunur, hiçbir logo kırpılmaz. */
  --sevk-logo-h:115px;

  max-width:1140px;
  margin:0 auto;
  padding:8px 12px 48px;
  color:var(--sevk-ink);
  font-family:inherit;
}

/* Arama */
.sevk-search{
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid var(--sevk-line);
  border-radius:4px;
  background:#fff;
  padding:4px 14px;
}
.sevk-search input[type="search"]{
  flex:1;
  border:0;
  outline:0;
  background:transparent;
  font-size:15px;
  padding:11px 0;
  color:var(--sevk-ink);
  -webkit-appearance:none;
}
.sevk-search input::placeholder{color:#8d8d8d}
.sevk-search-btn{
  border:0;
  background:transparent;
  background-image:none;
  color:var(--sevk-red);
  cursor:pointer;
  padding:6px;
  line-height:0;
  border-radius:4px;
  box-shadow:none;
  min-width:0;
}
.sevk-search-btn:hover{background:transparent;color:var(--sevk-red)}
.sevk-search-btn:focus-visible,
.sevk-search input:focus-visible{outline:2px solid var(--sevk-red);outline-offset:2px}

.sevk-count{
  background:var(--sevk-bg);
  margin:10px 0 20px;
  padding:14px 16px;
  font-size:14px;
  color:#4a4a4a;
  border-radius:2px;
}
.sevk-count:empty{display:none}

/* Kart ızgarası */
.sevk-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
@media(max-width:900px){.sevk-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.sevk-grid{grid-template-columns:1fr}}

.sevk-card{
  display:flex;
  flex-direction:column;
  background:#fff;
  border:1px solid var(--sevk-line);
  border-radius:2px;
  padding:26px 24px 24px;
  min-height:336px;
  box-shadow:0 1px 2px rgba(0,0,0,.04);
}
/* Logo alanı — görsel kutuya sığar, oranı korunur, ortalanır.
   ---------------------------------------------------------------
   NOT: Burada transform/scale KULLANILMIYOR. Büyütme yapıldığında
   kare logolar (örn. yuvarlak amblemler) üstten/alttan kırpılıyordu.
   Logo küçük geliyorsa iki seçenek var:
     1) --sevk-logo-h değerini artırın (en üstteki .sevk bloğunda)
     2) Logo dosyasındaki beyaz boşluğu kırpıp yeniden yükleyin
   --------------------------------------------------------------- */
.sevk .sevk-logo{
  height:var(--sevk-logo-h);
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:20px;
  text-align:center;
}

/* Betheme gibi temalar "img{height:auto !important}" uygulayabiliyor.
   Logo kutuya sığmazsa sebebi budur; bu yüzden !important şart. */
.sevk .sevk-logo img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:var(--sevk-logo-h) !important;
  min-width:0 !important;
  min-height:0 !important;
  object-fit:contain !important;      /* tamamını sığdırır, kırpmaz */
  object-position:center center !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
.sevk .sevk-logo .sevk-logo-text{
  font-weight:800;
  font-size:20px;
  line-height:1.2;
  letter-spacing:-.02em;
  text-align:center;
}

.sevk-title{
  font-size:15px;
  font-weight:700;
  line-height:1.35;
  margin:0 0 12px;
  color:var(--sevk-ink);   /* tema h3 rengini eziyor olabilir */
  text-transform:none;
  letter-spacing:normal;
}
.sevk-card .sevk-title,
.sevk-card h3.sevk-title{color:var(--sevk-ink)}
.sevk-company{font-size:13.5px;font-weight:700;line-height:1.5}
.sevk-loc{font-size:13.5px;font-weight:600;color:var(--sevk-muted);line-height:1.5}

.sevk-cta{
  margin-top:auto;
  padding-top:24px;
}
.sevk-cta a{
  display:block;
  text-align:center;
  border:1px solid var(--sevk-red);
  color:var(--sevk-red);
  background:#fff;
  text-decoration:none;
  font-size:14.5px;
  padding:12px 16px;
  border-radius:3px;
  transition:background .15s ease,color .15s ease;
}
.sevk-cta a:hover,.sevk-cta a:focus-visible{background:var(--sevk-red);color:#fff}
.sevk-cta a:focus-visible{outline:2px solid var(--sevk-ink);outline-offset:2px}

/* Durumlar */
.sevk-empty,.sevk-error{
  grid-column:1/-1;
  border:1px dashed var(--sevk-line);
  padding:40px 24px;
  text-align:center;
  font-size:15px;
  color:#555;
}
.sevk-skeleton{
  grid-column:span 1;
  height:296px;
  border:1px solid var(--sevk-line);
  background:linear-gradient(90deg,#fafafa 25%,#f0f0f0 37%,#fafafa 63%);
  background-size:400% 100%;
  animation:sevk-shine 1.2s linear infinite;
}
@keyframes sevk-shine{from{background-position:100% 0}to{background-position:0 0}}

.sevk-foot{display:flex;justify-content:center;margin-top:32px}

/* Tema, [hidden] özniteliğini display kuralıyla ezebiliyor — bunu engelle */
.sevk [hidden]{display:none !important}

.sevk-more{
  border:1px solid var(--sevk-red);
  color:var(--sevk-red);
  background:#fff;
  background-image:none;
  padding:12px 34px;
  font-size:14.5px;
  font-weight:400;
  line-height:1.4;
  border-radius:3px;
  cursor:pointer;
  text-transform:none;
  box-shadow:none;
  text-shadow:none;
}
.sevk-more:hover{background:var(--sevk-red);color:#fff;border-color:var(--sevk-red)}

@media(prefers-reduced-motion:reduce){
  .sevk-skeleton{animation:none}
  .sevk-cta a{transition:none}
}