/* DST Destinations Grid Pro - scoped widget styles */
.dst-dgp,.dst-dgp *{box-sizing:border-box}

.dst-dgp{
  --dst-dgp-surface-bg:#F8FAFC;
  --dst-dgp-surface-border:#D7E2EF;
  --dst-dgp-surface-radius:26px;
  --dst-dgp-container-max:1200px;
  --dst-dgp-header-max:900px;
  --dst-dgp-header-mb:44px;
  --dst-dgp-columns:3;
  --dst-dgp-destination-columns:4;
  --dst-dgp-columns-1100:3;
  --dst-dgp-col-gap:30px;
  --dst-dgp-row-gap:30px;
  --dst-dgp-card-min-h:380px;
  --dst-dgp-card-radius:20px;
  --dst-dgp-card-bg:#0B1528;
  --dst-dgp-img-hover-scale:1.08;
  --dst-dgp-overlay-height:60%;
  --dst-dgp-overlay-start:rgba(11,21,40,.90);
  --dst-dgp-reveal-border:rgba(255,255,255,.20);
  --dst-dgp-transition:350ms;
  width:100%;
  position:relative;
  overflow:visible;
  background:#F8FAFC;
  padding:40px 15px;
  margin:0;
  isolation:auto;
}

.dst-dgp__surface{width:100%;position:relative;z-index:1;overflow:hidden;background:var(--dst-dgp-surface-bg);border:1px solid var(--dst-dgp-surface-border);border-radius:var(--dst-dgp-surface-radius);box-shadow:0 18px 50px rgba(11,21,40,.06);padding:50px 30px;isolation:isolate;}
.dst-dgp__surface::before{content:"";position:absolute;top:-160px;right:-120px;width:360px;height:360px;border-radius:999px;pointer-events:none;background:radial-gradient(circle,rgba(255,193,7,.20) 0%,rgba(255,255,255,0) 62%);z-index:0;}
.dst-dgp__surface > *{position:relative;z-index:1}
.dst-dgp__container{width:100%;max-width:var(--dst-dgp-container-max);margin-inline:auto;position:relative;z-index:1}

