/* === UBIMAC TEMA === */
:root {
  --primary: #0f5ccd;      /* ana mavi */
  --primary-700: #0b3fa0;  /* koyu mavi tonu */
  --accent: #00b9a8;       /* turkuaz vurgu */
  
  --bg: #f5f8ff;           /* aydınlık mavi-gri arka plan */
  --surface: #ffffff;      /* bölümler için beyaz yüzey */
  --card: #f0f4ff;         /* kartlarda yumuşak açık mavi */
  
  --text: #0d1b2a;         /* koyu lacivert metin */
  --muted: #475569;        /* açıklama metinleri için gri */
  
  --ring: rgba(15, 92, 205, 0.35); /* focus ve hover efektleri */
}


*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,sans-serif;
  line-height:1.6;
  color:var(--text);
  background:
    radial-gradient(1200px 800px at 70% -10%, rgba(15,92,205,.35), transparent 60%),
    var(--bg);
}

/* Containers & Sections */
.container{width:min(1180px,92%);margin-inline:auto}
.section{padding:14px 0}
.section.alt{background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 50%)}
.section-header{text-align:center;margin-bottom:28px}
.section-header h2{margin:0 0 8px}

/* Header */
.site-header{
  position: sticky; top: 0; z-index: 20;

  /* Fallback (color-mix olmayan tarayıcılar) */
  background: rgba(255,255,255,0.85);
  border-bottom: 1px solid rgba(15,92,205,0.10);

  /* Root'a uyumlu (destekleyen tarayıcılarda bunu kullanır) */
  background: color-mix(in srgb, var(--surface) 85%, transparent);
  border-bottom: 1px solid color-mix(in srgb, var(--primary) 12%, transparent);

  backdrop-filter: blur(8px);
  color: var(--text);
}

.header-inner{
  position: relative;
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 0;
}

.logo{display:flex;align-items:center;text-decoration:none;color:var(--text);font-weight:700;letter-spacing:.2px}
.logo-text{text-transform:lowercase;font-size:1.05rem}
.logo-img{height:40px;width:auto;display:block}
@media (max-width:960px){ .logo-img{height:32px} }
@media (max-width:560px){ .logo-img{height:24px} }

.nav ul{list-style:none;display:flex;gap:14px;margin:0;padding:0}
.nav a{color:var(--text);text-decoration:none;padding:10px 12px;border-radius:10px;display:inline-block}
.nav a:hover,.nav a.active{background:rgba(255,255,255,.06)}

.hamburger{display:none;background:none;border:0;width:40px;height:40px;position:relative;cursor:pointer}
.hamburger span{position:absolute;left:8px;right:8px;height:2px;background:var(--text);transition:.25s}
.hamburger span:nth-child(1){top:12px}
.hamburger span:nth-child(2){top:19px}
.hamburger span:nth-child(3){top:26px}

/* Dropdown */
.has-dropdown{position:relative}
.has-dropdown .dropdown{
  position:absolute;right:0;top:calc(100% + 6px);
  display:none;min-width:240px;padding:8px;
  background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:12px;
  box-shadow:0 10px 24px rgba(0,0,0,.35);
  transition:opacity .3s ease;
}
.has-dropdown:hover .dropdown,
.has-dropdown:focus-within .dropdown{display:block;animation:fadeIn .3s ease}
.dropdown a{display:block;padding:8px 10px;border-radius:8px}
.dropdown a:hover{background:rgba(255,255,255,.06)}

/* Hero */
.hero{padding:72px 0 48px;background:radial-gradient(800px 400px at 20% 0%, rgba(0,185,168,.25), transparent 50%)}
.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:32px}
.hero h1{margin:0 0 10px;font-size:clamp(1.8rem,1.2rem + 2.4vw,3rem);line-height:1.15}
.hero p{color:var(--muted);margin:0 0 18px}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}

.hero-media{
  position:relative;display:flex;justify-content:center;align-items:center;
}
.hero-media .hero-art{
  width:100%;height:280px;border-radius:24px;
  background:
    linear-gradient(135deg, rgba(15,92,205,.2), rgba(0,185,168,.2)),
    repeating-linear-gradient(45deg, rgba(255,255,255,.06) 0 2px, transparent 2px 6px),
    linear-gradient(180deg, rgba(255,255,255,.05), transparent);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 0 60px rgba(15,92,205,.15), 0 20px 40px rgba(0,0,0,.35);
}
.hero-media .hero-logo-gif{max-width:200px;height:auto;display:block}

