/* Perkd skin layered over the Yopoint cooler app. Visual only. */
@font-face{font-family:Melbourne;src:url(/__perkd/fonts/melbourne-light.otf) format("opentype");font-weight:300;font-display:swap}
@font-face{font-family:Melbourne;src:url(/__perkd/fonts/melbourne-regular.otf) format("opentype");font-weight:400;font-display:swap}
@font-face{font-family:Melbourne;src:url(/__perkd/fonts/melbourne-bold.otf) format("opentype");font-weight:700;font-display:swap}

:root{
  --pk-yellow:#FFB800;
  --pk-yellow-soft:#FFF4D6;
  --pk-ink:#3D3D3D;
  --pk-line:#ECECEC;
  --van-primary-color:#FFB800;
  --van-blue:#FFB800;
  --van-button-primary-background:#FFB800;
  --van-button-primary-border-color:#FFB800;
  --van-button-primary-color:#3D3D3D;
  --van-checkbox-checked-icon-color:#FFB800;
  --van-text-color:#3D3D3D;
  --van-base-font:Melbourne,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}

html,body,#app,button,input,select,textarea,.van-button,.van-dialog,.van-popup,.van-toast{
  font-family:Melbourne,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif !important;
}
body{color:var(--pk-ink);background:#fff}

/* ---- Header ---- */
header{
  background:#fff !important;
  border-bottom:1px solid var(--pk-line);
  min-height:60px;
  padding:0 16px !important;
  align-items:center;
}
header img.logo{
  content:url(/__perkd/logo-mark.svg);
  width:36px !important;height:36px !important;
  max-height:none !important;
  order:0;
}
header::before{
  content:"Perkd";
  order:1;
  margin-left:10px;
  font:700 22px/1 Melbourne,system-ui,sans-serif;
  letter-spacing:-.01em;
  color:var(--pk-ink);
}
header > .van-space{order:2;margin-left:auto}
header .van-button{
  background:var(--pk-yellow-soft) !important;
  border-color:var(--pk-yellow-soft) !important;
  color:var(--pk-ink) !important;
  height:44px !important;min-width:44px;
}
header .van-icon{font-size:24px !important}
header .van-dropdown-menu__bar{background:transparent !important;box-shadow:none !important}
header .van-dropdown-menu__title,header .van-dropdown-menu__title *{color:var(--pk-ink) !important}
header .van-dropdown-menu__title:after{border-color:transparent transparent var(--pk-ink) var(--pk-ink) !important}

/* ---- Machine ID pill ---- */
.status-bar{background:var(--pk-yellow-soft) !important;color:var(--pk-ink)}

/* ---- Steps ---- */
.Step .spot{background:var(--pk-yellow) !important;color:var(--pk-ink) !important}
.Step .spot:before{border-right-color:#E2C36B !important}
.Step h3{font-weight:700}

/* ---- Products ---- */
.ProductItem{
  background:#fff !important;
  border-radius:16px !important;
  box-shadow:0 2px 8px rgba(0,0,0,.1);
  margin:.6em 16px !important;
  padding:.6em 1em !important;
  box-sizing:border-box;
  max-width:calc(100% - 32px);
}
.ProductItem img{border-radius:12px}
.ProductItem .price{color:var(--pk-ink)}

/* ---- Help bubble ---- */
img.icon-question{content:url(/__perkd/help.svg)}
.warning-tips{background:var(--pk-yellow-soft) !important;border-radius:16px !important}

/* ---- Footer / CTA ---- */
footer{
  background:#fff !important;
  border-top:1px solid var(--pk-line) !important;
  border-top-left-radius:16px !important;
  border-top-right-radius:16px !important;
  box-shadow:0 -2px 12px rgba(0,0,0,.08);
}
footer .privacy_policy p,footer .privacy_policy a{color:var(--pk-ink) !important;font-size:14px}
.btn-open,.van-button--primary{
  background:var(--pk-yellow) !important;
  border-color:var(--pk-yellow) !important;
  color:var(--pk-ink) !important;
  border-radius:12px !important;
  min-height:52px;
}
.btn-open strong{font-weight:700;font-size:18px}
.van-checkbox__icon--checked .van-icon{
  background:var(--pk-yellow) !important;
  border-color:var(--pk-yellow) !important;
  color:var(--pk-ink) !important;
}
.copyright{color:#6b6b6b !important}

/* ---- Dialogs / toasts ---- */
.van-dialog{border-radius:16px !important}
.van-dialog__confirm,.van-dialog__confirm:active{color:var(--pk-ink) !important;font-weight:700}