/* =========================================================================
   Konfor Cafe — konfor.css  (Konfor markaları sayfası)
   ========================================================================= */
.page-konfor .brands-grid{display:grid;grid-template-columns:1fr;gap:1.6rem;max-width:900px;margin:0 auto}
.page-konfor .brand-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--color-line);
  border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.page-konfor .brand-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:rgba(243,126,41,.4)}
.page-konfor .brand-card__logo{display:flex;align-items:center;justify-content:center;padding:2rem 1.6rem;
  background:linear-gradient(135deg,var(--color-primary),#0d3556);min-height:150px}
.page-konfor .brand-card__logo img{max-height:84px;width:auto;max-width:100%}
.page-konfor .brand-card__body{padding:1.6rem 1.6rem;display:flex;flex-direction:column;gap:.35rem}
.page-konfor .brand-card__tag{font-size:.76rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:var(--color-secondary-700);margin:0}
.page-konfor .brand-card__name{font-size:1.3rem;margin:.1rem 0 .35rem}
.page-konfor .brand-card__desc{color:var(--color-muted);margin:0 0 .9rem;line-height:1.55}
.page-konfor .brand-card__links{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:auto}

.page-konfor .brands-note{max-width:900px;margin:2rem auto 0;background:var(--color-cream);
  border:1px solid var(--color-line);border-radius:var(--radius);padding:1rem 1.2rem;color:var(--color-muted);font-size:.95rem}
.page-konfor .brands-note i{color:var(--color-accent);margin-right:.3rem}
.page-konfor .brands-note a{font-weight:600;color:var(--color-primary)}
.page-konfor .brands-note a:hover{color:var(--color-secondary)}

@media (min-width:768px){
  .page-konfor .brand-card{flex-direction:row}
  .page-konfor .brand-card__logo{flex:0 0 40%;min-height:auto}
  .page-konfor .brand-card__body{flex:1;padding:1.8rem 2rem}
}

/* Dar ekran: marka kart linkleri tam genişlik dikey */
@media (max-width:380px){
  .page-konfor .brand-card__links{flex-direction:column}
  .page-konfor .brand-card__links>.btn-cta,
  .page-konfor .brand-card__links>.btn-outline-c{width:100%;justify-content:center}
}