.gbw{display:block;font-family:inherit;-webkit-tap-highlight-color:transparent}

.gbw--stage{border-radius:18px;overflow:hidden;min-height:100svh;min-height:100dvh}

.gbw__screen{min-height:360px;display:flex;align-items:center;justify-content:center;padding:24px;padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:calc(24px + env(safe-area-inset-bottom));padding-left:calc(24px + env(safe-area-inset-left));padding-right:calc(24px + env(safe-area-inset-right))}

.gbw__screen[hidden]{display:none !important}

.gbw__screen--start{background:radial-gradient(1200px 600px at 50% 0%, #3aa3ff 0%, #0b5bd3 40%, #073a8c 100%);color:#fff}

.gbw__screen--loading{background:radial-gradient(1200px 600px at 50% 0%, #2f8fff 0%, #0a55c8 45%, #063474 100%);color:#fff}

.gbw__hero{width:min(720px, 100%);text-align:center}

.gbw__hero-title{font-size:clamp(22px, 5.4vw, 30px);line-height:1.15;font-weight:900;letter-spacing:0.02em}

.gbw__hero-subtitle{margin-top:10px;font-size:clamp(14px, 3.9vw, 17px);opacity:.92}

.gbw__hero-radius{margin-top:14px;display:flex;justify-content:center;opacity:.95}

.gbw__cta{margin-top:22px;display:inline-flex;align-items:center;justify-content:center;gap:12px;width:min(560px, 100%);padding:18px 18px;border-radius:16px;border:0;background:linear-gradient(135deg, #ffe45c 0%, #ffb703 35%, #fb5607 100%);color:#111;cursor:pointer;font-weight:900;font-size:clamp(15px, 4.2vw, 17px);box-shadow:0 18px 45px rgba(0,0,0,.40), 0 0 0 2px rgba(255,255,255,.22) inset;touch-action:manipulation}

.gbw__cta:hover{transform:translateY(-1px)}

.gbw__cta:active{transform:translateY(0);filter:brightness(1.02)}

.gbw__icon{width:24px;height:24px;flex:0 0 24px}

.gbw__icon--hero{width:110px;height:110px;margin:0 auto 14px;filter:drop-shadow(0 18px 28px rgba(0,0,0,.42))}

.gbw__icon--radius{width:36px;height:36px;flex:0 0 36px;filter:drop-shadow(0 10px 16px rgba(0,0,0,.28))}

.gbw__icon--pump{width:74px;height:74px;margin:0 auto 14px;filter:drop-shadow(0 14px 20px rgba(0,0,0,.35));animation:gbwPump 1.8s ease-in-out infinite}

.gbw__loading-title{font-size:20px;font-weight:900;margin-top:6px}

.gbw__loading-subtitle{margin-top:8px;opacity:.92}

.gbw__loading-dots{margin-top:18px;display:flex;gap:8px;justify-content:center}

.gbw__loading-dots span{width:10px;height:10px;border-radius:999px;background:rgba(255,255,255,.95);animation:gbwDot 1.2s infinite ease-in-out}

.gbw__loading-dots span:nth-child(2){animation-delay:.15s;opacity:.85}

.gbw__loading-dots span:nth-child(3){animation-delay:.30s;opacity:.7}

.gbw__loading-error{margin-top:16px;padding:12px 14px;border-radius:12px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.25);text-align:left}

@keyframes gbwDot{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

@keyframes gbwPump{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.02)}}

.gbw__results{display:grid;grid-template-columns:1fr;gap:14px;padding:14px}

.gbw__card{position:relative;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:14px;background:linear-gradient(135deg,#d7f3ff 0%, #f7d7ff 100%);box-shadow:0 12px 26px rgba(0,0,0,.10)}

.gbw__card--best{border:0;background:linear-gradient(135deg,#2bff88 0%, #18b6ff 55%, #7b2cff 100%);color:#081018;box-shadow:0 18px 45px rgba(0,0,0,.22)}

.gbw__card--best .gbw__title,.gbw__card--best .gbw__meta,.gbw__card--best .gbw__address,.gbw__card--best .gbw__fuel-name{color:#081018}
.gbw__card--best .gbw__fuels{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.55)}
.gbw__card--best .gbw__link{background:linear-gradient(135deg,#ffe45c 0%, #ffb703 35%, #fb5607 100%);border:0;color:#111}

.gbw__badge{display:inline-flex;align-items:center;gap:10px;padding:12px 14px;border-radius:999px;font-weight:900;letter-spacing:.03em;text-transform:uppercase;font-size:14px;background:rgba(255,255,255,.92);color:#111;box-shadow:0 14px 30px rgba(0,0,0,.18);margin-bottom:12px}

.gbw__card--best .gbw__badge{font-size:16px;padding:14px 16px;background:linear-gradient(135deg,#ffe45c 0%, #ffb703 35%, #fb5607 100%);color:#111;box-shadow:0 18px 45px rgba(0,0,0,.22)}
.gbw__card--best .gbw__badge .gbw__icon--mini{width:22px;height:22px;flex:0 0 22px}

.gbw__icon--mini{width:18px;height:18px;flex:0 0 18px;stroke-linecap:round;stroke-linejoin:round}
.gbw__meta-item .gbw__icon--mini,.gbw__address .gbw__icon--mini,.gbw__link .gbw__icon--mini{width:18px;height:18px;flex:0 0 18px}
.gbw__link .gbw__icon--mini{width:20px;height:20px;flex:0 0 20px}

.gbw__card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.gbw__title{font-weight:900;font-size:16px;line-height:1.15}

.gbw__meta{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;color:#2a2a2a}
.gbw__meta-item{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.35);font-weight:900}
.gbw__meta-item--distance{background:linear-gradient(135deg, rgba(24,182,255,.45) 0%, rgba(58,163,255,.25) 100%)}
.gbw__meta-item--price{background:linear-gradient(135deg, rgba(255,228,92,.55) 0%, rgba(251,86,7,.20) 100%)}
.gbw__meta-item svg{display:block}
.gbw__meta-item strong{font-weight:900}

.gbw__address{margin-top:10px;color:#1b1b1b;display:flex;align-items:flex-start;gap:8px;line-height:1.35;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg, rgba(43,255,136,.35) 0%, rgba(24,182,255,.18) 100%);border:1px solid rgba(255,255,255,.35)}
.gbw__address svg{margin-top:1px;display:block}

.gbw__fuels{margin-top:12px;display:grid;grid-template-columns:1fr;gap:8px;border-radius:14px;padding:10px;background:linear-gradient(135deg, rgba(123,44,255,.18) 0%, rgba(255,215,0,.12) 100%);border:1px solid rgba(255,255,255,.35)}
.gbw__fuel{display:flex;justify-content:space-between;gap:10px}
.gbw__fuel-name{color:#171717;font-weight:800}
.gbw__fuel-price{font-variant-numeric:tabular-nums;font-weight:900}

.gbw__actions{margin-top:12px}
.gbw__link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border:0;border-radius:12px;padding:12px 14px;background:linear-gradient(135deg,#18b6ff 0%, #3aa3ff 35%, #0b5bd3 100%);color:#fff;font-weight:900;box-shadow:0 12px 26px rgba(0,0,0,.18)}
.gbw__link svg{display:block}

@media (hover: none) {
	.gbw__cta:hover {transform:none}
}