html,body.dps-standalone-body{margin:0!important;padding:0!important;background:#030812!important}
body.dps-standalone-body{overflow-x:hidden}
body.dps-standalone-body #wpadminbar{display:none!important}
body.dps-standalone-body{margin-top:0!important}
.dps-stage{
  --bg:#030812;--panel:#06101c;--panel2:#071524;--text:#f2f5f8;--muted:#b6c1cc;
  --cyan:#16caff;--blue:#168cff;--green:#35e684;--violet:#9c5bff;
  width:100%;min-height:100vh;background:
  radial-gradient(circle at 84% 7%,rgba(0,136,255,.08),transparent 28%),
  linear-gradient(180deg,#020711 0%,#030914 100%);
  color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.dps-stage *{box-sizing:border-box}
.dps-stage a{text-decoration:none;color:inherit}
.dps-dashboard{
  width:min(1586px,100%);
  min-height:100vh;
  margin:0 auto;
  display:grid;
  grid-template-columns:231px minmax(0,1fr);
  background:#030812;
}
.dps-sidebar{
  min-height:100vh;
  padding:21px 17px 18px;
  border-right:1px solid rgba(94,179,244,.24);
  background:
    radial-gradient(circle at 22% 20%,rgba(17,140,255,.05),transparent 33%),
    linear-gradient(180deg,#040a13,#050d18 58%,#030914);
  display:flex;flex-direction:column;
}
.dps-logo{display:block;width:190px;height:82px;margin:0 0 9px}
.dps-logo img{display:block;width:190px;height:82px;object-fit:cover;object-position:center}
.dps-nav{display:grid;gap:9px}
.dps-nav a{
  min-height:58px;border-radius:10px;padding:4px 10px 4px 3px;
  display:grid;grid-template-columns:47px minmax(0,1fr);gap:10px;align-items:center;
  color:#e4ebf2;font-size:12px;line-height:1.22;
}
.dps-nav a img{width:44px;height:46px;object-fit:cover;border-radius:8px}
.dps-nav a.is-active{
  border:1px solid #15bdff;background:linear-gradient(90deg,rgba(10,114,166,.23),rgba(9,25,43,.85));
  box-shadow:inset 0 0 22px rgba(22,140,255,.06)
}
.dps-side-bottom{
  margin-top:auto;padding-top:15px;border-top:1px solid rgba(255,255,255,.04);
  display:grid;gap:18px;color:#cfd7df;font-size:12px
}
.dps-side-bottom span{display:flex;gap:13px;align-items:center;padding-left:9px}
.dps-side-bottom i{width:19px;text-align:center;font-style:normal;color:#c8d3de}

.dps-main{
  min-width:0;
  padding:21px 23px 22px;
  background:
    radial-gradient(circle at 81% 0%,rgba(15,151,255,.06),transparent 25%),
    linear-gradient(180deg,#030812,#040b15);
}
.dps-hero{
  height:205px;
  display:grid;grid-template-columns:52% 48%;
  position:relative;overflow:hidden;
  margin-bottom:16px;
}
.dps-hero:before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(4,9,16,.98) 0%,rgba(4,9,16,.88) 35%,rgba(4,9,16,.23) 66%,rgba(4,9,16,0) 100%);
  z-index:1;pointer-events:none
}
.dps-hero-copy{position:relative;z-index:3;padding:24px 10px 0 34px}
.dps-hero h1{
  margin:0;color:#f2f2f2;font-size:66px;line-height:.97;letter-spacing:-3px;font-weight:800
}
.dps-hero h1 span{
  background:linear-gradient(90deg,#20c8ff,#167eff);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.dps-hero p{
  margin:17px 0 0;color:#bdc5cf;font-size:18px;line-height:1.45
}
.dps-feature-pills{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}
.dps-feature-pills span{
  border:1px solid #25425b;background:rgba(5,17,29,.76);
  border-radius:8px;padding:8px 13px;color:#d4dbe3;font-size:11px;line-height:1
}
.dps-feature-pills .green{color:#dbe4e9}
.dps-hero-art{position:absolute;right:0;top:0;width:61%;height:205px;z-index:0}
.dps-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center}

.dps-products{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:13px 14px;
}
.dps-product{
  min-width:0;min-height:298px;overflow:hidden;border-radius:14px;
  border:1px solid #0d527d;
  background:linear-gradient(180deg,#071321 0%,#04101b 100%);
  display:flex;flex-direction:column;
}
.dps-product-art{
  height:148px;overflow:hidden;position:relative;background:#06101b;
  border-bottom:1px solid rgba(255,255,255,.025)
}
.dps-product-art img{
  width:100%;height:100%;display:block;object-fit:cover;object-position:center;
  filter:saturate(1.08) contrast(1.03)
}
.dps-product-body{padding:10px 22px 12px;display:flex;flex-direction:column;gap:8px;flex:1}
.dps-product h2{
  margin:0;color:#f0f2f5;font-size:20px;line-height:1.08;letter-spacing:-.45px;font-weight:750
}
.dps-product p{
  margin:0;color:#bac4ce;font-size:11.1px;line-height:1.42;min-height:46px
}
.dps-tags{display:flex;gap:7px;flex-wrap:wrap}
.dps-tags span{
  padding:5px 9px;border-radius:999px;font-size:9px;line-height:1;
  border:1px solid #164e77;background:#04162a;color:#8ec8f3
}
.dps-explore{
  margin-top:auto;font-size:11.5px;font-weight:800;color:#13c8ff!important
}
.dps-explore b{font-size:16px;margin-left:8px}
.dps-accent-green{border-color:#0f7c4d}
.dps-accent-green .dps-tags span{border-color:#126743;color:#74e3aa;background:#071a16}
.dps-accent-green .dps-explore{color:#48e789!important}
.dps-accent-violet{border-color:#7b3dae}
.dps-accent-violet .dps-tags span{border-color:#5d2e8b;color:#c799ff;background:#160c29}
.dps-accent-violet .dps-explore{color:#a960ff!important}
.dps-accent-cyan{border-color:#0b738d}
.dps-accent-cyan .dps-tags span{border-color:#11627a;color:#66d9f3;background:#061721}

.dps-trust-strip{
  height:69px;margin-top:13px;border:1px solid #17334a;border-radius:13px;
  display:grid;grid-template-columns:repeat(4,1fr) 1.4fr;
  overflow:hidden;background:linear-gradient(180deg,#07111c,#05101b)
}
.dps-trust-strip div{
  display:flex;align-items:center;justify-content:center;gap:12px;
  color:#ced7df;font-size:11px;white-space:nowrap
}
.dps-trust-strip strong{font-size:22px;color:#dce8f0;font-weight:500}
.dps-trust-strip a{
  margin:8px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(90deg,#1498ff,#0b69f5 48%,#114cff);
  border:1px solid #27d5ff;
  box-shadow:0 0 20px rgba(23,159,255,.26),inset 0 0 20px rgba(25,205,255,.12);
  color:white!important;font-size:14px;font-weight:800
}
.dps-trust-strip a b{font-size:18px;margin-left:12px}

@media(hover:hover){
  .dps-product{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
  .dps-product:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(0,0,0,.24),0 0 18px rgba(13,166,255,.07)}
}

@media(max-width:1180px){
  .dps-dashboard{grid-template-columns:210px minmax(0,1fr)}
  .dps-sidebar{padding-left:12px;padding-right:12px}
  .dps-logo,.dps-logo img{width:172px}
  .dps-products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dps-hero h1{font-size:58px}
}
@media(max-width:800px){
  .dps-dashboard{display:block}
  .dps-sidebar{min-height:auto}
  .dps-logo{margin:0 auto 10px}
  .dps-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dps-side-bottom{display:none}
  .dps-main{padding:14px}
  .dps-hero{height:auto;min-height:390px;grid-template-columns:1fr}
  .dps-hero:before{background:linear-gradient(180deg,rgba(4,9,16,.98) 0%,rgba(4,9,16,.78) 56%,rgba(4,9,16,.13) 100%)}
  .dps-hero-copy{padding:22px 20px;min-height:215px}
  .dps-hero-art{width:100%;height:190px;top:auto;bottom:0}
  .dps-products{grid-template-columns:1fr}
  .dps-product-art{height:180px}
  .dps-trust-strip{height:auto;grid-template-columns:1fr 1fr}
  .dps-trust-strip div{min-height:54px}
  .dps-trust-strip a{grid-column:1/-1;min-height:54px}
}
@media(max-width:520px){
  .dps-nav{grid-template-columns:1fr}
  .dps-hero h1{font-size:44px}
  .dps-hero p{font-size:15px}
  .dps-feature-pills{gap:7px}
  .dps-feature-pills span{font-size:9px;padding:7px 9px}
  .dps-trust-strip{grid-template-columns:1fr}
  .dps-trust-strip a{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
  .dps-product{transition:none!important}
}


/* 1.2.0 interactive product details */
.dps-product{cursor:pointer}
.dps-product:focus-visible{outline:2px solid #18caff;outline-offset:3px}
.dps-explore{
  border:0;background:transparent;padding:0;text-align:left;cursor:pointer;
  font:inherit
}
.dps-side-bottom .dps-support-mail{
  display:flex;gap:13px;align-items:center;padding-left:9px;color:#cfd7df!important;
  text-decoration:none;font-size:12px
}
.dps-side-bottom .dps-support-mail i{
  width:19px;text-align:center;font-style:normal;color:#c8d3de
}
.dps-side-bottom .dps-support-mail:hover{color:#18caff!important}

.dps-weather-extra{
  position:absolute;left:18px;right:18px;bottom:8px;z-index:3;
  display:grid;grid-template-columns:repeat(4,1fr);gap:5px
}
.dps-weather-extra span{
  min-width:0;padding:5px 3px;border-radius:7px;
  background:rgba(3,14,27,.88);border:1px solid rgba(54,151,220,.22);
  color:#8fa9bd;font-size:7px;text-align:center;backdrop-filter:blur(4px)
}
.dps-weather-extra b{display:block;color:#eef8ff;font-size:9px;margin-top:1px}

.dps-modal{
  position:fixed;inset:0;z-index:999999;
  display:none;align-items:center;justify-content:center;
  padding:28px;
}
.dps-modal.is-open{display:flex}
.dps-modal-backdrop{
  position:absolute;inset:0;background:rgba(0,5,12,.82);backdrop-filter:blur(12px)
}
.dps-modal-panel{
  width:min(1020px,calc(100vw - 44px));max-height:90vh;overflow:auto;
  position:relative;z-index:2;border-radius:20px;
  border:1px solid rgba(34,190,255,.34);
  background:
    radial-gradient(circle at 85% 0%,rgba(21,157,255,.10),transparent 28%),
    linear-gradient(180deg,#071321,#050c16);
  box-shadow:0 35px 100px rgba(0,0,0,.55),0 0 45px rgba(14,159,255,.10)
}
.dps-modal-close{
  position:absolute;right:14px;top:14px;z-index:5;
  width:38px;height:38px;border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(4,13,24,.78);color:#eef8ff;
  font-size:28px;line-height:1;cursor:pointer
}
.dps-modal-hero{height:270px;position:relative;overflow:hidden;background:#05101c}
.dps-modal-hero img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.08) contrast(1.04)}
.dps-modal-hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(5,12,22,.25) 70%,#071321 100%)
}
.dps-modal-content{padding:0 34px 34px}
.dps-modal-eyebrow{
  color:#5ddaff;font-size:10px;letter-spacing:1.8px;font-weight:800;margin-top:-4px
}
.dps-modal-content h2{margin:6px 0 9px;font-size:34px;line-height:1.05;letter-spacing:-1px}
.dps-modal-lead{margin:0;max-width:820px;color:#b8c6d3;font-size:14px;line-height:1.55}
.dps-modal-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
.dps-modal-tags span{
  padding:6px 9px;border-radius:999px;border:1px solid #174f77;background:#061a2d;
  color:#8fd2ff;font-size:10px
}
.dps-detail-grid{
  margin-top:24px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:24px
}
.dps-detail-grid h3{margin:0 0 12px;font-size:16px}
.dps-detail-grid ul{
  margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px
}
.dps-detail-grid li{
  position:relative;padding:11px 12px 11px 34px;border-radius:11px;
  border:1px solid rgba(72,170,230,.16);background:#071725;color:#d9e5ee;font-size:11px;line-height:1.35
}
.dps-detail-grid li:before{
  content:"✓";position:absolute;left:12px;top:10px;color:#24d4ff;font-weight:900
}
.dps-detail-side{
  border:1px solid rgba(72,170,230,.16);background:#071725;border-radius:14px;padding:17px
}
.dps-detail-status{display:flex;align-items:center;gap:9px;color:#dce8f1;font-size:11px}
.dps-detail-status i{width:8px;height:8px;border-radius:50%;background:#31e77b;box-shadow:0 0 10px #31e77b}
.dps-detail-side p{color:#9fb2c2;font-size:11px;line-height:1.5;margin:16px 0}
.dps-detail-side a{
  min-height:43px;border-radius:9px;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(90deg,#118fff,#18caff);color:white!important;font-size:12px;font-weight:800
}
body.dps-modal-open{overflow:hidden!important}

@media(max-width:700px){
  .dps-modal{padding:12px}
  .dps-modal-panel{width:calc(100vw - 24px);max-height:94vh}
  .dps-modal-hero{height:190px}
  .dps-modal-content{padding:0 20px 24px}
  .dps-modal-content h2{font-size:27px}
  .dps-detail-grid{grid-template-columns:1fr}
  .dps-detail-grid ul{grid-template-columns:1fr}
}


/* 1.3.0: richer cards/details and explicit hourly Weather forecast */
.dps-weather-extra{display:none!important}

.dps-weather-card-hourly{
  position:absolute;left:10px;right:10px;bottom:5px;z-index:6;
  min-height:37px;padding:4px 6px;
  display:grid;grid-template-columns:48px repeat(5,minmax(0,1fr));gap:4px;align-items:center;
  border-radius:8px;background:rgba(2,10,20,.92);
  border:1px solid rgba(46,160,235,.28);backdrop-filter:blur(6px);
  box-shadow:0 5px 18px rgba(0,0,0,.25)
}
.dps-weather-card-hourly>strong{
  color:#49cbff;font-size:7px;letter-spacing:.9px;text-align:center
}
.dps-weather-card-hourly span{
  min-width:0;text-align:center;border-left:1px solid rgba(255,255,255,.06)
}
.dps-weather-card-hourly i{
  display:block;color:#7e9aaf;font-style:normal;font-size:6.5px;line-height:1.1
}
.dps-weather-card-hourly b{
  display:block;color:#eef8ff;font-size:8px;line-height:1.3;white-space:nowrap
}

/* Perfectly centered CSS cross: no font glyph alignment issues */
.dps-modal-close{
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:0!important;line-height:0!important
}
.dps-modal-close span{
  position:relative;display:block;width:15px;height:15px
}
.dps-modal-close span:before,
.dps-modal-close span:after{
  content:"";position:absolute;left:7px;top:0;width:2px;height:15px;
  border-radius:2px;background:#f4fbff;transform-origin:center
}
.dps-modal-close span:before{transform:rotate(45deg)}
.dps-modal-close span:after{transform:rotate(-45deg)}

.dps-modal-summary{
  margin:12px 0 0;max-width:880px;padding:12px 14px;border-left:2px solid #19caff;
  background:linear-gradient(90deg,rgba(18,145,210,.10),transparent);
  color:#d4e1eb;font-size:12px;line-height:1.5
}

.dps-more-info{
  margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:24px
}
.dps-more-info>section{
  border:1px solid rgba(72,170,230,.15);background:#061522;border-radius:14px;padding:17px
}
.dps-more-info h3{margin:0 0 13px;font-size:16px}
.dps-more-info ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.dps-more-info ol li{
  display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:start;
  color:#d4e1eb;font-size:11px;line-height:1.4
}
.dps-more-info ol li b{
  color:#31d6ff;font-size:10px;letter-spacing:1px;border:1px solid rgba(49,214,255,.22);
  border-radius:7px;padding:5px 4px;text-align:center;background:#071c2d
}
.dps-highlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dps-highlight-grid div{
  min-height:48px;border-radius:10px;border:1px solid rgba(72,170,230,.14);
  background:#071a2a;padding:10px;display:flex;align-items:center;gap:9px;
  color:#d9e6ef;font-size:10.5px
}
.dps-highlight-grid i{color:#35d8ff;font-style:normal}

.dps-weather-modal{
  margin-top:24px;border:1px solid rgba(38,177,255,.24);border-radius:16px;padding:18px;
  background:
    radial-gradient(circle at 16% 10%,rgba(255,171,38,.08),transparent 24%),
    radial-gradient(circle at 88% 4%,rgba(25,163,255,.11),transparent 30%),
    #06131f
}
.dps-weather-modal[hidden]{display:none!important}
.dps-weather-modal-head{
  display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px
}
.dps-weather-modal-head small{color:#4bd4ff;font-size:9px;font-weight:800;letter-spacing:1.4px}
.dps-weather-modal-head h3{margin:3px 0 0;font-size:19px}
.dps-weather-modal-head>span{
  color:#8fb0c5;font-size:10px;border:1px solid rgba(61,171,231,.17);
  border-radius:999px;padding:6px 9px;background:#071a29
}
.dps-hourly-forecast{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px
}
.dps-hour-card{
  min-height:104px;padding:10px 7px;border-radius:11px;text-align:center;
  border:1px solid rgba(60,170,230,.15);background:linear-gradient(180deg,#081b2b,#071521)
}
.dps-hour-card small{display:block;color:#8aa7bb;font-size:8px}
.dps-hour-card strong{display:block;font-size:25px;line-height:1.3;margin-top:4px}
.dps-hour-card b{display:block;color:#f1f7fb;font-size:15px}
.dps-hour-card span{display:block;color:#819bad;font-size:8px;margin-top:4px;line-height:1.2}

.dps-daily-forecast{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:9px
}
.dps-day-card{
  min-height:70px;padding:8px;border-radius:10px;text-align:center;
  border:1px solid rgba(60,170,230,.12);background:#071521
}
.dps-day-card small{display:block;color:#80a0b5;font-size:8px;text-transform:uppercase}
.dps-day-card strong{font-size:19px;margin:2px 4px;display:inline-block}
.dps-day-card b{color:#eef8ff;font-size:11px}
.dps-day-card span{color:#6f8da2;font-size:9px;margin-left:4px}

.dps-map-feature{
  margin-top:10px;display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:center;
  border-radius:12px;border:1px solid rgba(60,170,230,.12);background:#06111d;padding:12px
}
.dps-map-visual{
  height:82px;border-radius:10px;position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 55% 55%,rgba(29,180,255,.22),transparent 22%),
    linear-gradient(rgba(38,166,225,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(38,166,225,.07) 1px,transparent 1px),
    #061725;
  background-size:auto,18px 18px,18px 18px,auto
}
.dps-map-visual i{
  position:absolute;border:1px solid rgba(44,194,255,.34);border-radius:50%;left:50%;top:50%;
  transform:translate(-50%,-50%)
}
.dps-map-visual i:nth-child(1){width:150px;height:48px}
.dps-map-visual i:nth-child(2){width:110px;height:34px}
.dps-map-visual i:nth-child(3){width:70px;height:20px}
.dps-map-visual b{
  position:absolute;right:9px;top:8px;color:#47d6ff;font-size:10px
}
.dps-map-feature h4{margin:0 0 4px;font-size:13px}
.dps-map-feature p{margin:0;color:#91a9ba;font-size:10px;line-height:1.45}

@media(max-width:820px){
  .dps-more-info{grid-template-columns:1fr}
  .dps-hourly-forecast{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dps-daily-forecast{grid-template-columns:repeat(5,minmax(68px,1fr));overflow-x:auto}
  .dps-map-feature{grid-template-columns:1fr}
}
@media(max-width:520px){
  .dps-weather-card-hourly{grid-template-columns:42px repeat(5,minmax(38px,1fr));overflow:hidden}
  .dps-highlight-grid{grid-template-columns:1fr}
  .dps-hourly-forecast{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* 1.3.1 - Car Travel Weather is deliberately visible on card and in details */
.dps-weather-card-travel{
  position:absolute;left:12px;top:10px;z-index:7;
  min-width:148px;display:flex;align-items:center;gap:7px;
  padding:6px 9px;border-radius:9px;
  background:rgba(3,13,25,.91);
  border:1px solid rgba(51,190,255,.38);
  box-shadow:0 6px 18px rgba(0,0,0,.24),0 0 14px rgba(27,187,255,.08);
  backdrop-filter:blur(6px)
}
.dps-weather-card-travel .car{
  width:27px;height:27px;border-radius:7px;display:grid;place-items:center;
  background:linear-gradient(145deg,#0c86d4,#13c9ff);font-size:14px
}
.dps-weather-card-travel>span:last-child{display:flex;flex-direction:column;line-height:1.08}
.dps-weather-card-travel b{font-size:8px;color:#eff9ff;letter-spacing:.1px}
.dps-weather-card-travel small{font-size:6.5px;color:#7fa6bd;margin-top:2px}

.dps-car-travel{
  margin-top:12px;padding:15px;border-radius:14px;
  border:1px solid rgba(43,190,255,.23);
  background:
    radial-gradient(circle at 10% 20%,rgba(27,174,255,.09),transparent 24%),
    linear-gradient(180deg,#071a29,#06131f)
}
.dps-car-travel-head{display:grid;grid-template-columns:46px 1fr;gap:11px;align-items:start}
.dps-car-icon{
  width:44px;height:44px;border-radius:11px;display:grid;place-items:center;
  background:linear-gradient(145deg,#0e83d0,#17c9ff);
  border:1px solid rgba(88,220,255,.35);font-size:21px;
  box-shadow:0 0 18px rgba(24,191,255,.12)
}
.dps-car-travel-head small{
  display:block;color:#42d0ff;font-size:8px;font-weight:800;letter-spacing:1.4px;margin-bottom:2px
}
.dps-car-travel-head h4{margin:0;color:#eef9ff;font-size:16px}
.dps-car-travel-head p{margin:4px 0 0;color:#8faabc;font-size:10px;line-height:1.45}

.dps-route-line{
  margin-top:14px;display:grid;
  grid-template-columns:minmax(110px,1fr) minmax(70px,.7fr) minmax(140px,1.25fr) minmax(70px,.7fr) minmax(110px,1fr);
  gap:6px;align-items:center
}
.dps-route-stop{
  min-height:66px;border-radius:10px;padding:9px;text-align:center;
  border:1px solid rgba(54,177,235,.14);background:#061725;
  display:flex;flex-direction:column;align-items:center;justify-content:center
}
.dps-route-stop i{
  width:9px;height:9px;border-radius:50%;background:#20d0ff;box-shadow:0 0 12px #20d0ff;margin-bottom:5px
}
.dps-route-stop.mid i{background:#63e79c;box-shadow:0 0 12px #63e79c}
.dps-route-stop b{font-size:9px;color:#e6f5fd}
.dps-route-stop span{margin-top:2px;color:#7795aa;font-size:7.5px;line-height:1.25}
.dps-route-progress{
  height:2px;background:linear-gradient(90deg,#1695e8,#1fd0ff);position:relative;
  box-shadow:0 0 8px rgba(25,198,255,.28)
}
.dps-route-progress:after{
  content:"";position:absolute;right:-1px;top:-3px;
  border-left:6px solid #1fd0ff;border-top:4px solid transparent;border-bottom:4px solid transparent
}
.dps-car-travel-features{
  margin-top:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px
}
.dps-car-travel-features span{
  border-radius:9px;padding:8px 7px;text-align:center;
  background:#061622;border:1px solid rgba(54,177,235,.12);
  color:#b9cbd8;font-size:8px
}

@media(max-width:700px){
  .dps-route-line{grid-template-columns:1fr}
  .dps-route-progress{height:22px;width:2px;justify-self:center}
  .dps-route-progress:after{
    right:auto;left:-3px;top:auto;bottom:-1px;
    border-left:4px solid transparent;border-right:4px solid transparent;
    border-top:6px solid #1fd0ff;border-bottom:0
  }
  .dps-car-travel-features{grid-template-columns:1fr 1fr}
}


/* ============================================================
   1.4.0 — Light Mode
   Dark remains the default. Light mode changes the complete
   showcase to a bright, readable Digiter interface.
   ============================================================ */

html body.dps-theme-body-light{
  background:#eef4f8!important;
  color:#14202b!important;
}

.dps-theme-light{
  --light-bg:#eef4f8;
  --light-panel:#ffffff;
  --light-panel-soft:#f7fafc;
  --light-panel-blue:#eef8ff;
  --light-border:#cddde8;
  --light-border-blue:#a9d9f4;
  --light-text:#12202d;
  --light-muted:#5f7282;
  --light-cyan:#087fab;
  --light-blue:#0d75c8;
  background:
    radial-gradient(circle at 82% 7%,rgba(41,173,235,.12),transparent 30%),
    linear-gradient(180deg,#f7fbfd 0%,#eef4f8 100%)!important;
  color:var(--light-text)!important;
}

.dps-theme-light .dps-dashboard{
  background:#eef4f8!important;
}

.dps-theme-light .dps-sidebar{
  background:
    radial-gradient(circle at 20% 16%,rgba(31,179,235,.08),transparent 30%),
    linear-gradient(180deg,#fbfdff 0%,#f1f7fa 55%,#edf3f7 100%)!important;
  border-right-color:#c9dce8!important;
  box-shadow:8px 0 28px rgba(28,61,83,.05);
}

.dps-theme-light .dps-nav a{
  color:#233745!important;
}
.dps-theme-light .dps-nav a.is-active{
  color:#0a6289!important;
  border-color:#62bfe8!important;
  background:linear-gradient(90deg,#e5f7ff,#f7fcff)!important;
  box-shadow:0 4px 14px rgba(38,143,195,.08),inset 0 0 18px rgba(63,189,242,.07)!important;
}
.dps-theme-light .dps-side-bottom{
  border-top-color:#d4e2ea!important;
  color:#526777!important;
}
.dps-theme-light .dps-side-bottom span,
.dps-theme-light .dps-side-bottom .dps-support-mail{
  color:#526777!important;
}
.dps-theme-light .dps-side-bottom i,
.dps-theme-light .dps-side-bottom .dps-support-mail i{
  color:#60798a!important;
}
.dps-theme-light .dps-side-bottom .dps-support-mail:hover{
  color:#087fab!important;
}

.dps-theme-light .dps-main{
  background:
    radial-gradient(circle at 84% 0%,rgba(36,176,240,.09),transparent 28%),
    linear-gradient(180deg,#f7fbfd 0%,#eef4f8 100%)!important;
}

.dps-theme-light .dps-hero:before{
  background:linear-gradient(90deg,rgba(247,251,253,.98) 0%,rgba(247,251,253,.92) 35%,rgba(247,251,253,.38) 66%,rgba(247,251,253,0) 100%)!important;
}
.dps-theme-light .dps-hero h1{
  color:#162532!important;
}
.dps-theme-light .dps-hero h1 span{
  background:linear-gradient(90deg,#069fcf,#0d70d6)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
.dps-theme-light .dps-hero p{
  color:#536979!important;
}
.dps-theme-light .dps-feature-pills span{
  color:#355064!important;
  border-color:#bed9e7!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 3px 12px rgba(52,98,125,.04);
}

.dps-theme-light .dps-product{
  border-color:#c8dce8!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%)!important;
  box-shadow:0 9px 28px rgba(40,75,99,.07);
}
.dps-theme-light .dps-product-art{
  background:#edf7fb!important;
  border-bottom-color:#dce8ef!important;
}
.dps-theme-light .dps-product h2{
  color:#172733!important;
}
.dps-theme-light .dps-product p{
  color:#5c7080!important;
}
.dps-theme-light .dps-tags span{
  color:#176489!important;
  border-color:#bddceb!important;
  background:#edf8fd!important;
}
.dps-theme-light .dps-accent-green{
  border-color:#a9dbc0!important;
}
.dps-theme-light .dps-accent-green .dps-tags span{
  border-color:#b5dfc6!important;
  color:#23774d!important;
  background:#eefaf2!important;
}
.dps-theme-light .dps-accent-violet{
  border-color:#cfbde8!important;
}
.dps-theme-light .dps-accent-violet .dps-tags span{
  border-color:#d5c4ed!important;
  color:#72469a!important;
  background:#f8f2fd!important;
}
.dps-theme-light .dps-accent-cyan{
  border-color:#aadce6!important;
}
.dps-theme-light .dps-accent-cyan .dps-tags span{
  border-color:#bee1e8!important;
  color:#236d7b!important;
  background:#eefbfc!important;
}
.dps-theme-light .dps-explore{
  color:#087fab!important;
}
.dps-theme-light .dps-accent-green .dps-explore{
  color:#228054!important;
}
.dps-theme-light .dps-accent-violet .dps-explore{
  color:#7448a2!important;
}

.dps-theme-light .dps-weather-card-travel,
.dps-theme-light .dps-weather-card-hourly{
  background:rgba(251,254,255,.94)!important;
  border-color:#bcddeb!important;
  box-shadow:0 4px 14px rgba(30,74,100,.09)!important;
}
.dps-theme-light .dps-weather-card-travel b,
.dps-theme-light .dps-weather-card-hourly b{
  color:#203540!important;
}
.dps-theme-light .dps-weather-card-travel small,
.dps-theme-light .dps-weather-card-hourly i{
  color:#647d8d!important;
}
.dps-theme-light .dps-weather-card-hourly>strong{
  color:#087fab!important;
}
.dps-theme-light .dps-weather-card-hourly span{
  border-left-color:#d6e4eb!important;
}

.dps-theme-light .dps-trust-strip{
  border-color:#cbdde7!important;
  background:linear-gradient(180deg,#ffffff,#f5f9fb)!important;
  box-shadow:0 8px 24px rgba(34,72,95,.06);
}
.dps-theme-light .dps-trust-strip div{
  color:#526979!important;
}
.dps-theme-light .dps-trust-strip strong{
  color:#2c566e!important;
}

/* Product detail modal in Light Mode */
.dps-theme-light .dps-modal-backdrop{
  background:rgba(210,224,234,.76)!important;
}
.dps-theme-light .dps-modal-panel{
  border-color:#b7dbea!important;
  background:
    radial-gradient(circle at 84% 0%,rgba(29,172,236,.10),transparent 30%),
    linear-gradient(180deg,#ffffff,#f4f9fc)!important;
  box-shadow:0 35px 100px rgba(48,76,95,.25),0 0 40px rgba(28,156,219,.08)!important;
}
.dps-theme-light .dps-modal-close{
  border-color:#bfd4df!important;
  background:rgba(255,255,255,.92)!important;
}
.dps-theme-light .dps-modal-close span:before,
.dps-theme-light .dps-modal-close span:after{
  background:#244050!important;
}
.dps-theme-light .dps-modal-hero{
  background:#eaf5fa!important;
}
.dps-theme-light .dps-modal-hero-overlay{
  background:linear-gradient(180deg,transparent 45%,rgba(244,249,252,.22) 70%,#f7fbfd 100%)!important;
}
.dps-theme-light .dps-modal-content h2{
  color:#172733!important;
}
.dps-theme-light .dps-modal-eyebrow{
  color:#087fab!important;
}
.dps-theme-light .dps-modal-lead{
  color:#5e7280!important;
}
.dps-theme-light .dps-modal-summary{
  color:#385366!important;
  border-left-color:#139dc8!important;
  background:linear-gradient(90deg,#edf9ff,transparent)!important;
}
.dps-theme-light .dps-modal-tags span{
  border-color:#bddceb!important;
  background:#edf8fd!important;
  color:#176489!important;
}

.dps-theme-light .dps-detail-grid h3,
.dps-theme-light .dps-more-info h3,
.dps-theme-light .dps-weather-modal h3,
.dps-theme-light .dps-weather-modal h4{
  color:#1c3341!important;
}
.dps-theme-light .dps-detail-grid li,
.dps-theme-light .dps-detail-side,
.dps-theme-light .dps-more-info>section,
.dps-theme-light .dps-highlight-grid div{
  border-color:#d3e2ea!important;
  background:#ffffff!important;
  color:#405868!important;
}
.dps-theme-light .dps-detail-grid li:before{
  color:#0b8fba!important;
}
.dps-theme-light .dps-detail-status{
  color:#365061!important;
}
.dps-theme-light .dps-detail-side p{
  color:#637987!important;
}
.dps-theme-light .dps-more-info ol li{
  color:#465f6f!important;
}
.dps-theme-light .dps-more-info ol li b{
  color:#087fab!important;
  border-color:#b9dbe9!important;
  background:#eef9fd!important;
}
.dps-theme-light .dps-highlight-grid i{
  color:#0d8fb9!important;
}

.dps-theme-light .dps-weather-modal,
.dps-theme-light .dps-car-travel{
  border-color:#c5dfe9!important;
  background:
    radial-gradient(circle at 15% 10%,rgba(255,180,49,.10),transparent 24%),
    radial-gradient(circle at 88% 4%,rgba(25,163,255,.09),transparent 30%),
    #f8fcfe!important;
}
.dps-theme-light .dps-weather-modal-head small,
.dps-theme-light .dps-car-travel-head small{
  color:#087fab!important;
}
.dps-theme-light .dps-weather-modal-head>span{
  color:#527283!important;
  border-color:#c9e0ea!important;
  background:#eef8fc!important;
}
.dps-theme-light .dps-hour-card,
.dps-theme-light .dps-day-card,
.dps-theme-light .dps-map-feature,
.dps-theme-light .dps-route-stop{
  border-color:#d3e3ea!important;
  background:#ffffff!important;
}
.dps-theme-light .dps-hour-card small,
.dps-theme-light .dps-day-card small,
.dps-theme-light .dps-route-stop span{
  color:#6c8291!important;
}
.dps-theme-light .dps-hour-card b,
.dps-theme-light .dps-day-card b,
.dps-theme-light .dps-route-stop b{
  color:#2a4352!important;
}
.dps-theme-light .dps-hour-card span{
  color:#6f8593!important;
}
.dps-theme-light .dps-map-visual{
  background:
    radial-gradient(circle at 55% 55%,rgba(29,180,255,.18),transparent 22%),
    linear-gradient(rgba(38,166,225,.10) 1px,transparent 1px),
    linear-gradient(90deg,rgba(38,166,225,.10) 1px,transparent 1px),
    #eef9fd!important;
  background-size:auto,18px 18px,18px 18px,auto!important;
}
.dps-theme-light .dps-map-feature p,
.dps-theme-light .dps-car-travel-head p{
  color:#667d8b!important;
}
.dps-theme-light .dps-car-travel-features span{
  background:#ffffff!important;
  border-color:#d3e3ea!important;
  color:#506978!important;
}

/* Keep the light mode high-contrast and readable, not washed out. */
@media(hover:hover){
  .dps-theme-light .dps-product:hover{
    border-color:#79c4e3!important;
    box-shadow:0 18px 42px rgba(39,91,121,.12),0 0 18px rgba(19,156,210,.06)!important;
  }
}


/* ============================================================
   1.4.3 — Front-end Settings / Dark-Light switch
   ============================================================ */

.dps-side-bottom .dps-page-settings-trigger{
  appearance:none;border:0;background:transparent;width:100%;padding:0 0 0 9px;
  display:flex;gap:13px;align-items:center;text-align:left;
  color:#cfd7df;font:inherit;font-size:12px;cursor:pointer
}
.dps-side-bottom .dps-page-settings-trigger i{
  width:19px;text-align:center;font-style:normal;color:#c8d3de
}
.dps-side-bottom .dps-page-settings-trigger:hover{color:#18caff}
.dps-theme-light .dps-side-bottom .dps-page-settings-trigger{color:#526777}
.dps-theme-light .dps-side-bottom .dps-page-settings-trigger i{color:#60798a}
.dps-theme-light .dps-side-bottom .dps-page-settings-trigger:hover{color:#087fab}

.dps-page-settings{
  position:fixed;inset:0;z-index:1000000;
  display:none;align-items:center;justify-content:center;padding:24px
}
.dps-page-settings.is-open{display:flex}
.dps-page-settings-backdrop{
  position:absolute;inset:0;background:rgba(0,5,12,.80);backdrop-filter:blur(10px)
}
.dps-page-settings-panel{
  width:min(610px,calc(100vw - 34px));position:relative;z-index:2;
  border:1px solid rgba(39,191,255,.32);border-radius:20px;padding:26px;
  background:
    radial-gradient(circle at 90% 0%,rgba(18,162,236,.12),transparent 30%),
    linear-gradient(180deg,#081523,#050d18);
  box-shadow:0 30px 90px rgba(0,0,0,.52),0 0 40px rgba(14,159,255,.10)
}
.dps-page-settings-close{
  position:absolute;right:15px;top:15px;width:36px;height:36px;border-radius:50%;
  border:1px solid rgba(255,255,255,.16);background:#071522;
  display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer
}
.dps-page-settings-close span{position:relative;width:14px;height:14px;display:block}
.dps-page-settings-close span:before,
.dps-page-settings-close span:after{
  content:"";position:absolute;left:6px;top:0;width:2px;height:14px;
  background:#f2fbff;border-radius:2px
}
.dps-page-settings-close span:before{transform:rotate(45deg)}
.dps-page-settings-close span:after{transform:rotate(-45deg)}

.dps-page-settings-head{
  display:grid;grid-template-columns:54px 1fr;gap:13px;align-items:start;padding-right:42px
}
.dps-page-settings-icon{
  width:52px;height:52px;border-radius:13px;display:grid;place-items:center;
  background:linear-gradient(145deg,#0e83d0,#17c9ff);font-size:23px;
  box-shadow:0 0 20px rgba(23,201,255,.15)
}
.dps-page-settings-head small{
  display:block;color:#47d3ff;font-size:8px;letter-spacing:1.5px;font-weight:800;margin-bottom:2px
}
.dps-page-settings-head h2{margin:0;color:#f1f8fc;font-size:24px}
.dps-page-settings-head p{margin:5px 0 0;color:#8fa8ba;font-size:11px;line-height:1.45}

.dps-theme-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.dps-theme-option{
  position:relative;appearance:none;border:1px solid rgba(77,160,210,.20);
  background:#071521;border-radius:14px;padding:13px;text-align:left;cursor:pointer;color:#dce8f0
}
.dps-theme-option:hover{border-color:rgba(43,190,255,.48)}
.dps-theme-option.is-active{
  border-color:#22c9ff;box-shadow:0 0 0 1px rgba(34,201,255,.18),0 9px 24px rgba(0,0,0,.18)
}
.dps-theme-preview{
  height:95px;border-radius:10px;display:grid;grid-template-columns:35px 1fr;gap:7px;
  padding:8px;overflow:hidden;border:1px solid rgba(255,255,255,.06)
}
.dps-theme-preview:before{
  content:"";grid-row:1/4;border-radius:6px
}
.dps-theme-preview i{display:block;border-radius:5px}
.dps-theme-preview-dark{background:#030914}
.dps-theme-preview-dark:before{background:#07111d;border:1px solid #15354c}
.dps-theme-preview-dark i{background:#0b2033;border:1px solid #165477}
.dps-theme-preview-dark i:first-of-type{background:linear-gradient(90deg,#0d4263,#0a1c2d)}
.dps-theme-preview-light{background:#eef4f8;border-color:#cfdee7}
.dps-theme-preview-light:before{background:#ffffff;border:1px solid #d1e0e8}
.dps-theme-preview-light i{background:#ffffff;border:1px solid #c5dce8}
.dps-theme-preview-light i:first-of-type{background:linear-gradient(90deg,#e8f8ff,#ffffff)}

.dps-theme-option-copy{display:block;padding:10px 4px 2px}
.dps-theme-option-copy b{display:block;font-size:13px}
.dps-theme-option-copy small{display:block;margin-top:3px;color:#819bad;font-size:9px;line-height:1.35}
.dps-theme-check{
  position:absolute;right:10px;top:10px;width:22px;height:22px;border-radius:50%;
  display:none;align-items:center;justify-content:center;background:#1bc9ff;color:#032033;font-size:12px;font-weight:900
}
.dps-theme-option.is-active .dps-theme-check{display:flex}
.dps-theme-note{
  margin:15px 0 0;padding-top:13px;border-top:1px solid rgba(255,255,255,.06);
  color:#738d9f;font-size:9.5px;line-height:1.45
}
body.dps-settings-open{overflow:hidden!important}

/* Light appearance for the settings dialog itself */
.dps-theme-light .dps-page-settings-backdrop{
  background:rgba(210,224,234,.76)
}
.dps-theme-light .dps-page-settings-panel{
  border-color:#b8d9e8;
  background:
    radial-gradient(circle at 90% 0%,rgba(18,162,236,.10),transparent 30%),
    linear-gradient(180deg,#ffffff,#f4f9fc);
  box-shadow:0 30px 90px rgba(48,76,95,.24),0 0 30px rgba(14,159,255,.06)
}
.dps-theme-light .dps-page-settings-close{
  border-color:#bfd4df;background:#ffffff
}
.dps-theme-light .dps-page-settings-close span:before,
.dps-theme-light .dps-page-settings-close span:after{background:#244050}
.dps-theme-light .dps-page-settings-head h2{color:#172733}
.dps-theme-light .dps-page-settings-head p{color:#627886}
.dps-theme-light .dps-theme-option{
  border-color:#ccdee8;background:#ffffff;color:#233a48
}
.dps-theme-light .dps-theme-option.is-active{
  border-color:#55b9e2;box-shadow:0 0 0 1px rgba(42,162,213,.10),0 8px 22px rgba(54,88,108,.08)
}
.dps-theme-light .dps-theme-option-copy small{color:#6b8291}
.dps-theme-light .dps-theme-note{
  border-top-color:#d9e5eb;color:#6c8391
}

@media(max-width:620px){
  .dps-theme-choice{grid-template-columns:1fr}
  .dps-page-settings-panel{padding:22px 18px}
}


/* ============================================================
   1.4.4 — Bottom trust bar placement
   Keep the trust/CTA bar at the bottom of the showcase instead
   of leaving a large empty area beneath it.
   ============================================================ */
.dps-main{
  display:flex!important;
  flex-direction:column!important;
  min-height:100vh!important;
}

.dps-products{
  flex:0 0 auto;
}

.dps-trust-strip{
  margin-top:auto!important;
  position:relative;
}

/* Keep a small intentional breathing space above the bottom bar
   when the product grid itself is taller than the viewport. */
.dps-products + .dps-page-settings + .dps-modal + script + .dps-trust-strip,
.dps-products ~ .dps-trust-strip{
  margin-top:auto!important;
}

@media(max-width:800px){
  .dps-main{
    min-height:auto!important;
  }
  .dps-trust-strip{
    margin-top:14px!important;
  }
}


/* ============================================================
   1.4.5 — Improved Light Mode image clarity
   Make showcase artwork in Light Mode cleaner, less washed out,
   and slightly sharper while keeping the same layout.
   ============================================================ */
.dps-theme-light .dps-product-art{
  background:linear-gradient(180deg,#f7fbfe 0%,#eef7fb 100%)!important;
}
.dps-theme-light .dps-product-art img{
  filter:contrast(1.08) saturate(1.10) brightness(.99)!important;
}
.dps-theme-light .dps-modal-hero img{
  filter:contrast(1.06) saturate(1.08) brightness(.99)!important;
}
.dps-theme-light .dps-hero-art img{
  filter:contrast(1.05) saturate(1.08)!important;
}

/* ============================================================
   1.4.6 — Keep all artwork identical in Dark and Light Mode
   + precise icon centering in lower navigation/trust bars.
   ============================================================ */

/* Use the original artwork appearance in Light Mode too. */
.dps-theme-light .dps-product-art img{
  filter:saturate(1.08) contrast(1.03)!important;
}
.dps-theme-light .dps-modal-hero img{
  filter:saturate(1.08) contrast(1.04)!important;
}
.dps-theme-light .dps-hero-art img{
  filter:none!important;
}

/* Bottom trust bar: fixed icon boxes remove font-baseline drift. */
.dps-trust-strip div{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  min-width:0;
}
.dps-trust-strip div strong{
  flex:0 0 26px!important;
  width:26px!important;
  height:26px!important;
  margin:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
  vertical-align:middle!important;
  font-size:18px!important;
  font-weight:500!important;
  font-family:"Segoe UI Symbol","Noto Sans Symbols 2","Arial Unicode MS",sans-serif!important;
}
.dps-trust-strip div span{
  display:inline-flex!important;
  align-items:center!important;
  line-height:1.2!important;
  margin:0!important;
}

/* Sidebar lower icons: same geometric centering. */
.dps-side-bottom>span,
.dps-side-bottom .dps-support-mail,
.dps-side-bottom .dps-page-settings-trigger{
  display:flex!important;
  align-items:center!important;
}
.dps-side-bottom>span>i,
.dps-side-bottom .dps-support-mail>i,
.dps-side-bottom .dps-page-settings-trigger>i{
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  margin:0!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
  vertical-align:middle!important;
  font-family:"Segoe UI Symbol","Noto Sans Symbols 2","Arial Unicode MS",sans-serif!important;
}