/* Shared "For this device" product card (.gsk-prod) — markup in
   template-parts/shared/device-card.php, rendered via droix_device_card().
   Enqueued by both the blog and KB modules; rules moved here from gpd-kb.css
   so the card styles live in one place. Tokens come from gpd-tokens.css. */
.gsk-prod{display:flex;flex-direction:column;gap:11px;padding:16px 18px;border-radius:var(--r-lg);
  border:1px solid rgba(211,255,95,.28);
  background:radial-gradient(240px 120px at 90% 0%,rgba(211,255,95,.08),transparent 70%),var(--surface-elev)}
.gsk-prod .ey{display:flex;align-items:center;gap:7px;font:700 10.5px var(--font-sans);letter-spacing:.13em;text-transform:uppercase;color:var(--lime-500)}
.gsk-prod .ey svg{width:13px;height:13px}
.gsk-prod .row{display:flex;align-items:center;gap:13px}
.gsk-prod .th{flex:0 0 62px;width:62px;height:62px;border-radius:13px;display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:radial-gradient(80% 100% at 50% 110%,rgba(211,255,95,.12),transparent 70%),var(--bg-3);border:1px solid var(--line-2)}
.gsk-prod .th img{max-width:84%;max-height:84%;object-fit:contain}
.gsk-prod .th svg{width:24px;height:24px;color:var(--lime-500)}
.gsk-prod .cp{flex:1;min-width:0}
.gsk-prod .cp b{display:block;font:700 13.5px var(--font-sans);letter-spacing:-.15px;color:var(--fg-0);line-height:1.35}
.gsk-prod .pr{display:flex;align-items:center;gap:7px;margin-top:4px;font:500 11.5px var(--font-sans);color:var(--fg-secondary)}
.gsk-prod .pr em{font:800 16px var(--font-sans);font-style:normal;letter-spacing:-.3px;color:var(--lime-500)}
.gsk-prod .pr .dot{width:6px;height:6px;border-radius:50%;background:var(--lime-500)}
.gsk-prod .pr .dot.low{background:var(--orange-500)}
.gsk-prod .rt{display:flex;align-items:center;gap:7px;font:500 11.5px var(--font-sans);color:var(--fg-secondary)}
.gsk-prod .rt svg{width:12px;height:12px;fill:var(--lime-500);stroke:none}
.gsk-prod a.go{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;border-radius:var(--r-full);cursor:pointer;text-decoration:none;
  background:none;border:1px solid rgba(211,255,95,.5);color:var(--lime-500);font:700 13px var(--font-sans);
  transition:all var(--dur-normal) var(--ease)}
.gsk-prod a.go:hover{background:rgba(211,255,95,.1);transform:translateY(-1px)}
.gsk-prod a.go svg{width:15px;height:15px}
.gsk-prod a.go.notify{border-color:rgba(35,221,190,.5);color:var(--teal-500)}
.gsk-prod a.go.notify:hover{background:rgba(35,221,190,.1)}