/* Oflayn tahlil — «Qurilmalar»: the devices a seller can record with.
   Its own file so it cannot collide with product-page.css edits. */
.dev-grid{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.dev-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line,#E3EAE7);border-radius:18px;overflow:hidden}
.dev-media{aspect-ratio:1/1;background:#F3F8F6;display:grid;place-items:center}
.dev-media img{width:100%;height:100%;object-fit:cover;display:block}
.dev-body{padding:16px 18px 18px}
.dev-body h3{margin:0 0 6px;font-size:17px;line-height:1.3}
.dev-body p{margin:0;font-size:14px;line-height:1.55;color:var(--muted,#5B6B65)}
.dev-tag{position:absolute;top:12px;left:12px;font-size:12px;font-weight:700;color:#067A55;background:#fff;border:1px solid #CDEBDD;border-radius:999px;padding:4px 10px}
.dev-note{margin:22px 0 0;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted,#5B6B65)}
.dev-note svg{flex:none;color:#00B57C}
@media (max-width:1100px){.dev-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){.dev-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dev-body{padding:12px 14px 14px}.dev-body h3{font-size:15px}.dev-body p{font-size:13px}}