.toast-mini {
        background: #222;
        color: #fff;
        padding: .65rem .9rem;
        border-radius: .5rem;
        box-shadow: 0 6px 18px rgba(0,0,0,.28);
        margin-top: .5rem;
        font-size: .95rem;
    }

        .toast-mini.warn {
            background: #b54708;
        }
        /* uyarı (amber) */
        .toast-mini.error {
            background: #b42318;
        }
        /* hata (kırmızı) */
        .toast-mini.ok {
            background: #166534;
        }
    #compareBar.compare-bar{
  z-index: 2005 !important; /* navbar dropdown vs her şeyin üstünde */
  border-top: 1px solid rgba(148,163,184,.18) !important;

  /* aurora glass */
  background: rgba(17,25,40,.66) !important;
  -webkit-backdrop-filter: blur(var(--blur,16px)) saturate(1.35);
  backdrop-filter: blur(var(--blur,16px)) saturate(1.35);

  box-shadow: 0 -18px 55px rgba(0,0,0,.55) !important;
}

/* compare bar içindeki “text-dark / text-muted” bootstrap override */
#compareBar.compare-bar .text-dark{
  color: rgba(255,255,255,.92) !important;
}
#compareBar.compare-bar .text-muted,
#compareBar.compare-bar .small{
  color: rgba(234,240,255,.62) !important;
}

/* kategori label */
#compareBar.compare-bar #compareCategory{
  color: rgba(255,255,255,.86) !important;
  font-weight: 800;
}

/* seçilen ürün chip’leri */
#compareBar.compare-bar #selectedUrunler .chip{
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(148,163,184,.16) !important;
  color: rgba(255,255,255,.90) !important;
  padding: .35rem .6rem !important;
  border-radius: 999px !important;
}

#compareBar.compare-bar #selectedUrunler .chip .chip-label{
  color: rgba(255,255,255,.90) !important;
}

/* chip kapatma butonu */
#compareBar.compare-bar #selectedUrunler .chip button{
  color: rgba(255,255,255,.85) !important;
  opacity: .85;
}
#compareBar.compare-bar #selectedUrunler .chip button:hover{
  opacity: 1;
}

/* Butonlar glass uyum */
#compareBar.compare-bar .btn{
  border-radius: 999px !important;
}

#compareClearBtn.btn-outline-secondary{
  background: rgba(12,16,28,.25) !important;
  border: 1px solid rgba(148,163,184,.20) !important;
  color: rgba(255,255,255,.86) !important;
}
#compareClearBtn.btn-outline-secondary:hover{
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.22) !important;
}

/* Karşılaştır butonu: yeşil kalsın ama daha premium */
#compareBtnFixed.btn-success{
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
}
#compareBtnFixed.btn-success:disabled{
  opacity: .55;
  filter: saturate(.8);
}

    .border-top-thick {
        border-top: 5px solid transparent;
    }

    .border-1 {
        border-top-color: #470000 !important;
    }

    .border-2 {
        border-top-color: #7a0101 !important;
    }

    .border-3 {
        border-top-color: #8a6c01 !important;
    }

    .border-4 {
        border-top-color: #1a8f00 !important;
    }

    .border-499 {
        border-top-color: #27cf02 !important;
    }

    .border-denerim {
        border-top-color: #ff4500 !important;
    }

    .bg-1 {
        background-color: #470000 !important;
    }

    .bg-2 {
        background-color: #7a0101 !important;
    }

    .bg-3 {
        background-color: #8a6c01 !important;
    }

    .bg-4 {
        background-color: #1a8f00 !important;
    }

    .bg-499 {
        background-color: #27cf02 !important;
    }

    .bg-denerim {
        background-color: #ff4500 !important;
    }

    .progress {
        background-color: #e9ecef;
        border-radius: 6px;
        overflow: hidden;
        height: 25px;
    }
    .progress-bar {
        height: 100%;
        min-width: 1%; /* 0 olursa görünmez */
        line-height: 25px; /* bar yazısı içeride olsa da olmasa da görünürlük sağlar */
        color: white;
        font-weight: 600;
        font-size: 0.85rem;
        transition: width 0.4s ease;
    }

    /* .urun-kart {
        background-size: cover;
        background-position: center;
        color: white;
        border-radius: 10px;
        overflow: hidden;
    }

    .blur-overlay {
        position: absolute;
        inset: 0;
        background: rgba(0,0,0,0.77);
        backdrop-filter: blur(2px);
        z-index: 1;
    } */

    .urun-icerik {
        position: relative;
        z-index: 2;
    }
    /* Kart satırını md+ ekranlarda sabit kolonlu grid yap */
    @media (min-width: 768px) {
        .urun-card .urun-line

    {
        display: grid;
        grid-template-columns: 160px 1fr 220px; /* görsel | içerik | aksiyonlar */
        align-items: center;
        gap: 1rem;
    }

    /* Bootstrap'ın col davranışını grid içinde düzle */
    .urun-card .urun-line > [class*="col-"] {
        width: auto !important;
        max-width: none !important;
        flex: 0 0 auto !important;
    }

    /* Sağ blok sabit genişlikte kalsın; buton sayısı artsa da orta sütunu sıkıştırmasın */
    .urun-card .urun-actions {
        width: 220px;
    }

    /* Progress için sabit (tüm kartlarda aynı) genişlik */
    .urun-card .puan-wrap {
        width: 520px; /* tek tip görünüm için sabit */
        max-width: 100%; /* çok dar ekranlarda taşmasın diye güvence */
    }

    }

    /* Küçük ekranlarda normal akış + %100 genişlik */
    @media (max-width: 767.98px) {
        .urun-card .urun-line

    {
        display: block;
    }

    .urun-card .urun-actions {
        width: auto;
    }

    .urun-card .puan-wrap {
        width: 100%;
    }

    }

    /* ==========================================================
   URUNLER/INDEX — AURORA GLASS SKIN (Özel sınıflara dokunmaz)
   ========================================================== */

