.pec-prodir{
  margin-top:16px;
  padding:16px;
  border-radius:18px;
  border:1px solid rgba(66,153,225,.35);
  background:#eaf7ff;
  box-shadow:0 8px 20px rgba(0,0,0,.05);
  color:#1c1c1c;
  font-family:inherit;
}
.pec-prodir *{box-sizing:border-box}
.pec-prodir-head{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin-bottom:12px;
}
.pec-prodir-kicker{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:6px 10px;
  border-radius:999px;
  background:#fff3a6;
  border:1px solid rgba(220,180,30,.35);
  color:#1c1c1c;
  font-size:12px;
  line-height:1.2;
  font-weight:900;
}
.pec-prodir-title{
  font-weight:900;
  font-size:21px;
  line-height:1.12;
  letter-spacing:-.02em;
  color:#1c1c1c;
}
.pec-prodir-sub{
  font-size:14px;
  line-height:1.5;
  color:#4f4f4f;
  opacity:1;
}
.pec-prodir-universe{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  background:#fff;
  border:1px solid rgba(0,0,0,.10);
  border-radius:16px;
  padding:12px;
  margin:0 0 12px;
  box-shadow:0 6px 15px rgba(0,0,0,.04);
}
.pec-prodir-universe-copy strong{
  display:block;
  font-size:15px;
  color:#1c1c1c;
  line-height:1.2;
}
.pec-prodir-universe-copy span{
  display:block;
  margin-top:3px;
  font-size:13px;
  line-height:1.35;
  color:#4f4f4f;
}
.pec-prodir-universe-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
}
.pec-prodir-link,
.pec-prodir-link:visited,
.pec-prodir-link:hover,
.pec-prodir-link:focus,
.pec-prodir-link:active{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:9px 12px;
  border-radius:999px;
  background:#fff3a6;
  border:1px solid rgba(220,180,30,.45);
  color:#1c1c1c!important;
  -webkit-text-fill-color:#1c1c1c!important;
  text-decoration:none!important;
  font-size:13px;
  font-weight:900;
  line-height:1.1;
}
.pec-prodir-link-current{
  background:#eaf7ff;
  border-color:rgba(66,153,225,.35);
  cursor:default;
}
.pec-prodir-controls{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
  margin-bottom:12px;
}
.pec-prodir-btn{
  appearance:none;
  border:1px solid rgba(0,0,0,.12);
  border-radius:999px;
  padding:9px 13px;
  font-weight:900;
  cursor:pointer;
  font-size:13px;
  line-height:1.1;
  background:#fff3a6;
  color:#1c1c1c!important;
  -webkit-text-fill-color:#1c1c1c!important;
  text-shadow:none!important;
}
.pec-prodir-btn:hover{filter:brightness(.98)}
.pec-prodir-btn.ghost{
  background:#fff;
  color:#1c1c1c!important;
  -webkit-text-fill-color:#1c1c1c!important;
  border:1px solid rgba(0,0,0,.12);
}
.pec-prodir-label{
  font-size:12px;
  font-weight:900;
  color:#4f4f4f;
  opacity:1;
}
.pec-prodir-select{
  border:1px solid rgba(0,0,0,.16);
  border-radius:999px;
  padding:8px 10px;
  background:#fff;
  color:#1c1c1c;
  max-width:220px;
  font-weight:700;
}
.pec-prodir-spacer{flex:1}
.pec-prodir-status{
  display:flex;
  flex-direction:column;
  gap:8px;
  background:#fff;
  border:1px solid rgba(0,0,0,.10);
  border-radius:16px;
  padding:14px;
  box-shadow:0 6px 15px rgba(0,0,0,.04);
}
.pec-prodir-big{
  display:flex;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  align-items:flex-end;
}
.pec-prodir-big-time{
  font-weight:900;
  font-size:34px;
  line-height:1;
  letter-spacing:-.04em;
  color:#1c1c1c;
}
.pec-prodir-big-sub{
  font-size:12px;
  color:#4f4f4f;
  opacity:1;
  margin-top:5px;
}
.pec-prodir-big-right{
  font-size:13px;
  color:#1c1c1c;
  opacity:1;
  background:#fff3a6;
  border:1px solid rgba(220,180,30,.35);
  border-radius:14px;
  padding:10px 12px;
  font-weight:900;
}
.pec-prodir-progress{
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  font-size:12px;
  color:#4f4f4f;
  opacity:1;
}
.pec-prodir-line{
  font-weight:900;
  font-size:14px;
  line-height:1.45;
  color:#1c1c1c;
  background:#fff3a6;
  border:1px solid rgba(220,180,30,.35);
  border-radius:14px;
  padding:11px 12px;
}
@media(max-width:720px){
  .pec-prodir{padding:13px}
  .pec-prodir-universe{align-items:flex-start}
  .pec-prodir-universe-actions{width:100%}
  .pec-prodir-link{width:100%;justify-content:flex-start}
  .pec-prodir-spacer{display:none}
  .pec-prodir-select{max-width:100%;width:100%}
  .pec-prodir-btn{flex:1 1 auto}
}