/* === Otomatlar – izole stiller (.prd-*) === */
.prd-wrap{--gap:16px;--radius:14px;--line:#e9ecef;--card:#fff;--muted:#6b7280}
.prd-grid{display:grid;gap:var(--gap)}
/* 2 sütun (masaüstü), mobilde 1 sütun */
@media (min-width: 768px){
  .prd-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 767.98px){
  .prd-grid-2{grid-template-columns:1fr}
}
.prd-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}
.prd-media{aspect-ratio: 16/10;background:#f8fafc;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}
.prd-media img{display:block;max-width:100%;height:auto}
.prd-p{padding:16px}
.prd-card h3{margin:0 0 6px;font-size:1.1rem;font-weight:700}
.prd-card p{margin:0 0 10px;color:var(--muted)}
.prd-list{padding-left:18px;margin:0}
.prd-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.prd-btn{display:inline-block;border:1px solid #111;border-radius:999px;padding:10px 14px;text-decoration:none;color:#111;font-weight:600}
.prd-btn:hover{background:#111;color:#fff}
.prd-btn-outline{border-color:var(--line)}

/* küçük detay alanı */
.prd-detail{border-top:1px dashed var(--line);margin-top:10px;padding-top:10px}

/* Brands strip */
.brands{margin-top:18px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.brands h3{margin:0 0 12px;font-size:1.05rem;font-weight:700}
.brands-grid{display:grid;gap:18px;align-items:center;justify-items:center;grid-template-columns:repeat(6,minmax(110px,1fr))}
@media (max-width:900px){.brands-grid{grid-template-columns:repeat(3,minmax(110px,1fr))}}
@media (max-width:600px){.brands-grid{grid-template-columns:repeat(2,minmax(110px,1fr))}}
.brands-logo img{display:block;height:36px;width:auto;filter:grayscale(100%);opacity:.75;transition:filter .2s ease,opacity .2s ease,transform .2s}
.brands-logo img:hover{filter:none;opacity:1;transform:translateY(-1px)}