/* === BIKE HOTSPOT V5 === */
.bh-wrap{position:relative;max-width:1200px;margin:0 auto;width:100%}
.bh-wrap img.bh-img{width:100%;height:auto;display:block}
.bh-ttl{text-align:center;font-size:28px;font-weight:700;letter-spacing:2px;margin:30px 0 20px;color:#222;font-style:italic}
.bh-dot{position:absolute;width:36px;height:36px;border-radius:50%;background:#DAA520;color:#fff;font-size:16px;font-weight:700;border:3px solid #fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);z-index:10;box-shadow:0 2px 8px rgba(0,0,0,.3);animation:bhp 2s infinite;user-select:none}
.bh-dot:hover,.bh-dot.active{background:#B8860B;transform:translate(-50%,-50%) scale(1.2);animation:none;box-shadow:0 4px 15px rgba(218,165,32,.5)}
@keyframes bhp{0%,100%{box-shadow:0 0 0 0 rgba(218,165,32,.5)}50%{box-shadow:0 0 0 10px rgba(218,165,32,0)}}
.bh-tip{position:absolute;background:#fff;border:1px solid #ddd;border-radius:8px;padding:15px 18px;box-shadow:0 4px 20px rgba(0,0,0,.15);z-index:100;min-width:280px;max-width:350px;display:none;text-align:left}
.bh-tip.show{display:block!important}
.bh-tip-t{font-size:15px;font-weight:700;color:#222;margin-bottom:8px;text-transform:uppercase}
.bh-tip-d{font-size:13px;line-height:1.7;color:#555}
.bh-tip-d strong{color:#333}
.bh-tip-close{position:absolute;top:5px;right:10px;cursor:pointer;font-size:18px;color:#aaa;background:none;border:none}
.bh-tip-close:hover{color:#333}
@media(max-width:768px){
.bh-dot{width:28px;height:28px;font-size:12px;border-width:2px}
.bh-tip{min-width:200px;max-width:260px;padding:12px 14px;position:fixed!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}
.bh-ttl{font-size:22px}
}