/* =====================================================================
   BHROMI v107 - Home "Explore Cox's Bazar" section, rebuilt from the mock-up.
   Every number below is a MOCK-UP pixel (1536px-wide image = 390px phone), converted by
   --xu (= 1px / 3.9385).  To make the whole section bigger/smaller change ONLY --xu.
   LOAD LAST (after home-redesign.css).
   ===================================================================== */

.ex{--xu:calc(1px / 3.9385);--ex-ff:"Inter","Noto Sans Bengali",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;position:relative;padding:0 16px!important;margin:0;background:transparent;box-sizing:border-box}
.ex *{box-sizing:border-box;font-family:var(--ex-ff)}
.ex-head{position:relative;height:calc(229*var(--xu))}
.ex-bar{position:absolute;left:calc(1*var(--xu));top:calc(47*var(--xu));width:calc(82*var(--xu));height:calc(7*var(--xu));border-radius:calc(4*var(--xu));background:#045ff4}
.ex-title{position:absolute;left:calc(-3*var(--xu));top:calc(73.3*var(--xu));margin:0;white-space:nowrap;font-size:calc(72*var(--xu));line-height:1;font-weight:700;letter-spacing:-0.0055em;color:#01071e}
.ex-title em{font-style:normal;color:#024ad0;letter-spacing:-0.011em}
.ex-sub{position:absolute;left:calc(1*var(--xu));top:calc(161*var(--xu));margin:0;white-space:nowrap;font-size:calc(32.4*var(--xu));line-height:1;font-weight:400;letter-spacing:0.003em;color:#687b9a}
.ex-all{position:absolute;right:calc(-21*var(--xu));top:calc(86.4*var(--xu));width:calc(198.3*var(--xu));height:calc(71*var(--xu));border-radius:calc(36*var(--xu));background:#dbeafd;color:#033fcf;text-decoration:none;display:block;-webkit-tap-highlight-color:transparent}
.ex-all span{position:absolute;left:calc(35*var(--xu));top:calc(22.7*var(--xu));font-size:calc(30*var(--xu));line-height:1;font-weight:700;letter-spacing:0.0em;white-space:nowrap}
.ex-all svg{position:absolute;left:calc(148.5*var(--xu));top:calc(23*var(--xu));width:calc(15*var(--xu));height:calc(25*var(--xu));overflow:visible}
.ex-all:active{transform:scale(.97)}
.ex-row{display:flex;align-items:flex-start;gap:calc(30*var(--xu));margin:0 -16px;padding:calc(1*var(--xu)) 16px calc(84*var(--xu)) calc(16px - 3.31px);overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.ex-row::-webkit-scrollbar{display:none}
.ex-card{position:relative;flex:0 0 auto;width:calc(571*var(--xu));height:calc(711*var(--xu));border-radius:calc(38*var(--xu));overflow:hidden;isolation:isolate;display:block;text-decoration:none;color:#fff;background:#0f2242;box-shadow:0 calc(26*var(--xu)) calc(48*var(--xu)) calc(-4*var(--xu)) rgba(20,120,250,.18);-webkit-tap-highlight-color:transparent;transition:transform .18s ease}
.ex-card.is-first{width:calc(625*var(--xu));margin-right:calc(3*var(--xu))}
.ex-card:active{transform:scale(.985)}
.ex-card.ex-c1{margin-right:calc(1.5*var(--xu))}
.ex-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left top;display:block;z-index:0}
.ex-panel{position:absolute;left:0;right:0;bottom:0;top:calc(532*var(--xu));z-index:1;background:linear-gradient(180deg,rgba(14,33,66,0) 0,rgba(14,33,66,0.55) 10.8%,rgba(14,33,66,0.96) 40%,rgba(14,33,66,0.97) 100%)}
.ex-card.ex-c2 .ex-panel{background:linear-gradient(180deg,rgba(14,33,66,0) 0,rgba(14,33,66,.5) 10.8%,rgba(14,33,66,.86) 100%)}
.ex-wave{position:absolute;left:0;bottom:0;width:100%;height:calc(709*var(--xu));z-index:2;pointer-events:none}
.ex-badge{position:absolute;z-index:4;left:calc(30*var(--xu));top:calc(33*var(--xu));height:calc(52*var(--xu));width:calc(196*var(--xu));border-radius:calc(26*var(--xu));background:linear-gradient(90deg,#fd5628 0%,#ff7c22 100%);color:#fff}
.ex-badge svg{position:absolute;left:calc(13.5*var(--xu));top:calc(11.5*var(--xu));width:calc(32*var(--xu));height:calc(31*var(--xu))}
.ex-badge b{position:absolute;left:calc(53*var(--xu));top:calc(14.8*var(--xu));font-size:calc(23.4*var(--xu));line-height:1;font-weight:700;letter-spacing:0.067em;text-transform:uppercase;white-space:nowrap}
.ex-name{position:absolute;z-index:4;left:calc(40.5*var(--xu));top:calc(577.5*var(--xu));margin:0;font-size:calc(44*var(--xu));line-height:1;font-weight:700;letter-spacing:0em;color:#fff;white-space:nowrap;max-width:calc(430*var(--xu));overflow:hidden;text-overflow:ellipsis}
.ex-ic{position:absolute;z-index:4;left:calc(41*var(--xu));top:calc(637*var(--xu));width:calc(42*var(--xu));height:calc(36*var(--xu));color:#d4ddec}
.ex-count{position:absolute;z-index:4;left:calc(103*var(--xu));top:calc(637.7*var(--xu));font-size:calc(31.6*var(--xu));line-height:1;font-weight:400;letter-spacing:0.004em;color:#d7deed;white-space:nowrap}
.ex-go{position:absolute;z-index:4;right:calc(30.5*var(--xu));top:calc(592.5*var(--xu));width:calc(79*var(--xu));height:calc(79*var(--xu));border-radius:50%;background:rgba(95,145,240,.23);box-shadow:inset 0 0 0 calc(1.6*var(--xu)) rgba(140,185,255,.30);display:block}
.ex-ic svg{display:block;width:100%;height:100%}
.ex-card:not(.is-first) .ex-go{right:calc(34*var(--xu))}
.ex-card:not(.is-first) .ex-name{left:calc(42.5*var(--xu))}
.ex-card:not(.is-first) .ex-count{left:calc(100*var(--xu))}
.ex-go svg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}
@media (min-width:768px){.ex{max-width:876px;margin-left:auto;margin-right:auto}}

/* v1.1.28 — prev/next liquid-glass arrows on the Explore / Stay-at rows (same look as the hotel photo arrows) */
.ex-rw{position:relative}
.ex-arr{position:absolute;top:calc(355*var(--xu));transform:translateY(-50%);z-index:6;display:grid;place-items:center;width:28px;height:28px;padding:0;border-radius:50%;cursor:pointer;
 color:#fff;border:1px solid rgba(255,255,255,.6);
 background:linear-gradient(135deg,rgba(255,255,255,.38),rgba(255,255,255,.08)),rgba(15,25,60,.18);
 -webkit-backdrop-filter:blur(14px) saturate(1.8);backdrop-filter:blur(14px) saturate(1.8);
 box-shadow:0 6px 18px rgba(6,6,74,.3),inset 0 1px 0 rgba(255,255,255,.75),inset 0 -1px 0 rgba(255,255,255,.14),inset 0 0 10px rgba(255,255,255,.12);
 transition:opacity .25s ease,background .2s ease,transform .15s ease,visibility .25s;-webkit-tap-highlight-color:transparent}
.ex-arr svg{width:15px;height:15px;stroke-width:2.8;filter:drop-shadow(0 1px 2px rgba(6,6,74,.55))}
.ex-arr-l{left:-6px}.ex-arr-r{right:-6px}
.ex-arr:hover{background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(255,255,255,.16)),rgba(15,25,60,.18)}
.ex-arr:active{transform:translateY(-50%) scale(.9)}
.ex-arr:focus-visible{outline:2px solid #fff;outline-offset:2px}
.ex-rw[data-pos="start"] .ex-arr-l,.ex-rw[data-pos="end"] .ex-arr-r,.ex-rw[data-pos="none"] .ex-arr{opacity:0;visibility:hidden;pointer-events:none}
@media (min-width:768px){.ex-arr{width:46px;height:46px}.ex-arr svg{width:24px;height:24px}.ex-arr-l{left:6px}.ex-arr-r{right:6px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.ex-arr{background:rgba(20,35,63,.55)}}

/* v1.1.30 — arrows on the Our trusted partners marquee (auto-run keeps going; arrows nudge it) */
.bhp-rw{position:relative}
.bhp-rw .ex-arr.bhp-arr{top:50%;width:28px;height:28px;color:#0B1470;
 border:1px solid rgba(255,255,255,.85);
 background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,255,255,.28)),rgba(120,150,210,.18);
 box-shadow:0 6px 18px rgba(14,40,90,.2),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(255,255,255,.35)}
.bhp-rw .ex-arr.bhp-arr svg{filter:none}
.bhp-rw .ex-arr-l{left:8px}.bhp-rw .ex-arr-r{right:8px}
@media (min-width:768px){.bhp-rw .ex-arr.bhp-arr{width:46px;height:46px}.bhp-rw .ex-arr-l{left:6px}.bhp-rw .ex-arr-r{right:6px}}

/* v1.1.31: Home offer banner carousel - prev/next glass arrows (PC only; phones keep swipe) */
.hbn .hbn-arr{display:none;top:50%}
@media (min-width:768px){
  .hbn .hbn-arr{display:grid}
  .hbn .ex-arr-l{left:12px}.hbn .ex-arr-r{right:12px}
}

/* v1.1.32: Home "Exclusive offers" redesign - Explore-style heading + richer gradient offer cards */
.hof-sec{padding-top:6px!important;padding-bottom:2px!important}
.hof-head{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding-top:12px;margin:0 0 12px!important;font-family:"Inter","Noto Sans Bengali",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.hof-bar{position:absolute;left:1px;top:0;width:21px;height:2px;border-radius:2px;background:#045ff4}
.hof-ht h2{margin:0;font-size:18.5px;line-height:1.1;font-weight:800;letter-spacing:-.012em;color:#01071e}
.hof-ht h2 em{font-style:normal;color:#024ad0}
.hof-ht p{margin:4px 0 0;font-size:12px;line-height:1.2;font-weight:400;color:#687b9a}
.hof-head a.hof-all{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:7px 12px 7px 14px;border-radius:999px;background:#dbeafd;color:#033fcf;font-size:13px;font-weight:700;line-height:1;text-decoration:none;-webkit-tap-highlight-color:transparent}
.hof-all svg{width:7px;height:12px;overflow:visible}
.hof-all:active{transform:scale(.97)}

.hoffers{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;margin:0 -16px;padding:4px 16px 16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.hoffers::-webkit-scrollbar{display:none}
.hoffers .hoffer{--hof-a:#f97316;--hof-b:#ff9a3c;--hof-t:#c2410c;--hof-sh:rgba(249,115,22,.38);
  position:relative;overflow:hidden;isolation:isolate;flex:0 0 auto;min-width:200px;scroll-snap-align:start;
  display:flex;align-items:center;gap:12px;padding:14px 14px 14px 14px;border-radius:20px;
  border:1px solid rgba(255,255,255,.85);color:#0b1220;text-decoration:none;
  box-shadow:0 12px 24px -12px var(--hof-sh),0 1px 2px rgba(15,23,42,.05),inset 0 1px 0 rgba(255,255,255,.9);
  transition:transform .18s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}
.hoffers .hoffer:active{transform:scale(.97)}
.hoffers .hof-orange{background:linear-gradient(135deg,#fff6ec 0%,#ffe2c8 100%)}
.hoffers .hof-blue{--hof-a:#1f7bff;--hof-b:#52b9ff;--hof-t:#1558c9;--hof-sh:rgba(31,123,255,.34);background:linear-gradient(135deg,#eef6ff 0%,#d3e8ff 100%)}
.hoffers .hof-green{--hof-a:#16a34a;--hof-b:#3ed598;--hof-t:#0d7a43;--hof-sh:rgba(22,163,74,.32);background:linear-gradient(135deg,#eefbf3 0%,#cff1df 100%)}
.hoffer .hoffer-ic{position:relative;z-index:1;width:46px;height:46px;border-radius:15px;flex:0 0 auto;color:#fff;
  background:linear-gradient(145deg,var(--hof-b),var(--hof-a))!important;
  box-shadow:0 8px 14px -6px var(--hof-sh),inset 0 1px 0 rgba(255,255,255,.45)}
.hoffer .hoffer-ic svg{width:23px;height:23px}
.hoffer .hoffer-tx{position:relative;z-index:1;min-width:0;gap:3px}
.hoffer .hoffer-tx b{font-size:19px;font-weight:800;line-height:1.05;letter-spacing:-.02em;color:#0b1220;white-space:nowrap}
.hoffer .hoffer-tx i{font-size:13px;font-weight:600;line-height:1.15;color:var(--hof-t);white-space:nowrap}
.hoffer .hoffer-go{position:relative;z-index:1;margin-left:auto;flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.8);color:var(--hof-t);box-shadow:0 2px 6px rgba(15,23,42,.08)}
.hoffer .hoffer-go svg{width:14px;height:14px}
.hoffer .hoffer-wm{position:absolute;z-index:0;right:-12px;bottom:-16px;width:92px;height:92px;color:var(--hof-a);opacity:.1;transform:rotate(-12deg);pointer-events:none}
.hoffer .hoffer-wm svg{width:100%;height:100%;stroke-width:1.5}

@media (min-width:768px){
  .hof-sec{max-width:876px;margin-left:auto;margin-right:auto}
  .hof-ht h2{font-size:24px}.hof-ht p{font-size:14px}
  .hoffers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;overflow:visible;margin:0;padding:4px 0 18px}
  .hoffers .hoffer{min-width:0;padding:18px 18px}
  .hoffers .hoffer:hover{transform:translateY(-3px);box-shadow:0 18px 30px -14px var(--hof-sh),inset 0 1px 0 rgba(255,255,255,.9)}
  .hoffer .hoffer-ic{width:54px;height:54px;border-radius:17px}.hoffer .hoffer-ic svg{width:27px;height:27px}
  .hoffer .hoffer-tx b{font-size:22px}.hoffer .hoffer-tx i{font-size:14.5px}
  .hoffer .hoffer-go{width:32px;height:32px}.hoffer .hoffer-go svg{width:16px;height:16px}
  .hoffer .hoffer-wm{width:120px;height:120px}
}

/* v1.1.34: every "See all" pill now matches the Where2Go "View All" pill
   (26px high, #e0ecfe bg, #0950f4 text 12px/700, small chevron). Applies to Exclusive offers,
   Explore Cox's Bazar and Stay at these properties. */
.ex .ex-all{position:absolute;right:0;top:18px;width:auto;height:26px;padding:0 9px 0 13px;display:inline-flex;align-items:center;gap:3px;border-radius:999px;background:#e0ecfe;color:#0950f4;font-size:12px;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap}
.ex .ex-all span{position:static;font-size:12px;font-weight:700;line-height:1;letter-spacing:0}
.ex .ex-all i{display:contents}
.ex .ex-all svg{position:static;display:block;width:4px;height:6.6px;overflow:visible}
.ex .ex-all:active{transform:scale(.97)}
.hof-head{align-items:center}
.hof-head a.hof-all{gap:3px;height:26px;padding:0 9px 0 13px;border-radius:999px;background:#e0ecfe;color:#0950f4;font-size:12px;font-weight:700;line-height:1}
.hof-head a.hof-all span{font-size:12px;font-weight:700;line-height:1}
.hof-all svg{display:block;width:4px;height:6.6px;overflow:visible}

/* ── Owner's orders 2026-11-07: remove the prev/next arrow buttons from the
   home "Our trusted partners" (.bhp) strip and the "Where2Go" (.w2g-arr)
   strip. "Stay at these properties" (.stp) KEEPS its arrows, as do the hero
   and Explore strips. ── */
.bhp .ex-arr,.w2g-arr{display:none!important}