body.app-final-01087 .savings-total{
  grid-template-columns:minmax(0,1fr)!important;
  gap:20px!important;
}
body.app-final-01087 .savings-total > .savings-stat-tile:first-child{
  min-height:460px!important;
  padding:34px 22px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:center!important;
  border-radius:38px!important;
  background:
    radial-gradient(circle at 50% 18%, rgba(226,255,230,.07), transparent 15%),
    radial-gradient(circle at 50% 52%, rgba(171,255,185,.09), transparent 28%),
    linear-gradient(180deg, rgba(10,35,28,.99), rgba(5,18,15,.995))!important;
  box-shadow:0 26px 60px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body.app-final-01087 .savings-total > .savings-stat-tile:first-child::before{
  inset:46px!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at center, transparent 0 54%, rgba(187,255,193,.82) 54.5%, rgba(196,255,206,.28) 60%, rgba(116,207,128,.18) 68%, transparent 72%),
    radial-gradient(circle at 50% 50%, rgba(175,255,189,.18), transparent 60%)!important;
  -webkit-mask:none!important;
  mask:none!important;
  box-shadow:
    0 0 0 1px rgba(220,255,223,.08) inset,
    0 0 22px rgba(167,255,186,.14),
    0 0 48px rgba(107,224,135,.10)!important;
  filter:none!important;
}
body.app-final-01087 .savings-total > .savings-stat-tile:first-child::after{
  inset:74px!important;
  border-radius:50%!important;
  border:1px solid rgba(221,255,225,.20)!important;
  box-shadow:
    inset 0 0 0 14px rgba(203,255,209,.05),
    inset 0 0 28px rgba(155,245,177,.06)!important;
  background:radial-gradient(circle at center, rgba(214,255,220,.03), transparent 65%)!important;
}
body.app-final-01087 .savings-total > .savings-stat-tile:first-child span{
  position:absolute!important;
  top:96px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:min(78%,360px)!important;
  margin:0!important;
  color:#eff8ea!important;
  font-size:clamp(1.2rem,4vw,1.6rem)!important;
  font-weight:800!important;
  letter-spacing:-.03em!important;
}
body.app-final-01087 #savingsTotal{
  position:relative!important;
  z-index:2!important;
  font-size:clamp(4.25rem,15vw,6rem)!important;
  line-height:.88!important;
  color:#f2ffee!important;
  text-shadow:0 0 28px rgba(177,255,186,.18)!important;
}
body.app-final-01087 .savings-total > .savings-stat-tile:nth-child(2){
  width:min(100%,540px)!important;
  margin:0 auto!important;
  min-height:146px!important;
  border-radius:30px!important;
  padding:26px 24px!important;
}
body.app-final-01087 .savings-total > .savings-stat-tile:nth-child(2) span{
  font-size:1.2rem!important;
  color:#eff8ea!important;
}
body.app-final-01087 #savingsMonth{
  font-size:clamp(3.2rem,10vw,4.2rem)!important;
}
body.app-final-01087 .savings-toolbar{
  align-items:center!important;
  margin-top:24px!important;
}
body.app-final-01087 .savings-since{
  min-height:76px!important;
  display:flex!important;
  align-items:center!important;
  gap:16px!important;
  font-size:0!important;
  line-height:0!important;
  color:transparent!important;
  white-space:nowrap!important;
}
body.app-final-01087 .savings-since::before{
  width:286px!important;
  height:64px!important;
  margin-right:0!important;
  background:url('assets/ci/signature-jeder-liter-zaehlt-exact.png') left center / contain no-repeat!important;
  filter:drop-shadow(0 0 8px rgba(121,255,188,.13))!important;
}
body.app-final-01087 .savings-since::after{
  content:'– seit dem ersten Tag';
  display:inline-block!important;
  font-size:1rem!important;
  line-height:1.2!important;
  color:#d7ddd7!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
  transform:translateY(6px)!important;
}
body.app-final-01087 .text-btn{
  border-radius:18px!important;
  padding:14px 18px!important;
  background:linear-gradient(180deg, rgba(92,72,23,.62), rgba(79,60,16,.74))!important;
  border:1px solid rgba(230,205,120,.16)!important;
  color:#ffeab2!important;
  font-weight:800!important;
}
body.app-final-01087 .section-map{padding:24px!important;}
body.app-final-01087 .real-map-wrap{
  min-height:520px!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 50% 48%, rgba(158,255,185,.18), transparent 13%),
    radial-gradient(circle at 50% 48%, rgba(158,255,185,.12), transparent 23%),
    linear-gradient(180deg, rgba(6,24,20,.96), rgba(5,16,14,.99))!important;
}
body.app-final-01087 #mapCanvas,
body.app-final-01087 #mapCanvas .leaflet-pane,
body.app-final-01087 #mapCanvas .leaflet-map-pane{background:#081513!important;}
body.app-final-01087 #mapCanvas .leaflet-tile{
  filter:hue-rotate(145deg) saturate(.55) brightness(.48) contrast(1.18)!important;
}
body.app-final-01087 .map-best-sheet{
  grid-template-columns:132px minmax(0,1fr) auto!important;
  padding:16px!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 100% 0%, rgba(163,255,188,.12), transparent 26%),
    linear-gradient(180deg, rgba(10,35,28,.98), rgba(7,21,18,.995))!important;
  border:1px solid rgba(193,255,225,.14)!important;
}
body.app-final-01087 .map-best-photo{
  width:132px!important;
  height:106px!important;
  border-radius:20px!important;
}
body.app-final-01087 .map-best-saving b{font-size:2.25rem!important;}
body.app-final-01087 .station-card.tank-card{
  border-radius:32px!important;
  padding:20px!important;
  box-shadow:0 20px 48px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
body.app-final-01087 .station-card.tank-card.best{
  background:
    radial-gradient(circle at 100% 0%, rgba(166,255,189,.16), transparent 22%),
    linear-gradient(180deg, rgba(12,39,31,.99), rgba(7,24,20,1))!important;
  box-shadow:0 24px 58px rgba(0,0,0,.35), 0 0 0 1px rgba(192,255,211,.10), 0 0 42px rgba(127,239,154,.10)!important;
}
body.app-final-01087 .station-card-price{
  font-size:clamp(2.4rem,9vw,3.35rem)!important;
  letter-spacing:-.06em!important;
  color:#f2ffee!important;
}
body.app-final-01087 .station-key-grid > div,
body.app-final-01087 .station-calc-card,
body.app-final-01087 .station-service-card,
body.app-final-01087 .station-price-details-body,
body.app-final-01087 .station-live{
  background:linear-gradient(180deg, rgba(14,42,34,.92), rgba(8,26,22,.98))!important;
  border:1px solid rgba(190,255,223,.10)!important;
}
body.app-final-01087 .station-route-main{
  min-height:60px!important;
  border-radius:20px!important;
  background:linear-gradient(180deg, rgba(192,249,184,.98), rgba(157,231,157,.96))!important;
  color:#0c1e15!important;
  box-shadow:0 14px 28px rgba(147,241,164,.16)!important;
}
body.app-final-01087 .home-savings-card,
body.app-final-01087 .today-recommendation-shell,
body.app-final-01087 .search-control-dock,
body.app-final-01087 .savings-moment,
body.app-final-01087 .savings-total > div,
body.app-final-01087 .map-best-sheet,
body.app-final-01087 .station-card.tank-card,
body.app-final-01087 .real-map-wrap{
  backdrop-filter:blur(18px)!important;
}
@media (max-width: 720px){
  body.app-final-01087 .savings-total > .savings-stat-tile:first-child{min-height:400px!important;}
  body.app-final-01087 .savings-total > .savings-stat-tile:first-child span{top:72px!important;width:82%!important;font-size:1.08rem!important;}
  body.app-final-01087 .savings-total > .savings-stat-tile:first-child::before{inset:34px!important;}
  body.app-final-01087 .savings-total > .savings-stat-tile:first-child::after{inset:58px!important;}
  body.app-final-01087 .savings-since{min-height:70px!important;white-space:normal!important;gap:10px!important;align-items:flex-start!important;}
  body.app-final-01087 .savings-since::before{width:220px!important;height:48px!important;}
  body.app-final-01087 .savings-since::after{font-size:.95rem!important;transform:translateY(14px)!important;}
}