/* Genel kart görünümü (sol filtre kartı + sağ liste kartı) */
.urunler-page .card,
.urunler-page .card.border,
.urunler-page .card.shadow-sm,
.urunler-page .card.shadow-lg{
  background: rgba(17,25,40,.42) !important;
  border: 1px solid rgba(148,163,184,.16) !important;
  border-radius: 18px !important;
  box-shadow: var(--shadow-md, 0 22px 60px rgba(0,0,0,.45)) !important;
  -webkit-backdrop-filter: blur(var(--blur,16px)) saturate(1.35);
  backdrop-filter: blur(var(--blur,16px)) saturate(1.35);
  color: rgba(234,240,255,.92);
}

/* Sol sticky kart: üstteki turuncu çizgiyi koruyalım ama kart daha “aurora” dursun */
.urunler-page .position-sticky.card{
  box-shadow: var(--shadow-md, 0 22px 60px rgba(0,0,0,.45)) !important;
}

/* Başlık / metin tonları */
.urunler-page h1,
.urunler-page h4,
.urunler-page h5{
  color: rgba(255,255,255,.92) !important;
}
.urunler-page p,
.urunler-page .small,
.urunler-page label,
.urunler-page .form-check-label{
  color: rgba(234,240,255,.76) !important;
}

/* Form controls (input/select) — glass */
.urunler-page .form-control,
.urunler-page .form-select{
  background: rgba(12,16,28,.40) !important;
  border: 1px solid rgba(148,163,184,.18) !important;
  color: rgba(255,255,255,.90) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}

.urunler-page .form-control::placeholder{
  color: rgba(234,240,255,.55) !important;
}

.urunler-page .form-control:focus,
.urunler-page .form-select:focus{
  border-color: rgba(168,85,247,.45) !important; /* mor focus */
  box-shadow: 0 0 0 3px rgba(168,85,247,.18) !important;
  outline: none !important;
}

/* Checkbox görünümü (marka filtre + karşılaştır) */
.urunler-page .form-check-input{
  background-color: rgba(12,16,28,.55) !important;
  border: 1px solid rgba(148,163,184,.22) !important;
}
.urunler-page .form-check-input:checked{
  background-color: rgba(255,69,0,.95) !important;
  border-color: rgba(255,69,0,.95) !important;
}

/* Marka collapse içindeki card-body (scroll alan) */
.urunler-page #markaCollapse .card-body{
  background: rgba(12,16,28,.35) !important;
  border: 1px solid rgba(148,163,184,.14) !important;
  border-radius: 14px !important;
  -webkit-backdrop-filter: blur(calc(var(--blur,16px) - 6px)) saturate(1.25);
  backdrop-filter: blur(calc(var(--blur,16px) - 6px)) saturate(1.25);
}

