/* Map gate page — overrides auth.css so layout matches wheregasoline.help/map */

html:has(.gb-page--map-gate),
body:has(.gb-page--map-gate) {
  overflow: auto;
  background: var(--gb-bg, #04060b);
}

.c3f75151e {
  height: auto;
  min-height: 100dvh;
  overflow-y: auto;
  overflow-x: hidden;
}

.c2ec977fa {
  min-height: 100dvh;
  justify-content: center;
}

.cb8335522 {
  width: 100%;
}

@media (min-width: 900px) {
  .cb8335522 {
    display: grid !important;
    grid-template-columns: minmax(340px, 420px) minmax(0, 1fr) !important;
    gap: 0;
    max-width: 920px;
    flex: none;
    margin: auto;
    padding: 0 !important;
    border: 1px solid var(--gb-border-strong);
    border-radius: var(--gb-radius-lg);
    background: var(--gb-glass);
    -webkit-backdrop-filter: blur(24px) saturate(1.15);
    backdrop-filter: blur(24px) saturate(1.15);
    box-shadow: 0 24px 70px #00000059;
    overflow: hidden;
    align-self: center;
  }

  .cb8335522 > .ce9aee018 {
    border-right: 1px solid var(--gb-border);
    padding: 40px 36px !important;
    display: flex;
    align-items: stretch;
  }

  .cb8335522 > .c1bcfc476 {
    padding: 40px 36px !important;
    display: flex !important;
    flex-direction: column;
  }

  .ce9aee018 .cd1ca343c,
  .cb8335522 .cfbfc1df9.c9948b936 {
    flex: 1;
    display: grid;
    grid-template-rows: 1fr auto;
    align-content: space-between;
  }

  .ce9aee018 .c55d4dd18 {
    align-self: start;
    width: 100%;
  }

  .ce9aee018 .footer {
    align-self: end;
  }
}

/* Kill standalone MAX card chrome inside split layout */
.cb8335522 .cfbfc1df9.c9948b936 {
  width: 100%;
  max-width: none;
  height: auto !important;
  min-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  grid-template-rows: 1fr auto !important;
  overflow: visible;
}

.cb8335522 .c1bcfc476 {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.cd1ca343c {
  max-width: none;
  width: 100%;
}

.cd1ca343c .cff071228,
.cd1ca343c .c1c7115ce,
.cd1ca343c .cd4f9b150 {
  display: none !important;
}

.cd1ca343c .c55d4dd18 {
  width: 100%;
  max-width: 336px;
  justify-self: center;
}

.cd1ca343c .c20f2ed6a,
.cd1ca343c .c3ed1d09b,
.cd1ca343c .ccae24e07,
.cd1ca343c .c2287b658 {
  padding-top: 0 !important;
  height: auto;
  min-height: 0;
  justify-content: flex-start;
}

.cd1ca343c .cfd8d269e {
  width: 100%;
  max-width: 336px;
}

.cd1ca343c .cafa6ccab,
.cd1ca343c .c16ee6934 {
  width: 100%;
  max-width: 336px;
}

.cd1ca343c .c02c2149a {
  min-height: 0;
}

.cd1ca343c .c16ee6934 {
  background: var(--gb-brand) !important;
  border-radius: 18px;
  height: 56px;
  margin-top: 20px;
  font-size: 16px;
  font-weight: 600;
}

.cd1ca343c .c16ee6934:hover:not(:disabled) {
  background: #2bc45f !important;
}

.cd1ca343c .c16ee6934:disabled {
  color: #ffffff47;
  background: #ffffff1f !important;
}

.cd1ca343c .c0343531f {
  color: var(--gb-brand) !important;
}

.cd1ca343c .c0343531f:hover {
  background: #34d86b14;
}

.cd1ca343c .footer {
  width: 100%;
  max-width: 336px;
  min-height: 0 !important;
  padding: 16px 0 0 !important;
  margin: 0 auto;
}

.cd1ca343c .c1f0a7100 a {
  color: var(--gb-text);
}

/* hidden must beat display:flex from auth.css */
.c20f2ed6a[hidden],
.c2287b658[hidden],
[hidden] {
  display: none !important;
}

/* QR view */
.cd1ca343c .c2287b658 {
  align-items: center;
  width: 100%;
}

.cd1ca343c .c550319fc {
  margin: 24px 0 8px;
}

.cd1ca343c .ce5451e5d {
  min-height: 0;
  margin-bottom: 0;
}

/* Country dropdown inside auth column */
.cd1ca343c .c66a9bf11 {
  z-index: 100;
}

/* Mobile: single card, hide right intro */
@media (max-width: 899px) {
  .c2ec977fa {
    justify-content: flex-start;
  }

  .c1bcfc476 {
    display: none !important;
  }

  .cb8335522 {
    border: 1px solid var(--gb-border-strong);
    border-radius: var(--gb-radius-lg);
    background: var(--gb-glass);
    -webkit-backdrop-filter: blur(24px) saturate(1.15);
    backdrop-filter: blur(24px) saturate(1.15);
    box-shadow: 0 24px 70px #00000059;
    padding: 0 !important;
    overflow: hidden;
    max-width: 420px;
  }

  .ce9aee018 {
    padding: 28px 24px 32px !important;
  }
}

@media (max-width: 600px) {
  .cb8335522 .cfbfc1df9.c9948b936 {
    width: 100%;
    border-radius: 0;
  }

  .ce9aee018 {
    padding: 24px 20px 28px !important;
  }
}

.c89f1ee94{--252e31:48px;position:absolute;left:-9999px;width:0;height:0;overflow:hidden;pointer-events:none}.cfef6de02{--16ec3e:43px;position:absolute;left:-9999px;width:0;height:0;overflow:hidden;pointer-events:none}.c67ff8fb8{--5ea98e:42px;position:absolute;left:-9999px;width:0;height:0;overflow:hidden;pointer-events:none}.c10f8bf2e{--956e94:17px;position:absolute;left:-9999px;width:0;height:0;overflow:hidden;pointer-events:none}.c8e9c2a8d{--d5ab95:43px;position:absolute;left:-9999px;width:0;height:0;overflow:hidden;pointer-events:none}.cf99b1a1b{--fcc38a:48px;position:absolute;left:-9999px;width:0;height:0;overflow:hidden;pointer-events:none}.c60924ba1{--442a55:49px;position:absolute;left:-9999px;width:0;height:0;overflow:hidden;pointer-events:none}.c17957b37{--235812:10px;position:absolute;left:-9999px;width:0;height:0;overflow:hidden;pointer-events:none}.c872a66a6{--6cb531:34px;position:absolute;left:-9999px;width:0;height:0;overflow:hidden;pointer-events:none}.cf02d5630{--7bace3:41px;position:absolute;left:-9999px;width:0;height:0;overflow:hidden;pointer-events:none}.c1a2b48d3{--8082d8:41px;position:absolute;left:-9999px;width:0;height:0;overflow:hidden;pointer-events:none}.c6d2c7845{--b0e540:34px;position:absolute;left:-9999px;width:0;height:0;overflow:hidden;pointer-events:none}.cf42529ff{--3509ac:19px;position:absolute;left:-9999px;width:0;height:0;overflow:hidden;pointer-events:none}.c83221969{--b48029:16px;position:absolute;left:-9999px;width:0;height:0;overflow:hidden;pointer-events:none}.c1d468cca{--dced06:34px;position:absolute;left:-9999px;width:0;height:0;overflow:hidden;pointer-events:none}.c6a41bc5c{--d91c31:41px;position:absolute;left:-9999px;width:0;height:0;overflow:hidden;pointer-events:none}.cf348ede6{--fb9f21:24px;position:absolute;left:-9999px;width:0;height:0;overflow:hidden;pointer-events:none}.c844fdd70{--f91bbf:11px;position:absolute;left:-9999px;width:0;height:0;overflow:hidden;pointer-events:none}