:root{
  --pp-nav-bg: rgba(255,255,255,.92);
  --pp-nav-border: var(--border,#fed7aa);
  --pp-nav-text: var(--text,#1f2937);
  --pp-nav-muted: var(--muted,#6b7280);
  --pp-nav-accent: var(--brand,#ea580c);
  --pp-nav-accent2: var(--brand2,#c2410c);
}

.pp-nav{
  position:sticky;
  top:0;
  z-index:9999;
  border-bottom:1px solid var(--pp-nav-border);
  background:var(--pp-nav-bg);
  backdrop-filter:blur(14px);
}

.pp-nav__inner{
  max-width:1240px;
  margin:0 auto;
  padding:14px 14px;
  display:flex;
  gap:16px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
}

.pp-brand{display:flex;align-items:center;gap:14px;min-width:180px}
.pp-brand__logo{
  width:58px;height:58px;border-radius:18px;
  background:linear-gradient(135deg,var(--pp-nav-accent),var(--pp-nav-accent2));
  display:grid;place-items:center;color:#fff;font-weight:800;
  box-shadow:var(--shadow,0 16px 40px rgba(15,23,42,.08));
  border:0;
}
.pp-brand__text{display:flex;flex-direction:column;line-height:1.08}
.pp-brand__name{font-family:"DM Sans",system-ui,sans-serif;font-size:1.15rem;font-weight:800;color:var(--pp-nav-text)}
.pp-brand__tag{font-size:.84rem;color:var(--pp-nav-muted);font-weight:700}

.pp-nav__right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pp-links{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.pp-link{
  text-decoration:none;color:var(--pp-nav-text);font-weight:800;
  padding:10px 12px;border-radius:999px;border:1px solid transparent;
  background:transparent;transition:.18s ease;
}
.pp-link:hover{background:var(--soft,#fff0dd);color:var(--pp-nav-accent2)}
.pp-link.active{background:#fff;border-color:var(--pp-nav-border);box-shadow:var(--shadow,0 16px 40px rgba(15,23,42,.08))}

.pp-navbtn{
  border:1px solid var(--pp-nav-border);
  background:#fff;color:var(--pp-nav-text);font-weight:800;
  padding:10px 12px;border-radius:14px;cursor:pointer;transition:.18s ease;
  box-shadow:var(--shadow,0 16px 40px rgba(15,23,42,.08));
}
.pp-navbtn:hover{transform:translateY(-1px);border-color:color-mix(in srgb, var(--pp-nav-accent) 35%, var(--pp-nav-border));color:var(--pp-nav-accent2)}
.pp-navbtn:active{transform:translateY(0) scale(.99)}

.pp-burger{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;font-size:20px}

.pp-drawer{position:fixed;inset:0;z-index:99999;display:none}
.pp-drawer.open{display:block}
.pp-drawer__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.32);backdrop-filter:blur(2px)}
.pp-drawer__panel{
  position:absolute;right:0;top:0;bottom:0;width:min(92vw,380px);
  background:#fff;border-left:1px solid var(--pp-nav-border);
  box-shadow:-18px 0 40px rgba(0,0,0,.12);padding:14px;overflow:auto;
}
.pp-drawer__top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 6px 12px}
.pp-drawer__title{font-family:"DM Sans",system-ui,sans-serif;font-weight:800;color:var(--pp-nav-text)}
.pp-drawer__close{width:44px;height:44px;border-radius:14px;font-size:20px;display:grid;place-items:center}
.pp-drawer__grid{display:grid;gap:10px;padding:6px}
.pp-drawer__grid a{
  text-decoration:none;color:var(--pp-nav-text);font-weight:800;padding:14px 16px;border-radius:18px;
  border:1px solid var(--pp-nav-border);background:var(--soft,#fff0dd);
}
.pp-drawer__grid a:hover{border-color:color-mix(in srgb, var(--pp-nav-accent) 35%, var(--pp-nav-border));color:var(--pp-nav-accent2)}

@media (max-width: 980px){
  .pp-links{display:none}
  .pp-burger{display:grid}
  .pp-brand__tag{display:none}
  .pp-nav__inner{align-items:flex-start}
}
@media (min-width: 981px){.pp-burger{display:none}}