/* Cards */
.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cards-grid.cols-4{grid-template-columns:repeat(4,1fr)}
.cards-grid.cols-3{grid-template-columns:repeat(3,1fr)}
.card{
  background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:16px;
  padding:16px;box-shadow:0 6px 16px rgba(0,0,0,.25);
}
.card h3{margin:0 0 6px}
.card.link{
  display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:16px;border-radius:12px;background:#131a33;color:#222;
  box-shadow:0 4px 12px rgba(0,0,0,.08);text-decoration:none;transition:transform .2s ease
}
.card.link:hover{transform:translateY(-4px)}
.card-img{
  width:100%;max-width:140px;height:120px;object-fit:contain;margin-bottom:12px;border-radius:8px
}
.card.link h3{margin:8px 0 6px;font-size:1.1rem;color:#0f5ccd}
.card.link p{font-size:.95rem;color:#444;margin-bottom:12px}
.btn-card{
  display:inline-block;padding:6px 14px;background:#0f5ccd;color:#fff;border-radius:6px;
  font-size:.9rem;text-decoration:none;margin-top:auto
}

/* Card grid yapısı */
.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;
  justify-items: stretch;
}

/* Sadece “Diğer Ürünler” kartı için */
.card--center {
  grid-column: 1 / -1;     /* tüm satırı kaplasın */
  justify-self: center;    /* ortala */
  max-width: 320px;        /* çok geniş olmasın */
}



.btn-card:hover{background:#09408c}

/* Content */
.content h1,.content h2{margin-top:0}
.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.checklist{padding-left:18px}
.checklist li{margin:4px 0}

/* Products droplist */
.select{
  width:100%;max-width:420px;margin:8px 0 16px;padding:10px 12px;border-radius:12px;
  background:var(--surface);color:var(--text);border:1px solid rgba(255,255,255,.12);
  outline-color:var(--ring)
}
.product-page{display:none}
.product-page.visible{display:block;animation:fadeIn .25s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* Logos pills */
.logos{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.logo-pill{
  background:linear-gradient(135deg, rgba(15,92,205,.25), rgba(0,185,168,.2));
  padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08)
}

/* Buttons */
.btn{display:inline-block;padding:10px 14px;border-radius:12px;text-decoration:none;font-weight:600;border:1px solid transparent}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-700));color:#fff;border-color:rgba(255,255,255,.08)}
.btn-ghost{background:transparent;color:var(--text);border-color:rgba(255,255,255,.18)}
.btn:hover{transform:translateY(-1px)}
.btn:focus{outline:2px solid var(--ring);outline-offset:2px}

/* Forms */
input,textarea{
  width:100%;padding:10px 12px;border-radius:10px;background:var(--surface);color:var(--text);
  border:1px solid rgba(255,255,255,.12);outline-color:var(--ring)
}
label{display:block;margin:10px 0}
.checkbox{display:flex;align-items:center;gap:8px}
.contact-form{max-width:720px}

/* Footer */
.site-footer{border-top:1px solid rgba(255,255,255,.08);margin-top:48px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;padding:28px 0}
.footer-grid h4{margin-bottom:8px}
.footer-grid ul{list-style:none;padding:0;margin:0}
.footer-grid li{margin:6px 0}
.footer-bottom{padding:10px 0;border-top:1px solid rgba(255,255,255,.06);color:var(--muted)}

/* === Ürün Katalog Sayfası === */
.catalog-grid{display:grid;grid-template-columns:260px 1fr;gap:20px}
.catalog-sidebar{
  position:sticky;top:76px;align-self:start;background:var(--surface);
  border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px
}
.catalog-title{margin:0 0 8px 6px;font-size:1rem;color:var(--muted)}
.category-list{list-style:none;margin:0;padding:4px}
.category-list li{margin:2px 0}
.category-list a{
  display:block;padding:10px 12px;border-radius:10px;color:var(--text);text-decoration:none
}
.category-list a:hover{background:rgba(15,92,205,.12)}
.category-list a.active{
  background:rgba(15,92,205,.18);color:var(--text);font-weight:600;outline:1px solid rgba(15,92,205,.22)
}

.catalog-heading{margin:0 0 8px}
.catalog-toolbar{display:flex;gap:10px;margin:8px 0 16px}
#catalog-search{
  flex:1;border-radius:12px;background:var(--surface);color:var(--text);
  border:1px solid rgba(255,255,255,.12);padding:10px 12px
}
.product-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.product-item{
  background:var(--card);border:1px solid rgba(255,255,255,.10);
  border-radius:14px;padding:14px;display:flex;gap:14px;
  box-shadow:0 4px 12px rgba(0,0,0,.18)
}
.product-item:hover{outline:1px solid rgba(255,255,255,.16)}
.product-thumb{
  width:84px;height:84px;border-radius:12px;flex:0 0 84px;object-fit:cover;border:1px solid rgba(255,255,255,.10)
}
.product-body{flex:1;min-width:0}
.product-name{margin:0 0 4px;font-size:1.05rem}
.product-desc{margin:0 0 6px;color:var(--muted)}
.product-specs{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 0;padding:0;list-style:none}
.product-specs li{
  padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);font-size:.9rem
}
.product-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.product-actions .btn{padding:8px 12px}