/* Collapse butonu: daha glass */
.urunler-page .btn.btn-outline-primary{
  background: rgba(12,16,28,.28) !important;
  border: 1px solid rgba(148,163,184,.20) !important;
  color: rgba(255,255,255,.85) !important;
  border-radius: 14px !important;
}
.urunler-page .btn.btn-outline-primary:hover{
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.22) !important;
}

/* Ürün kartı (senin .urun-card class’ına glass giydiriyoruz) */
.urunler-page .urun-card{
  background: rgba(17,25,40,.38) !important;
  border: 1px solid rgba(148,163,184,.16) !important;
  border-radius: 22px !important;
  -webkit-backdrop-filter: blur(var(--blur,16px)) saturate(1.35);
  backdrop-filter: blur(var(--blur,16px)) saturate(1.35);
  box-shadow: 0 18px 50px rgba(0,0,0,.35) !important;
}

/* Ürün görsel çerçevesi (sen inline border vermişsin; biraz yumuşatalım) */
.urunler-page .urun-card img{
  border-color: rgba(255,255,255,.10) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.30);
}

/* Progress bar arka planı (senin bg-* renkleri aynen kalsın) */
.urunler-page .progress{
  background: rgba(255,255,255,.10) !important;
  height: 8px !important;            /* daha modern */
  border-radius: 999px !important;
  overflow: hidden;
}
.urunler-page .progress-bar{
  border-radius: 999px !important;
}

/* Sağ üst “Sayfa boyutu” select küçük: biraz uyumlu olsun */
.urunler-page .form-select.form-select-sm{
  border-radius: 12px !important;
}

/* Pagination glass */
.urunler-page .pagination .page-link{
  background: rgba(12,16,28,.32) !important;
  border: 1px solid rgba(148,163,184,.16) !important;
  color: rgba(255,255,255,.85) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
.urunler-page .pagination .page-link:hover{
  background: rgba(255,255,255,.06) !important;
}
.urunler-page .pagination .page-item.active .page-link{
  background: rgba(255,69,0,.90) !important;
  border-color: rgba(255,69,0,.90) !important;
  color: #fff !important;
}
.urunler-page .pagination .page-item.disabled .page-link{
  opacity: .45;
}

/* “Hiç kayıt bulunamadı” alert (custom-alert varsa) */
.urunler-page .custom-alert{
  background: rgba(12,16,28,.35);
  border: 1px solid rgba(148,163,184,.16);
  color: rgba(255,255,255,.86);
  border-radius: 16px;
  padding: 14px 16px;
  -webkit-backdrop-filter: blur(calc(var(--blur,16px) - 6px)) saturate(1.25);
  backdrop-filter: blur(calc(var(--blur,16px) - 6px)) saturate(1.25);
}

/* CompareBar chip görünümü (sende var ama chip biraz soluk kalmış) */
#compareBar .chip{
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(148,163,184,.16) !important;
  color: rgba(255,255,255,.88);
}

/* Sol filtre kartındaki hr turuncusu kalsın ama genel hr glass */
.urunler-page hr{
  border-color: rgba(148,163,184,.14) !important;
}


/* BURADAN SONRASI URUNLER/DETAY İÇİN KULLANILIR */
/* BURADAN SONRASI URUNLER/DETAY İÇİN KULLANILIR */
/* BURADAN SONRASI URUNLER/DETAY İÇİN KULLANILIR */
/* BURADAN SONRASI URUNLER/DETAY İÇİN KULLANILIR */

/* Detay sayfasında tüm card yüzeylerini Index kartına eşitle */
.urun-detay-page .card,
.urun-detay-page .card.border,
.urun-detay-page .card.shadow-sm,
.urun-detay-page .card.shadow-lg{
  background: rgba(17,25,40,.42) !important;
  border: 1px solid rgba(148,163,184,.16) !important;
  border-radius: 18px !important;
  box-shadow: var(--shadow-md, 0 22px 60px rgba(0,0,0,.45)) !important;
  -webkit-backdrop-filter: blur(var(--blur,16px)) saturate(1.35);
  backdrop-filter: blur(var(--blur,16px)) saturate(1.35);
  color: rgba(234,240,255,.92) !important;
}

