/* Праздничные шапки — стили */
.hh-wrap{--hh-line:rgba(128,128,128,.22);--hh-soft:rgba(128,128,128,.09);--hh-soft2:rgba(128,128,128,.16);font-size:14px;line-height:1.45}
.hh-wrap *,.hh-side *{box-sizing:border-box}
.hh-title{display:flex;align-items:center;gap:8px;font-weight:800;font-size:16px;margin-bottom:14px}
.hh-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.hh-card{position:relative;border:2px solid var(--hh-line);border-radius:12px;background:var(--hh-soft);padding:14px 10px 12px;text-align:center;transition:border-color .15s,background .15s}
.hh-card:hover{background:var(--hh-soft2)}
.hh-card-active{border-color:#2fc85a;background:rgba(47,200,90,.1)}
.hh-badge{position:absolute;top:8px;right:8px;border:0;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;line-height:1.2}
.hh-badge-pick{background:#3b4252;color:#fff;cursor:pointer}
.hh-badge-pick:hover{background:#4c5569}
.hh-badge-active{background:#2fc85a;color:#06200e}
.hh-card-img{width:96px;height:96px;margin:6px auto 10px;border-radius:12px;background:#15181f;display:flex;align-items:center;justify-content:center}
.hh-card-img img{max-width:84%;max-height:84%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}
.hh-card-name{font-weight:700;margin-bottom:4px}
.hh-card-wear{font-size:12px}
.hh-first{color:#e05252;font-weight:700}
.hh-count{opacity:.8}
.hh-empty{padding:24px;text-align:center;opacity:.7;border:1px dashed var(--hh-line);border-radius:12px}
.hh-alert{margin-top:12px;padding:10px 12px;border-radius:10px;font-size:13px}
.hh-alert-ok{background:rgba(47,200,90,.14);border:1px solid rgba(47,200,90,.4)}
.hh-alert-err{background:rgba(224,82,82,.14);border:1px solid rgba(224,82,82,.4)}

/* блок «Ваша шапка» */
.hh-side-body{text-align:center;padding:4px 0 6px}
.hh-preview{width:110px;height:110px;margin:0 auto 10px;border-radius:14px;background:#15181f;border:1px solid rgba(128,128,128,.22);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.hh-preview img{max-width:82%;max-height:82%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}
.hh-preview-empty span{font-size:11px;opacity:.75;padding:0 6px}
.hh-preview-empty small{font-size:10px;opacity:.5}
.hh-side-name{color:#e05252;font-weight:800;margin-bottom:10px}
.hh-btn{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:700;cursor:pointer;color:#fff;background:#4b5563}
.hh-btn:hover{filter:brightness(1.12)}
.hh-btn-red{background:#d9363e}

/* шапка в профиле */
.hh-slot{position:absolute;top:0;right:0;width:0;height:0;pointer-events:none;z-index:5}
.hh-profile-hat{position:absolute;pointer-events:none;filter:drop-shadow(0 4px 6px rgba(0,0,0,.4));transform:rotate(12deg)}