/* Mega Menü */
.has-mega{position:relative}
.has-mega>.mega-menu{
  position:absolute;left:0;right:0;top:100%;margin-top:10px;display:none;opacity:0;transform:translateY(6px);
  background:#fff;border:1px solid #e9eef6;box-shadow:0 10px 30px rgba(0,0,0,.08);border-radius:14px;padding:16px;z-index:999;
  transition:opacity .18s ease, transform .18s ease;
  width:min(1100px,calc(100vw - 32px))
}
.has-mega[aria-expanded="true"] .mega-menu,
.has-mega:focus-within .mega-menu,
.has-mega:hover .mega-menu{display:block;opacity:1;transform:translateY(0)}
.mega-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.mega-item{
  display:flex;gap:10px;align-items:center;padding:10px;border-radius:12px;text-decoration:none;color:inherit;
  border:1px solid #eef2f8;background:#fafcff
}
.mega-item img{width:72px;height:54px;object-fit:contain;flex:0 0 auto;filter:saturate(1) contrast(1.05)}
.mega-item span{font-weight:600;line-height:1.2}
.mega-item:hover,.mega-item:focus{border-color:#dbe7ff;outline:none;box-shadow:0 0 0 3px rgba(15,92,205,.12) inset}
.mega-foot{margin-top:10px;display:flex;justify-content:flex-end}
.mega-foot .all-link{font-weight:600;text-decoration:none;color:#0f5ccd}

/* Glass box */
.glass-box{
  background:rgba(15,92,205,.15);
  backdrop-filter:blur(20px) saturate(150%);
  -webkit-backdrop-filter:blur(20px) saturate(150%);
  border:1px solid rgba(255,255,255,.15);
  border-radius:20px;
  box-shadow:0 8px 30px rgba(0,0,0,.4);
  padding:30px;
}

/* Responsive */
@media (max-width:960px){
  .hero-inner{grid-template-columns:1fr}
  .cards-grid{grid-template-columns:1fr 1fr}
  .cards-grid.cols-4{grid-template-columns:1fr 1fr}
  .grid.two{grid-template-columns:1fr}

  .nav{
    position:fixed;inset:66px 0 auto 0;backdrop-filter:blur(8px);background:rgba(11,16,32,.95);
    display:none;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.08)
  }
  .nav ul{flex-direction:column;gap:6px}
  .has-dropdown .dropdown{position:static;display:block;background:transparent;box-shadow:none;border:0;padding:0;margin-left:10px}

  .hamburger{display:inline-block}
  body.nav-open .nav{display:block}
  body.nav-open .hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  body.nav-open .hamburger span:nth-child(2){opacity:0}
  body.nav-open .hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
}
@media (max-width:560px){
  .cards-grid{grid-template-columns:1fr}
}

/* Motion reduce */
@media (prefers-reduced-motion:reduce){ .has-dropdown .dropdown, .btn, .card.link{transition:none} }
.featured-products {
  padding: 40px 20px;
  background: var(--surface, #0f1428);
}

.section-title {
  text-align: center;
  font-size: 1.8rem;
  margin-bottom: 24px;
  color: var(--text, #e8eefc);
}

.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 20px;
}


.card:hover {
  transform: translateY(-6px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.3);
}

.card-img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 12px;
}

.card h3 {
  font-size: 1.2rem;
  margin: 12px 0;
  color: var(--primary, #0f5ccd);
}

.card ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.card ul li {
  margin-bottom: 6px;
  color: var(--muted, #9fb2d8);
  font-size: 0.95rem;
}
.section {
  margin-top: 30px; /* Bölümün üstüne boşluk ekler */
  margin-bottom: 60px; /* Altta da boşluk bırakır (opsiyonel) */
}
.section-f2 {
  margin-top: 20px; /* Bölümün üstüne boşluk ekler */
  margin-bottom: 60px; /* Altta da boşluk bırakır (opsiyonel) */
}
.section-header h2 {
  margin-top: 20px; /* Başlığın üstünde ekstra boşluk */
  margin-bottom: 12px; /* Başlık ile paragraf arasına boşluk */
}

.section-header p {
  margin-top: 0; /* paragrafın üst boşluğunu sıfırla */
  margin-bottom: 24px; /* paragrafların altına boşluk bırak */
}

.logos {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 20px; /* logolar ile başlık arasında boşluk */
}

.logo-pill {
  background: var(--primary, #0f5ccd);
  color: #fff;
  padding: 8px 16px;
  border-radius: 50px;
  font-size: 0.95rem;
}
.section-header--inline {
  display: flex;
  align-items: center;
  justify-content: center; /* ortalamak istersen */
  gap: 16px; /* başlık ile açıklama arasına boşluk */
  text-align: center;
  flex-wrap: wrap; /* mobilde alta kayabilsin */
}

.section-header--inline h2,
.section-header--inline p {
  margin: 0; /* varsayılan boşlukları kaldır */
}


/* Çoklu öğe slider */
.carousel{
  position: relative;
  background: var(--surface);
  border: 1px solid color-mix(in srgb, var(--primary) 10%, transparent);
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  padding: 10px 8px;
  overflow: hidden;
  --items-per-view: 3;
}
.carousel-viewport{ overflow: hidden; }
.carousel-track{
  display: flex;
  transition: transform .5s ease;
  will-change: transform;
}
.carousel-item{
  flex: 0 0 calc(100% / var(--items-per-view));
  padding: 8px;
}

/* Kartların slider içindeki görünümü: ürün sayfasıyla aynı hissiyat */
.carousel .card.link{
  display:flex; flex-direction:column; align-items:center; text-align:center;
  text-decoration:none; color:inherit;
  background: transparent;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,.12);
  padding: 16px;
  transition: transform .2s ease, box-shadow .2s ease;
}
.carousel .card.link img{ width:100%; height:160px; object-fit:contain; margin-bottom:12px; border-radius:8px; }
.carousel .card.link:hover{ transform: translateY(-6px); box-shadow: 0 8px 20px rgba(0,0,0,.18); }

/* Navigasyon okları */
.carousel-nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:40px; height:40px; border:0; border-radius:999px; cursor:pointer;
  background: color-mix(in srgb, var(--surface) 85%, transparent);
  box-shadow: 0 4px 12px rgba(0,0,0,.15);
  font-size:22px; line-height:40px;
}
.carousel-nav.prev{ left:10px; }
.carousel-nav.next{ right:10px; }
.carousel-nav:hover{ background: color-mix(in srgb, var(--primary) 15%, var(--surface)); }

/* Dots */
.carousel-d
/* Footer — zengin */
.site-footer{
  margin-top:48px;
  background: var(--surface);
  border-top: 1px solid color-mix(in srgb, var(--primary) 12%, transparent);
  color: var(--text);
}

/* CTA şeridi */
.footer-cta{
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--primary) 18%, transparent), transparent 70%),
    color-mix(in srgb, var(--primary) 6%, var(--surface));
  border-bottom: 1px solid color-mix(in srgb, var(--primary) 10%, transparent);
}
.footer-cta__inner{
  display:flex; align-items:center; justify-content:space-between; gap:18px;
  padding:18px 0;
}
.footer-cta__text h3{ margin:0 0 4px; }
.footer-cta__text .muted{ margin:0; color: var(--muted); }
.footer-cta__actions{ display:flex; gap:10px; flex-wrap:wrap; }

