.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:30px auto 20px}
#hb-search{width:100%;padding:16px 20px;border-radius:16px;border:1px solid #ddd;box-sizing:border-box}
.hb-modal{z-index:2147483646}
.hb-box{position:relative;z-index:2147483647;border-radius:20px}

.hb-share-row{
display:flex;gap:10px;flex-wrap:wrap;margin-top:20px
}
.hb-share-btn{
display:inline-block;padding:10px 14px;border-radius:12px;
text-decoration:none;color:#fff;
background:linear-gradient(135deg,#ff4d4d,#c40000)
}