:root{
  --brand:#13317B;
  --light:#DADADA;
  --white:#FFFFFF;
  --ink:#111827;
  --ink2:#4B5563;
}

html,body{font-family:'Montserrat',sans-serif}

.gl-header{
  background: radial-gradient(110% 100% at 10% 0%, #183b97 0%, #0f2b72 60%, #0c235e 100%);
  color:var(--white);
  padding:22px 0;
}
.gl-title{font-weight:800;font-size:clamp(20px,3.2vw,28px)}
.gl-sub{opacity:.9}
.brand-logo{height:36px}

.gl-filters{background:#f7f9fc;border-bottom:1px solid var(--light);padding:16px 0}
.form-label{font-weight:600;color:var(--ink)}
.form-select,.form-control{border-radius:.6rem}
.gl-count{font-weight:600;color:var(--ink2)}

.gl-grid{padding:22px 0 42px}
.card{
  border:1px solid var(--light);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 24px rgba(0,0,0,.06);
  transition:transform .18s ease, box-shadow .18s ease;
  height:100%;
}
.card:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 38px rgba(0,0,0,.10);
}
.card-img-wrap{
  position:relative;
  background:#eff3f9;
  aspect-ratio: 4/3;
  display:flex;align-items:center;justify-content:center;
}
.card-img-wrap img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.brand-badge{
  position:absolute;left:12px;top:12px;
  background:var(--white);color:var(--brand);
  border:1px solid var(--light);border-radius:999px;
  padding:.25rem .6rem;font-weight:700;font-size:.8rem;
  box-shadow:0 8px 16px rgba(0,0,0,.08)
}
.card-body{padding:12px 14px}
.card-title{font-weight:800;color:var(--ink);margin:0 0 .25rem;font-size:1.05rem}
.card-text{color:var(--ink2);font-size:.9rem;margin:0 0 .5rem}
.meta{display:flex;flex-wrap:wrap;gap:.4rem}
.meta .pill{
  background:#eef2f7;border:1px solid var(--light);
  border-radius:999px;padding:.18rem .55rem;font-size:.75rem;font-weight:600;color:#334155
}
.sku{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;color:#475569}

.gl-empty{
  text-align:center;
  padding:60px 0 40px
}
.gl-empty i{
  font-size:42px;color:#9aa5b3;margin-bottom:.35rem
}
.gl-empty h3{font-weight:800;margin:0 0 .25rem;color:var(--ink)}
.gl-empty p{color:var(--ink2);margin:0}