/* Başlık/metin tonları (Bootstrap text-body-emphasis vs ile savaşmasın) */
.urun-detay-page h1,
.urun-detay-page h2,
.urun-detay-page h3,
.urun-detay-page h4,
.urun-detay-page h5{
  color: rgba(255,255,255,.92) !important;
}
.urun-detay-page p,
.urun-detay-page .small,
.urun-detay-page label,
.urun-detay-page .text-secondary{
  color: rgba(234,240,255,.76) !important;
}

/* Form controls (detay içinde arama / textarea / select varsa) */
.urun-detay-page .form-control,
.urun-detay-page .form-select{
  background: rgba(12,16,28,.40) !important;
  border: 1px solid rgba(148,163,184,.18) !important;
  color: rgba(255,255,255,.90) !important;
  border-radius: 14px !important;
  box-shadow: none !important;
}
.urun-detay-page .form-control::placeholder{
  color: rgba(234,240,255,.55) !important;
}
.urun-detay-page .form-control:focus,
.urun-detay-page .form-select:focus{
  border-color: rgba(168,85,247,.45) !important;
  box-shadow: 0 0 0 3px rgba(168,85,247,.18) !important;
  outline: none !important;
}

/* Breadcrumb kutusu Detay’da da Index kart gibi */
.urun-detay-page .app-breadcrumb{
  background: rgba(17,25,40,.42) !important;
  border: 1px solid rgba(148,163,184,.16) !important;
  border-radius: 18px !important;
  -webkit-backdrop-filter: blur(var(--blur,16px)) saturate(1.35);
  backdrop-filter: blur(var(--blur,16px)) saturate(1.35);
}

/* Detay'daki hr’lar */
.urun-detay-page hr{
  border-color: rgba(148,163,184,.14) !important;
}

/* Detay progress: Index’teki gibi slim */
.urun-detay-page .progress{
  background: rgba(255,255,255,.10) !important;

  border-radius: 999px !important;
  overflow: hidden;
}
.urun-detay-page .progress-bar{
  border-radius: 999px !important;
}

/* Mention dropdown (list-group) glass */
.urun-detay-page #mentionList.list-group{
  background: rgba(17,25,40,.82) !important;
  border: 1px solid rgba(148,163,184,.18) !important;
  border-radius: 14px !important;
  overflow: hidden;
  -webkit-backdrop-filter: blur(var(--blur,16px)) saturate(1.35);
  backdrop-filter: blur(var(--blur,16px)) saturate(1.35);
}
.urun-detay-page #mentionList .list-group-item{
  background: transparent !important;
  border-color: rgba(148,163,184,.12) !important;
  color: rgba(255,255,255,.88) !important;
}
.urun-detay-page #mentionList .list-group-item:hover{
  background: rgba(255,255,255,.06) !important;
}

/* Özellik chips (senin .chip) — Index uyumu */
.urun-detay-page .chip{
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(148,163,184,.16) !important;
  color: rgba(255,255,255,.88) !important;
}

.urun-detay-page .feature-list{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: .9rem;
  margin: 0;
  padding: 0;
}

.urun-detay-page .feature{
  background: rgba(12,16,28,.35);
  border: 1px solid rgba(148,163,184,.14);
  border-radius: 16px;
  padding: .9rem 1rem;

  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: .75rem;

  -webkit-backdrop-filter: blur(calc(var(--blur,16px) - 6px)) saturate(1.25);
  backdrop-filter: blur(calc(var(--blur,16px) - 6px)) saturate(1.25);

  transition: transform .16s ease, background-color .16s ease, border-color .16s ease;
}

.urun-detay-page .feature:hover{
  transform: translateY(-2px);
  background: rgba(17,25,40,.44);
  border-color: rgba(255,255,255,.18);
}

