/* ══════════════════════════════════════════════════════════════════════
   printer-brands.css — การ์ด "เลือกตามยี่ห้อ" แบบมีโลโก้ (เจ้าของสั่ง 2026-09-24)
   ใช้เฉพาะหน้า printer.html หน้าเดียว · โหลดหลัง printer.css จึงทับกฎ .pr-brand เดิมเฉพาะหน้านี้
   โลโก้บน · ชื่อยี่ห้อกลาง · จำนวนรุ่น/ราคาเริ่มล่าง · เรียบ ไม่มีลูกเล่น
   ══════════════════════════════════════════════════════════════════════ */
/* ทุกแถวสูงเท่ากัน (จอแคบบางใบข้อความล่างขึ้น 2 บรรทัด ไม่ให้แถวสูงไม่เท่ากัน) */
.pr-brands{gap:14px;grid-auto-rows:1fr}
.pr-brand{
  gap:0;padding:24px 14px 20px;border-radius:16px;
  box-shadow:0 1px 2px rgba(16,26,44,.04);
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
/* กล่องโลโก้สูงเท่ากันทุกใบ · ขนาดโลโก้แต่ละยี่ห้อตั้งผ่าน --logo-h (ปรับด้วยสายตาในตัวสร้าง) */
.pr-brand-logo{
  display:flex;align-items:center;justify-content:center;
  width:100%;height:52px;margin-bottom:16px;padding-bottom:16px;box-sizing:content-box;
  border-bottom:1px solid var(--line-2,#eef2f7);
}
.pr-brand-logo img{display:block;height:var(--logo-h,26px);width:auto;max-width:86%;object-fit:contain}
/* Pantum มีไฟล์ทางการแค่สีขาว (สำหรับพื้นเข้ม) แสดงเป็นสีดำสีเดียวบนการ์ดขาว */
.pr-brand-logo img.is-mono{filter:brightness(0)}
.pr-brand b{font-size:1rem;font-weight:700;letter-spacing:.01em;color:var(--ink,#101a2c)}
.pr-brand small{margin-top:3px;font-size:.84rem;line-height:1.5;color:var(--mut,#63718a)}
.pr-brand:hover{
  border-color:#b9cbe4;transform:translateY(-2px);
  box-shadow:0 14px 28px -20px rgba(16,26,44,.45);
}
.pr-brand:focus-visible{outline:2px solid var(--accent,#1f4f8f);outline-offset:3px}
@media (max-width:759px){
  .pr-brands{gap:10px}
  .pr-brand{padding:18px 10px 16px}
  .pr-brand-logo{height:44px;margin-bottom:12px;padding-bottom:12px}
  .pr-brand-logo img{height:calc(var(--logo-h,26px) * .88)}
}
@media (prefers-reduced-motion:reduce){
  .pr-brand{transition:none}
  .pr-brand:hover{transform:none}
}