body#axle-refer {
    
  --prim: #d1bfa7;
  --dark: #101213;
  
  --bg: var(--dark);

  --bg-img-height: 90vh;
  --bg-img-pos: top;

  --body-pad: 5vh 2rem;  

  --font-main: "Montserrat", sans-serif;    
  --heading-font: 'Prompt',sans-serif;  
  --heading-weight: 600;  
  --heading-color: var(--prim);
  --heading-line-height: 1;
  --h1: min(8vw, 2.8rem);
  --h2: min(8vw, 2.5rem); 
  --h3: min(6vw, 2rem);

  --btn-radius: .1em;
  --btn-text: black;  
  --btn-text-hover: black;  
  
  --day-selected-text: black;

}


body:before { 
  background: url(bg.jpg) top center no-repeat;
  background-size: cover;
  z-index: -2; 
}


.btn-lg {
  font-size: 1.2rem !important;
}

p:empty {
  display: none !important;
}

.offer-text {
  p {
    max-width: 50ch;
    line-height: 1.4;
  }
  h1 + p {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
  }
}


@keyframes fade_in {
  from {
    opacity: 0;
  }  
  to {
    opacity: 1;
  }
}

div[role="tabpanel"] {
  opacity: 0;
  animation: fade_in .5s ease forwards;
  &[hidden] {
    opacity: 0;
  }
}



main {
  min-height: 100vh;
  justify-content: center;
  gap: 2rem;
}
main > * {
  margin-bottom: 0 !important;
}
#select-item {
  display: block !important;
  flex: unset !important;
}
.logo {
  margin-top: auto;  
}

.bottom {
  margin-top: auto;
}

#location-info {
  flex: 0;
  margin: 0 !important;
}


.form-wrapper {
  margin-top: 3rem;
}

.initial-hide {
  display: none;
  > * + * {
    margin-top: 2rem;
  }
}


.offer-text {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;  
}

.offer-text h1 {
  max-width: 25ch;
}
.offer-text h1 small {
  display: block;
  font-size: 1.2rem;
  margin-bottom: 5px;
  line-height: 1.4;
}