.urun-detay-page .term{
  font-weight: 800;
  color: rgba(255,255,255,.92);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.urun-detay-page .value{
  justify-self: end;
  display: flex;
  align-items: center;
  gap: .5rem;
}

/* Chip base */
.urun-detay-page .chip{
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .28rem .62rem;
  border-radius: 999px;
  font-weight: 800;
  font-size: .85rem;
  line-height: 1;

  background: rgba(255,255,255,.08);
  border: 1px solid rgba(148,163,184,.16);
  color: rgba(255,255,255,.88);
  white-space: nowrap;
}

/* Türler */
.urun-detay-page .chip-info{
  background: rgba(59,130,246,.12);
  border-color: rgba(59,130,246,.35);
  color: rgba(220,235,255,.95);
}
.urun-detay-page .chip-ok{
  background: rgba(34,197,94,.12);
  border-color: rgba(34,197,94,.35);
  color: rgba(220,255,236,.95);
}
.urun-detay-page .chip-no{
  background: rgba(239,68,68,.12);
  border-color: rgba(239,68,68,.35);
  color: rgba(255,228,228,.95);
}
.urun-detay-page .chip-muted{
  opacity: .75;
}

/* Filter input küçük dokunuş */
.urun-detay-page #specFilter{
  background: rgba(12,16,28,.40) !important;
  border: 1px solid rgba(148,163,184,.18) !important;
  color: rgba(255,255,255,.90) !important;
}

.urun-detay-page .dn-list-group{
  background: transparent;
  border-radius: 16px;
  overflow: hidden;
}

/* item yüzeyi */
.urun-detay-page .dn-list-item{
  background: rgba(12,16,28,.35) !important;
  border: 1px solid rgba(148,163,184,.14) !important;
  color: rgba(255,255,255,.88) !important;
  padding: 14px 16px;
  margin-bottom: 10px;
  border-radius: 16px !important;

  -webkit-backdrop-filter: blur(calc(var(--blur,16px) - 6px)) saturate(1.25);
  backdrop-filter: blur(calc(var(--blur,16px) - 6px)) saturate(1.25);

  transition: transform .16s ease, background-color .16s ease, border-color .16s ease;
}

.urun-detay-page .dn-list-item:last-child{
  margin-bottom: 0;
}

/* hover */
.urun-detay-page .dn-list-item:hover{
  transform: translateY(-2px);
  background: rgba(17,25,40,.44) !important;
  border-color: rgba(255,255,255,.18) !important;
}

/* title */
.urun-detay-page .dn-list-item h5{
  color: rgba(255,255,255,.92) !important;
  font-weight: 800;
  letter-spacing: -.01em;
}

/* sağ ok */
.urun-detay-page .dn-list-arrow{
  color: rgba(234,240,255,.70);
  font-weight: 900;
  transition: transform .16s ease, color .16s ease;
}
.urun-detay-page .dn-list-item:hover .dn-list-arrow{
  transform: translateX(4px);
  color: rgba(255,255,255,.92);
}

/* Karşılaştır Sayfası */

/* ================================
   Compare Page (Index Aurora Glass uyum)
   Sadece .compare-page içinde etkili
================================ */

.compare-page .compare-hint{
  opacity: .75;
  margin: 0;
}

/* Üst header kartları */
.compare-page .compare-head{
  display: grid;
  gap: .9rem;
  align-items: stretch;
  grid-template-columns: 1fr;
}
@media (min-width: 768px){
  .compare-page .compare-head{
    grid-template-columns: 260px repeat(3, minmax(220px, 1fr));
  }
}
.compare-page .compare-head__label,
.compare-page .compare-head__item{
  border-radius: 22px;
}

/* Ürün ismi – taşmasın, okunaklı olsun */
.compare-page .compare-product-name{
  font-weight: 900;
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Grid compare (table yerine) */
.compare-page .compare-grid{
  border-radius: 26px;
  overflow: hidden;
}

/* İç sarmal: zebra + satır border */
.compare-page .compare-grid__wrap{
  display: grid;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 26px;
  overflow: hidden;
}

/* Satırlar: feature + N ürün */
.compare-page .compare-grid__row{
  display: grid;
  grid-template-columns: 260px repeat(3, minmax(220px, 1fr));
  border-top: 1px solid rgba(255,255,255,.08);
}
.compare-page .compare-grid__row:first-child{
  border-top: 0;
}
.compare-page .compare-grid__row:nth-child(odd):not(.compare-grid__row--head){
  background: rgba(255,255,255,.02);
}
.compare-page .compare-grid__row:hover:not(.compare-grid__row--head){
  background: rgba(255,255,255,.05);
}

/* Başlık satırı sticky */
.compare-page .compare-grid__row--head{
  position: sticky;
  top: 0;
  z-index: 5;
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(0,0,0,.12));
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

/* Hücreler */
.compare-page .compare-grid__cell{
  padding: .95rem .9rem;
  border-left: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.92);            /* KONTRAST FIX */
  text-shadow: 0 1px 0 rgba(0,0,0,.25);    /* Cam üstünde okunurluk */
}
.compare-page .compare-grid__cell:first-child{
  border-left: 0;
}

