.hb-bazaar-detail{width:100%;max-width:100%;color:#ddd}
.hb-bazaar-title{padding:14px 10px;text-align:center;font:700 21px Georgia,serif;color:#e2b75c;background:#38100a;border:1px solid #9b6a29}
.hb-bazaar-intro{padding:15px;text-align:center;line-height:1.55;background:#111;border:1px solid #4c3520}
.hb-character-head{text-align:center;padding:18px 8px 10px}
.hb-character-name{font:700 22px Georgia,serif;color:#e3b95f}
.hb-character-line{display:flex;align-items:center;justify-content:center;gap:18px}
.hb-character-gif{width:96px;height:96px;object-fit:contain}
.hb-character-vocation{font-weight:bold;font-size:16px}
.hb-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin:10px 0 18px}
.hb-stat{padding:8px 3px;text-align:center;background:#15100e;border:1px solid #5d4125}
.hb-stat-label{display:block;font-size:9px;color:#b7955c}
.hb-stat-value{display:block;margin-top:3px;font-size:15px;font-weight:bold;color:#fff}
.hb-section-title{margin-top:15px;padding:10px;text-align:center;font:bold 16px Georgia,serif;color:#e2b75c;background:#38100a;border:1px solid #805625}
.hb-info-row{display:grid;grid-template-columns:38% 62%;border-bottom:1px solid #33281e}
.hb-info-row>div{padding:9px 12px}
.hb-info-row>div:first-child{font-weight:bold;color:#d2ad69;background:#15110f}
.hb-info-row>div:last-child{background:#0e0d0c}
.hb-gif-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;background:#0d0c0b}
.hb-gif-card{min-height:125px;text-align:center;padding:8px 4px;background:#15110e;border:1px solid #5c4023}
.hb-gif-card img{display:block;width:96px;height:96px;object-fit:contain;margin:0 auto 4px}
.hb-gif-name{font-size:11px;color:#e1c58d}
.hb-items{display:flex;flex-wrap:wrap;gap:6px;padding:12px}
.hb-offer{text-align:center;padding:15px}
@media(max-width:700px){
.hb-stats{grid-template-columns:repeat(3,1fr)}
.hb-gif-grid{grid-template-columns:repeat(3,1fr);gap:4px;padding:6px}
.hb-gif-card{min-height:105px;padding:4px 2px}
.hb-gif-card img{width:78px;height:78px}
}

.hb-gz-head,
.hb-gz-row{
    align-items:center;
}

.hb-gz-head > div{
    white-space:nowrap;
    font-size:10px;
}

.hb-gz-row > div{
    min-width:0;
}

.hb-gz-action{
    white-space:nowrap;
}

.hb-gz-action .hb-gz-button{
    padding:7px 9px;
    font-size:9px;
    white-space:nowrap;
}

.hb-gz-buy-price{
    white-space:nowrap;
}


/* HELLBORN BAZAAR - FORCE SINGLE ROW */
.hb-gz-head,.hb-gz-row{
display:grid!important;
grid-template-columns:2fr .45fr .65fr .85fr .4fr .75fr 1.55fr!important;
align-items:center!important;
}
.hb-gz-head>div,.hb-gz-row>div{
grid-column:auto!important;
grid-row:auto!important;
min-width:0!important;
}
.hb-gz-action{
grid-column:auto!important;
grid-row:auto!important;
display:flex!important;
flex-wrap:nowrap!important;
gap:4px!important;
align-items:center!important;
justify-content:center!important;
white-space:nowrap!important;
}
.hb-gz-action .hb-gz-button{
display:inline-block!important;
padding:6px 7px!important;
font-size:8px!important;
white-space:nowrap!important;
}
.hb-gz-head>div{
font-size:9px!important;
white-space:nowrap!important;
text-align:center!important;
}
.hb-gz-character{
display:flex!important;
align-items:center!important;
grid-column:auto!important;
}
@media(max-width:700px){
.hb-gz-head,.hb-gz-row{
grid-template-columns:2fr .45fr .65fr .85fr .4fr .75fr 1.55fr!important;
}
.hb-gz-action,.hb-gz-character{
grid-column:auto!important;
grid-row:auto!important;
}
}