/* Hotel gallery: prev/next arrows on the main photo + 4 thumbs with "+N" */
.bhd-arr{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:34px;height:34px;border-radius:50%;border:0;padding:0;display:grid;place-items:center;background:rgba(255,255,255,.72);color:#14233f;box-shadow:0 1px 6px rgba(0,0,0,.22);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s,transform .15s}
.bhd-arr svg{width:18px;height:18px}
.bhd-arr:hover{background:#fff}
.bhd-arr:active{transform:translateY(-50%) scale(.92)}
.bhd-arr-l{left:12px}
.bhd-arr-r{right:12px}
.bhd-thumbs.bhd-th4{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;overflow:visible;padding:8px 10px 0}
.bhd-thumbs.bhd-th4 .bhd-th{position:relative;flex:none;width:auto;min-width:0;height:auto;aspect-ratio:1/.86;border-radius:10px;overflow:hidden}
.bhd-th.more img{filter:brightness(.55)}
.bhd-th-more{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;color:#fff;font-size:20px;font-weight:700;pointer-events:none}
@media (min-width:900px){
 .bhd-arr{width:46px;height:46px}
 .bhd-arr svg{width:24px;height:24px}
 .bhd-arr-l{left:18px}.bhd-arr-r{right:18px}
 .bhd-thumbs.bhd-th4{padding:12px 0 0;gap:12px}
 .bhd-thumbs.bhd-th4 .bhd-th{aspect-ratio:1/.72}
 .bhd-th-more{font-size:26px}
}

/* v2: glassmorphism prev/next photo buttons */
.bhd .bhd-hero .bhd-arr{
 background:linear-gradient(135deg,rgba(255,255,255,.34),rgba(255,255,255,.10)),rgba(15,25,60,.16);
 border:1px solid rgba(255,255,255,.55);
 color:#fff;
 -webkit-backdrop-filter:blur(12px) saturate(1.7);backdrop-filter:blur(12px) saturate(1.7);
 box-shadow:0 6px 18px rgba(6,6,74,.28),inset 0 1px 0 rgba(255,255,255,.65),inset 0 -1px 0 rgba(255,255,255,.12);
 transition:background .2s ease,box-shadow .2s ease,transform .15s ease}
.bhd .bhd-hero .bhd-arr svg{stroke-width:2.6;filter:drop-shadow(0 1px 2px rgba(6,6,74,.55))}
.bhd .bhd-hero .bhd-arr:hover{background:linear-gradient(135deg,rgba(255,255,255,.46),rgba(255,255,255,.16)),rgba(15,25,60,.16)}
.bhd .bhd-hero .bhd-arr:active{transform:translateY(-50%) scale(.92)}
.bhd .bhd-hero .bhd-arr:focus-visible{outline:2px solid #fff;outline-offset:2px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.bhd .bhd-hero .bhd-arr{background:rgba(20,35,63,.55)}}

/* v2.1: smaller arrows on phones */
@media (max-width:767px){
 .bhd .bhd-hero .bhd-arr{width:26px;height:26px}
 .bhd .bhd-hero .bhd-arr svg{width:14px;height:14px}
 .bhd .bhd-hero .bhd-arr-l{left:8px}
 .bhd .bhd-hero .bhd-arr-r{right:8px}
}