/* BHROMI — Hotel details: top "hotel information" block redesign
   Spec = approved mock (1280px wide  ->  430 CSS px, scale 2.977).
   Every number below was measured from that mock (CSS px).
   Delete this file (and its <link> in index.html) to go back to the old look. */

.bhd.bhd-main .bhd-top{
  --ir-navy:#02095A; --ir-blue:#1456E0; --ir-gray:#606B87; --ir-line:#E5ECF7;
  background:#fff; padding-bottom:0;
  font-family:"Inter","Noto Sans Bengali",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}

/* ───────────── HERO ───────────── */
.bhd.bhd-main .bhd-hero{margin-top:-12px;height:205.5px;aspect-ratio:auto;width:100%;border-radius:0 0 12px 12px;overflow:hidden}
.bhd.bhd-main .bhd-hero .bhd-track,
.bhd.bhd-main .bhd-hero .bhd-slide,
.bhd.bhd-main .bhd-hero .bhd-hero-img{height:100%}
.bhd.bhd-main .bhd-hero .bhd-hero-img{width:100%;object-fit:cover}

/* BHROMI VERIFIED pill */
.bhd.bhd-main .bhd-hero .bhd-verified{left:13.4px;top:21.1px;height:21.8px;padding:0 9px 0 7.4px;gap:7.4px;border-radius:999px;
  background:rgba(255,255,255,.97);border:0;box-shadow:0 1px 4px rgba(10,20,60,.14);
  -webkit-backdrop-filter:none;backdrop-filter:none;display:inline-flex;align-items:center}
