/* Popular Destinations showcase: glass side panels around a featured card */
.ds-stage{ display:grid; grid-template-columns:230px minmax(0,1fr) 230px; gap:26px; align-items:center; padding:36px; border-radius:22px; background:linear-gradient(135deg,#0d1b3e 0%,#0a56d6 60%,#3b8cff 100%); position:relative; overflow:hidden; }
.ds-panel{ background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.25); border-radius:16px; padding:18px; color:#fff; backdrop-filter:blur(10px); text-align:center; }
.ds-panel h5{ color:#fff; font-family:'Inter',sans-serif; font-size:12px; letter-spacing:1.4px; text-transform:uppercase; margin:0 0 14px; }
.ds-panel small{ color:rgba(255,255,255,.8); }
.ds-gap{ margin-top:22px !important; }
.ds-also{ display:grid; gap:12px; }
.ds-also button{ border-radius:12px; overflow:hidden; aspect-ratio:4/3; position:relative; background:rgba(0,0,0,.2); transition:transform .25s ease, box-shadow .25s ease; }
.ds-also button:hover{ transform:scale(1.04); box-shadow:0 8px 22px rgba(0,0,0,.35); }
.ds-also img{ width:100%; height:100%; object-fit:cover; }
.ds-also span{ position:absolute; left:0; right:0; bottom:0; padding:14px 8px 6px; font-size:12.5px; font-weight:600; color:#fff; background:linear-gradient(transparent,rgba(9,20,49,.85)); }
.ds-card{ background:linear-gradient(180deg,#fff 0%,#e8f1ff 100%); border-radius:20px; padding:26px 26px 22px; text-align:center; box-shadow:0 24px 60px rgba(0,0,0,.35); }
.ds-title{ font-family:'Kaushan Script',cursive !important; font-weight:400; font-size:clamp(26px,3vw,36px); color:var(--navy); margin:0; }
.ds-sub{ font-size:12px; font-weight:700; letter-spacing:2px; text-transform:uppercase; color:var(--navy-2); margin:4px 0 16px; }
.ds-photo{ position:relative; border-radius:14px; overflow:hidden; aspect-ratio:16/10; background:#dfe8f7; }
.ds-photo img{ width:100%; height:100%; object-fit:cover; transition:opacity .35s ease, transform .6s ease; }
.ds-photo img.swap{ opacity:0; transform:scale(1.04); }
.ds-arrow{ position:absolute; top:50%; transform:translateY(-50%); width:38px; height:38px; border-radius:50%; background:#fff; color:var(--navy-2); box-shadow:0 6px 16px rgba(0,0,0,.25); display:flex; align-items:center; justify-content:center; z-index:2; transition:transform .2s; }
.ds-arrow:hover{ transform:translateY(-50%) scale(1.12); }
.ds-arrow.left{ left:12px; }
.ds-arrow.right{ right:12px; }
.ds-thumbs{ display:flex; justify-content:center; gap:12px; margin:16px 0; }
.ds-thumbs button{ width:64px; height:48px; border-radius:8px; overflow:hidden; opacity:.55; border:2px solid transparent; transition:all .2s; }
.ds-thumbs button.on, .ds-thumbs button:hover{ opacity:1; border-color:var(--navy-2); }
.ds-thumbs img{ width:100%; height:100%; object-fit:cover; }
.ds-cta{ display:inline-block; background:var(--navy-2); color:#fff; font-weight:600; font-size:13px; letter-spacing:.8px; text-transform:uppercase; padding:13px 38px; border-radius:8px; box-shadow:0 8px 20px rgba(10,86,214,.4); transition:transform .2s, background .2s; }
.ds-cta:hover{ background:var(--orange-dark); transform:translateY(-2px); }
.ds-price{ font-family:'Poppins',sans-serif; font-weight:700; font-size:40px; line-height:1.1; }
.ds-tiles{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.ds-tiles div{ background:rgba(255,255,255,.2); border-radius:10px; padding:10px 6px; font-size:13px; font-weight:600; }
.ds-tiles div small{ display:block; font-size:10.5px; font-weight:400; text-transform:uppercase; letter-spacing:.6px; }
@media (max-width:960px){ .ds-stage{ grid-template-columns:1fr; padding:20px; } .ds-also{ grid-template-columns:1fr 1fr; } }
@media (max-width:960px){
  .ds-card{ order:-1; padding:18px 16px 18px; }
  .ds-right{ order:0; }
  .ds-left{ order:1; }
  .ds-stage{ gap:16px; padding:14px; border-radius:16px; }
  .ds-price{ font-size:34px; }
  .ds-tiles{ grid-template-columns:repeat(4,1fr); }
}
@media (max-width:520px){
  .ds-tiles{ grid-template-columns:1fr 1fr; }
  .ds-arrow{ width:32px; height:32px; }
}