:root{
  --posuite-primary:#f06b9a;
  --posuite-primary-deep:#df4e80;
  --posuite-primary-soft:#f9d8e4;
  --posuite-primary-pale:#fff4f8;
  --posuite-shadow:0 18px 40px rgba(223,78,128,.16);
  --posuite-shadow-soft:0 10px 26px rgba(223,78,128,.12);
  --posuite-border:1px solid rgba(240,107,154,.18);
  --posuite-text:#5c3a47;
  --posuite-text-soft:#8d6674;
  --posuite-radius:22px;
}

.posuite-hidden{display:none!important}

.posuite-configurator{
  margin:24px 0;
  padding:28px;
  border:var(--posuite-border);
  border-radius:var(--posuite-radius);
  background:linear-gradient(180deg,#fff 0%,#fff8fb 100%);
  box-shadow:var(--posuite-shadow-soft);
  color:var(--posuite-text);
}

.posuite-grid-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}

.posuite-summary{
  margin-top:20px;
  padding:18px 20px;
  background:linear-gradient(135deg,#fff 0%,#fff1f6 100%);
  border:var(--posuite-border);
  border-radius:18px;
  box-shadow:0 8px 22px rgba(223,78,128,.08);
}

.posuite-brand-mark{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:20px;
}

.posuite-brand-mark img{
  width:54px;
  height:54px;
  object-fit:contain;
  filter:drop-shadow(0 10px 20px rgba(240,107,154,.18));
}

.posuite-brand-mark-text strong{
  display:block;
  font-size:18px;
  color:var(--posuite-primary-deep);
  letter-spacing:.02em;
}

.posuite-brand-mark-text span{
  display:block;
  font-size:13px;
  color:var(--posuite-text-soft);
}