/* Limpid S.O.S — Ürünler sayfası (Galeri): gruplu bantlar, camli kartlar (yalniz urunler.html yukler) */
/* ---------- ortak ---------- */
.ur-meta{display:flex;flex-wrap:wrap;gap:.4rem}
.ur-meta div{display:flex;align-items:baseline;gap:.45rem;padding:.3rem .65rem;border:1px solid rgba(255,255,255,.2);border-radius:999px}
.ur-meta span{font-family:var(--mono);font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:#AEB4C2}
.ur-meta b{font-size:.8rem;font-weight:600}


/* ---------- sayfa ---------- */
.ub{padding-bottom:5rem}
.ub-bant{padding-top:clamp(2.2rem,4vw,3.2rem)}
.ub-bas{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:1.2rem;padding-bottom:1.2rem;margin-bottom:1.4rem;border-bottom:1px solid var(--line-2)}
.ub-bas .code{font-family:var(--mono);font-size:.72rem;letter-spacing:.16em;color:var(--orange)}
.ub-bas h2{font-size:clamp(1.8rem,3.2vw,2.6rem)}
.ub-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}
.ub-kart{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line-2);border-radius:20px;background:linear-gradient(180deg,#1b1e29,var(--void));transition:transform .25s,border-color .25s,box-shadow .25s}
.ub-kart:hover{transform:translateY(-4px);border-color:rgba(254,133,0,.6);box-shadow:0 18px 50px rgba(0,0,0,.45)}
.ub-gorsel{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--shot)}
.ub-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.ub-kart:hover .ub-gorsel img{transform:scale(1.05)}
.ub-govde{display:flex;flex-direction:column;flex:1;padding:1.2rem 1.3rem 1.3rem}
.ub-govde .code{font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;color:var(--blue-lit)}
.ub-govde h3{margin-top:.35rem;font-size:1.3rem}
.ub-govde h3 a{color:var(--ink);text-decoration:none}
.ub-govde p{margin-top:.55rem;color:var(--mute);font-size:.9rem;line-height:1.55}
.ub-govde .ur-meta{margin-top:.9rem}
.ub-eylem{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.1rem}
.ub-eylem a{font-family:var(--mono);font-size:.66rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
.ub-incele{color:var(--orange)}
.ub-tasarla{color:var(--mute);padding:.4rem .8rem;border:1px solid var(--line-2);border-radius:999px}
.ub-tasarla:hover{color:var(--ink);border-color:var(--ink)}
@media (max-width:1100px){.ub-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ub-izgara{grid-template-columns:1fr}}
/* 5 kart: ustte uc, altta iki kart ortalanir (yalniz genis ekranda) */
@media (min-width:1101px){
  .ub-izgara.bes{grid-template-columns:repeat(6,minmax(0,1fr))}
  .ub-izgara.bes>*{grid-column:span 2}
  .ub-izgara.bes>:nth-child(4){grid-column:2 / span 2}
  .ub-izgara.bes>:nth-child(5){grid-column:4 / span 2}
}