.bhd.bhd-main .bhd-hero .bhd-verified span{font-size:8.6px;line-height:1;font-weight:700;letter-spacing:.1px;color:#139A45;text-shadow:none;white-space:nowrap}
.bhd.bhd-main .bhd-hero .bhd-verified .bhd-vi{display:flex;width:12.1px;height:12.1px}
.bhd.bhd-main .bhd-hero .bhd-verified .bhd-vi svg{width:12.1px;height:12.1px}

/* heart */
.bhd.bhd-main .bhd-hero .bhd-heart{top:21.2px;right:13.2px;left:auto;width:30px;height:30px;padding:0;border-radius:50%;
  background:#fff;border:0;box-shadow:0 1px 5px rgba(10,20,60,.16);display:flex;align-items:center;justify-content:center}
.bhd.bhd-main .bhd-hero .bhd-heart svg{width:16px;height:16px;color:#F0214A}
.bhd.bhd-main .bhd-hero .bhd-heart svg[fill="none"]{color:#F0214A}

/* "1/24  View Photos >" pill (always open) */
.bhd.bhd-main .bhd-hero .bhd-more,
.bhd.bhd-main .bhd-hero .bhd-more.bhd-c,
.bhd.bhd-main .bhd-hero.bhd-idle .bhd-more{right:9.4px;bottom:8.4px;height:24.8px;display:flex;align-items:center;gap:6.4px;padding:0 6.4px 0 7.7px;
  border-radius:999px;background:rgba(28,28,32,.88);border:1px solid rgba(255,255,255,.55);box-shadow:none;color:#fff;
  -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.bhd.bhd-main .bhd-hero .bhd-more .bhd-more-ic{display:flex;flex:none;width:12.8px;height:12.8px;color:#fff}
.bhd.bhd-main .bhd-hero .bhd-more .bhd-more-ic svg{width:12.8px;height:12.8px}
.bhd.bhd-main .bhd-hero .bhd-more .bhd-more-t,
.bhd.bhd-main .bhd-hero.bhd-idle .bhd-more .bhd-more-t{display:flex;flex-direction:row;align-items:center;gap:8px;max-width:none;opacity:1;overflow:visible;white-space:nowrap;line-height:1}
.bhd.bhd-main .bhd-hero .bhd-more .bhd-more-t b{font-size:9.6px;font-weight:500;color:#fff}
.bhd.bhd-main .bhd-hero .bhd-more .bhd-more-t b::after{display:none}
.bhd.bhd-main .bhd-hero .bhd-more .bhd-more-t em{font-style:normal;font-size:9.6px;font-weight:500;letter-spacing:0;color:#fff}
.bhd.bhd-main .bhd-hero .bhd-more .bhd-more-ch{flex:none;width:12px;height:12px;margin:0 -1.5px 0 -1px;color:#fff;stroke-width:3}

/* ───────────── THUMBNAILS ───────────── */
.bhd.bhd-main .bhd-thumbs{display:flex;gap:7.4px;padding:7.4px 10px 0;scroll-padding-left:10px}
.bhd.bhd-main .bhd-thumbs .bhd-th{position:relative;flex:0 0 calc((100% - 22.2px)/4);width:calc((100% - 22.2px)/4);height:53.8px;
  padding:0;border:0;border-radius:7px;overflow:hidden;background:#dfe7f3;box-shadow:none;outline:0;transform:none}
.bhd.bhd-main .bhd-thumbs .bhd-th img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0}
.bhd.bhd-main .bhd-thumbs .bhd-th.on::after{content:"";position:absolute;inset:0;border-radius:7px;border:1.5px solid #2563EB;pointer-events:none}

/* ───────────── TITLE / META / ADDRESS ───────────── */
.bhd.bhd-main .bhd-title{position:relative;padding:3.65px 14.4px 0}
.bhd.bhd-main .bhd-title-row{display:block;min-height:28px}
.bhd.bhd-main .bhd-title h1{margin:0;padding-right:48px;font-size:23.5px;line-height:28px;font-weight:800;letter-spacing:0;color:var(--ir-navy)}
.bhd.bhd-main .bhd-title .bhd-share{position:absolute;top:10.7px;right:14.6px;width:29px;height:29px;padding:0;border:0;border-radius:50%;
  background:#ECF3FD;color:#06115A;display:flex;align-items:center;justify-content:center;box-shadow:none}
.bhd.bhd-main .bhd-title .bhd-share svg{width:15px;height:15px;stroke-width:2.4}

.bhd.bhd-main .bhd-title .bhd-meta{display:flex;align-items:center;margin-top:5px;height:21.5px}
.bhd.bhd-main .bhd-title .bhd-spill{display:inline-flex;align-items:center;gap:11px;height:21.5px;padding:0 12.5px 0 9px;border-radius:999px;
  background:#FDF6DF;border:0;color:#B8751A;font-size:10.8px;line-height:1;font-weight:500;letter-spacing:0}
.bhd.bhd-main .bhd-title .bhd-spill svg{width:14px;height:14px;margin:0 -1px;color:#F5B01E;flex:none}
.bhd.bhd-main .bhd-title .bhd-mrv{margin-left:8px;padding-left:8.8px;border-left:1px solid #D9DFEA;height:11px;display:flex;align-items:center;
  font-size:11.1px;line-height:1;font-weight:500;color:#5A6680}

.bhd.bhd-main .bhd-title .bhd-loc{display:flex;align-items:center;gap:5.9px;margin-top:3.9px;height:18px;padding:0}
.bhd.bhd-main .bhd-title .bhd-loc svg{width:16px;height:16px;flex:none;color:#6B7790}
.bhd.bhd-main .bhd-title .bhd-loc span{font-size:11.06px;line-height:1.35;font-weight:400;color:var(--ir-gray);letter-spacing:0}

/* ───────────── TAG CHIPS ───────────── */
.bhd.bhd-main .bhd-tags{display:flex;flex-wrap:wrap;gap:7.4px;margin:6.3px 0 0;padding:0 13.8px}
.bhd.bhd-main .bhd-tag{display:inline-flex;align-items:center;gap:6.5px;height:24.8px;padding:0 10.5px 0 11.5px;border-radius:999px;border:1px solid;
  font-size:9.4px;line-height:1;font-weight:600;letter-spacing:0;white-space:nowrap}
.bhd.bhd-main .bhd-tag svg{width:15px;height:15px;flex:none}
.bhd.bhd-main .bhd-tag-couple{background:#FFE3F6;border-color:#F7C9EA;color:#D0198F}
.bhd.bhd-main .bhd-tag-beach{background:#E7F0FD;border-color:#D3E3F8;color:#1F5FD0}
.bhd.bhd-main .bhd-tag-bfast{background:#FFF4D6;border-color:#F6E6B8;color:#C27510}

/* ───────────── AMENITY STRIP ───────────── */
.bhd.bhd-main .bhd-quick{margin:7.1px 13.4px 0;min-height:0;height:41.7px;padding:0 8px 0 11px;box-sizing:border-box;
  background:#F3F7FD;border:1px solid #E5ECF7;border-radius:12.5px;display:flex;align-items:center;justify-content:space-between;gap:10.5px;overflow:hidden}
.bhd.bhd-main .bhd-quick .bhd-q{flex:none;display:flex;align-items:center;gap:8.4px;height:22px;min-width:0}
.bhd.bhd-main .bhd-quick .bhd-q+.bhd-q{padding-left:10.8px;border-left:1px solid #D9E3F2}
.bhd.bhd-main .bhd-quick .bhd-qi{flex:none;width:22px;height:22px;color:#135BD4}
.bhd.bhd-main .bhd-quick .bhd-qt{display:flex;flex-direction:column;justify-content:center}
.bhd.bhd-main .bhd-quick .bhd-qt b{font-size:7.9px;line-height:12.5px;font-weight:700;letter-spacing:0;color:#020758;white-space:nowrap}
.bhd.bhd-main .bhd-quick .bhd-qt span{font-size:7.8px;line-height:12.5px;font-weight:400;letter-spacing:0;color:#636B80;white-space:nowrap}

/* ───────────── RATING CARD ───────────── */
.bhd.bhd-main .bhd-rate{margin:7px 13.4px 0;width:calc(100% - 26.8px);height:54.1px;padding:0 7.8px;box-sizing:border-box;
  background:#EAF1FC;border:0;border-radius:12.5px;display:flex;align-items:center;gap:0;text-align:left;box-shadow:none;cursor:pointer}
.bhd.bhd-main .bhd-rate .bhd-score{flex:none;width:59.1px;height:42.3px;margin:0 12.4px 0 0;padding:0;border-radius:9.4px;background:#02096E;color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:0;line-height:1}
.bhd.bhd-main .bhd-rate .bhd-score b{display:block;font-size:20px;line-height:20px;font-weight:800;letter-spacing:0;color:#fff}
.bhd.bhd-main .bhd-rate .bhd-score small{display:block;margin-top:1.5px;font-size:9.5px;line-height:12px;font-weight:400;color:#fff}
.bhd.bhd-main .bhd-rate .bhd-rt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.bhd.bhd-main .bhd-rate .bhd-rt b{font-size:13px;line-height:18px;font-weight:700;letter-spacing:0;color:#000657}
.bhd.bhd-main .bhd-rate .bhd-rt span{font-size:11.45px;line-height:17px;font-weight:400;letter-spacing:0;color:#5F6B83;white-space:nowrap}
.bhd.bhd-main .bhd-rate .bhd-chev{display:none}
.bhd.bhd-main .bhd-rate .bhd-subs{flex:none;box-sizing:border-box;width:232.4px;height:38.6px;padding-left:17.8px;border-left:1px solid #D5E0F2;display:flex;gap:8.7px;align-items:stretch}
.bhd.bhd-main .bhd-rate .bhd-sub{flex:1 1 0;min-width:0;height:39px;margin-top:-.2px;border-radius:9.4px;background:rgba(255,255,255,.78);
  display:flex;flex-direction:column;align-items:center;justify-content:center}
.bhd.bhd-main .bhd-rate .bhd-sub b{font-size:10px;line-height:12px;font-weight:700;letter-spacing:0;color:#000455}
.bhd.bhd-main .bhd-rate .bhd-sub small{margin-top:4px;font-size:9px;line-height:11px;font-weight:400;letter-spacing:0;color:#616980}

/* ───────────── WHAT'S NEARBY CARD ───────────── */
.bhd.bhd-main .bhd-hl{margin:7.7px 13.4px 0;padding:6.2px 11.8px 3.7px;box-sizing:border-box;background:#fff;border:1px solid #E6ECF6;border-radius:12.5px;box-shadow:none}
.bhd.bhd-main .bhd-hl .bhd-hl-top{display:flex;align-items:center;justify-content:space-between;height:16px}
.bhd.bhd-main .bhd-hl .bhd-hl-top h3{margin:0;display:flex;align-items:center;gap:8.8px;font-size:12px;line-height:16px;font-weight:800;letter-spacing:0;color:#030A50}
.bhd.bhd-main .bhd-hl .bhd-hl-pin{width:17px;height:17px;flex:none;margin:0 -2.3px 0 -2.3px;color:#1455E6}
.bhd.bhd-main .bhd-hl .bhd-hl-more{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;font-size:8.94px;line-height:16px;font-weight:700;letter-spacing:0;color:#1255D6;cursor:pointer}
.bhd.bhd-main .bhd-hl .bhd-hl-more svg{width:12.5px;height:12.5px;margin-right:-1.5px;stroke-width:3}
.bhd.bhd-main .bhd-hl .bhd-hl-r{display:flex;align-items:center;gap:11.5px;height:17.5px;margin:0;font-size:10.45px;line-height:17.5px;font-weight:400;letter-spacing:0;color:#646C81}
.bhd.bhd-main .bhd-hl .bhd-hl-top+.bhd-hl-r{margin-top:3.9px}
.bhd.bhd-main .bhd-hl .bhd-hl-ic{width:13px;height:13px;flex:none;color:#606781}
.bhd.bhd-main .bhd-hl .bhd-hl-r span{white-space:nowrap}

/* ───────────── TABS ───────────── */
.bhd.bhd-main>.bhd-dtabs:not(.stuck){padding-left:0;padding-right:0}
.bhd.bhd-main>.bhd-dtabs:not(.stuck)>.bhd-tabs{margin:10.1px 0 0}
.bhd.bhd-main .bhd-tabs{height:28.6px;padding:0 16.8px;gap:0;justify-content:space-between;align-items:stretch;background:#fff;
  border:1px solid #E9EFF8;border-bottom:1px solid #EDF1F8;border-radius:12px 12px 0 0;box-shadow:none;overflow:hidden}
.bhd.bhd-main .bhd-tabs .bhd-tab{flex:none;padding:0;height:100%;display:flex;align-items:center;justify-content:center;border:0;background:none;
  font-size:10.5px;font-weight:500;letter-spacing:0;text-transform:none;color:#636A86}
.bhd.bhd-main .bhd-tabs .bhd-tab span{display:block;padding:0 13.8px;line-height:26px;font-size:10.5px;font-weight:500;color:inherit}
.bhd.bhd-main .bhd-tabs .bhd-tab.on{color:#1456E0}
.bhd.bhd-main .bhd-tabs .bhd-tab.on span{font-size:11.3px;font-weight:700;color:#1456E0}
.bhd.bhd-main .bhd-tabs.spy .bhd-ind{height:2.4px;bottom:0;border-radius:2px;background:#0A5CF5}