/* ANTARES STUDIO — edle Fable-Optik (navy/gold/ivory, Monument/Mulish) */
.hbas{--navy:#0d1b2a;--navy-deep:#06101c;--gold:#c9a961;--gold-dark:#9c7b34;--ivory:#faf7f2;--stone:#8a8578;
  background:var(--ivory);border-top:1px solid rgba(201,169,97,.25);border-bottom:1px solid rgba(201,169,97,.25);
  padding:72px 0;font-family:'Mulish',sans-serif;}
.hbas-container{max-width:1200px;margin:0 auto;padding:0 22px;}
.hbas-head{text-align:center;max-width:640px;margin:0 auto 36px;}
.hbas-eyebrow{font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold-dark);font-weight:700;margin-bottom:12px;}
.hbas-title{font-family:'Monument Extended',sans-serif;font-weight:400;font-size:34px;line-height:1.15;color:var(--navy);margin:0 0 14px;}
.hbas-title em{font-style:normal;color:var(--gold-dark);}
.hbas-sub{font-size:15px;line-height:1.7;color:#43505f;margin:0;}
.hbas-steps{display:flex;gap:10px;justify-content:center;margin:0 0 26px;}
.hbas-step{background:transparent;border:1px solid rgba(13,27,42,.2);border-radius:2px;padding:11px 26px;font-family:'Mulish',sans-serif;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--stone);cursor:pointer;}
.hbas-step span{color:var(--gold-dark);margin-right:6px;}
.hbas-step.on{background:var(--navy);border-color:var(--navy);color:#fff;}
.hbas-body{display:grid;grid-template-columns:1fr 320px;gap:30px;align-items:start;}
.hbas-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;}
.hbas-filter button{background:#fff;border:1px solid rgba(13,27,42,.15);border-radius:20px;padding:7px 18px;font-size:12px;color:var(--navy);cursor:pointer;font-family:'Mulish',sans-serif;}
.hbas-filter button.on{background:var(--gold);border-color:var(--gold);color:var(--navy-deep);font-weight:700;}
.hbas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;max-height:640px;overflow-y:auto;padding:4px;scrollbar-width:thin;}
.hbas-card{position:relative;background:#fff;border:1px solid rgba(13,27,42,.1);border-radius:3px;padding:12px 10px 14px;text-align:center;cursor:pointer;font-family:'Mulish',sans-serif;transition:border-color .15s, box-shadow .15s;}
.hbas-card:hover{border-color:var(--gold);}
.hbas-card.sel{border-color:var(--gold-dark);box-shadow:0 0 0 2px var(--gold);}
.hbas-card-img{display:block;height:120px;margin-bottom:10px;}
.hbas-card-img img{width:100%;height:100%;object-fit:contain;}
.hbas-badge{position:absolute;top:8px;left:8px;background:var(--navy);color:var(--gold);font-size:9px;letter-spacing:.14em;text-transform:uppercase;padding:3px 8px;border-radius:2px;}
.hbas-card-name{display:block;font-size:12.5px;font-weight:600;color:var(--navy);line-height:1.3;}
.hbas-card-sub{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--stone);margin:3px 0 6px;}
.hbas-card-price{display:block;font-size:13px;font-weight:700;color:var(--gold-dark);}
.hbas-side{position:sticky;top:90px;background:var(--navy-deep);border-radius:3px;padding:24px 22px;color:var(--ivory);}
.hbas-side-label{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:16px;}
.hbas-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;}
.hbas-prev-case,.hbas-prev-band{background:rgba(250,247,242,.06);border:1px solid rgba(201,169,97,.25);border-radius:3px;height:130px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.hbas-prev-case img,.hbas-prev-band img{max-width:92%;max-height:92%;object-fit:contain;}
.hbas-prev-case span,.hbas-prev-band span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(250,247,242,.45);}
.hbas-lines{margin:0 0 14px;}
.hbas-lines div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid rgba(250,247,242,.1);}
.hbas-lines dt{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(250,247,242,.55);}
.hbas-lines dd{margin:0;font-size:12px;text-align:right;color:var(--ivory);}
.hbas-total{display:flex;justify-content:space-between;align-items:baseline;margin:14px 0 2px;}
.hbas-total span{font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:rgba(250,247,242,.55);}
.hbas-total strong{font-family:'Monument Extended',sans-serif;font-weight:400;font-size:24px;color:var(--gold);}
.hbas-vat{font-size:10.5px;color:rgba(250,247,242,.5);margin-bottom:16px;}
.hbas-cta{width:100%;background:var(--gold);color:var(--navy-deep);border:none;border-radius:2px;padding:15px 10px;font-family:'Mulish',sans-serif;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;cursor:pointer;}
.hbas-cta:hover:not(:disabled){background:var(--gold-dark);color:#fff;}
.hbas-cta:disabled{opacity:.45;cursor:not-allowed;}
.hbas-note{font-size:11px;color:#e8b7a0;margin-top:10px;min-height:14px;}
@media (max-width:849px){
  .hbas{padding:48px 0;}
  .hbas-title{font-size:24px;}
  .hbas-body{grid-template-columns:1fr;}
  .hbas-side{position:static;order:-1;}
  .hbas-preview{grid-template-columns:1fr 1fr;}
  .hbas-grid{max-height:500px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));}
}
.hbas-prev-case img[hidden],.hbas-prev-band img[hidden]{display:none!important;}