.aem-pc-wrap{
--ink:#1f2a2f;--muted:#66747b;--line:#dfe7ea;--soft:#f7fafb;--accent:#6aaed6;--accent-dark:#2475a3;
max-width:780px;margin:24px auto;padding:26px;background:#fff;border:1px solid var(--line);border-radius:14px;color:var(--ink);
box-shadow:0 8px 30px rgba(20,40,50,.06)
}
.aem-pc-head{text-align:center;margin-bottom:22px}
.aem-pc-kicker{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-dark);margin-bottom:6px}
.aem-pc-head h2{margin:0 0 10px;font-size:30px;line-height:1.16}
.aem-pc-head p{margin:0 auto;max-width:650px;color:var(--muted);font-size:16px;line-height:1.55}
.aem-pc-search{margin-bottom:14px}
.aem-pc-filter{width:100%;min-height:46px;border:1px solid #cfdade;border-radius:9px;padding:10px 12px;font:inherit;background:#fff}
.aem-pc-options{display:grid;gap:9px;max-height:620px;overflow:auto;padding-right:4px;margin-bottom:18px}
.aem-pc-option{display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;transition:.15s ease}
.aem-pc-option:hover{border-color:#b9ced8;background:#fbfdfe}
.aem-pc-option:has(input:checked){border-color:var(--accent);background:#f2f9fd}
.aem-pc-option input{width:18px;height:18px;margin:0}
.aem-pc-btn{display:inline-flex;justify-content:center;align-items:center;min-height:46px;border:0;border-radius:9px;padding:11px 20px;background:var(--accent-dark);color:#fff;font-weight:700;font-size:16px;cursor:pointer}
.aem-pc-btn:disabled{opacity:.55;cursor:not-allowed}
.aem-pc-form-status{margin-top:10px;font-weight:600}
.aem-pc-form-status.is-error{color:#a12b2b}
.aem-pc-message{border:1px solid var(--line);background:var(--soft);border-radius:10px;padding:14px 16px;margin:0 0 18px}
.aem-pc-success{background:#f1faf3;border-color:#cfe8d4}
.aem-pc-results{margin-top:16px}
.aem-pc-results-head{display:flex;justify-content:space-between;align-items:end;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--line);margin-bottom:12px}
.aem-pc-results-head h3{margin:0;font-size:23px}
.aem-pc-results-head span{color:var(--muted);font-size:14px}
.aem-pc-result-row{padding:10px 0}
.aem-pc-result-line{display:flex;gap:8px;align-items:baseline}
.aem-pc-position{min-width:24px;color:var(--muted);font-weight:700}
.aem-pc-result-line strong{flex:1}
.aem-pc-result-value{white-space:nowrap;color:var(--muted);font-size:14px}
.aem-pc-bar{height:8px;background:#edf2f4;border-radius:99px;overflow:hidden;margin:7px 0 0 32px}
.aem-pc-bar span{display:block;height:100%;background:var(--accent);border-radius:99px}
.aem-pc-result-row.is-top strong{font-size:17px}
@media(max-width:640px){
.aem-pc-wrap{padding:18px;margin:16px 0;border-radius:12px}
.aem-pc-head h2{font-size:25px}
.aem-pc-result-line{flex-wrap:wrap}
.aem-pc-result-line strong{flex:1 1 calc(100% - 36px)}
.aem-pc-result-value{margin-left:32px}
.aem-pc-results-head{align-items:flex-start;flex-direction:column}
}
.aem-pc-countdown{
  margin:0 0 22px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:12px;
  background:var(--soft);
  text-align:center;
}
.aem-pc-countdown-label{
  font-weight:700;
  margin-bottom:10px;
}
.aem-pc-countdown-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  max-width:430px;
  margin:0 auto;
}
.aem-pc-countdown-grid div{
  background:#fff;
  border:1px solid var(--line);
  border-radius:9px;
  padding:10px 6px;
}
.aem-pc-countdown-grid strong{
  display:block;
  font-size:24px;
  line-height:1;
  margin-bottom:5px;
}
.aem-pc-countdown-grid span{
  color:var(--muted);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.aem-pc-countdown-end{
  margin-top:9px;
  color:var(--muted);
  font-size:13px;
}
.aem-pc-countdown.is-finished{
  background:#f7f7f7;
}
.aem-pc-countdown.is-finished .aem-pc-countdown-label{
  margin:0;
}
.aem-pc-total-only{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:8px;
  padding:13px 16px;
  margin:0 0 16px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--soft);
}
.aem-pc-total-only strong{
  font-size:26px;
  line-height:1;
}
.aem-pc-total-only span{
  color:var(--muted);
  font-weight:600;
}
@media(max-width:480px){
  .aem-pc-countdown-grid{gap:5px}
  .aem-pc-countdown-grid strong{font-size:20px}
  .aem-pc-countdown-grid span{font-size:10px}
}