/* Üst grid */
.footer-grid--rich{
  display:grid; grid-template-columns:2fr 1fr 1fr 1.2fr; gap:22px; padding:26px 0;
}
.footer-col h4{ margin:0 0 10px; }
.footer-logo{ display:inline-flex; margin-bottom:8px; }

.footer-links{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.footer-links a{ color: var(--text); text-decoration:none; }
.footer-links a:hover{ color: var(--primary); text-decoration: underline; }

.contact-list{ list-style:none; margin:12px 0; padding:0; display:grid; gap:8px; }
.contact-list li{ display:flex; gap:10px; align-items:flex-start; }
.contact-list svg{ width:18px; height:18px; flex:0 0 18px; fill: currentColor; opacity:.8; margin-top:3px; }
.contact-list a{ color: var(--text); text-decoration:none; }
.contact-list a:hover{ color: var(--primary); }

.badge-list{ display:flex; gap:8px; flex-wrap:wrap; margin:10px 0; }
.badge{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px; border-radius:999px;
  background: color-mix(in srgb, var(--primary) 12%, transparent);
  border: 1px solid color-mix(in srgb, var(--primary) 18%, transparent);
  font-size:.9rem;
}
.badge-link{ text-decoration:none; color: var(--text); }
.badge-link:hover{ color: var(--primary); }

.footer-actions{ display:flex; gap:8px; flex-wrap:wrap; margin-top:8px; }

/* Sosyal */
.social-list{ list-style:none; margin:10px 0 0; padding:0; display:flex; gap:10px; }
.social-list a{
  width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center;
  border-radius:10px; border:1px solid color-mix(in srgb, var(--primary) 14%, transparent);
  background: color-mix(in srgb, var(--primary) 6%, var(--surface));
  color: var(--text);
}
.social-list a:hover{ border-color: var(--primary); }

/* Bülten */
.newsletter{ display:grid; grid-template-columns:1fr auto; gap:8px; align-items:center; margin:6px 0 16px; }
.newsletter input{
  width:100%; padding:10px 12px; border-radius:10px;
  background: var(--surface); color: var(--text);
  border:1px solid color-mix(in srgb, var(--primary) 16%, transparent);
}
.newsletter.done input, .newsletter.done button{ opacity:.7; pointer-events:none; }
.sr-only{ position:absolute; width:1px; height:1px; margin:-1px; border:0; padding:0; clip:rect(0 0 0 0); overflow:hidden; }

/* Alt çubuk */
.footer-bottom{
  border-top: 1px solid color-mix(in srgb, var(--primary) 10%, transparent);
  padding:10px 0; background: color-mix(in srgb, var(--primary) 4%, var(--surface));
}
.footer-bottom__inner{
  display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;
}
.footer-legal{ list-style:none; margin:0; padding:0; display:flex; gap:14px; }
.footer-legal a{ color: var(--muted); text-decoration:none; }
.footer-legal a:hover{ color: var(--primary); text-decoration: underline; }

/* Responsive */
@media (max-width: 960px){
  .footer-grid--rich{ grid-template-columns:1fr 1fr; }
}
@media (max-width: 560px){
  .footer-grid--rich{ grid-template-columns:1fr; }
  .footer-cta__inner{ flex-direction:column; align-items:flex-start; }
}
.card {
  text-decoration: none; /* alt çizgiyi kaldırır */
  color: inherit;        /* link rengini normal yazı rengine çeker */
}

.cards-grid.cols-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cards-grid .card{
  display:flex;flex-direction:column;align-items:center;
  background:transparent;border-radius:12px;
  box-shadow:0 4px 12px rgba(0,0,0,.12);
  padding:16px;text-align:center;text-decoration:none;color:inherit;
  transition:transform .2s ease, box-shadow .2s ease;
}
.cards-grid .card:hover{transform:translateY(-6px);box-shadow:0 8px 20px rgba(0,0,0,.18)}
.cards-grid .card img{width:100%;height:160px;object-fit:contain;margin-bottom:12px}
@media (max-width:992px){.cards-grid.cols-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.cards-grid.cols-3{grid-template-columns:1fr}}

/* === Ürün kart temasını zorla uygula (ÜRÜN SAYFASI) === */
.catalog-content .cards-grid.cols-3 > a.card{
  display:flex; flex-direction:column; align-items:center; text-align:center;
  text-decoration:none; color:inherit;
  background:transparent !important;
  border:0 !important;
  border-radius:12px;
  box-shadow:0 4px 12px rgba(0,0,0,.12) !important;
  padding:16px;
  transition:transform .2s ease, box-shadow .2s ease;
}
.catalog-content .cards-grid.cols-3 > a.card:hover{
  transform:translateY(-6px);
  box-shadow:0 8px 20px rgba(0,0,0,.18) !important;
}
.catalog-content .cards-grid.cols-3 > a.card img{
  width:100%; height:160px; object-fit:contain; margin-bottom:12px; border-radius:8px;
}

/* Eski koyu tema kalıntılarını nötrle */
.catalog-content .cards-grid .card{ border:0 !important; background:transparent !important; }
.catalog-content .cards-grid .card.link{ background:transparent !important; color:inherit !important; }
.catalog-content .cards-grid .card h3{ color:var(--text) !important; }
.catalog-content .cards-grid .card p.muted{ color:var(--muted) !important; }

/* Kırılımlar */
@media (max-width:992px){
  .catalog-content .cards-grid.cols-3{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:600px){
  .catalog-content .cards-grid.cols-3{ grid-template-columns:1fr; }
}