.hb-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:32px;max-width:1400px;margin:40px auto}
.hb-card{background:#111;color:#fff;border-radius:20px;overflow:hidden}
.hb-card img{width:100%;height:240px;object-fit:cover}
.hb-body{padding:20px}.hb-stars{color:#ffcf40}.hb-btn{display:inline-block;background:#d6111e;color:#fff;text-decoration:none;padding:12px 18px;border-radius:12px}
.hb-modal{display:none;position:fixed;inset:0;z-index:999999}.hb-modal.active{display:block}
.hb-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.85)}
.hb-box{position:relative;background:#111;color:#fff;max-width:1200px;margin:20px auto;max-height:92vh;overflow:auto}
.hb-modal-layout{display:grid;grid-template-columns:2fr 1fr;gap:30px;padding:24px}
.hb-thumb img{width:150px!important;height:150px!important;object-fit:cover}
.hb-offer{margin:15px 0;padding:15px;background:#181818;border-radius:12px}
@media(max-width:1024px){.hb-grid{grid-template-columns:repeat(2,1fr)!important}.hb-modal-layout{grid-template-columns:1fr}}
@media(max-width:768px){.hb-grid{grid-template-columns:1fr!important}.hb-modal-layout{grid-template-columns:1fr}}

.hb-box > img, .hb-hero img{
 display:block !important;
 width:100% !important;
 height:320px !important;
 object-fit:cover !important;
}
.hb-thumb{display:none !important;}

.hb-search-wrap{max-width:1400px;margin:20px auto}
#hb-search{width:100%;padding:16px;border-radius:14px;background:#111;color:#fff;border:1px solid #333}
.hb-body h3,.hb-body p{color:#111 !important;background:#fff0}

.hb-share-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
.hb-share-btn{text-decoration:none;padding:10px 14px;border-radius:10px;background:#222;color:#fff}

.hb-btn{
background:linear-gradient(135deg,#ef233c,#d90429)!important;
color:#fff!important;
}
.hb-share-btn{
background:linear-gradient(135deg,#ef233c,#d90429)!important;
color:#fff!important;
text-decoration:none;
padding:10px 14px;
border-radius:10px;
}

.hb-btn{margin-top:15px;}


body.hb-modal-open{overflow:hidden!important}
.hb-modal{
 display:none;
 position:fixed!important;
 inset:0!important;
 width:100vw!important;
 height:100vh!important;
 z-index:2147483647!important;
}
.hb-modal.active{
 display:flex!important;
 align-items:flex-start;
 justify-content:center;
}
.hb-backdrop{
 position:fixed!important;
 inset:0!important;
 z-index:1!important;
 background:rgba(0,0,0,.85)!important;
 backdrop-filter:blur(8px);
}
.hb-box{
 position:relative!important;
 z-index:2!important;
 width:min(1200px,95vw)!important;
 margin:30px auto!important;
 border-radius:22px!important;
 background:linear-gradient(180deg,#111,#1a1a1a)!important;
 box-shadow:0 30px 100px rgba(0,0,0,.7)!important;
 animation:hbModalIn .25s ease;
}
.hb-close{
 position:absolute!important;
 top:12px;right:12px;
 z-index:3;
}
@keyframes hbModalIn{
 from{opacity:0;transform:translateY(15px)}
 to{opacity:1;transform:translateY(0)}
}
.hb-body h3,.hb-body p,.hb-box h2,.hb-box p,.hb-box li{color:#fff!important}


body.hb-modal-open{overflow:hidden!important}
.hb-modal{
position:fixed!important;
inset:0!important;
z-index:2147483647!important;
isolation:isolate!important;
}
.hb-modal.active{
display:flex!important;
align-items:flex-start!important;
justify-content:center!important;
}
.hb-backdrop{
position:fixed!important;
inset:0!important;
background:rgba(0,0,0,.88)!important;
backdrop-filter:blur(10px)!important;
}
.hb-box{
position:relative!important;
z-index:2!important;
margin:3vh auto!important;
max-height:94vh!important;
overflow:auto!important;
}