.portfoy-sonuclari {
  min-height: 100vh;
  padding: 6.75rem 0 5rem;
  background: var(--tema-zemin, #f3f5f4);
  color: var(--tema-metin, #243238);
}

.portfoy-hata {
  width: min(1400px, calc(100% - 48px));
  margin: 0 auto 1rem;
  padding: 1rem;
  border: 1px solid #ef9a9a;
  border-radius: .65rem;
  background: #ffebee;
  color: #b71c1c;
}

.portfoy-arama-ust {
  border-block: 1px solid color-mix(in srgb, var(--tema-metin, #243238) 14%, transparent);
  background: var(--tema-yuzey, #fff);
}

.portfoy-arama-ust__ic,
.portfoy-yerlesim {
  width: min(1400px, calc(100% - 48px));
  margin-inline: auto;
}

.portfoy-arama-ust__ic { padding: 1rem 0 1.35rem; }
.portfoy-breadcrumb { display: flex; align-items: center; gap: .25rem; margin-bottom: .8rem; font-size: .82rem; color: var(--tema-ana, #355f63); }
.portfoy-breadcrumb a { color: inherit; text-decoration: none; }
.portfoy-breadcrumb .material-symbols-outlined { font-size: 1rem; }
.portfoy-arama-ozet { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 620px); align-items: end; gap: 2rem; }
.portfoy-arama-etiket { display: block; margin-bottom: .25rem; color: var(--tema-vurgu, #b86f52); font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.portfoy-arama-ozet h1 { margin: 0; font: 700 clamp(1.55rem, 2vw, 2.15rem)/1.2 Montserrat, sans-serif; }
.portfoy-arama-ozet p { margin: .35rem 0 0; color: color-mix(in srgb, var(--tema-metin, #243238) 72%, transparent); }
.portfoy-hizli-arama { display: flex; min-height: 3.35rem; align-items: center; overflow: visible; border: 0; border-radius: .8rem; background: var(--tema-yuzey, #fff); box-shadow: 0 .35rem 1.2rem rgba(28, 45, 52, .06); transition: box-shadow .18s ease; }
.portfoy-hizli-arama:focus-within { box-shadow: 0 .55rem 1.4rem rgba(28, 45, 52, .1); }
.portfoy-hizli-arama > span { flex: 0 0 auto; margin-left: 1rem; color: color-mix(in srgb, var(--tema-ana, #355f63) 76%, transparent); font-size: 1.45rem; }
.portfoy-hizli-arama > input[type="search"] { min-width: 0; flex: 1 1 auto; height: 3.2rem; margin: 0 !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; padding: 0 .8rem !important; background: transparent !important; box-shadow: none !important; color: inherit; font: inherit; -webkit-appearance: none; appearance: none; }
.portfoy-hizli-arama > input[type="search"]::-webkit-search-cancel-button { opacity: .55; cursor: pointer; }
.portfoy-hizli-arama > button { flex: 0 0 auto; min-width: 5.75rem; height: 2.7rem; margin-right: .3rem; border: 0; border-radius: .58rem; padding: 0 1.2rem; background: var(--tema-vurgu, #b86f52); color: #fff; font-weight: 800; transition: filter .18s ease, transform .18s ease; }
.portfoy-hizli-arama > button:hover { filter: brightness(.94); }
.portfoy-hizli-arama > button:active { transform: translateY(1px); }

.portfoy-yerlesim { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 1.35rem; padding-top: 1.35rem; }
.portfoy-filtre-paneli,
.portfoy-sonuc-alani { border: 1px solid color-mix(in srgb, var(--tema-metin, #243238) 14%, transparent); border-radius: .75rem; background: var(--tema-yuzey, #fff); }
.portfoy-filtre-paneli { align-self: start; overflow: hidden; }
.portfoy-filtre-baslik { display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.1rem; border-bottom: 1px solid color-mix(in srgb, var(--tema-metin, #243238) 13%, transparent); font-weight: 800; }
.portfoy-filtre-baslik > div { display: flex; align-items: center; gap: .5rem; }
.portfoy-filtre-baslik b { display: inline-grid; min-width: 1.4rem; height: 1.4rem; place-items: center; border-radius: 50%; background: color-mix(in srgb, var(--tema-vurgu, #b86f52) 14%, transparent); color: var(--tema-vurgu, #b86f52); font-size: .72rem; }
.portfoy-filtre-baslik a { color: var(--tema-vurgu, #b86f52); font-size: .78rem; text-decoration: none; }
.portfoy-filtre-bolumu { display: grid; gap: .55rem; padding: .9rem 1.1rem; border-bottom: 1px solid color-mix(in srgb, var(--tema-metin, #243238) 10%, transparent); }
.portfoy-filtre-bolumu label { font-size: .83rem; font-weight: 800; }
.portfoy-filtre-bolumu select,
.portfoy-filtre-bolumu input,
.portfoy-sonuc-araclari select { width: 100%; border: 1px solid color-mix(in srgb, var(--tema-metin, #243238) 22%, transparent); border-radius: .4rem; padding: .68rem .7rem; background: var(--tema-yuzey, #fff); color: inherit; font: inherit; }
.portfoy-select { position: relative; min-width: 0; }
.portfoy-select select { display: block; appearance: none; padding-right: 2.55rem; cursor: pointer; }
.portfoy-select select:disabled { cursor: not-allowed; opacity: .58; }
.portfoy-select__ok,
.portfoy-select__baslangic { position: absolute; top: 50%; color: color-mix(in srgb, var(--tema-metin, #243238) 64%, transparent); line-height: 1; pointer-events: none; transform: translateY(-50%); }
.portfoy-select__ok { right: .72rem; font-size: 1.25rem; }
.portfoy-select__baslangic { left: .72rem; font-size: 1.15rem; }
.portfoy-select:focus-within .portfoy-select__ok,
.portfoy-select:focus-within .portfoy-select__baslangic { color: var(--tema-ana, #355f63); }
.portfoy-select:has(select:disabled) .portfoy-select__ok { opacity: .42; }
.portfoy-fiyat-araligi { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: .35rem; }
.portfoy-fiyat-araligi input { min-width: 0; }
.portfoy-filtre-uygula { display: flex; width: calc(100% - 2.2rem); align-items: center; justify-content: center; gap: .4rem; margin: 1rem 1.1rem 1.1rem; border: 0; border-radius: .45rem; padding: .78rem; background: var(--tema-ana, #355f63); color: #fff; font-weight: 800; }
.portfoy-filtre-uygula .material-symbols-outlined { font-size: 1.1rem; }

.portfoy-sonuc-alani { min-width: 0; overflow: hidden; }
.portfoy-sonuc-toolbar { display: flex; min-height: 4rem; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem 1rem; border-bottom: 1px solid color-mix(in srgb, var(--tema-metin, #243238) 14%, transparent); }
.portfoy-sonuc-sayisi { font-size: .9rem; }
.portfoy-sonuc-sayisi strong { color: var(--tema-vurgu, #b86f52); }
.portfoy-sonuc-araclari { display: flex; align-items: center; gap: .65rem; }
.portfoy-sonuc-araclari select { width: 100%; min-width: 220px; padding: .55rem 2.55rem .55rem 2.35rem; }
.portfoy-gorunum-secici { display: inline-flex; overflow: hidden; border: 1px solid color-mix(in srgb, var(--tema-metin, #243238) 20%, transparent); border-radius: .4rem; }
.portfoy-gorunum-secici button { display: grid; width: 2.55rem; height: 2.55rem; place-items: center; border: 0; border-right: 1px solid color-mix(in srgb, var(--tema-metin, #243238) 16%, transparent); background: transparent; color: color-mix(in srgb, var(--tema-metin, #243238) 65%, transparent); }
.portfoy-gorunum-secici button:last-child { border-right: 0; }
.portfoy-gorunum-secici button.is-active { background: var(--tema-ana, #355f63); color: #fff; }
.portfoy-gorunum-secici .material-symbols-outlined { font-size: 1.25rem; }

.portfoy-listesi { display: grid; }
.portfoy-karti { min-width: 0; border-bottom: 1px solid color-mix(in srgb, var(--tema-metin, #243238) 12%, transparent); background: var(--tema-yuzey, #fff); transition: background-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.portfoy-karti:last-child { border-bottom: 0; }
.portfoy-karti:hover { background: color-mix(in srgb, var(--tema-vurgu, #b86f52) 5%, var(--tema-yuzey, #fff)); }
.portfoy-karti__baglanti { display: grid; grid-template-columns: 190px minmax(240px, 1fr) 145px 100px 105px; min-height: 150px; color: inherit; text-decoration: none; }
.portfoy-karti__gorsel { position: relative; overflow: hidden; background: color-mix(in srgb, var(--tema-metin, #243238) 7%, var(--tema-yuzey, #fff)); }
.portfoy-karti__gorsel img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.portfoy-karti:hover .portfoy-karti__gorsel img { transform: scale(1.035); }
.portfoy-rozet { position: absolute; top: .55rem; border-radius: .28rem; padding: .28rem .48rem; font-size: .65rem; font-weight: 800; text-transform: uppercase; }
.portfoy-rozet--tip { left: .55rem; background: var(--tema-vurgu, #b86f52); color: #fff; }
.portfoy-rozet--kategori { right: .55rem; background: rgba(255,255,255,.92); color: var(--tema-metin, #243238); }
.portfoy-karti__icerik { display: flex; min-width: 0; flex-direction: column; justify-content: center; padding: 1rem 1.15rem; }
.portfoy-kod { margin-bottom: .3rem; color: var(--tema-vurgu, #b86f52); font-size: .72rem; font-weight: 800; }
.portfoy-karti__icerik h2 { overflow: hidden; margin: 0; color: var(--tema-ana, #355f63); font: 700 1rem/1.35 Montserrat, sans-serif; text-overflow: ellipsis; white-space: nowrap; }
.portfoy-konum { display: flex; align-items: center; gap: .25rem; margin: .55rem 0; color: color-mix(in srgb, var(--tema-metin, #243238) 70%, transparent); font-size: .82rem; }
.portfoy-konum .material-symbols-outlined { font-size: 1.05rem; }
.portfoy-ozellikler { display: flex; flex-wrap: wrap; gap: .75rem; color: color-mix(in srgb, var(--tema-metin, #243238) 66%, transparent); font-size: .75rem; }
.portfoy-ozellikler span { display: inline-flex; align-items: center; gap: .2rem; }
.portfoy-ozellikler .material-symbols-outlined { font-size: .95rem; }
.portfoy-eids-belge { display:flex; align-items:center; gap:.25rem; overflow:hidden; margin:.55rem 0 0; color:color-mix(in srgb,var(--tema-metin,#243238) 62%,transparent); font-size:.65rem; line-height:1.3; text-overflow:ellipsis; white-space:nowrap; }
.portfoy-eids-belge .material-symbols-outlined { flex:0 0 auto; color:var(--tema-vurgu,#b86f52); font-size:.9rem; }
.portfoy-eids-belge strong { color:inherit; }
.portfoy-karti__fiyat,
.portfoy-karti__tarih,
.portfoy-karti__yer { display: flex; flex-direction: column; align-items: center; justify-content: center; border-left: 1px solid color-mix(in srgb, var(--tema-metin, #243238) 10%, transparent); padding: .75rem; text-align: center; }
.portfoy-karti__fiyat strong { color: var(--tema-vurgu, #b86f52); font-size: .92rem; white-space: nowrap; }
.portfoy-karti__tarih strong,
.portfoy-karti__yer strong { font-size: .8rem; }
.portfoy-karti__fiyat small,
.portfoy-karti__tarih small,
.portfoy-karti__yer small { margin-top: .25rem; color: color-mix(in srgb, var(--tema-metin, #243238) 58%, transparent); font-size: .66rem; }

.portfoy-listesi[data-view="grid"] { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; padding: 1rem; }
.portfoy-listesi[data-view="grid"] .portfoy-karti { overflow: hidden; border: 1px solid color-mix(in srgb, var(--tema-metin, #243238) 14%, transparent); border-radius: .7rem; }
.portfoy-listesi[data-view="grid"] .portfoy-karti:hover { transform: translateY(-2px); box-shadow: 0 .7rem 1.7rem rgba(20,35,45,.09); }
.portfoy-listesi[data-view="grid"] .portfoy-karti__baglanti { display: flex; min-height: 100%; flex-direction: column; }
.portfoy-listesi[data-view="grid"] .portfoy-karti__gorsel { aspect-ratio: 5 / 4; }
.portfoy-listesi[data-view="grid"] .portfoy-karti__icerik { flex: 1; justify-content: flex-start; padding: 1rem; }
.portfoy-listesi[data-view="grid"] .portfoy-karti__icerik h2 { white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.portfoy-listesi[data-view="grid"] .portfoy-karti__fiyat { order: 3; align-items: flex-start; border: 0; border-top: 1px solid color-mix(in srgb, var(--tema-metin, #243238) 10%, transparent); padding: .85rem 1rem; text-align: left; }
.portfoy-listesi[data-view="grid"] .portfoy-karti__fiyat strong { font-size: 1.12rem; }
.portfoy-listesi[data-view="grid"] .portfoy-karti__tarih,
.portfoy-listesi[data-view="grid"] .portfoy-karti__yer { display: none; }

.portfoy-listesi__bos { display: grid; min-height: 320px; place-items: center; align-content: center; gap: .6rem; padding: 2rem; text-align: center; }
.portfoy-listesi__bos .material-symbols-outlined { color: var(--tema-vurgu, #b86f52); font-size: 3rem; }
.portfoy-listesi__bos strong { font-size: 1.2rem; }
.portfoy-listesi__bos p { margin: 0; color: color-mix(in srgb, var(--tema-metin, #243238) 65%, transparent); }
.portfoy-listesi__bos a { border-radius: .4rem; padding: .65rem 1rem; background: var(--tema-vurgu, #b86f52); color: #fff; font-weight: 800; text-decoration: none; }

@media (max-width: 1180px) {
  .portfoy-karti__baglanti { grid-template-columns: 170px minmax(220px, 1fr) 135px 92px; }
  .portfoy-karti__yer { display: none; }
  .portfoy-listesi[data-view="grid"] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
  .portfoy-arama-ozet { grid-template-columns: 1fr; gap: 1rem; }
  .portfoy-yerlesim { grid-template-columns: 1fr; }
  .portfoy-filtre-paneli { position: static; }
  #portfoyFiltreFormu { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .portfoy-filtre-bolumu { border-right: 1px solid color-mix(in srgb, var(--tema-metin, #243238) 10%, transparent); }
  .portfoy-filtre-uygula { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
  .portfoy-sonuclari { padding-top: 5.75rem; }
  .portfoy-arama-ust__ic,
  .portfoy-yerlesim,
  .portfoy-hata { width: min(100% - 24px, 1400px); }
  .portfoy-hizli-arama > span { margin-left: .75rem; }
  .portfoy-hizli-arama > button { min-width: 4.8rem; padding-inline: .85rem; }
  #portfoyFiltreFormu { grid-template-columns: 1fr; }
  .portfoy-sonuc-toolbar { align-items: flex-start; flex-direction: column; }
  .portfoy-sonuc-araclari { width: 100%; }
  .portfoy-sonuc-araclari select { min-width: 0; flex: 1; }
  .portfoy-karti__baglanti { grid-template-columns: 120px minmax(0, 1fr); min-height: 132px; }
  .portfoy-karti__fiyat { grid-column: 2; align-items: flex-start; border-left: 0; border-top: 1px solid color-mix(in srgb, var(--tema-metin, #243238) 10%, transparent); padding: .55rem .85rem; text-align: left; }
  .portfoy-karti__tarih,
  .portfoy-karti__yer { display: none; }
  .portfoy-karti__icerik { padding: .75rem .85rem; }
  .portfoy-ozellikler span:nth-child(n+3) { display: none; }
  .portfoy-listesi[data-view="grid"] { grid-template-columns: 1fr; padding: .75rem; }
  .portfoy-listesi[data-view="grid"] .portfoy-karti__fiyat { grid-column: auto; }
}