/* Store header */
body.pp-store-body .pp-store-header{
  position:relative;
  overflow:hidden;
  text-align:center;
  margin:0 0 var(--pp-header-gap);
  padding:var(--pp-header-pad-top) var(--pp-header-pad-x) var(--pp-header-pad-bottom);
  border-radius:var(--pp-radius-header);
  border:1px solid color-mix(in srgb,var(--pp-accent) 38%,rgba(255,255,255,.18));
  background:var(--pp-store-hero);
  color:var(--pp-text);
  box-shadow:var(--pp-shadow-header);
}
body.pp-store-body .pp-store-header::before,
body.pp-store-body .pp-store-header::after{
  opacity:.18;
  filter:none;
  box-shadow:none;
  pointer-events:none;
}
body.pp-store-body .pp-store-header .pp-hero-logo-wrap{
  width:var(--pp-logo-size);
  height:var(--pp-logo-size);
  margin:0 auto var(--pp-logo-margin-bottom);
  padding:2px;
  border-radius:999px;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.32);
  box-shadow:0 7px 16px rgba(0,0,0,.15);
  overflow:hidden;
}
body.pp-store-body .pp-store-header .pp-hero-logo-wrap>img,
body.pp-store-body .pp-store-header .pp-hero-logo{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:999px;
  border:0;
  margin:0;
  padding:0;
  background:#fff;
}
body.pp-store-body .pp-store-header h1{
  margin:0 0 5px;
  color:var(--pp-text);
  font-size:var(--pp-font-store);
  line-height:1;
  font-weight:900;
  letter-spacing:-.55px;
  text-shadow:0 1px 2px rgba(0,0,0,.18);
}
body.pp-store-body .pp-store-header p{
  margin:0 0 10px;
  color:var(--pp-muted);
  font-size:var(--pp-font-subtitle);
  line-height:1.15;
  font-weight:700;
  opacity:.9;
}
body.pp-store-body .pp-store-status-pill{
  position:static;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:var(--pp-status-height);
  margin:0 auto 13px;
  padding:0 var(--pp-status-pad-x);
  border-radius:14px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 5px 12px rgba(0,0,0,.10), inset 0 1px 0 rgba(255,255,255,.08);
  color:var(--pp-text);
  font-size:var(--pp-font-status);
  line-height:1;
  font-weight:800;
}
body.pp-store-body .pp-store-status-pill span{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:999px;
  background:#57e86f;
  box-shadow:0 0 0 3px rgba(87,232,111,.12);
}
body.pp-store-body .pp-store-header img.emoji,
body.pp-store-body .pp-store-header .pp-hero-metrics img,
body.pp-store-body .pp-store-header .pp-hotel-metrics img{
  width:16px;
  height:16px;
  min-width:16px;
  max-width:16px;
  min-height:16px;
  max-height:16px;
  display:inline-block;
  object-fit:contain;
  border-radius:0;
  box-shadow:none;
  background:transparent;
  margin:0;
  padding:0;
  vertical-align:-2px;
}
body.pp-store-body .pp-hero-metrics,
body.pp-store-body .pp-hero-metrics.pp-vip-info-strip,
body.pp-store-body .pp-hotel-metrics{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--pp-info-gap);
  width:100%;
  margin:0;
}
body.pp-store-body .pp-hero-metrics span,
body.pp-store-body .pp-hotel-metrics span,
body.pp-store-body .pp-hero-metrics .pp-payment-metric{
  min-width:0;
  min-height:var(--pp-info-height);
  padding:var(--pp-info-pad-y) var(--pp-info-pad-x);
  border-radius:var(--pp-radius-info);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  background:rgba(255,255,255,.095);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 5px 12px rgba(0,0,0,.09);
  color:var(--pp-text);
  overflow:hidden;
  text-align:center;
}
body.pp-store-body .pp-hero-metrics .pp-payment-metric{
  grid-column:1/-1;
}
body.pp-store-body .pp-hero-metrics span i,
body.pp-store-body .pp-hotel-metrics span i,
body.pp-store-body .pp-payment-metric i{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:var(--pp-info-icon-size);
  height:var(--pp-info-icon-size);
  min-width:var(--pp-info-icon-size);
  max-width:var(--pp-info-icon-size);
  flex:0 0 var(--pp-info-icon-size);
  font-style:normal;
  font-size:15px;
  line-height:1;
  overflow:hidden;
}
body.pp-store-body .pp-hero-metrics span b,
body.pp-store-body .pp-hotel-metrics span b,
body.pp-store-body .pp-payment-metric b{
  display:block;
  min-width:0;
  color:inherit;
  font-size:var(--pp-font-info);
  line-height:1.12;
  font-weight:800;
  letter-spacing:-.1px;
  white-space:normal;
  word-break:normal;
  overflow:visible;
  text-overflow:clip;
}
