/* BHROMI hotel search results (mobile-first premium redesign).
   Scoped to .sr-* only; rendered by the SearchPage chunk. */
.sr-page{--u:clamp(.95px,calc(100vw/412),1.12px);--sr-navy:#0f1d4d;--sr-ink:#1e293b;--sr-mute:#64748b;--sr-line:#e6ecf5;--sr-blue:#0b5cf5;--sr-blue-d:#074ccb;--sr-blue-l:#eaf2ff;
  min-height:100%;background:linear-gradient(180deg,#f1f6fe 0,#f6f9fe 320px,#f6f9fe 100%);color:var(--sr-ink);
  font-family:"Inter","Noto Sans Bengali",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
.sr-page *{box-sizing:border-box}
.sr-page button{font-family:inherit;cursor:pointer}
.sr-page button:disabled{cursor:not-allowed}
.sr-page :focus-visible{outline:2px solid var(--sr-blue);outline-offset:2px}
.sr-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sr-wrap{max-width:1120px;margin:0 auto;padding:7px 18px 32px}
.sr-ic{flex:none;display:block}
.sr-ic--gold{color:#f5a400}
.sr-ic--dim{color:#475569}

/* ---- search summary (demo-matched; calc(var(--u)*1) = 1px on a 412px phone) ---- */
.sr-sum{display:flex;align-items:center;gap:calc(var(--u)*12);padding:calc(var(--u)*11) calc(var(--u)*12) calc(var(--u)*11) calc(var(--u)*13);background:#fff;border:1px solid #e9eff8;border-radius:calc(var(--u)*16);box-shadow:0 calc(var(--u)*2.1) calc(var(--u)*9.5) rgba(25,60,130,.06)}
.sr-sum__ic{flex:none;width:calc(var(--u)*38);height:calc(var(--u)*38);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--sr-blue-l);color:var(--sr-blue)}
.sr-sum__ic svg{width:calc(var(--u)*20);height:calc(var(--u)*20)}
.sr-sum__tx{flex:1;min-width:0}
.sr-sum__t{font-size:calc(var(--u)*15.5);line-height:1.25;font-weight:800;color:var(--sr-navy)}
.sr-sum__m{display:flex;flex-wrap:wrap;align-items:center;gap:0 calc(var(--u)*6);margin-top:calc(var(--u)*2);font-size:max(12px, calc(var(--u)*12));line-height:1.3;color:var(--sr-mute);font-weight:500;}
.sr-sum__m span{white-space:nowrap}
.sr-sum__m span:first-child{flex:0 0 100%}
.sr-sum__m i:first-of-type{display:none}
.sr-sum__m i{font-style:normal;font-size:max(12px, calc(var(--u)*12));color:#94a3b8}
.sr-edit{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u)*6);width:calc(var(--u)*78);height:calc(var(--u)*38);padding:0;border:1px solid #b9d0fb;border-radius:calc(var(--u)*11);background:#eaf2ff;color:var(--sr-blue);font-size:calc(var(--u)*14);font-weight:700;transition:background .15s}
.sr-edit svg{width:calc(var(--u)*16);height:calc(var(--u)*16)}
.sr-edit:hover{background:#dce9ff}

/* ---- controls ---- */
.sr-ctl{display:flex;align-items:center;gap:calc(var(--u)*11.7);margin-top:calc(var(--u)*9.5)}
.sr-ctl__b{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u)*7.4);min-width:0;height:calc(var(--u)*33.9);padding:0 calc(var(--u)*8.5);border:1px solid #e9eff8;border-radius:calc(var(--u)*10.6);background:#fff;color:var(--sr-navy);font-size:max(12px, calc(var(--u)*10.6));font-weight:600;box-shadow:0 calc(var(--u)*2.1) calc(var(--u)*8.5) rgba(25,60,130,.05);white-space:nowrap;transition:box-shadow .15s,border-color .15s}
.sr-ctl__b:nth-child(1){flex:0 0 31.5%}
.sr-ctl__b:nth-child(2){flex:0 0 25%}
.sr-ctl__b:nth-child(3){flex:0 0 28.4%;margin-left:auto}
.sr-ctl__b svg{width:calc(var(--u)*14.8);height:calc(var(--u)*14.8)}
.sr-ctl__b:hover:not(:disabled){border-color:#bcd2f8;box-shadow:0 3px 10px rgba(25,60,130,.1)}
.sr-ctl__b:disabled{opacity:.55}
.sr-ctl__b svg:first-child{color:var(--sr-blue)}
.sr-ctl__n{display:inline-flex;align-items:center;justify-content:center;min-width:calc(var(--u)*21.2);height:calc(var(--u)*21.2);padding:0 calc(var(--u)*5.3);border-radius:999px;background:var(--sr-blue);color:#fff;font-size:max(12px, calc(var(--u)*10.5));font-weight:700}

/* ---- count + sort select ---- */
.sr-cnt{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:calc(var(--u)*8.5);margin:calc(var(--u)*8.5) calc(var(--u)*2.1) calc(var(--u)*8.5)}
.sr-cnt__t{margin:0;font-size:calc(var(--u)*13);font-weight:800;color:var(--sr-navy);white-space:nowrap}
.sr-cnt__s{display:inline-flex;align-items:center;gap:calc(var(--u)*8.5);font-size:max(12px, calc(var(--u)*10));color:var(--sr-mute);font-weight:500;white-space:nowrap}
.sr-sel{position:relative;display:inline-flex;align-items:center}
.sr-sel select{appearance:none;-webkit-appearance:none;height:calc(var(--u)*26.5);width:calc(var(--u)*110.2);min-width:0;padding:0 calc(var(--u)*19.1) 0 calc(var(--u)*10.6);border:1px solid #e3eaf5;border-radius:calc(var(--u)*8.5);background:#fff;color:var(--sr-navy);font-size:max(12px, calc(var(--u)*9.5));font-weight:600;box-shadow:0 1px 4px rgba(25,60,130,.04);text-overflow:ellipsis}
.sr-sel svg{position:absolute;right:calc(var(--u)*8.5);width:calc(var(--u)*10.6);height:calc(var(--u)*10.6);pointer-events:none;color:#334155}

/* ---- list ---- */
.sr-list{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(var(--u)*13.8)}
@media(min-width:760px){.sr-page{--u:clamp(.95px,calc((100vw - 54px)/748),1.3px)}.sr-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sr-wrap{padding:18px 20px 44px}.sr-ctl{max-width:460px}.sr-ctl__b{flex:0 0 auto!important;margin-left:0!important;padding:0 14px}}
@media(min-width:1180px){.sr-page{--u:1.02px}.sr-list{grid-template-columns:repeat(3,minmax(0,1fr))}.sr-wrap{max-width:1180px}}

/* ---- card ---- */
.sr-card{display:flex;flex-direction:column;background:#fff;border:1px solid #edf1f8;border-radius:calc(var(--u)*13.8);box-shadow:0 calc(var(--u)*3.2) calc(var(--u)*12.7) rgba(25,60,130,.08);overflow:hidden;transition:box-shadow .2s}
.sr-card:hover{box-shadow:0 6px 20px rgba(25,60,130,.13)}
.sr-media{position:relative;aspect-ratio:2.9/1;background:linear-gradient(135deg,#cfe0fb,#eaf2ff);overflow:hidden}
.sr-media__lnk{position:absolute;inset:0;display:block}
.sr-strip{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.sr-strip::-webkit-scrollbar{display:none}
.sr-strip img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:center;display:block;-webkit-user-drag:none}
.sr-media__ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#6b8bbf;font-size:max(12px, calc(var(--u)*9.9));font-weight:600}
.sr-badge{position:absolute;top:calc(var(--u)*7.4);left:calc(var(--u)*8.5);display:inline-flex;align-items:center;gap:calc(var(--u)*6.4);height:calc(var(--u)*22.3);padding:0 calc(var(--u)*11.7) 0 calc(var(--u)*8.5);border-radius:999px;background:#fff;color:var(--sr-navy);font-size:max(12px, calc(var(--u)*9.5));font-weight:700;box-shadow:0 1px 6px rgba(10,30,70,.18);pointer-events:none}
.sr-badge svg{width:calc(var(--u)*12.7);height:calc(var(--u)*12.7)}
.sr-heart{position:absolute;top:calc(var(--u)*8.5);right:calc(var(--u)*7.4);width:calc(var(--u)*31.8);height:calc(var(--u)*31.8);display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:#fff;color:var(--sr-navy);box-shadow:0 1px 6px rgba(10,30,70,.2);transition:transform .15s}
.sr-heart svg{width:calc(var(--u)*17);height:calc(var(--u)*17)}
.sr-heart:hover{transform:scale(1.06)}
.sr-heart.on{color:#e11d48}
.sr-photos{position:absolute;right:calc(var(--u)*8.5);bottom:calc(var(--u)*21.2);display:inline-flex;align-items:center;gap:calc(var(--u)*7.4);height:calc(var(--u)*24.4);padding:0 calc(var(--u)*10.6);border:1px solid rgba(255,255,255,.25);border-radius:calc(var(--u)*8.5);background:rgba(15,20,35,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:max(12px, calc(var(--u)*9.5));font-weight:600;white-space:nowrap}
.sr-photos svg{width:calc(var(--u)*13.8);height:calc(var(--u)*13.8)}
.sr-photos:hover{background:rgba(15,20,35,.78)}
.sr-dots{position:absolute;right:calc(var(--u)*11.7);bottom:calc(var(--u)*7.4);display:flex;gap:calc(var(--u)*4.2);pointer-events:none}
.sr-dots i{width:calc(var(--u)*5.3);height:calc(var(--u)*5.3);border-radius:50%;background:rgba(255,255,255,.6)}
.sr-dots i.on{background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.12)}

.sr-body{padding:calc(var(--u)*8.5) calc(var(--u)*12.7) calc(var(--u)*8.5);display:flex;flex-direction:column;flex:1}
.sr-name{margin:0;font-size:calc(var(--u)*16.6);line-height:1.25;font-weight:800;color:var(--sr-navy);letter-spacing:-.005em}
.sr-name a:hover{color:var(--sr-blue)}
.sr-rate{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--u)*4.2) calc(var(--u)*10.6);margin-top:calc(var(--u)*3.2)}
.sr-score{flex:none;width:calc(var(--u)*48.8);height:calc(var(--u)*33.9);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:calc(var(--u)*8.5);background:#0a3a8f;color:#fff;text-align:center;line-height:1}
.sr-score b{display:block;font-size:calc(var(--u)*15.9);font-weight:800}
.sr-score small{display:block;margin-top:calc(var(--u)*2.1);font-size:max(12px, calc(var(--u)*9.5));font-weight:500;opacity:.92}
.sr-lab{min-width:0;margin-right:calc(var(--u)*18)}
.sr-lab b{display:block;font-size:max(12px, calc(var(--u)*11));font-weight:700;color:var(--sr-navy);line-height:1.25}
.sr-lab span{display:block;margin-top:calc(var(--u)*1.1);font-size:max(12px, calc(var(--u)*9.5));color:var(--sr-mute);font-weight:500;white-space:nowrap}
.sr-starpill{flex:none;display:inline-flex;align-items:center;gap:calc(var(--u)*5.3);height:calc(var(--u)*21.2);padding:0 calc(var(--u)*8.5);border:1px solid #e4eaf4;border-radius:calc(var(--u)*7.4);background:#fff;color:#475569;font-size:max(12px, calc(var(--u)*9.7));font-weight:500;white-space:nowrap}
.sr-starpill svg{width:calc(var(--u)*11.7);height:calc(var(--u)*11.7)}
.sr-loc{display:inline-flex;align-items:center;gap:calc(var(--u)*5.3);min-width:0;color:#475569;font-size:max(12px, calc(var(--u)*9.9));font-weight:500;line-height:1.25;white-space:nowrap}
.sr-loc::before{content:"";flex:none;width:1px;height:calc(var(--u)*9.5);margin:0 calc(var(--u)*4.2) 0 0;background:#dfe6f1}
.sr-loc svg{width:calc(var(--u)*12.7);height:calc(var(--u)*12.7);color:#64748b}


.sr-tags{display:flex;flex-wrap:wrap;gap:calc(var(--u)*5.3) calc(var(--u)*9.5);margin-top:calc(var(--u)*6.4)}
.sr-tag{display:inline-flex;align-items:center;gap:calc(var(--u)*5.3);height:calc(var(--u)*23.3);padding:0 calc(var(--u)*8.5);border:1px solid;border-radius:999px;font-size:max(12px, calc(var(--u)*9.5));font-weight:600;white-space:nowrap}
.sr-tag svg{width:calc(var(--u)*11.7);height:calc(var(--u)*11.7)}
.sr-tag--red{background:#fff0f0;border-color:#ffd1d1;color:#e11d1d}
.sr-tag--green{background:#ecf9f0;border-color:#ccefd8;color:#15803d}
.sr-tag--pink{background:#fff0f7;border-color:#ffd3e8;color:#d4217b}
.sr-tag--blue{background:#eaf3ff;border-color:#cfe2fc;color:#0b5cf5}
.sr-tag--amber{background:#fff7e6;border-color:#fde5b0;color:#b45309}

.sr-am{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--u)*4.2) calc(var(--u)*13.8);margin-top:calc(var(--u)*5.3);min-height:calc(var(--u)*19.1)}
.sr-am__i{display:inline-flex;align-items:center;gap:calc(var(--u)*6.4);font-size:max(12px, calc(var(--u)*9.5));font-weight:500;color:#475569;white-space:nowrap}
.sr-am__i svg{width:calc(var(--u)*13.8);height:calc(var(--u)*13.8);color:#64748b}
.sr-more{margin-left:auto;height:calc(var(--u)*19.1);padding:0 calc(var(--u)*11.7);border:0;border-radius:999px;background:var(--sr-blue-l);color:var(--sr-blue);font-size:max(12px, calc(var(--u)*9.5));font-weight:700;white-space:nowrap}
.sr-more:hover{background:#dce9ff}
.sr-am[data-open],.sr-am:has(.sr-more[aria-expanded="true"]){flex-wrap:wrap;gap:calc(var(--u)*5.3) calc(var(--u)*13.8)}

.sr-offer{display:flex;align-items:center;gap:calc(var(--u)*7.4);margin-top:calc(var(--u)*6.4);height:calc(var(--u)*20.1);padding:0 calc(var(--u)*9.5);border-radius:calc(var(--u)*6.4);background:#e9f8ee;color:#15803d;font-size:max(12px, calc(var(--u)*9.5));font-weight:600;white-space:nowrap}
.sr-offer svg{width:calc(var(--u)*12.7);height:calc(var(--u)*12.7);color:#16a34a}

.sr-foot{display:flex;align-items:stretch;margin-top:auto;padding-top:calc(var(--u)*11.7)}
.sr-price{flex:0 0 52.5%;min-width:0;display:flex;flex-direction:column;padding-right:calc(var(--u)*8.5);border-right:1px solid var(--sr-line)}
.sr-price__s{font-size:max(12px, calc(var(--u)*12));color:var(--sr-mute);font-weight:500;line-height:1.3}
.sr-price__o{font-size:max(12px, calc(var(--u)*11.3));color:#8a97ab;font-weight:500;text-decoration:line-through;text-decoration-color:#e5484d;text-decoration-thickness:1px;line-height:1.3;align-self:flex-start}
.sr-price__c{font-size:calc(var(--u)*17.3);line-height:1.15;font-weight:800;color:var(--sr-navy);margin-top:calc(var(--u)*1.1);white-space:nowrap}
.sr-price__n{font-size:max(12px, calc(var(--u)*10.7));color:var(--sr-mute);font-weight:500;margin-top:calc(var(--u)*1.1);line-height:1.3}
.sr-act{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:calc(var(--u)*6.4);padding-left:calc(var(--u)*18)}
.sr-off{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;width:calc(var(--u)*49.8);height:calc(var(--u)*20.1);border-radius:calc(var(--u)*7.4);background:#f97316;color:#fff;font-size:max(12px, calc(var(--u)*9.5));font-weight:700}
.sr-cta{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--u)*7.4);width:100%;height:calc(var(--u)*32.9);margin-top:auto;border-radius:calc(var(--u)*8.5);background:var(--sr-blue);color:#fff;font-size:max(14px, calc(var(--u)*11.2));font-weight:700;box-shadow:0 calc(var(--u)*3.2) calc(var(--u)*8.5) rgba(11,92,245,.25);transition:background .15s,transform .1s}
.sr-cta svg{width:calc(var(--u)*12.7);height:calc(var(--u)*12.7)}
.sr-cta:hover{background:var(--sr-blue-d)}
.sr-cta:active{transform:translateY(1px)}

/* ---- empty / error ---- */
.sr-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:30px 18px;text-align:center;background:#fff;border:1px dashed #cfdbef;border-radius:14px;color:var(--sr-mute)}
.sr-empty svg{color:var(--sr-blue)}
.sr-empty h2{margin:4px 0 0;font-size:15px;font-weight:800;color:var(--sr-navy)}
.sr-empty p{margin:0 0 6px;font-size:12px;max-width:340px}

/* ---- skeleton ---- */
.sr-sk__m{aspect-ratio:2.9/1;background:#e8eef9}
.sr-sk__l{display:block;height:10px;margin-bottom:8px;border-radius:7px;background:#e8eef9}
.sr-sk__l.w60{width:60%;height:16px}.sr-sk__l.w40{width:40%}.sr-sk__l.w80{width:80%}.sr-sk__l.w50{width:50%;margin-bottom:0}
.sr-sk__m,.sr-sk__l{animation:sr-pulse 1.3s ease-in-out infinite}
@keyframes sr-pulse{0%,100%{opacity:1}50%{opacity:.55}}

/* ---- buttons / links / fields ---- */
.sr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 18px;border:0;border-radius:10px;font-size:13px;font-weight:700}
.sr-btn--p{width:100%;background:var(--sr-blue);color:#fff;box-shadow:0 6px 16px rgba(11,92,245,.25)}
.sr-btn--p:hover:not(:disabled){background:var(--sr-blue-d)}
.sr-btn--p:disabled{background:#a9c3f5;box-shadow:none}
.sr-empty .sr-btn--p{width:auto}
.sr-link{display:inline-flex;align-items:center;gap:4px;padding:6px 0;border:0;background:none;color:var(--sr-blue);font-size:12px;font-weight:700;text-decoration:none}
.sr-err{margin:4px 0 0;font-size:12px;font-weight:600;color:#dc2626}
.sr-x{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:var(--sr-navy)}
.sr-x:hover{background:#eef3fb}
.sr-x--w{color:#fff}.sr-x--w:hover{background:rgba(255,255,255,.14)}

/* ---- bottom sheets ---- */
.sr-ov{position:fixed;inset:0;z-index:1000;display:flex;align-items:flex-end;justify-content:center;font-family:"Inter","Noto Sans Bengali",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.sr-ov *{box-sizing:border-box}
.sr-ov button{font-family:inherit;cursor:pointer}
.sr-ov__bk{position:absolute;inset:0;background:rgba(15,23,42,.5);animation:sr-fade .18s ease}
.sr-sh{position:relative;display:flex;flex-direction:column;width:100%;max-height:92vh;max-height:92dvh;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 -10px 40px rgba(15,23,42,.2);color:var(--sr-ink,#1e293b);overflow:hidden;animation:sr-up .22s ease}
@keyframes sr-fade{from{opacity:0}to{opacity:1}}
@keyframes sr-up{from{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.sr-ov__bk,.sr-sh{animation:none}.sr-sk__m,.sr-sk__l{animation:none}}
.sr-sh__grab{display:flex;justify-content:center;padding:8px 0 0}
.sr-sh__grab span{width:42px;height:4px;border-radius:4px;background:#cbd5e1}
.sr-sh__hd{display:flex;align-items:center;justify-content:space-between;padding:2px 8px 4px 14px;border-bottom:1px solid #eef1f6}
.sr-sh__hd h2{margin:0;font-size:16px;font-weight:800;color:#0f1d4d}
.sr-sh__bd{flex:1;min-height:0;overflow-y:auto;padding:10px 14px 14px;overscroll-behavior:contain}
.sr-sh__ft{padding:8px 14px calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid #eef1f6;background:#fff}
@media(min-width:768px){.sr-ov{align-items:center}.sr-sh{width:440px;max-width:calc(100vw - 48px);max-height:86vh;border-radius:16px}.sr-sh__grab{display:none}.sr-sh__hd{padding-top:12px}}

.sr-fld{display:block;margin-bottom:10px}
.sr-fld__l{display:block;margin-bottom:4px;font-size:12px;font-weight:700;color:#475569}
.sr-fld__c{display:flex;align-items:center;gap:8px;min-height:38px;padding:0 11px;border:1px solid #dbe3ee;border-radius:10px;background:#fff;color:var(--sr-blue,#0b5cf5)}
.sr-fld__c:focus-within{border-color:var(--sr-blue,#0b5cf5);box-shadow:0 0 0 3px rgba(11,92,245,.12)}
.sr-fld__c select,.sr-fld__c input{flex:1;min-width:0;height:36px;border:0;outline:0;background:transparent;font:inherit;font-size:13px;font-weight:600;color:#0f1d4d;padding:0}
.sr-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media(max-width:380px){.sr-two{grid-template-columns:1fr}}
.sr-step{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;border-top:1px solid #eef1f6}
.sr-step__l{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#0f1d4d}
.sr-step__l svg{color:var(--sr-blue,#0b5cf5)}
.sr-step__c{display:flex;align-items:center;gap:6px}
.sr-step__c button{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfdcf2;border-radius:50%;background:#fff;color:var(--sr-blue,#0b5cf5)}
.sr-step__c button:disabled{opacity:.4}
.sr-step__c output{min-width:28px;text-align:center;font-size:14px;font-weight:800;color:#0f1d4d}
.sr-opts{display:flex;flex-direction:column;gap:5px}
.sr-opt{display:flex;align-items:center;justify-content:space-between;min-height:38px;padding:0 12px;border:1px solid #e3eaf5;border-radius:10px;background:#fff;color:#0f1d4d;font-size:13px;font-weight:600;text-align:left}
.sr-opt.on{border-color:var(--sr-blue,#0b5cf5);background:#eef4ff;color:var(--sr-blue,#0b5cf5)}

/* ---- gallery ---- */
.sr-gal{position:fixed;inset:0;z-index:1100;display:flex;flex-direction:column;background:#05080f;font-family:"Inter","Noto Sans Bengali",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.sr-gal button{cursor:pointer}
.sr-gal__bar{display:flex;align-items:center;gap:12px;padding:4px 6px 4px 14px;color:#fff}
.sr-gal__t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700}
.sr-gal__n{font-size:12px;opacity:.8}
.sr-gal__strip{flex:1;min-height:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.sr-gal__strip::-webkit-scrollbar{display:none}
.sr-gal__slide{flex:0 0 100%;display:flex;align-items:center;justify-content:center;scroll-snap-align:center}
.sr-gal__slide img{max-width:100%;max-height:100%;object-fit:contain}
.sr-gal__nav{position:absolute;top:50%;width:36px;height:36px;margin-top:-18px;display:none;align-items:center;justify-content:center;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:#fff}
.sr-gal__nav:disabled{opacity:.3}
.sr-gal__nav--l{left:14px}.sr-gal__nav--r{right:14px}
@media(min-width:760px){.sr-gal__nav{display:inline-flex}}

/* ---- map ---- */
.sr-map{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;background:#fff;font-family:"Inter","Noto Sans Bengali",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.sr-map *{box-sizing:border-box}
.sr-map button{cursor:pointer}
.sr-map__bar{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 4px 14px;border-bottom:1px solid #eef1f6}
.sr-map__bar h2{margin:0;font-size:15px;font-weight:800;color:#0f1d4d}
.sr-map__bar small{font-size:12px;font-weight:500;color:#64748b}
.sr-map__cv{position:relative;flex:1;min-height:0}
.sr-map__el{position:absolute;inset:0;z-index:0}
.sr-map__ld{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;background:#eef3fb;color:#64748b;font-size:12px;font-weight:600}
.sr-map__fb{flex:1;overflow-y:auto;padding:12px 12px 20px;color:#64748b;font-size:12px}
.sr-map__sel{position:absolute;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:1001}
.sr-mc{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #e6ecf5;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(15,30,70,.16)}
.sr-mc__wrap{margin-bottom:8px}
.sr-mc__wrap .sr-mc{box-shadow:none}
.sr-mc__img{flex:none;width:56px;height:56px;border-radius:9px;object-fit:cover;background:#dbe6f8}
.sr-mc__tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.sr-mc__tx b{font-size:13px;font-weight:800;color:#0f1d4d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sr-mc__tx span{font-size:12px;color:#64748b}
.sr-mc__tx strong{font-size:13px;font-weight:800;color:#0f1d4d}
.sr-mc__go{flex:none;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#0b5cf5;color:#fff}
.sr-pin-wrap{background:transparent!important;border:0!important}
.sr-pin{display:inline-block;transform:translate(-50%,-50%);padding:4px 8px;border:2px solid #fff;border-radius:999px;background:#0b5cf5;color:#fff;font:700 12px/1 "Inter","Noto Sans Bengali",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;white-space:nowrap;box-shadow:0 3px 10px rgba(10,30,70,.3)}
.leaflet-container{font-family:inherit}

/* edit-sheet date fields: allow grid children to shrink on narrow screens */
.sr-fld{min-width:0}
.sr-two>*{min-width:0}
.sr-fld__c--d{padding:0 12px}
.sr-fld__c--d input{width:100%;min-width:0;font-size:12.5px}

/* solid tag icons like the design (fire / people / umbrella filled, shield with white check) */
.sr-tag--red svg,.sr-tag--pink svg,.sr-tag--blue svg,.sr-tag--green svg{fill:currentColor}
.sr-tag--green svg path:last-child:not(:first-child){fill:none;stroke:#fff}

/* ---- card: couple-friendly details popover + slightly larger, cleaner type ---- */
.sr-tagw{position:relative;display:inline-flex}
.sr-tag--btn{cursor:pointer;font-family:inherit}
.sr-tip{position:absolute;left:0;bottom:calc(100% + 9px);z-index:30;width:max-content;max-width:min(calc(var(--u)*270),calc(100vw - 56px));padding:calc(var(--u)*10) calc(var(--u)*14) calc(var(--u)*10) calc(var(--u)*12);border-radius:calc(var(--u)*9);background:rgba(17,20,30,.96);color:#fff;box-shadow:0 8px 24px rgba(10,20,50,.28);white-space:normal}
.sr-tip::after{content:"";position:absolute;left:calc(var(--u)*26);top:100%;border:6px solid transparent;border-top-color:rgba(17,20,30,.96)}
.sr-tip ul{margin:0;padding-left:calc(var(--u)*15)}
.sr-tip li{font-size:max(12px, calc(var(--u)*11.5));line-height:1.45;font-weight:500;padding:calc(var(--u)*1.5) 0}
.sr-name{font-size:calc(var(--u)*18.4)}
.sr-score b{font-size:calc(var(--u)*17.2)}
.sr-score small{font-size:max(12px, calc(var(--u)*10.2))}
.sr-lab b{font-size:max(12px, calc(var(--u)*12.6))}
.sr-lab span{font-size:max(12px, calc(var(--u)*10.8))}
.sr-starpill{font-size:max(12px, calc(var(--u)*10.9))}
.sr-loc{font-size:max(12px, calc(var(--u)*11.2))}
.sr-tag{height:calc(var(--u)*25.5);font-size:max(12px, calc(var(--u)*10.9))}
.sr-tag svg{width:calc(var(--u)*12.7);height:calc(var(--u)*12.7)}
.sr-am__i{font-size:max(12px, calc(var(--u)*10.9))}
.sr-more{height:calc(var(--u)*21.5);font-size:max(12px, calc(var(--u)*10.9))}
.sr-badge,.sr-photos{font-size:max(12px, calc(var(--u)*10.4))}
.sr-price__s{font-size:calc(var(--u)*12.8)}
.sr-price__o{font-size:max(12px, calc(var(--u)*12))}
.sr-price__c{font-size:calc(var(--u)*19)}
.sr-price__n{font-size:max(12px, calc(var(--u)*11.4))}
.sr-off{width:auto;min-width:calc(var(--u)*49.8);padding:0 calc(var(--u)*9);height:calc(var(--u)*22);font-size:max(12px, calc(var(--u)*10.9))}
.sr-cta{font-size:max(12px, calc(var(--u)*12.4))}

/* bullet dots on tooltip points */
.sr-tip ul{list-style:none;padding-left:0}
.sr-tip li{position:relative;padding-left:calc(var(--u)*16)}
.sr-tip li::before{content:"\2022";position:absolute;left:calc(var(--u)*3);top:calc(var(--u)*1.5);color:#fff;font-weight:800;line-height:1.45}