.dst-dgp__header{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:var(--dst-dgp-header-max);margin:0 auto var(--dst-dgp-header-mb);}
.dst-dgp__badge{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:auto;background:transparent;color:#0B1528;border:0;border-radius:0;padding:0;margin:0 0 24px;font-family:Inter,Arial,Helvetica,sans-serif;font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;line-height:1.5;}
.dst-dgp__badge::before{content:"";width:10px;height:10px;border-radius:50%;background:#FFC107;box-shadow:0 0 0 6px rgba(255,193,7,.16);flex:0 0 auto;}
.dst-dgp__title{width:100%;max-width:1000px;margin:0 auto 20px;color:#0B1528;font-family:Inter,Arial,Helvetica,sans-serif;font-size:clamp(32px,4vw,56px);font-weight:800;line-height:1.2;}
.dst-dgp__title-highlight{color:#2552E4;}
.dst-dgp__desc{max-width:800px;margin:0 auto;color:#4B5563;font-family:Inter,Arial,Helvetica,sans-serif;font-size:clamp(16px,1.5vw,18px);line-height:1.6;}

.dst-dgp__grid{display:grid;grid-template-columns:repeat(var(--dst-dgp-columns),minmax(0,1fr));gap:var(--dst-dgp-row-gap) var(--dst-dgp-col-gap);align-items:stretch;width:100%;}
.dst-dgp.is-destination-page .dst-dgp__grid{grid-template-columns:repeat(var(--dst-dgp-destination-columns),minmax(0,1fr));}
.dst-dgp.dst-dgp--hide-current .dst-city-card.is-current-destination{display:none!important;}

.dst-city-card{position:relative;border-radius:var(--dst-dgp-card-radius);overflow:hidden;min-height:var(--dst-dgp-card-min-h);background-color:var(--dst-dgp-card-bg);box-shadow:0 10px 30px rgba(0,0,0,.05);transition:box-shadow var(--dst-dgp-transition) ease;display:flex;flex-direction:column;justify-content:flex-end;isolation:isolate;transform:translate3d(0,0,0);}
.dst-city-card:hover,.dst-city-card:focus-within,.dst-city-card.is-tapped{box-shadow:0 0 0 4px rgba(255,193,7,.4),0 20px 40px rgba(11,21,40,.2);}

.dst-dgp .dst-city-card > img.dst-card-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;margin:0;padding:0;max-width:none;display:block;transition:transform 600ms ease;will-change:transform;}
.dst-city-card:hover .dst-card-bg,.dst-city-card:focus-within .dst-card-bg,.dst-city-card.is-tapped .dst-card-bg{transform:scale(var(--dst-dgp-img-hover-scale));}
.dst-card-overlay-gradient{position:absolute;left:0;right:0;bottom:0;width:100%;height:var(--dst-dgp-overlay-height);background:linear-gradient(to top,var(--dst-dgp-overlay-start) 0%,rgba(11,21,40,0) 100%);z-index:1;pointer-events:none;}

.dst-card-content{position:relative;z-index:2;width:100%;padding:30px 25px;}
.dst-city-title{margin:0 0 5px;line-height:1.2;}
.dst-city-title a{color:#fff;font-family:Inter,Arial,Helvetica,sans-serif;font-size:clamp(22px,2vw,28px);font-weight:800;line-height:1.2;text-decoration:none;transition:color var(--dst-dgp-transition) ease,box-shadow var(--dst-dgp-transition) ease;}
.dst-city-title a:hover,.dst-city-title a:focus-visible{color:#FFC107;outline:none;}
.dst-city-title a:focus-visible,.dst-smart-links a:focus-visible{box-shadow:0 0 0 4px rgba(255,193,7,.36);outline:none;border-radius:8px;}
.dst-city-tag{display:block;color:#FFC107;font-family:Inter,Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;margin-bottom:15px;text-transform:uppercase;letter-spacing:.08em;line-height:1.4;}

.dst-card-reveal{max-height:0;opacity:0;transform:translateY(20px);transition:max-height 400ms ease,opacity 350ms ease,transform 400ms ease,margin-top 400ms ease,padding-top 400ms ease,border-color 400ms ease;overflow:hidden;}
.dst-city-card:hover .dst-card-reveal,.dst-city-card:focus-within .dst-card-reveal,.dst-city-card.is-tapped .dst-card-reveal{max-height:240px;opacity:1;transform:translateY(0);margin-top:15px;border-top:1px solid var(--dst-dgp-reveal-border);padding-top:15px;}
.dst-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:15px;}
.dst-stat-item{color:#E2E8F0;font-family:Inter,Arial,Helvetica,sans-serif;font-size:14px;line-height:1.45;display:flex;align-items:center;gap:8px;}
.dst-smart-links{display:flex;flex-wrap:wrap;gap:10px;}
.dst-smart-links a{color:#fff;font-family:Inter,Arial,Helvetica,sans-serif;font-size:12px;font-weight:700;text-decoration:none;background:rgba(255,255,255,.15);padding:6px 12px;border-radius:6px;line-height:1.2;transition:background-color var(--dst-dgp-transition) ease,color var(--dst-dgp-transition) ease,transform var(--dst-dgp-transition) ease;}
.dst-smart-links a:hover,.dst-smart-links a:focus-visible{background:#FFC107;color:#0B1528;transform:translateY(-1px);}

@media (max-width:1100px){.dst-dgp__grid,.dst-dgp.is-destination-page .dst-dgp__grid{grid-template-columns:repeat(var(--dst-dgp-columns-1100),minmax(0,1fr));}}
@media (max-width:1024px){.dst-dgp{padding:30px 15px;margin:0}.dst-dgp__surface{padding:50px 25px}.dst-dgp__grid,.dst-dgp.is-destination-page .dst-dgp__grid{grid-template-columns:repeat(var(--dst-dgp-columns),minmax(0,1fr));}.dst-city-card .dst-card-reveal{max-height:0;opacity:0;transform:translateY(20px);margin-top:0;border-top:0;padding-top:0}.dst-city-card:focus-within .dst-card-reveal,.dst-city-card.is-tapped .dst-card-reveal{max-height:240px;opacity:1;transform:translateY(0);margin-top:15px;border-top:1px solid var(--dst-dgp-reveal-border);padding-top:15px}}
@media (max-width:767px){.dst-dgp{--dst-dgp-surface-radius:22px;--dst-dgp-header-mb:30px;padding:20px 10px;margin:0}.dst-dgp__surface{padding:40px 10px}.dst-dgp__grid,.dst-dgp.is-destination-page .dst-dgp__grid{grid-template-columns:repeat(var(--dst-dgp-columns),minmax(0,1fr));gap:20px}.dst-city-card{min-height:350px}.dst-card-content{padding:25px 20px}.dst-dgp__badge{font-size:11px}.dst-dgp__title{font-size:28px}.dst-dgp__desc{font-size:16px}}
@media (prefers-reduced-motion:reduce){.dst-dgp *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.dst-card-bg,.dst-city-card:hover .dst-card-bg,.dst-city-card:focus-within .dst-card-bg,.dst-city-card.is-tapped .dst-card-bg{transform:none!important}}

.dst-dgp .dst-city-card > img.dst-card-bg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center;display:block!important;}