/* Özellik kolonu sticky */
.compare-page .compare-grid__feature{
  position: sticky;
  left: 0;
  z-index: 4;
  background: linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.10));
  border-right: 1px solid rgba(255,255,255,.10);
}
.compare-page .compare-grid__row--head .compare-grid__feature{
  z-index: 6;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(0,0,0,.14));
}

/* Ürün başlık hücreleri link taşması */
.compare-page .compare-grid__prod a{
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Mobil feature kartları */
.compare-page .compare-feature-card{
  border-radius: 22px;
}
.compare-page .compare-feature-values{
  display: grid;
  grid-template-columns: 1fr;
  gap: .6rem;
}
.compare-page .compare-feature-values__item{
  border-radius: 16px;
}

/* Compare alanında cam katmanın yazıyı boğmasını engelle */
.compare-page .glass-card,
.compare-page .glass-mini{
  color: rgba(255,255,255,.92);
}

/* Butonlar zaten btn-glass ama hover’ı biraz “index” gibi hissettirelim */
.compare-page .btn-glass{
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
}
.compare-page .btn-glass:hover{
  transform: translateY(-1px);
}


/* =========================================
   Compare Mobile Polish (kartları toparlar)
   index.css en altına
========================================= */

@media (max-width: 767.98px){

  /* Özellik kartı: daha kompakt */
  .compare-page .compare-feature-card{
    padding: 14px !important;
    border-radius: 20px;
  }
  .compare-page .compare-feature-card > .fw-bold{
    font-size: 1.05rem;
    margin-bottom: 10px !important;
    letter-spacing: -.01em;
  }

  /* Ürün değerleri listesi */
  .compare-page .compare-feature-values{
    gap: 8px !important;
  }

  /* Her ürün bloğunu "satır" gibi yap */
  .compare-page .compare-feature-values__item{
    padding: 10px 12px !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.10));
    border: 1px solid rgba(255,255,255,.10);
  }

  /* İçerik düzeni: isim + değer yan yana */
  .compare-page .compare-feature-values__item .small{
    margin: 0 !important;
    opacity: .82;
    font-size: .84rem;
    line-height: 1.2;
  }

  /* Ürün adı: tek satır, taşarsa üç nokta */
  .compare-page .compare-feature-values__item .small a{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(255,255,255,.86);
    text-decoration: none;
  }

  /* Değer: pill gibi, daha net */
  .compare-page .compare-feature-values__item .fw-semibold{
    margin-top: 6px;
    display: inline-flex;
    align-items: center;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
    color: rgba(255,255,255,.92);
    font-weight: 800;
    letter-spacing: -.01em;
  }

  /* Yok/Var gibi kısa değerler daha da “chip” dursun */
  .compare-page .compare-feature-values__item .fw-semibold:has(.btn){
    padding: 0; border: 0; background: transparent;
    display: block;
  }

  /* Resmi site butonu mobilde full genişlik olmasın (daha şık) */
  .compare-page .compare-feature-values__item .btn-glass{
    width: auto !important;
    display: inline-flex !important;
    padding: .45rem .75rem !important;
    border-radius: 999px !important;
  }

  /* Kartlar arası “hava” azalt: sayfa daha az uzasın */
  .compare-page .glass-card.mb-2{ margin-bottom: 10px !important; }

  /* Genel okunurluk: cam üstünde metin boğulmasın */
  .compare-page .compare-feature-card,
  .compare-page .compare-feature-values__item{
    text-shadow: 0 1px 0 rgba(0,0,0,.25);
  }
}

/* BONUS: 2 ürün seçiliyse mobilde iki sütun yap */
@media (max-width: 767.98px){
  .compare-page .compare-feature-card .compare-feature-values{
    grid-template-columns: 1fr;
  }
  .compare-page.compare-count-2 .compare-feature-card .compare-feature-values{
    grid-template-columns: 1fr 1fr;
  }
}