/* v100 Where2Go / Trip Ideas page (/where-to-go) - sized to match the reference mobile screenshots.
   All mobile sizes use --u (= 1/388 of the screen width) so proportions stay identical on any phone. */
.mt{--u:calc(100vw/388);--mt-ff:"Lato","Inter","Noto Sans Bengali",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:#f3f3f3;min-height:60vh;padding:calc(var(--u)*8) calc(var(--u)*16) calc(var(--u)*36);box-sizing:border-box}
.mt *{box-sizing:border-box;font-family:var(--mt-ff)}
.mt-backrow{display:flex;align-items:center;height:calc(var(--u)*38);margin:0 0 calc(var(--u)*9)}
.mt-backbtn{display:grid;place-items:center;width:calc(var(--u)*23);height:calc(var(--u)*38);padding:0;border:0;background:none;color:#6b6b6b;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mt-backbtn svg{display:block;width:calc(var(--u)*15);height:calc(var(--u)*15)}
.mt-bar{display:flex;align-items:center;gap:calc(var(--u)*8);height:calc(var(--u)*30);padding:0 calc(var(--u)*8);background:#fff;border-radius:calc(var(--u)*10)}
.mt-logo{display:block;height:calc(var(--u)*18);width:auto}
.mt-bar span{font-size:calc(var(--u)*12);font-weight:700;color:#000;line-height:1}
.mt-h1{margin:calc(var(--u)*10) 0 0;font-size:calc(var(--u)*22);line-height:1.218;font-weight:900;letter-spacing:0;color:#000}
.mt-lead{margin:0 0 calc(var(--u)*38);font-size:calc(var(--u)*13.5);line-height:1.3;font-weight:400;color:#4d4d4d}
.mt-list{display:flex;flex-direction:column;gap:calc(var(--u)*10)}
.mt-card,.mt-dcard{background:#fff;border-radius:calc(var(--u)*18);overflow:hidden}
.mt-ch{display:flex;align-items:center;gap:calc(var(--u)*10);padding:calc(var(--u)*10) calc(var(--u)*10) 0}
.mt-no{flex:0 0 auto;display:grid;place-items:center;min-width:calc(var(--u)*31);height:calc(var(--u)*31);padding:0 calc(var(--u)*6);border-radius:calc(var(--u)*7);background:#000;color:#fff;font-size:calc(var(--u)*18);font-weight:800;line-height:1}
.mt-ch h3{margin:0;font-size:calc(var(--u)*16.7);line-height:1.2;font-weight:800;color:#000}
.mt-cimg{margin:calc(var(--u)*10) calc(var(--u)*10) 0;aspect-ratio:2.4/1;border-radius:calc(var(--u)*13);overflow:hidden;background:linear-gradient(135deg,#bfe3f5,#e6f3fb)}
.mt-cimg img{display:block;width:100%;height:100%;object-fit:cover}
.mt-card p,.mt-dcard p{margin:calc(var(--u)*11.5) calc(var(--u)*10) 0;padding-bottom:calc(var(--u)*19);font-size:calc(var(--u)*11.8);line-height:1.18;color:#4d4d4d}
.mt-cta{display:flex;align-items:center;justify-content:center;height:calc(var(--u)*35);padding:0 calc(var(--u)*12);background:#cde6fb;color:#0b84e8;text-align:center;font-size:calc(var(--u)*13.9);font-weight:800;line-height:1.2;text-decoration:none;border-radius:0 0 calc(var(--u)*18) calc(var(--u)*18)}
.mt-cta:active{background:#bcdcf6}
.mt-sec{margin-top:calc(var(--u)*32);scroll-margin-top:calc(var(--u)*12)}
.mt-h2{margin:0 0 calc(var(--u)*12);font-size:calc(var(--u)*22);line-height:1.15;font-weight:900;letter-spacing:0;color:#000}
.mt-row{display:flex;gap:calc(var(--u)*12);margin:0 calc(var(--u)*-16);padding:0 calc(var(--u)*16) calc(var(--u)*6);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.mt-row::-webkit-scrollbar{display:none}
.mt-tile{flex:0 0 calc(var(--u)*142);width:calc(var(--u)*142);scroll-snap-align:start;text-decoration:none;color:#000}
.mt-timg{display:block;aspect-ratio:142/91;border-radius:calc(var(--u)*14);overflow:hidden;background:linear-gradient(135deg,#bfe3f5,#e6f3fb)}
.mt-timg img{display:block;width:100%;height:100%;object-fit:cover}
.mt-tile strong{display:-webkit-box;margin-top:calc(var(--u)*6);font-size:calc(var(--u)*15);line-height:1.2;font-weight:800;color:#000;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mt-tile:active{opacity:.85}
@media (min-width:768px){.mt{--u:1px;max-width:960px;margin:0 auto}.mt-list{display:grid;grid-template-columns:1fr 1fr}.mt-tile{flex-basis:200px;width:200px}.mt-h1{font-size:30px}.mt-lead,.mt-card p,.mt-dcard p{font-size:15px}.mt-ch h3{font-size:20px}.mt-no{min-width:36px;height:36px;font-size:20px}.mt-cta{height:44px;font-size:17px}}

/* ---- category detail pages (/where-to-go/:slug) - same sizes as the main page ---- */
.mt-back{display:inline-block;margin:calc(var(--u)*10) 0;color:#0a84ff;font-weight:800;text-decoration:none}
.mt-hero{position:relative;margin-top:calc(var(--u)*10);aspect-ratio:2.4/1;border-radius:calc(var(--u)*18);overflow:hidden;background:linear-gradient(135deg,#bfe3f5,#e6f3fb)}
.mt-hero img{display:block;width:100%;height:100%;object-fit:cover}
.mt-hero-no{position:absolute;left:calc(var(--u)*10);top:calc(var(--u)*10);display:grid;place-items:center;min-width:calc(var(--u)*31);height:calc(var(--u)*31);padding:0 calc(var(--u)*6);border-radius:calc(var(--u)*7);background:#000;color:#fff;font-size:calc(var(--u)*18);font-weight:800}
.mt-dlist{display:flex;flex-direction:column;gap:calc(var(--u)*10)}
.mt-facts{margin:0;padding:0 calc(var(--u)*10) calc(var(--u)*12);display:grid;grid-template-columns:auto 1fr;gap:calc(var(--u)*5) calc(var(--u)*10);font-size:calc(var(--u)*12.5);line-height:1.35}
.mt-facts dt{color:#0b84e8;font-weight:800}
.mt-facts dd{margin:0;color:#4d4d4d}
.mt-note{margin:calc(var(--u)*14) calc(var(--u)*2) 0;font-size:calc(var(--u)*12);line-height:1.4;color:#6b6b6b}
.mt-cta-solo{border-radius:calc(var(--u)*14);margin-top:calc(var(--u)*8)}
.mt-bar .mt-back{display:grid;place-items:center;width:calc(var(--u)*24);height:calc(var(--u)*24);margin:0 0 0 calc(var(--u)*-3);border-radius:50%;color:#000;font-size:calc(var(--u)*17);line-height:1;text-decoration:none;background:#f3f3f3}
@media (min-width:768px){.mt-dlist{display:grid;grid-template-columns:1fr 1fr}.mt-facts{font-size:14px}}