/* Hetzner Server Auction block for needsysadmin.ru (adapted from the winservers.net block). Prefix ha- */
.ha-section{position:relative;overflow:hidden;border-radius:24px;padding:44px 22px;margin:0 0 28px;background:#e9f3ff;color:#222;box-shadow:0 16px 30px rgba(8,22,38,.06)}
.ha-section-inner{position:relative;z-index:1;max-width:1100px;margin:0 auto}
.ha-eyebrow{margin:0 0 8px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#1e87f0}
.ha-h2{margin:0 0 10px;font-size:28px;line-height:1.28;color:#222}
.ha-intro{max-width:760px;margin:0 0 20px;color:#555}
.ha-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:999px;font:inherit;font-size:12px;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:1px solid rgba(20,50,90,.2);background:#fff;color:#222;transition:transform .16s ease;white-space:nowrap}
.ha-btn:hover{transform:translateY(-1px);color:#222}
.ha-btn-primary{color:#fff;border:1px solid rgba(255,255,255,.28);background:linear-gradient(135deg,#3b5998,#00a3e0);box-shadow:0 10px 22px rgba(0,0,0,.2)}
.ha-btn-primary:hover{color:#fff}
.ha-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:22px;margin-top:22px;align-items:start}
.ha-filters{position:sticky;top:14px;max-height:calc(100vh - 28px);overflow:auto;background:#fff;border:1px solid rgba(20,50,90,.12);border-radius:18px;padding:16px;box-shadow:0 8px 24px rgba(20,50,90,.08)}
.ha-fhead{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.ha-fcount{background:#1e87f0;color:#fff;border-radius:999px;font-size:11px;padding:1px 8px}
.ha-link{margin-left:auto;background:none;border:0;color:#1e87f0;cursor:pointer;font-size:13px;padding:2px}
.ha-link+.ha-link{margin-left:6px}
.ha-fgroup{padding:12px 0;border-top:1px solid rgba(20,50,90,.1)}
.ha-flabel{display:block;font-weight:700;font-size:14px;margin-bottom:8px}
.ha-sub{display:block;font-size:12px;opacity:.7;margin:10px 0 4px}
.ha-input{width:100%;box-sizing:border-box;font:inherit;font-size:14px;padding:8px 10px;border:1px solid rgba(20,50,90,.2);border-radius:10px;background:#fff;color:inherit}
.ha-input:focus-visible,.ha-check input:focus-visible,.ha-filters input[type=range]:focus-visible{outline:2px solid #1e87f0;outline-offset:2px}
.ha-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ha-check{display:flex;align-items:center;gap:8px;font-size:14px;padding:3px 0;cursor:pointer}
.ha-check input{width:16px;height:16px;accent-color:#1e87f0}
.ha-range{display:flex;flex-direction:column;gap:2px;font-size:13px;margin-bottom:6px}
.ha-range input{width:100%;accent-color:#3b5998}
.ha-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid rgba(20,50,90,.12);border-radius:14px;padding:10px 14px;font-weight:600}
.ha-bar label{font-weight:400;font-size:14px;display:flex;align-items:center;gap:8px}
.ha-sort{width:auto}
.ha-list{display:flex;flex-direction:column;gap:14px;margin-top:14px}
.ha-card{background:#fff;border:1px solid rgba(20,50,90,.12);border-radius:18px;padding:16px 18px;box-shadow:0 8px 22px rgba(20,50,90,.07)}
.ha-row{display:grid;grid-template-columns:190px minmax(0,1fr) 200px;grid-template-areas:"a s o";gap:18px;align-items:center}
.ha-row>div:nth-child(1){grid-area:a}.ha-row>div:nth-child(2){grid-area:s}.ha-row>div:nth-child(3){grid-area:o}
.ha-timer{display:inline-block;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#0c6b3c;background:rgba(50,210,150,.18);border-radius:8px;padding:5px 8px;margin-bottom:8px}
.ha-timer.ha-fixed{color:#35506f;background:rgba(30,135,240,.12)}
.ha-price{font-size:28px;font-weight:700;line-height:1.1;white-space:nowrap}
.ha-price small{display:block;font-size:12px;font-weight:400;opacity:.65;margin-top:2px;white-space:normal}
.ha-specs{margin:0;display:grid;grid-template-columns:90px 1fr;gap:5px 10px;font-size:14px}
.ha-specs dt{font-weight:700}.ha-specs dd{margin:0;min-width:0;overflow-wrap:anywhere}
.ha-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.ha-tags span{font-size:11px;letter-spacing:.04em;padding:3px 9px;border-radius:999px;background:rgba(30,135,240,.1);color:#1c4f86}
.ha-order{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.ha-order .ha-btn{justify-content:center;text-align:center}
.ha-alt{font-size:13px;text-align:center;color:#3b5998;text-decoration:none}
.ha-num{font-size:12px;text-align:center;opacity:.65}
.ha-toggle{background:none;border:0;color:#1e87f0;cursor:pointer;font-size:13px;padding:0;text-align:left}
.ha-details{margin:12px 0 0;padding:12px 0 0;border-top:1px dashed rgba(20,50,90,.2);font-size:13px}
.ha-details ul{margin:0 0 8px;padding-left:18px}
.ha-more{text-align:center;margin-top:16px}
.ha-note{font-size:12px;opacity:.7;margin-top:18px}
.ha-empty{padding:30px;text-align:center;background:#fff;border-radius:16px;border:1px dashed rgba(20,50,90,.25)}
.ha-ftoggle{display:none;margin-top:16px}
/* compact block (6 cards) */
.ha-compact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.ha-compact-grid .ha-card{display:flex;flex-direction:column;gap:10px;padding:16px}
.ha-compact-grid .ha-price{font-size:24px}
.ha-compact-foot{margin-top:18px;text-align:center}
@media (max-width:1280px){.ha-row{grid-template-columns:minmax(0,1fr) 200px;grid-template-areas:"a o" "s s"}}
@media (max-width:1000px){.ha-layout{grid-template-columns:1fr}.ha-filters{position:static;max-height:none;display:none}.ha-filters.ha-open{display:block}.ha-ftoggle{display:inline-flex}.ha-compact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.ha-section{padding:30px 14px}.ha-row{grid-template-columns:1fr;grid-template-areas:"a" "s" "o";gap:12px}.ha-order{flex-direction:column}.ha-btn{width:100%;white-space:normal}.ha-compact-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.ha-btn{transition:none}}
