@charset "UTF-8";

.hiw-placeholder-img {
  background-color: var(--bg-secondary);
  border-radius: 1rem;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  min-height: 300px;
  width: 100%;
}

.hiw-placeholder-img span {
  color: var(--text-tertiary);
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
}

.hiw-placeholder-img.ratio-16-9 {
  aspect-ratio: 16/9;
}

.hiw-placeholder-img.ratio-1-1 {
  aspect-ratio: 1/1;
}

.hiw-placeholder-img.ratio-4-3 {
  aspect-ratio: 4/3;
}

.how-v2-hero-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.how-v2-hero-overlay h1 {
  font-family: "PP Right Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  color: #ffffff;
  margin-bottom: 1.5rem;
}

.how-v2-hero-overlay p {
  font-size: clamp(1rem, calc(0.18vw + 1.08rem), 1.25rem);
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 2.5rem;
  max-width: 500px;
}

.how-v2-hero-overlay__badge {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: var(--bg-secondary);
  border-radius: 100px;
  margin-bottom: 2.5rem;
}

.how-v2-hero-overlay__badge span {
  font-size: 0.875rem;
  color: #ffffff;
}

@media (max-width: 767px) {
  .how-v2-hero-overlay {
    -webkit-box-align: end;
            align-items: flex-end;
    padding-bottom: 4rem;
  }

  .how-v2-hero-overlay h1 {
    font-size: clamp(2rem, calc(1.43vw + 2.65rem), 4rem);
  }

  .how-v2-hero-overlay p {
    display: none;
  }
}

.how-v2-intro {
  background-color: var(--bg-primary);
  text-align: center;
}

.how-v2-intro__bird {
  margin-bottom: 30px;
}

.how-v2-intro__bird img {
  width: 80px;
  height: auto;
}

[data-theme=dark] .how-v2-intro__bird img {
  -webkit-filter: invert(1);
          filter: invert(1);
}

@media (max-width: 767px) {
  .how-v2-intro__bird img {
    width: 60px;
  }
}

.how-v2-intro__cta-mobile {
  display: none !important;
  background: #d2affa;
  color: #000000 !important;
  width: 342px;
  height: 62px;
  padding: 18px 32px;
  border-radius: 100px;
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: -0.36px;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
  margin-bottom: 30px;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

.how-v2-intro__cta-mobile:hover {
  background: #c49af5;
  color: #000000 !important;
  text-decoration: none;
}

@media (max-width: 991px) {
  .how-v2-intro__cta-mobile {
    display: -webkit-inline-box !important;
    display: inline-flex !important;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
  }
}

.how-v2-intro h1 {
  font-family: "PP Right Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  color: var(--text-primary);
  max-width: 1052px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  .how-v2-intro h1 {
    font-size: clamp(2rem, calc(1.43vw + 2.65rem), 4rem);
    margin-bottom: 30px;
  }
}

.how-v2-intro__subtitle {
  font-size: clamp(1rem, calc(0.18vw + 1.08rem), 1.25rem);
  color: var(--text-primary);
  max-width: 700px;
  margin: 2.5rem auto 2.5rem;
  line-height: 1.35;
}

@media (max-width: 767px) {
  .how-v2-intro__subtitle {
    font-size: 1rem;
  }
}

.how-v2-intro__badge {
  margin-bottom: 1rem;
}

.how-v2-intro__badge img {
  width: 50px;
  height: auto;
}

.how-v2-intro__stars {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  gap: 0.25rem;
  margin-bottom: 1.5rem;
}

.how-v2-intro__stars img {
  width: 12px;
  height: 12px;
}

[data-theme=dark] .how-v2-intro__stars img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.how-v2-intro__rating {
  font-size: 1rem;
  color: var(--text-primary);
}

.how-v2-intro__rating span {
  display: block;
  font-size: 0.875rem;
}

.how-v2-stats {
  position: relative;
  padding: 4rem 0;
  background-color: var(--color-afton-purple);
  color: #000000;
  overflow: visible;
}

@media (max-width: 991px) {
  .how-v2-stats {
    padding: 2.5rem 0;
  }
}

.how-v2-stats .container {
  max-width: 1248px;
}

.how-v2-stats h2 {
  font-family: "PP Right Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  color: var(--color-afton-black);
  margin-bottom: 0;
}

.how-v2-stats__grid {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: stretch;
          align-items: stretch;
}

@media (max-width: 991px) {
  .how-v2-stats__grid {
    display: none;
  }
}

.how-v2-stats__left {
  -webkit-box-flex: 0;
          flex: 0 0 1;
  max-width: 50%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  padding-right: 4rem;
}

.how-v2-stats__left h2 {
  max-width: -webkit-fit-content !important;
  max-width: -moz-fit-content !important;
  max-width: fit-content !important;
  padding-top: 4rem;
}

.how-v2-stats__illustration {
  position: absolute;
  bottom: 108px;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  z-index: 1;
}

.how-v2-stats__illustration img {
  width: 227px;
  height: 216px;
  max-width: 100%;
}

.how-v2-stats__tickets {
  -webkit-box-flex: 0;
          flex: 0 0 32%;
  max-width: 400px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 10px;
}

.how-v2-stats__ticket {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  aspect-ratio: 400/240;
}

.how-v2-stats__ticket-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.how-v2-stats__ticket-border img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}

.how-v2-stats__ticket-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 100%;
  text-align: center;
}

.how-v2-stats__ticket-content h3 {
  font-family: "PP Right Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(2rem, calc(1.43vw + 2.65rem), 4rem);
  line-height: 0.9;
  color: var(--color-afton-black);
  margin-bottom: 0;
}

.how-v2-stats__descriptions {
  -webkit-box-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 10px;
  padding-left: 1.5rem;
}

.how-v2-stats__description {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-flex: 1;
          flex: 1;
  max-width: 190px;
}

.how-v2-stats__description p {
  font-size: clamp(1rem, calc(0.18vw + 1.08rem), 1.25rem);
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 1.3;
  color: var(--color-afton-black) !important;
  margin-bottom: 0;
}

.how-v2-stats__mobile {
  display: none;
}

@media (max-width: 991px) {
  .how-v2-stats__mobile {
    display: block;
  }
}

.how-v2-stats__mobile h2 {
  font-size: 3rem;
  line-height: 0.9;
  text-align: center;
  padding: 0 1.5rem;
  margin-bottom: 2.5rem;
}

.how-v2-stats__carousel {
  display: -webkit-box;
  display: flex;
  gap: 16px;
  overflow-x: auto;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  scroll-padding-left: 1.5rem;
  -webkit-overflow-scrolling: touch;
  padding: 0 1.5rem;
  scrollbar-width: none;
}

.how-v2-stats__carousel::-webkit-scrollbar {
  display: none;
}

.how-v2-stats__slide {
  -webkit-box-flex: 0;
          flex: 0 0 83%;
  scroll-snap-align: start;
}

.how-v2-stats__slide-stub {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
}

.how-v2-stats__slide-stub > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
  pointer-events: none;
}

.how-v2-stats__slide-content {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  height: 100%;
  text-align: center;
  padding: 2.5rem 1.5rem;
}

.how-v2-stats__slide-content h3 {
  font-size: 3rem;
  line-height: 0.9;
  color: var(--color-afton-black);
  margin-bottom: 5px;
}

.how-v2-stats__slide-content p {
  font-size: clamp(1rem, calc(0.18vw + 1.08rem), 1.25rem);
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 1.3;
  color: var(--color-afton-black);
  margin-bottom: 0;
  max-width: 220px;
}

.how-v2-stats__pips {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  gap: 0.5rem;
  padding-top: 2.5rem;
}

.how-v2-stats__pip {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: var(--color-afton-white);
  opacity: 0.5;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.how-v2-stats__pip--active {
  width: 10px;
  height: 10px;
  background-color: var(--color-afton-black);
  opacity: 1;
}

.how-v2-zigzag {
  background-color: var(--bg-primary);
  margin-top: 7.5rem;
  margin-bottom: 5rem;
}

@media (max-width: 767px) {
  .how-v2-zigzag {
    margin-top: 0;
  }
}

.how-v2-zigzag .row.align-items-center {
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 992px) {
  .how-v2-zigzag .row.align-items-center {
    gap: 124px;
  }
}

.how-v2-zigzag--purple-bg {
  background-color: transparent;
}

@media (max-width: 767px) {
  .how-v2-zigzag .how-v2-zigzag__image img {
    border-radius: 18px;
  }
}

.how-v2-zigzag__bird {
  margin-bottom: 1.5rem;
}

.how-v2-zigzag__bird img {
  width: 40px;
  height: auto;
}

@media (max-width: 767px) {
  .how-v2-zigzag__bird {
    margin-bottom: 1rem;
  }

  .how-v2-zigzag__bird img {
    width: 32px;
  }
}

.how-v2-zigzag h1 {
  margin-bottom: 1.5rem;
}

@media (max-width: 767px) {
  .how-v2-zigzag h1 {
    margin-bottom: 30px;
  }
}

.how-v2-zigzag p {
  font-size: clamp(1rem, calc(0.18vw + 1.08rem), 1.25rem);
  color: var(--text-primary);
  max-width: 500px;
  line-height: 1.35;
  margin: 0;
}

@media (max-width: 767px) {
  .how-v2-zigzag p {
    font-size: 1rem;
    max-width: 320px !important;
  }
}

.how-v2-zigzag--reverse .row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          flex-direction: row-reverse;
}

@media (max-width: 991px) {
  .how-v2-zigzag--reverse .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}

.how-v2-zigzag__text {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  max-width: 500px;
  gap: 2.5rem !important;
}

@media (max-width: 991px) {
  .how-v2-zigzag__text {
    -webkit-box-ordinal-group: 3;
            order: 2;
    text-align: center;
    -webkit-box-align: center;
            align-items: center;
    gap: 30px !important;
  }

  .how-v2-zigzag__text p {
    max-width: 100%;
  }
}

@media (max-width: 991px) {
  .how-v2-zigzag__image {
    margin-bottom: 2.5rem;
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
}

@media (max-width: 767px) {
  .how-v2-zigzag__image {
    margin-top: 2rem;
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }
}

.how-v2-zigzag__image picture {
  display: block;
}

@media (max-width: 991px) {
  .how-v2-zigzag__image picture {
    overflow: hidden;
    border-radius: 0;
  }
}

.how-v2-zigzag__image img {
  width: 100%;
  max-width: 612px;
  height: auto;
  display: block;
  margin: 0 auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0;
}

@media (min-width: 992px) {
  .how-v2-zigzag__image img {
    border-radius: 25px;
  }
}

@media (max-width: 991px) {
  .how-v2-zigzag__image img {
    max-width: 500px;
    border-radius: 0;
  }
}

@media (max-width: 767px) {
  .how-v2-zigzag__image img {
    max-width: 100%;
    border-radius: 0;
  }
}

@media (max-width: 991px) {
  .how-v2-zigzag {
    margin-bottom: 4rem;
  }
}

.how-v2-zigzag-wrapper {
  max-width: 1248px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.how-v2-feature-cards .container {
  max-width: 1248px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.how-v2-feature-cards .how-v2-feature-card {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: center;
          align-items: center;
  gap: 4rem;
  border-radius: 1.5rem;
  overflow: hidden;
  margin-bottom: 2.5rem;
}

.how-v2-feature-cards .how-v2-feature-card:last-child {
  margin-bottom: 0;
}

.how-v2-feature-cards .how-v2-feature-card:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
          flex-direction: row-reverse;
}

@media (max-width: 767px) {
  .how-v2-feature-cards .how-v2-feature-card:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}

@media (max-width: 767px) {
  .how-v2-feature-cards .how-v2-feature-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    gap: 1.5rem;
  }
}

.how-v2-feature-cards .how-v2-feature-card__illustration {
  -webkit-box-flex: 0;
          flex: 0 0 45%;
  max-width: 45%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  border-radius: 1.5rem;
  overflow: hidden;
}

.how-v2-feature-cards .how-v2-feature-card__illustration img {
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .how-v2-feature-cards .how-v2-feature-card__illustration {
    -webkit-box-flex: 0;
            flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    border-radius: 1.5rem;
  }

  .how-v2-feature-cards .how-v2-feature-card__illustration img {
    max-width: 370px !important;
  }
}

.how-v2-feature-cards .how-v2-feature-card__content {
  -webkit-box-flex: 1;
          flex: 1;
}

@media (max-width: 767px) {
  .how-v2-feature-cards .how-v2-feature-card__content {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .how-v2-feature-cards .how-v2-feature-card__content h2,
  .how-v2-feature-cards .how-v2-feature-card__content p {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.how-v2-feature-cards .how-v2-feature-card h3 {
  font-family: "PP Right Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(2rem, calc(1.43vw + 2.65rem), 4rem);
  line-height: 0.9;
  color: var(--text-primary);
  margin-bottom: 1.5rem;
}

.how-v2-feature-cards .how-v2-feature-card p {
  font-size: clamp(1rem, calc(0.18vw + 1.08rem), 1.25rem);
  color: var(--text-primary);
  line-height: 1.35;
}

@media (max-width: 767px) {
  .how-v2-feature-cards .how-v2-feature-card p {
    font-size: 1rem;
  }
}

.how-v2-custom-built {
  background-color: var(--bg-primary);
}

.how-v2-custom-built__header {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
          justify-content: space-between;
  margin-bottom: 4rem;
}

.how-v2-custom-built h2 {
  margin-bottom: 0;
  max-width: 600px;
}

@media (max-width: 767px) {
  .how-v2-custom-built h2 {
    text-align: center;
    width: 100%;
  }
}

.how-v2-custom-built__nav {
  display: -webkit-box;
  display: flex;
  gap: 0.5rem;
  -webkit-box-align: center;
          align-items: center;
  flex-shrink: 0;
}

.how-v2-custom-built__nav-btn {
  width: 31px !important;
  height: 31px !important;
  min-width: 31px !important;
  min-height: 31px !important;
  max-width: 31px !important;
  max-height: 31px !important;
  flex-shrink: 0;
  border-radius: 50% !important;
  border: none !important;
  background-color: #e6e6f0 !important;
  padding: 0 !important;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.how-v2-custom-built__nav-btn img {
  width: 12px;
  height: 12px;
}

.how-v2-custom-built__nav-btn--prev img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.how-v2-custom-built__nav-btn:hover {
  opacity: 0.7;
}

@media (max-width: 767px) {
  .how-v2-custom-built__desktop {
    display: none !important;
  }
}

.how-v2-custom-built__mobile {
  display: none;
}

@media (max-width: 767px) {
  .how-v2-custom-built__mobile {
    display: block;
  }
}

.how-v2-custom-built__carousel {
  display: -webkit-box;
  display: flex;
  gap: 10px;
  overflow-x: auto;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding: 0 1.5rem;
  scrollbar-width: none;
}

.how-v2-custom-built__carousel::-webkit-scrollbar {
  display: none;
}

.how-v2-custom-built__slide {
  -webkit-box-flex: 0;
          flex: 0 0 298px;
  scroll-snap-align: start;
}

.how-v2-custom-built__pips {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  gap: 8px;
  padding-top: 2.5rem;
}

.how-v2-custom-built__pip {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--bg-secondary);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.how-v2-custom-built__pip--active {
  width: 12px;
  height: 12px;
  background-color: var(--text-primary);
}

.how-v2-custom-built__card {
  position: relative;
  text-align: left;
  padding: 24px 30px;
  border: 2px solid #d2affa;
  border-radius: 16px;
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  justify-content: space-around;
}

.how-v2-custom-built__card h4 {
  margin-bottom: 2.5rem !important;
}

@media (max-width: 767px) {
  .how-v2-custom-built__card h5 {
    font-size: 26px;
    font-weight: 800;
    padding-bottom: 3rem;
  }
}

.how-v2-custom-built__card p {
  font-size: 1rem;
  margin-bottom: 0;
  padding-right: 4rem;
}

.how-v2-custom-built__icon {
  margin-bottom: 0.5rem;
}

.how-v2-custom-built__icon img {
  width: 24px;
  height: 24px;
  -webkit-filter: brightness(0);
          filter: brightness(0);
}

[data-theme=dark] .how-v2-custom-built__icon img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.how-v2-custom-built__plus {
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
  width: 31px;
  height: 31px;
  border: none;
  border-radius: 50%;
  background-color: var(--bg-secondary);
  padding: 0;
  cursor: pointer;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.how-v2-custom-built__plus::before {
  content: "+";
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1;
  color: var(--text-primary);
}

.how-v2-custom-built__plus:hover {
  opacity: 0.7;
}

.how-v2-livestream-promo {
  background-color: var(--bg-primary);
}

.how-v2-livestream-promo__wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: center;
          align-items: center;
  gap: 4rem;
}

@media (max-width: 991px) {
  .how-v2-livestream-promo__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    gap: 1.5rem !important;
    -webkit-box-align: center !important;
            align-items: center !important;
    align-self: center !important;
  }
}

.how-v2-livestream-promo__image {
  -webkit-box-flex: 0;
          flex: 0 0 612px;
  width: 612px;
  height: 612px;
  background-color: var(--bg-secondary);
  border-radius: 24px;
  overflow: hidden;
}

.how-v2-livestream-promo__image img {
  width: 612px;
  height: 612px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 991px) {
  .how-v2-livestream-promo__image {
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: 100%;
    height: auto;
  }

  .how-v2-livestream-promo__image img {
    width: 100%;
    height: auto;
  }
}

@media (max-width: 767px) {
  .how-v2-livestream-promo__image {
    width: 360px;
    height: 360px;
  }

  .how-v2-livestream-promo__image img {
    width: 360px;
    height: 360px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.how-v2-livestream-promo__content {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 2.5rem;
}

@media (max-width: 767px) {
  .how-v2-livestream-promo__content {
    gap: 30px !important;
    -webkit-box-align: center;
            align-items: center;
  }
}

.how-v2-livestream-promo__branding {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: start;
          align-items: flex-start;
  gap: 0;
  position: relative;
}

.how-v2-livestream-promo__branding h2 {
  font-family: "DM Sans", "PP Right Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 2.875rem;
  font-weight: 300;
  letter-spacing: -0.92px;
  line-height: 1.3;
  color: var(--text-primary);
  margin: 0;
}

@media (max-width: 767px) {
  .how-v2-livestream-promo__branding h2 {
    font-size: 2.25rem;
    letter-spacing: -0.72px;
    -webkit-box-align: center !important;
            align-items: center !important;
  }
}

@media (max-width: 767px) {
  .how-v2-livestream-promo__branding {
    -webkit-box-align: center !important;
            align-items: center !important;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
  }
}

.how-v2-livestream-promo__logo {
  width: 107px;
  height: 40px;
  margin-bottom: -4px;
}

@media (max-width: 767px) {
  .how-v2-livestream-promo__logo {
    width: 85px;
    height: 32px;
  }
}

.how-v2-livestream-promo__tagline {
  font-family: "DM Sans", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: -0.24px;
  line-height: 1.3;
  color: var(--text-primary);
  margin: 0;
  max-width: 358px;
}

@media (max-width: 767px) {
  .how-v2-livestream-promo__tagline {
    font-size: 1.25rem;
    letter-spacing: -0.2px;
    text-align: center;
  }
}

.how-v2-livestream-promo__cta {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 16px 32px;
  background-color: var(--color-afton-purple);
  color: #000000;
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: 0.18px;
  line-height: 1;
  border-radius: 100px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  align-self: flex-start;
}

.how-v2-livestream-promo__cta:hover,
.how-v2-livestream-promo__cta:focus {
  background-color: var(--text-primary);
  color: var(--text-inverse);
  text-decoration: none;
}

@media (max-width: 767px) {
  .how-v2-livestream-promo__cta {
    font-size: 1rem;
    padding: 14px 28px;
    align-self: center;
  }
}

.how-v2-eventstaff-promo {
  background-color: var(--bg-primary);
}

.how-v2-eventstaff-promo__wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: center;
          align-items: center;
  gap: 4rem;
}

@media (max-width: 991px) {
  .how-v2-eventstaff-promo__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    gap: 30px;
  }
}

.how-v2-eventstaff-promo__content {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 2.5rem;
}

@media (max-width: 767px) {
  .how-v2-eventstaff-promo__content {
    gap: 30px;
  }
}

.how-v2-eventstaff-promo__branding {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: start;
          align-items: flex-start;
  gap: 0;
  position: relative;
}

.how-v2-eventstaff-promo__branding h2 {
  font-family: "DM Sans", "PP Right Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 2.875rem;
  font-weight: 300;
  letter-spacing: -0.92px;
  line-height: 1.3;
  color: var(--text-primary);
  margin: 0;
}

@media (max-width: 767px) {
  .how-v2-eventstaff-promo__branding h2 {
    font-size: 2.25rem;
    letter-spacing: -0.72px;
  }
}

@media (max-width: 767px) {
  .how-v2-eventstaff-promo__branding {
    -webkit-box-align: center !important;
            align-items: center !important;
  }
}

.how-v2-eventstaff-promo__logo {
  width: 107px;
  height: 40px;
  margin-bottom: -4px;
}

@media (max-width: 767px) {
  .how-v2-eventstaff-promo__logo {
    width: 85px;
    height: 32px;
  }
}

.how-v2-eventstaff-promo__tagline {
  font-family: "DM Sans", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: -0.24px;
  line-height: 1.3;
  color: var(--text-primary);
  margin: 0;
  max-width: 401px;
}

@media (max-width: 767px) {
  .how-v2-eventstaff-promo__tagline {
    font-size: 1.25rem;
    letter-spacing: -0.2px;
    text-align: center;
  }
}

.how-v2-eventstaff-promo__cta {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 16px 32px;
  background-color: var(--color-afton-purple);
  color: #000000;
  font-family: "DM Sans", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: 0.18px;
  line-height: 1;
  border-radius: 100px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  align-self: flex-start;
}

.how-v2-eventstaff-promo__cta:hover,
.how-v2-eventstaff-promo__cta:focus {
  background-color: var(--text-primary);
  color: var(--text-inverse);
  text-decoration: none;
}

@media (max-width: 767px) {
  .how-v2-eventstaff-promo__cta {
    font-size: 1rem;
    padding: 14px 28px;
    align-self: center;
  }
}

.how-v2-eventstaff-promo__image {
  -webkit-box-flex: 0;
          flex: 0 0 612px;
  width: 612px;
  height: 612px;
  background-color: var(--bg-secondary);
  border-radius: 24px;
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.how-v2-eventstaff-promo__image img {
  width: 612px;
  height: 612px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 991px) {
  .how-v2-eventstaff-promo__image {
    -webkit-box-flex: 0;
            flex: 0 0 auto;
    width: 100%;
    height: auto;
  }

  .how-v2-eventstaff-promo__image img {
    width: 100%;
    height: auto;
  }
}

.how-v2-eventstaff-promo__description {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.how-v2-testimonial-module {
  background-color: var(--bg-primary);
}

.how-v2-testimonial-module__wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: center;
          align-items: center;
  gap: 4rem;
}

.how-v2-testimonial-module__image {
  -webkit-box-flex: 0;
          flex: 0 0 612px;
  width: 612px;
  height: 612px;
  border-radius: 24px;
  overflow: hidden;
}

.how-v2-testimonial-module__image img {
  width: 612px;
  height: 612px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.how-v2-testimonial-module__content {
  -webkit-box-flex: 1;
          flex: 1 1 auto;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 2.5rem;
}

.how-v2-testimonial-module__stars {
  display: -webkit-box;
  display: flex;
  gap: 0.25rem;
}

.how-v2-testimonial-module__stars img {
  width: 12px;
  height: 12px;
}

[data-theme=dark] .how-v2-testimonial-module__stars img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.how-v2-testimonial-module__quote {
  font-family: "PP Right Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 3rem;
  font-weight: 800;
  line-height: 47px;
  color: var(--text-primary);
  margin: 0;
  max-width: 506px;
}

.how-v2-testimonial-module__author {
  font-family: "DM Sans", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 26px;
  color: var(--text-primary);
  max-width: 506px;
}

.how-v2-testimonial-module__dots img {
  height: 12px;
  width: 100px;
}

.how-v2-testimonial-module__mobile {
  padding: 2.5rem 0;
}

.how-v2-testimonial-module__carousel {
  display: -webkit-box;
  display: flex;
  gap: 16px;
  overflow-x: auto;
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  padding: 0 1.5rem;
  scrollbar-width: none;
}

.how-v2-testimonial-module__carousel::-webkit-scrollbar {
  display: none;
}

.how-v2-testimonial-module__slide {
  -webkit-box-flex: 0;
          flex: 0 0 calc(100vw - 48px);
  scroll-snap-align: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  text-align: center;
}

.how-v2-testimonial-module__slide-image {
  width: 150px;
  height: 150px;
  border-radius: 24px;
  overflow: hidden;
  margin-bottom: 1.5rem;
}

.how-v2-testimonial-module__slide-image img {
  width: 150px;
  height: 150px;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.how-v2-testimonial-module__slide-stars {
  margin-bottom: 1.5rem;
}

.how-v2-testimonial-module__slide-stars img {
  height: 12px;
  width: auto;
}

[data-theme=dark] .how-v2-testimonial-module__slide-stars img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.how-v2-testimonial-module__slide-quote {
  font-family: "PP Right Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 2rem;
  font-weight: 800;
  line-height: 31.36px;
  color: var(--text-primary);
  margin: 0 0 2.5rem;
  max-width: 345px;
}

.how-v2-testimonial-module__slide-author {
  font-family: "DM Sans", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
  letter-spacing: -0.18px;
  line-height: 23.4px;
  color: var(--text-primary);
}

.how-v2-testimonial-module__slide-author strong {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -0.2px;
  line-height: 26px;
}

.how-v2-testimonial-module__pips {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  gap: 8px;
  padding-top: 2.5rem;
}

.how-v2-testimonial-module__pip {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #939aa5;
  opacity: 0.5;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.how-v2-testimonial-module__pip--active {
  width: 10px;
  height: 10px;
  background-color: var(--text-primary);
  opacity: 1;
}

.how-v2-event-creators {
  background-color: var(--bg-primary);
  text-align: center;
}

.how-v2-event-creators__content {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  gap: 2.5rem;
  max-width: 1012px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .how-v2-event-creators__content {
    gap: 1.5rem;
  }
}

.how-v2-event-creators__icon img {
  width: 345px;
  height: auto;
}

@media (max-width: 767px) {
  .how-v2-event-creators__icon img {
    width: 220px;
  }
}

.how-v2-event-creators__heading {
  font-family: "PP Right Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 800;
  color: var(--text-primary);
  margin: 0;
}

@media (max-width: 991px) {
  .how-v2-event-creators__heading {
    line-height: 52px;
  }
}

@media (max-width: 767px) {
  .how-v2-event-creators__heading {
    line-height: 38px;
  }
}

.how-v2-event-creators__cta {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  padding: 16px 32px;
  background-color: var(--color-afton-purple);
  color: #000000;
  font-family: "DM Sans", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
  letter-spacing: 0.18px;
  line-height: 1;
  border-radius: 100px;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.how-v2-event-creators__cta:hover,
.how-v2-event-creators__cta:focus {
  background-color: var(--text-primary);
  color: var(--text-inverse);
  text-decoration: none;
}

@media (max-width: 767px) {
  .how-v2-event-creators__cta {
    font-size: 1rem;
    padding: 14px 28px;
  }
}

.how-v2-sticky-cta {
  display: none;
}

@media (max-width: 991px) {
  .how-v2-sticky-cta {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    gap: 8px;
    position: fixed;
    bottom: -2px !important;
    left: 0;
    right: 0;
    z-index: 1050;
    padding: 0.85rem;
    background: var(--bg-secondary);
  }
}

.how-v2-sticky-cta__row {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  gap: 8px;
}

.how-v2-sticky-cta__btn {
  -webkit-box-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  text-align: center;
  border-radius: 100px;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: -0.3px;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none !important;
  padding: 12px 8px;
  -webkit-transition: background 0.3s ease, border-color 0.3s ease;
  transition: background 0.3s ease, border-color 0.3s ease;
}

@media (max-width: 991px) {
  body:has(.how-v2-sticky-cta) {
    padding-bottom: 7rem;
  }

  body:has(.how-v2-sticky-cta) .minimal-footer {
    padding-bottom: 7rem !important;
  }

  body:has(.how-v2-sticky-cta) .af-footer {
    padding-bottom: 0 !important;
  }
}

.home-banner__copy--hiw {
  font-size: 5rem;
}

@media (max-width: 991px) {
  .home-banner__copy--hiw {
    font-size: clamp(1.25rem, calc(1.07vw + 1.24rem), 2.25rem);
  }
}

:root,
[data-theme=light] {
  --navbar-height-desktop-full: 64px;
  --navbar-height-desktop-simple: 64px;
  --navbar-height-mobile-full: 110px;
  --navbar-height-mobile-simple: 82px;
  --timebar-height: 32px;
  --wr-header-height-desktop: 300px;
  --wr-header-height-mobile: 240px;
  --mobile-subnav-height: 40px;
  --desktop-subnav-height: 46px;
  --navbar-height: var(--navbar-height-mobile-full);
  --color-afton-black: #000000;
  --color-afton-white: #ffffff;
  --color-afton-purple: #d2affa;
  --color-gray-100: #e6e6f0;
  --color-purple-500: #7f37f5;
  --color-gray-500: #9399a5;
  --color-verification: #d2affa;
  --color-alert: #e54866;
  --color-discount-typography: #b4ff78;
  --color-discount-light: #449a00;
  --text-primary: #000000;
  --text-secondary: #7f37f5;
  --text-tertiary: #9399a5;
  --text-inverse: #ffffff;
  --text-disabled: rgba(0, 0, 0, 0.4);
  --text-success: #449a00;
  --link-color: #7F37F5;
  --link-hover-color: #610ced;
  --bg-primary: #ffffff;
  --bg-secondary: #e6e6f0;
  --bg-tertiary: #f3f3f3;
  --bg-overlay: rgba(0, 0, 0, 0.5);
  --card-bg: var(--bg-tertiary);
  --btn-primary-bg: #000000;
  --btn-primary-text: #ffffff;
  --btn-primary-border: transparent;
  --btn-primary-hover-bg: #ffffff;
  --btn-primary-hover-text: #000000;
  --btn-primary-hover-border: #000000;
  --btn-secondary-bg: transparent;
  --btn-secondary-text: #7f37f5;
  --btn-secondary-border: #7f37f5;
  --btn-secondary-hover-bg: #7f37f5;
  --btn-secondary-hover-text: #ffffff;
  --btn-secondary-hover-border: #7f37f5;
  --btn-secondary-solid-bg: transparent;
  --btn-secondary-solid-text: #7f37f5;
  --btn-secondary-solid-border: #7f37f5;
  --btn-secondary-solid-hover-bg: #7f37f5;
  --btn-secondary-solid-hover-text: #ffffff;
  --btn-secondary-solid-hover-border: #7f37f5;
  --btn-contrast-bg: #000000;
  --btn-contrast-text: #ffffff;
  --btn-contrast-border: transparent;
  --btn-contrast-hover-bg: #ffffff;
  --btn-contrast-hover-text: #000000;
  --btn-contrast-hover-border: #000000;
  --btn-inverse-bg: #ffffff;
  --btn-inverse-text: #000000;
  --btn-inverse-border: transparent;
  --btn-inverse-hover-bg: #e6e6f0;
  --btn-inverse-hover-text: #000000;
  --btn-inverse-hover-border: transparent;
  --btn-purple-bg: #d2affa;
  --btn-purple-text: #000000;
  --btn-purple-border: transparent;
  --btn-purple-hover-bg: #bf9ef5;
  --btn-purple-hover-text: #000000;
  --btn-purple-hover-border: transparent;
  --btn-disabled-bg: #9399a5;
  --btn-disabled-text: rgba(0, 0, 0, 0.35);
  --btn-disabled-border: transparent;
  --border-primary: #d2d2dc;
  --border-secondary: #9399a5;
  --border-focus: #d2affa;
  --input-bg: #e6e6f0;
  --input-border: #e6e6f0;
  --input-text: #000000;
  --input-placeholder: #9399a5;
  --input-focus-border: #d2affa;
  --input-focus-bg: #ffffff;
  --input-focus-shadow: rgba(210, 175, 250, 0.2);
  --input-error-border: #e54866;
  --input-success-border: #449a00;
  --select-bg: #ffffff;
  --select-arrow-color: #000000;
  --tab-active-bg: #000000;
  --tab-active-text: #ffffff;
  --tab-inactive-bg: #d2d2dc;
  --tab-inactive-text: #000000;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
      0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
      0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
      0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

[data-theme=dark] {
  --color-afton-black: #000000;
  --color-afton-white: #ffffff;
  --color-afton-purple: #d2affa;
  --color-gray-900: #161616;
  --color-gray-800: #262626;
  --color-gray-500: #9399a5;
  --color-purple-500: #7f37f5;
  --color-verification: #d2affa;
  --color-alert: #e54866;
  --color-discount-typography: #b4ff78;
  --text-primary: #ffffff;
  --text-secondary: #7f37f5;
  --text-tertiary: #9399a5;
  --text-inverse: #000000;
  --text-disabled: rgba(255, 255, 255, 0.4);
  --text-success: #b4ff78;
  --link-color: #d2affa;
  --link-hover-color: #b77ff7;
  --bg-primary: #000000;
  --bg-secondary: #161616;
  --bg-tertiary: #262626;
  --bg-overlay: rgba(0, 0, 0, 0.8);
  --card-bg: var(--bg-tertiary);
  --btn-primary-bg: #d2affa;
  --btn-primary-text: #000000;
  --btn-primary-border: transparent;
  --btn-primary-hover-bg: #bf9ef5;
  --btn-primary-hover-text: #000000;
  --btn-primary-hover-border: transparent;
  --btn-secondary-bg: transparent;
  --btn-secondary-text: #7f37f5;
  --btn-secondary-border: #7f37f5;
  --btn-secondary-hover-bg: #7f37f5;
  --btn-secondary-hover-text: #ffffff;
  --btn-secondary-hover-border: #7f37f5;
  --btn-secondary-solid-bg: transparent;
  --btn-secondary-solid-text: #d2affa;
  --btn-secondary-solid-border: #d2affa;
  --btn-secondary-solid-hover-bg: transparent;
  --btn-secondary-solid-hover-text: #d2affa;
  --btn-secondary-solid-hover-border: #d2affa;
  --btn-contrast-bg: #ffffff;
  --btn-contrast-text: #000000;
  --btn-contrast-border: transparent;
  --btn-contrast-hover-bg: #e6e6f0;
  --btn-contrast-hover-text: #000000;
  --btn-contrast-hover-border: transparent;
  --btn-inverse-bg: #000000;
  --btn-inverse-text: #ffffff;
  --btn-inverse-border: transparent;
  --btn-inverse-hover-bg: #ffffff;
  --btn-inverse-hover-text: #000000;
  --btn-inverse-hover-border: #000000;
  --btn-purple-bg: #d2affa;
  --btn-purple-text: #000000;
  --btn-purple-border: transparent;
  --btn-purple-hover-bg: #bf9ef5;
  --btn-purple-hover-text: #000000;
  --btn-purple-hover-border: transparent;
  --btn-disabled-bg: #9399a5;
  --btn-disabled-text: rgba(255, 255, 255, 0.3);
  --btn-disabled-border: transparent;
  --border-primary: #404040;
  --border-secondary: #9399a5;
  --border-focus: #d2affa;
  --input-bg: #262626;
  --input-border: #404040;
  --input-text: #ffffff;
  --input-placeholder: #9399a5;
  --input-focus-border: #d2affa;
  --input-focus-bg: #333333;
  --input-focus-shadow: rgba(210, 175, 250, 0.2);
  --input-error-border: #e54866;
  --input-success-border: #b4ff78;
  --select-bg: #2a2a2a;
  --select-arrow-color: #ffffff;
  --tab-active-bg: #d2affa;
  --tab-active-text: #000000;
  --tab-inactive-bg: #262626;
  --tab-inactive-text: #ffffff;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4),
      0 2px 4px -1px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5),
      0 4px 6px -2px rgba(0, 0, 0, 0.4);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.6),
      0 10px 10px -5px rgba(0, 0, 0, 0.5);
}

html {
  -webkit-transition: background-color 0.3s ease, color 0.3s ease;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.af-icon-btn,
.af-search-btn {
  color: var(--text-primary);
}

.af-icon-btn svg,
.af-search-btn svg {
  stroke: currentColor;
  fill: none;
}

.af-icon-btn img,
.af-search-btn img {
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

.theme-icon {
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

[data-theme=dark] .theme-icon {
  -webkit-filter: invert(1) brightness(1);
          filter: invert(1) brightness(1);
}

.theme-logo {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.brand-logo,
.no-filter {
  -webkit-filter: none !important;
          filter: none !important;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

[data-theme=light] .social-media a img {
  -webkit-filter: brightness(0) saturate(100%);
          filter: brightness(0) saturate(100%);
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

[data-theme=dark] .social-media a img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

/* Home page body background - Theme aware */

body {
  background-color: var(--bg-primary) !important;
}

.home-banner__copy {
  position: absolute;
  top: 50%;
  left: 6.875%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #ffffff;
  z-index: 100;
}

@media (max-width: 991.98px) {
  .home-banner__copy {
    left: 10%;
  }
}

@media (max-width: 767.98px) {
  .home-banner__copy {
    display: none;
  }
}

/* ============================================
   HOME HERO CAROUSEL
   Pure CSS auto-sliding carousel
   16:9 aspect ratio, fits above the fold
============================================ */

.home-carousel {
  width: 100%;
  height: calc((100vw * 9) / 16);
  max-height: calc(100vh - 80px);
  position: relative;
  overflow: hidden;
  background-color: #000000;
}

@media (max-width: 767.98px) {
  .home-carousel {
    height: 500px;
    max-height: calc(100vh - 80px);
  }
}

@media (min-width: 992px) {
  .home-carousel {
    max-height: calc(100vh - 80px);
  }
}

.home-carousel__slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-animation: carousel-fade 36s infinite;
          animation: carousel-fade 36s infinite;
}

.home-carousel__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  display: block;
}

.home-carousel__slide--1 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.home-carousel__slide--2 {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}

.home-carousel__slide--3 {
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
}

.home-carousel__slide--4 {
  -webkit-animation-delay: 12s;
          animation-delay: 12s;
}

.home-carousel__slide--5 {
  -webkit-animation-delay: 16s;
          animation-delay: 16s;
}

.home-carousel__slide--6 {
  -webkit-animation-delay: 20s;
          animation-delay: 20s;
}

.home-carousel__slide--7 {
  -webkit-animation-delay: 24s;
          animation-delay: 24s;
}

.home-carousel__slide--8 {
  -webkit-animation-delay: 28s;
          animation-delay: 28s;
}

.home-carousel__slide--9 {
  -webkit-animation-delay: 32s;
          animation-delay: 32s;
}

@-webkit-keyframes carousel-fade {
  0% {
    opacity: 0;
  }

  2% {
    opacity: 1;
  }

  11.11% {
    opacity: 1;
  }

  13.11% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes carousel-fade {
  0% {
    opacity: 0;
  }

  2% {
    opacity: 1;
  }

  11.11% {
    opacity: 1;
  }

  13.11% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-carousel__slide {
    -webkit-animation: none;
            animation: none;
    opacity: 0;
  }

  .home-carousel__slide--1 {
    opacity: 1;
  }
}

/* ============================================
   SCROLL CTA BUTTON
   Floating bird icon - desktop only
============================================ */

@-webkit-keyframes scrollCtaBounce {
  0%, 100% {
    -webkit-transform: translateX(-50%) translateY(-8px);
            transform: translateX(-50%) translateY(-8px);
  }

  50% {
    -webkit-transform: translateX(-50%) translateY(8px);
            transform: translateX(-50%) translateY(8px);
  }
}

@keyframes scrollCtaBounce {
  0%, 100% {
    -webkit-transform: translateX(-50%) translateY(-8px);
            transform: translateX(-50%) translateY(-8px);
  }

  50% {
    -webkit-transform: translateX(-50%) translateY(8px);
            transform: translateX(-50%) translateY(8px);
  }
}

.scroll-cta {
  padding: 0;
  display: none;
  position: fixed;
  bottom: 13%;
  right: -1%;
  -webkit-transform: translateX(-50%) translateY(20px);
          transform: translateX(-50%) translateY(20px);
  z-index: 999;
  border: none;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.scroll-cta img {
  width: 36px;
  height: 36px;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.scroll-cta--visible {
  opacity: 1;
  visibility: visible;
  -webkit-animation: scrollCtaBounce 1.5s ease-in-out infinite;
          animation: scrollCtaBounce 1.5s ease-in-out infinite;
}

.scroll-cta--visible:hover,
.scroll-cta--visible:focus {
  -webkit-animation-play-state: paused;
          animation-play-state: paused;
  -webkit-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);
}

@media (min-width: 992px) {
  .scroll-cta {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
            justify-content: center;
  }
}

/*home banner search widget*/

.home-banner__search {
  width: 100%;
  height: 56px;
  float: left;
  position: relative;
  z-index: 500;
  background: #ffffff;
  border: 1px solid rgba(109, 81, 255, 0.3);
  border-radius: 56px;
  box-shadow: -1px 27px 50px rgba(255, 214, 28, 0.3);
  margin: 60px 0 0 0;
}

.home-banner__search-input {
  width: 100%;
  float: left;
  position: relative;
  font-size: 1rem;
  color: #6d51ff;
  height: 54px;
  border-radius: 1rem;
  border: 0;
  padding-left: 55px;
  background: url(/images/home-banner--search.svg?6b12fd44253a159c916874d423f2f4cf) no-repeat;
  background-position: 15px center;
  background-size: 1.5rem;
}

.home-banner__search input::-webkit-input-placeholder {
  color: var(--input-placeholder);
}

.home-banner__search input::-moz-placeholder {
  color: var(--input-placeholder);
}

.home-banner__search input:-ms-input-placeholder {
  color: var(--input-placeholder);
}

.home-banner__search input::-ms-input-placeholder {
  color: var(--input-placeholder);
}

.home-banner__search input::placeholder {
  color: var(--input-placeholder);
}

.home-banner__location-input {
  width: 100%;
  float: left;
  position: relative;
  font-size: 1rem;
  color: #6d51ff;
  height: 54px;
  border: 0;
  padding-left: 55px;
  background: url(/images/home-banner--location.svg?8d95ca53ce43bc2c62fdb9dc8d3aeb1b) no-repeat;
  background-position: 15px center;
  background-size: 1.5rem;
}

.home-banner__dates-input {
  width: 100%;
  float: left;
  position: relative;
  font-size: 1rem;
  color: #6d51ff;
  height: 54px;
  border: 0;
  padding-left: 55px;
  background: url(/images/home-banner--date.svg?41af7d6054111dab929f60a57bf4c37f) no-repeat;
  background-position: 15px center;
  background-size: 1.5rem;
}

.home-banner__search-btn {
  background: #ffd61c;
  border: 1px solid rgba(160, 159, 159, 0.2);
  font-size: 0.9375rem;
  text-align: center;
  color: #1c2331;
  padding: 12px 20px;
  width: calc(100% - 3px);
  float: left;
  border-radius: 56px;
  height: 48px;
  margin: 3px 3px 0 0;
}

.home-banner__search-btn:hover {
  text-decoration: none;
  color: #1c2331;
}

/*home featured column style*/

/* Beyond Tickets Section */

.intro-feature {
  padding: 0;
}

/* Row gap control - Desktop: no gap, Mobile: 24px gap */

.intro-feature .row {
  row-gap: 0;
}

/* Feature Cards Container */

.intro-feature-inner-icon {
  gap: 1.5rem;
}

/* Icon Card */

.icon-card {
  display: -webkit-box;
  display: flex;
  width: 189px;
  padding: 2.5rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  gap: 1.5rem;
  flex-shrink: 0;
  border-radius: 1rem;
  background: var(--bg-secondary);
}

/* Icon */

.icon-card .icon-wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
}

.icon-card .icon-wrapper img {
  width: 72px;
  height: 72px;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Card Text */

.icon-card .card-text {
  align-self: stretch;
  color: var(--text-primary);
  text-align: center;
  font-size: clamp(1rem, calc(0.18vw + 1.08rem), 1.25rem);
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.2px;
  margin: 0;
}

/* Featured Events Title */

.intro-feature__title {
  text-align: center;
}

/* Legacy styles - keeping for backwards compatibility */

.home-featured-column {
  width: 100%;
  float: left;
  display: -webkit-box;
  display: flex;
  padding: 0 0 50px;
}

.featured-column__box {
  position: relative;
  -webkit-box-flex: 1;
          flex-grow: 1;
  flex-basis: 0;
  margin: 60px 10px;
}

.featured-column__box-img {
  width: 100%;
  height: 100px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

.featured-column__box-img img {
  max-width: 5rem;
  max-height: 5rem;
}

.featured-column__box p {
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
  font-size: 1rem;
  line-height: 19px;
  text-align: center;
  color: rgba(28, 35, 49, 0.6);
}

@media (max-width: 991.98px) {
  .home-banner__search-input,
  .home-banner__dates-input,
  .home-banner__location-input {
    padding-left: 45px;
  }
}

@media (max-width: 767.98px) {
  .home-banner {
    height: auto;
    justify-self: center;
  }

  .home-banner .container {
    max-width: 100%;
    padding: 0;
  }

  .home-banner__copy {
    font-size: 2.5rem;
    line-height: 1;
    color: #ffffff;
    padding: 45px 0 2.5rem 20px;
    width: 100%;
    margin: 0;
    background-size: cover;
    background-position: center;
  }

  .home-banner__copy-style1 {
    font-weight: 600;
    color: #ffffff;
  }

  .home-banner__copy-style2 {
    font-weight: 600;
    color: #ffffff;
  }

  .home-banner__copy-style3 {
    font-weight: 300;
    color: #ffffff;
  }

  .home-banner__copy-style4 {
    font-weight: 600;
    color: #ffffff;
  }

  .home-banner__copy-style3:before {
    display: none;
  }

  .home-banner__search {
    border-radius: 0;
    height: auto;
    margin: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 15px;
  }

  .home-banner__search-input,
  .home-banner__location-input,
  .home-banner__dates-input {
    border-radius: 0;
    border-bottom: 1px solid #6d51ff;
  }

  .home-banner__search-btn {
    height: 44px;
    border-radius: 4px;
    margin-top: 27px;
    margin-bottom: 5px;
    box-shadow: 0px 6px 12px #ffd61c;
    border: 1px solid rgba(0, 0, 0, 0.2);
  }

  /* New intro-feature responsive styles */

  .intro-feature {
    padding: 0;
  }

  .intro-feature-inner {
    gap: 1.5rem;
  }

  .intro-feature h2.h1 {
    text-align: center;
    line-height: 0.9;
    margin-bottom: 1.875rem;
  }

  .intro-feature-inner-icon {
    gap: 1rem;
  }

  .icon-card {
    display: -webkit-box;
    display: flex;
    width: 164px;
    padding: 32px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
    gap: 1rem;
    flex-shrink: 0;
    border-radius: 1rem;
  }

  .icon-card .icon-wrapper img {
    width: 72px;
    height: 72px;
  }

  .icon-card .card-text {
    text-align: center;
    font-size: clamp(1rem, calc(0.18vw + 1.08rem), 1.25rem);
    letter-spacing: -0.18px;
  }

  /* Featured Events Title - mobile */
}

@media (max-width: 991.98px) {
  /* Legacy styles */

  .home-featured-column {
    margin: 45px 0;
  }

  .featured-column__box {
    width: 32%;
    margin: 10px 0;
    display: inline-block;
  }
}

@media (max-width: 575.98px) {
  .home-banner__search-input,
  .home-banner__location-input,
  .home-banner__dates-input {
    background-position: 0 center;
    padding-left: 35px;
  }
}

/*HOME PAGE REVIEWS SLIDER*/

.home-reviews-slider {
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.home-reviews-slider > li {
  width: 100%;
  float: left;
  padding: 0;
  margin: 4px 0;
  list-style: none;
}

.home-reviews__quote {
  float: left;
  margin: 30px 0;
  font-size: 2rem;
  font-family: "PP Right Compact", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  color: #1c2331;
  position: relative;
  z-index: 100;
  line-height: 1.3;
}

.home-reviews__auther {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

.home-reviews__auther .profile-img {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  border: 1px solid #dadada;
  position: relative;
  overflow: hidden;
  box-sizing: content-box;
  margin-right: 15px;
  display: inline-block;
}

@media (max-width: 767.98px) {
  .home-reviews__auther {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
}

.home-reviews__auther .profile-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  left: 0;
}

.home-reviews__auther p {
  display: inline-block;
  color: #1c2331;
  font-size: 1rem;
  margin: 0;
}

.home-reviews-slider .slick-slide {
  margin: 0 60px;
  opacity: 0.4;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.home-reviews-slider .slick-slide.slick-current {
  opacity: 1;
}

.slick-dots {
  width: 100%;
  float: left;
  padding: 0;
  margin: 25px 0 0 0;
  list-style: none;
}

.slick-dots li {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 10px;
  padding: 0;
  cursor: pointer;
}

.slick-prev,
.slick-next {
  display: none !important;
}

.slick-dots li button {
  position: relative;
  font-size: 0;
  line-height: 0;
  display: block;
  width: 12px;
  height: 12px;
  padding: 0px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  content: "";
  text-align: center;
  opacity: 1;
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #1c2331;
}

.slick-dots li.slick-active button:before {
  background: #1c2331;
}

/* @media( max-width:565.98px){
    .slick-dots li {
        margin: 0 1px;
        width: 30px;
        height: 30px;
    }
    .slick-dots li button{
        width: 30px;
        height: 30px;

    }
    .slick-dots li button:before{
        width: 30px;
        height: 30px;
        border-radius: 50%;
    }
} */

/* Date Picker */

.datepicker-orient-top {
  top: 338px !important;
}

.datepicker-dropdown {
  float: left;
  min-width: 10rem;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 0.875rem;
  text-align: left;
  list-style: none;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.datepicker-orient-top::after,
.datepicker-orient-top::before {
  display: none !important;
}

.datepicker table tr td.highlighted,
.datepicker-dropdown {
  background: #ffffff !important;
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover,
.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c7c1fa), to(#7666ff)) !important;
  background-image: linear-gradient(to bottom, #c7c1fa, #7666ff) !important;
  background-repeat: repeat-x;
}

.datepicker .datepicker-switch,
.datepicker .next,
.datepicker .prev,
.datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker .datepicker-switch {
  width: 145px;
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
  background: #eee !important;
  cursor: pointer;
}

.table-condensed > tbody > tr > td,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > td,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > thead > tr > th {
  padding: 5px;
}

@media (max-width: 991.98px) {
  .datepicker-dropdown:after,
  .datepicker-dropdown:before {
    display: none !important;
  }
}

@media (max-width: 575.98px) {
  .datepicker-orient-top {
    top: 402px !important;
  }
}

.home-banner__search .featured-event-select {
  background-color: transparent !important;
}

.home-banner__search .afton-ticket__custom-select {
  width: 100%;
  border: none !important;
  top: 3px;
  color: #d5d5d5;
  font-size: 1rem;
  font-weight: 400;
  z-index: 999;
}

.home-banner__search .afton-ticket__custom-select:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  border-color: #7666ff transparent transparent transparent;
  border-width: 7px 6px 0 6px;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.home-banner__search .home-date-picker {
  position: relative;
  width: 100%;
  float: left;
  top: 3px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.home-banner__search .home-date-picker img {
  z-index: 999;
  position: relative;
  top: 3px;
  padding-left: 10px;
}

.home-banner__search .home-date-picker.active:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #7666ff;
  border-radius: 6px;
  top: 3px;
}

.home-banner__search .home-date-picker.active:before {
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  top: 12px;
  right: 0px;
  background: transparent url("/img/featured-events/close-white.svg") no-repeat right 0.5rem center/0.5rem 7px;
  z-index: 9999;
  cursor: pointer;
}

@media (max-width: 767.98px) {
  .home-banner__search .home-date-picker {
    background-position: 30px 15px;
  }

  .home-banner__search .afton-ticket__custom-select {
    padding-left: 46px;
  }
}

@media (max-width: 575.98px) {
  .home-banner__search .home-date-picker {
    background-position: 1rem 15px;
  }

  .home-banner__search .afton-ticket__custom-select {
    padding-left: 35px;
  }
}

/* Inner page date picker with select style */

.landing-date-picker {
  position: relative;
  width: 100%;
  float: left;
  top: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.landing-date-picker.active input {
  position: relative;
  z-index: 999;
  background: none;
  color: #ffffff;
}

.landing-date-picker img {
  z-index: 999;
  position: relative;
  top: 3px;
  padding-left: 10px;
}

/* Featured Events Filter Items - Consistent styling for all filters */

.featured-events-head-filter-item select,
.featured-events-head-filter-item input {
  height: 48px;
  border-radius: 100px;
  padding: 12px 48px 12px 20px;
  font-size: 0.875rem;
  font-weight: 500;
  border: 2px solid var(--border-primary);
  background-color: var(--input-bg);
  color: var(--input-text);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.featured-events-head-filter-item select::-webkit-input-placeholder, .featured-events-head-filter-item input::-webkit-input-placeholder {
  color: var(--input-placeholder);
}

.featured-events-head-filter-item select::-moz-placeholder, .featured-events-head-filter-item input::-moz-placeholder {
  color: var(--input-placeholder);
}

.featured-events-head-filter-item select:-ms-input-placeholder, .featured-events-head-filter-item input:-ms-input-placeholder {
  color: var(--input-placeholder);
}

.featured-events-head-filter-item select::-ms-input-placeholder, .featured-events-head-filter-item input::-ms-input-placeholder {
  color: var(--input-placeholder);
}

.featured-events-head-filter-item select::placeholder,
.featured-events-head-filter-item input::placeholder {
  color: var(--input-placeholder);
}

/* Dropdown arrow for select */

.featured-events-head-filter-item select {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 20px;
}

/* Active state */

.featured-events-head-filter-item.active select,
.featured-events-head-filter-item.active input {
  background-color: var(--color-afton-purple);
  background-image: none;
  color: #000000;
  border-color: var(--color-afton-purple);
  padding-right: 48px;
}

.featured-events-head-filter-item.active select::-webkit-input-placeholder, .featured-events-head-filter-item.active input::-webkit-input-placeholder {
  color: var(--input-placeholder);
}

.featured-events-head-filter-item.active select::-moz-placeholder, .featured-events-head-filter-item.active input::-moz-placeholder {
  color: var(--input-placeholder);
}

.featured-events-head-filter-item.active select:-ms-input-placeholder, .featured-events-head-filter-item.active input:-ms-input-placeholder {
  color: var(--input-placeholder);
}

.featured-events-head-filter-item.active select::-ms-input-placeholder, .featured-events-head-filter-item.active input::-ms-input-placeholder {
  color: var(--input-placeholder);
}

.featured-events-head-filter-item.active select::placeholder,
.featured-events-head-filter-item.active input::placeholder {
  color: var(--input-placeholder);
}

/* Close icon */

.featured-events-head-filter-item a {
  display: none;
}

.featured-events-head-filter-item.active a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  position: absolute;
  content: "";
  width: 1rem;
  height: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1rem;
  background: transparent url("/img/featured-events/close-white.svg") no-repeat center center/12px 12px;
  z-index: 9999;
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.featured-events-head-filter-item.active a:hover {
  opacity: 0.8;
}

@media (max-width: 767.98px) {
  .landing-date-picker {
    background-position: 30px 15px;
  }

  .landing-ticket__custom-select {
    padding-left: 46px;
  }
}

@media (max-width: 575.98px) {
  .landing-date-picker {
    background-position: 1rem 15px;
  }
}

/* Logo Marquee Section */

@-webkit-keyframes scroll-left {
  from {
    left: 100vw;
  }

  to {
    left: -188px;
  }
}

@keyframes scroll-left {
  from {
    left: 100vw;
  }

  to {
    left: -188px;
  }
}

@-webkit-keyframes scroll-left-mobile {
  from {
    left: 100vw;
  }

  to {
    left: -94px;
  }
}

@keyframes scroll-left-mobile {
  from {
    left: 100vw;
  }

  to {
    left: -94px;
  }
}

.logo-marquee {
  width: 100%;
  padding: 2.5rem 0 1rem;
  overflow: hidden;
}

@media (min-width: 992px) {
  .logo-marquee {
    padding: 4rem 0;
  }
}

.logo-marquee-slider {
  width: 100%;
  overflow: hidden;
}

.logo-marquee-slider_row {
  position: relative;
  width: 100%;
  height: 188px;
  margin-top: 2.5rem;
}

.logo-marquee-slider_row.reverse .item {
  animation-direction: reverse;
}

.logo-marquee-slider_row .item {
  position: absolute;
  width: 188px;
  height: 188px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  left: 100vw;
  -webkit-animation-name: scroll-left;
          animation-name: scroll-left;
  -webkit-animation-duration: 18.75s;
          animation-duration: 18.75s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.logo-marquee-slider_row .item img {
  max-width: 70%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Animation delays — stagger 6 items evenly across one full cycle */

.logo-marquee-slider_row .item.item1 {
  -webkit-animation-delay: calc(-18.75s * 5 / 6);
          animation-delay: calc(-18.75s * 5 / 6);
}

.logo-marquee-slider_row .item.item2 {
  -webkit-animation-delay: calc(-18.75s * 4 / 6);
          animation-delay: calc(-18.75s * 4 / 6);
}

.logo-marquee-slider_row .item.item3 {
  -webkit-animation-delay: calc(-18.75s * 3 / 6);
          animation-delay: calc(-18.75s * 3 / 6);
}

.logo-marquee-slider_row .item.item4 {
  -webkit-animation-delay: calc(-18.75s * 2 / 6);
          animation-delay: calc(-18.75s * 2 / 6);
}

.logo-marquee-slider_row .item.item5 {
  -webkit-animation-delay: calc(-18.75s * 1 / 6);
          animation-delay: calc(-18.75s * 1 / 6);
}

.logo-marquee-slider_row .item.item6 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

/* Row 1 (forward): items 1,2,4,5,6 normalized to black; item3 is a color logo */

.logo-marquee-slider_row:not(.reverse) .item.item1,
.logo-marquee-slider_row:not(.reverse) .item.item2,
.logo-marquee-slider_row:not(.reverse) .item.item4,
.logo-marquee-slider_row:not(.reverse) .item.item6 {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}

/* Row 2 (reverse): logos 7–12 are all dark */

.logo-marquee-slider_row.reverse .item {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}

/* Dark mode - invert black logos to white */

[data-theme=dark] .logo-marquee-slider_row:not(.reverse) .item.item1,
[data-theme=dark] .logo-marquee-slider_row:not(.reverse) .item.item2,
[data-theme=dark] .logo-marquee-slider_row:not(.reverse) .item.item4,
[data-theme=dark] .logo-marquee-slider_row:not(.reverse) .item.item6 {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

[data-theme=dark] .logo-marquee-slider_row.reverse .item {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

@media (max-width: 767.98px) {
  .logo-marquee-slider_row {
    height: 94px;
    margin-top: 2.5rem;
  }

  .logo-marquee-slider_row .item {
    width: 94px;
    height: 94px;
    left: 100vw;
    -webkit-animation-name: scroll-left-mobile;
            animation-name: scroll-left-mobile;
  }
}

/* Featured Events Slider */

.af-featured-events-slider {
  width: 100%;
  padding: 0;
  overflow-x: hidden;
  overflow-y: visible;
}

.af-featured-events-slider__inner {
  position: relative;
  overflow-x: hidden;
  overflow-y: visible;
}

.featured-events-slider-wrapper {
  width: 100%;
}

.featured-events-slide {
  width: 100%;
  outline: none;
}

.featured-events-slide__link {
  display: block;
  color: inherit;
  text-decoration: none;
}

.featured-events-slide__link:hover,
.featured-events-slide__link:focus {
  color: inherit;
  text-decoration: none;
}

.featured-events-slide .row {
  margin-left: 0;
  margin-right: 0;
}

.featured-events-slide .col-lg-5,
.featured-events-slide .col-lg-7 {
  padding-left: 15px;
  padding-right: 15px;
}

@media (max-width: 991.98px) {
  .featured-events-slide .col-lg-5 {
    padding-left: 0;
    padding-right: 0;
  }

  .featured-events-slide .col-lg-7 {
    padding-left: 0;
    padding-right: 0;
  }
}

.slider-content {
  padding: 0;
}

@media (min-width: 992px) {
  .slider-content {
    padding: 0;
  }
}

.slider-content .event-title {
  font-size: clamp(2rem, calc(1.43vw + 2.65rem), 4rem);
  font-weight: 900;
  line-height: 0.9;
  margin: 1rem 0;
  color: var(--text-primary);
}

.slider-content .event-title:hover {
  color: var(--link-hover-color);
}

.slider-content .dates {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.18px;
  margin-bottom: 0.5rem;
  color: var(--text-primary);
  gap: 0.5rem;
}

.slider-content .venue {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.18px;
  margin-bottom: 0.5rem;
  color: var(--text-primary);
  gap: 0.5rem;
}

.slider-content .location {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.18px;
  margin-bottom: 1.5rem;
  color: var(--text-primary);
  gap: 0.5rem;
}

.slider-content .color-primary {
  color: #6d51ff;
}

.slider-content .btn-buy-tickets {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 0.5rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.3;
}

.featured-events-slide__right {
  overflow: visible;
  padding-bottom: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
}

.featured-events-slide__right .featured-image-home {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  aspect-ratio: 701/397;
  margin: 0;
}

.featured-events-slide__right .featured-image-home img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  max-width: 100%;
}

/* No image placeholder styling */

.featured-events-slide__right .featured-image-home.no-image {
  background: var(--bg-secondary);
  aspect-ratio: 701/397;
}

@media (min-width: 992px) {
  .featured-events-slide__right .featured-image-home.no-image {
    min-height: 400px;
  }
}

/* Custom Dots Styling */

.featured-events-dots {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
          align-items: center;
  gap: 12px;
  margin-top: 1.5rem;
  padding: 0 15px;
}

@media (min-width: 992px) {
  .featured-events-dots {
    margin-top: 2.5rem;
  }
}

.featured-events-dots .slick-dots {
  position: static;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 12px;
  margin: 0;
  padding: 0;
}

.featured-events-dots .slick-dots li {
  width: 12px;
  height: 12px;
  margin: 0;
}

.featured-events-dots .slick-dots li button {
  width: 12px;
  height: 12px;
  padding: 0;
  border-radius: 50%;
  background: var(--bg-secondary);
}

.featured-events-dots .slick-dots li button:before {
  display: none;
}

.featured-events-dots .slick-dots li.slick-active button {
  background: var(--text-primary);
}

/* Slick slider overrides for featured events */

.featured-events-slider-wrapper .slick-list {
  overflow: visible !important;
  padding-bottom: 30px;
}

.featured-events-slider-wrapper .slick-track {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: stretch;
          align-items: stretch;
}

.featured-events-slider-wrapper .slick-slide {
  overflow: visible;
}

.featured-events-slider-wrapper .slick-slide > div {
  overflow: visible;
}

/* Image Placeholder */

.featured-image-placeholder {
  background: linear-gradient(135deg, #e6e6f0 0%, #d0d0e8 100%);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  min-height: 300px;
  position: relative;
}

@media (min-width: 992px) {
  .featured-image-placeholder {
    min-height: 400px;
  }
}

.featured-image-placeholder .placeholder-content {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}

.featured-image-placeholder .placeholder-content span {
  color: #6d51ff;
  font-size: 1.5rem;
  font-weight: 600;
  display: inline-block;
}

.partner-with-us {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: stretch;
          align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

@media (min-width: 992px) {
  .partner-with-us {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
  }
}

.partner-with-us-left {
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

@media (min-width: 992px) {
  .partner-with-us-left {
    width: 58%;
  }
}

.partner-with-us-left .partner-with-us-image {
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
}

.partner-with-us-left .partner-with-us-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.partner-with-us-left .bird-cloud-wrapper {
  position: relative;
  display: inline-block;
  margin-bottom: 1.5rem;
}

.partner-with-us-left .bird-cloud {
  display: block;
  width: 254px;
  height: 174px;
}

.partner-with-us-left .bird-cloud-bird-img {
  position: absolute;
  top: 36px;
  right: 36px;
  width: 54px;
  height: 54px;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

[data-theme=dark] .partner-with-us-left .bird-cloud-bird-img {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}

.partner-with-us-right {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: end;
          align-items: flex-end;
}

@media (min-width: 992px) {
  .partner-with-us-right {
    width: 42%;
  }
}

.partner-with-us-right .featured-text {
  width: 100%;
  height: auto;
  background: var(--color-afton-purple);
}

.partner-with-us-right .featured-text-content {
  height: 377px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

@media (min-width: 565px) {
  .partner-with-us-right .featured-text-content {
    height: 490px;
  }
}

@media (min-width: 768px) {
  .partner-with-us-right .featured-text-content {
    height: 520px;
  }
}

@media (min-width: 992px) {
  .partner-with-us-right .featured-text-content {
    height: 520px;
    -webkit-mask-position: bottom !important;
            mask-position: bottom !important;
  }
}

@media (min-width: 1025px) and (max-width: 1244px) {
  .partner-with-us-right .featured-text-content {
    height: 410px;
  }
}

@media (min-width: 1280px) {
  .partner-with-us-right .featured-text-content {
    height: 520px;
  }
}

.partner-with-us-right .featured-text-content h2 {
  color: var(--text-primary);
  font-size: clamp(2rem, calc(1.43vw + 2.65rem), 4rem);
  font-weight: 900;
  line-height: 0.9;
  text-align: center;
  margin-bottom: 1.5rem;
}

/* Partner with us - black text on purple background */

.partner-with-us-right .featured-text-content h2 {
  color: #000000 !important;
}

/* Partner with us button - light mode: white bg, black text */

.partner-with-us-right .featured-text-content .btn-contrast {
  background: var(--color-afton-white);
  color: var(--color-afton-black);
  border-color: transparent;
}

.partner-with-us-right .featured-text-content .btn-contrast:hover,
.partner-with-us-right .featured-text-content .btn-contrast:focus {
  background: var(--color-gray-100);
  color: var(--color-afton-black);
}

/* Partner with us button - dark mode: black bg, white text */

[data-theme=dark] .partner-with-us-right .featured-text-content .btn-contrast {
  background: var(--color-afton-black);
  color: var(--color-afton-white);
  border-color: transparent;
}

[data-theme=dark] .partner-with-us-right .featured-text-content .btn-contrast:hover,
[data-theme=dark] .partner-with-us-right .featured-text-content .btn-contrast:focus {
  background: var(--color-gray-900);
  color: var(--color-afton-white);
}

@media (min-width: 768px) {
  .partner-with-us-right .featured-text-content .button.button-l {
    padding: 19px 2.5rem;
  }
}

/* Bird Icon - Desktop only - Theme aware */

.partner-with-us-right .bird {
  position: absolute;
  top: 2%;
  right: 33%;
}

.partner-with-us-right .bird img {
  width: 153px;
  height: 149px;
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

/* Dark mode - Bird becomes white */

/* Event Creators Section */

.event-creators-section {
  width: 100%;
}

.event-creators-title {
  color: var(--text-primary);
  text-align: center;
  font-size: clamp(2rem, calc(3.75vw + 2.08rem), 5.625rem);
  font-weight: 900;
  line-height: 0.9;
  margin-bottom: 2.5rem;
}

.event-creators-cta {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

.btn-meet-team {
  padding: 1rem 1.5rem;
  border-radius: 100px;
  background: var(--color-afton-purple);
  color: #000000;
  font-size: 1rem;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
  letter-spacing: 0.16px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

@media (min-width: 992px) {
  .btn-meet-team {
    padding: 19px 2.5rem;
  }
}

.btn-meet-team:hover {
  color: #ffffff !important;
  text-decoration: none !important;
}

.btn-meet-team:focus,
.btn-meet-team:active,
.btn-meet-team:visited {
  color: #ffffff !important;
  text-decoration: none !important;
}

.af-blog-list.pt-0 {
  padding-top: 0 !important;
}

.af-blog-list__header {
  margin-bottom: 1.5rem;
}

@media (min-width: 992px) {
  .af-blog-list__header {
    margin-bottom: 2.5rem;
  }
}

/* Blog slide wrapper */

.blog-slide {
  padding: 0 10px;
}

/* Fallback when Slick is not loaded */

.blog-slider:not(.slick-initialized) {
  display: -webkit-box;
  display: flex;
  gap: 20px;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.blog-slider:not(.slick-initialized) .blog-slide {
  min-width: 300px;
  -webkit-box-flex: 0;
          flex: 0 0 auto;
}

.blog-slider .slick-slide {
  margin: 0;
}

.blog-slider .slick-list {
  margin: 0 -10px;
  overflow: visible;
}

.blog-slider .slick-track {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: stretch;
          align-items: stretch;
}

/* Blog Card */

.blog-card {
  position: relative;
  cursor: pointer;
}

.blog-card-image {
  position: relative;
  aspect-ratio: 1/1;
  overflow: hidden;
}

.blog-card-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.blog-card-image_placeholder {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  background: linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 100%);
  position: relative;
}

.blog-card-image_placeholder::after {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ccc'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.blog-card:hover .blog-card-image img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.blog-card-image_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-afton-purple);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.blog-card:hover .blog-card-image_overlay {
  opacity: 1;
}

.blog-card-image_overlay span {
  color: #000000;
  font-size: 1.125rem;
  font-weight: 600;
}

.blog-card-content {
  padding: 1.5rem 0;
}

.blog-card-content .title {
  color: var(--text-primary);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 0.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-card-content .location {
  color: var(--color-afton-purple);
  font-size: 1rem;
  font-weight: 500;
  line-height: 130%;
}

.blog-card .stretched-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.blog-card .stretched-link:hover {
  text-decoration: none;
}

/* Slick Slider Arrows for Blog */

.blog-slider .slick-arrow {
  width: 48px;
  height: 48px;
  background: #000;
  border-radius: 50%;
  z-index: 10;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.blog-slider .slick-arrow:before {
  font-size: 1.25rem;
  color: #ffffff;
  line-height: 1;
}

.blog-slider .slick-arrow:hover {
  background: #333;
}

.blog-slider .slick-arrow.slick-disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.blog-slider .slick-prev {
  left: -1.5rem;
}

.blog-slider .slick-next {
  right: -1.5rem;
}

@media (min-width: 1200px) {
  .blog-slider .slick-prev {
    left: -60px;
  }

  .blog-slider .slick-next {
    right: -60px;
  }
}

@media (max-width: 767px) {
  .blog-slider .slick-arrow {
    display: none !important;
  }
}

.af-join-newsletter h3 {
  color: var(--text-primary);
  font-size: 2rem;
  font-weight: 800;
  line-height: 0.98;
  margin-bottom: 1.5rem;
}

@media (min-width: 992px) {
  .af-join-newsletter h3 {
    font-size: 3rem;
  }
}

.af-join-newsletter-inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 1rem;
  max-width: 1320px;
}

@media (min-width: 768px) {
  .af-join-newsletter-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-align: start;
            align-items: flex-start;
  }
}

/* Newsletter Form Inputs */

/* Floating label wrapper commented out - using simple placeholders now */

/* Become Creator Section */

.start-creating {
  border-radius: 1.5rem;
}

@media (min-width: 992px) {
  .start-creating {
    padding: 60px;
    background: var(--bg-secondary);
  }
}

.start-creating-image {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}

.start-creating-image img {
  max-width: 100%;
  height: auto;
  width: 100%;
  max-width: 527px;
}

.start-creating h3 {
  color: var(--text-primary);
  font-size: clamp(2rem, calc(1.43vw + 2.65rem), 4rem);
  font-weight: 900;
  line-height: 0.9;
}

.start-creating__title {
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .start-creating__title {
    margin-bottom: 48px;
  }
}

.start-creating .actions {
  gap: 1rem;
}

/* ============================================
   FOOTER SECTION
   New footer design with two-column layout
============================================ */

.af-footer {
  padding: 2rem 32px 80px;
  background: var(--bg-secondary);
  overflow: auto;
  z-index: 1998;
  position: relative;
}

@media (min-width: 992px) {
  .af-footer {
    padding: 4rem 2.5rem 1.5rem 2.5rem;
  }
}

.af-footer__inner {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 32px;
}

@media (min-width: 992px) {
  .af-footer__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -webkit-box-pack: justify;
            justify-content: space-between;
    gap: 90px;
  }
}

/* Footer Left - Logo and Badges */

.af-footer-left {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: justify;
          justify-content: space-between;
  gap: 2.5rem;
}

.af-footer-left a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
}

.af-footer-left a:hover,
.af-footer-left a:focus {
  text-decoration: none;
}

@media (max-width: 575.98px) {
  .af-footer-left {
    gap: 1.5rem;
  }

  .af-footer-left .review-badges {
    justify-content: space-around;
  }
}

.af-footer-logo {
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
  -webkit-filter: brightness(0) saturate(100%);
          filter: brightness(0) saturate(100%);
  max-width: 150px;
  height: auto;
  justify-content: space-around;
}

.af-footer-logo:hover,
.af-footer-logo:focus,
.af-footer-logo:active {
  -webkit-filter: brightness(0) saturate(100%);
          filter: brightness(0) saturate(100%);
  text-decoration: none;
}

.af-footer-left .review-badges {
  background: var(--bg-tertiary);
  padding: 1rem;
  border-radius: 1rem;
}

.af-footer-left .review-badges img {
  max-height: 42px;
  width: auto;
}

/* Footer Right - Navigation
   Single grid container: 4 nav boxes in row 1, links row spanning all cols in row 2
   Mobile: 2-column grid. Tablet+: 4-column grid.
*/

.af-footer-right {
  -webkit-box-flex: 1;
          flex: 1;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  -webkit-box-align: start;
          align-items: start;
}

@media (min-width: 576px) {
  .af-footer-right {
    grid-template-columns: repeat(4, 1fr);
    -webkit-column-gap: 2.5rem;
       -moz-column-gap: 2.5rem;
            column-gap: 2.5rem;
    row-gap: 1.5rem;
  }
}

@media (min-width: 992px) {
  .af-footer-right {
    row-gap: 2.5rem;
  }
}

/* Navigation Box */

.af-nav-box {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.af-nav-title {
  color: var(--link-color);
  font-size: 1rem;
  font-weight: 700;
  line-height: 130%;
  margin-bottom: 1rem;
}

.af-nav-box ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 12px;
}

.af-nav-box ul li a {
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.af-nav-box ul li a:hover {
  color: var(--link-hover-color);
  text-decoration: none;
}

/* Footer Bottom Links */

.af-footer-right-links {
  grid-column: 1/-1;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 1rem;
}

@media (min-width: 576px) {
  .af-footer-right-links {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    -webkit-column-gap: 2.5rem;
       -moz-column-gap: 2.5rem;
            column-gap: 2.5rem;
    -webkit-box-align: center;
            align-items: center;
  }
}

/* Copyright */

.copy-right {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 0.5rem;
}

@media (min-width: 576px) {
  .copy-right {
    grid-column: 1/3;
  }
}

.copy-right-text {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  gap: 0.5rem;
  padding: 0;
}

.copy-right p {
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
}

.footer-terms-list {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  -webkit-box-align: center;
          align-items: center;
  color: var(--text-primary);
  font-size: 0.875rem;
  margin: 0;
  font-weight: 400;
  line-height: 150%;
}

.footer-terms-list a {
  color: var(--link-color);
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  font-weight: 400;
  line-height: 150%;
  margin: 0;
  font-size: 0.875rem;
}

/* Social Media Icons */

.social-media {
  gap: 32px;
}

@media (min-width: 576px) {
  .social-media {
    grid-column: 3;
    justify-self: start;
    align-self: center;
  }
}

@media (min-width: 992px) {
  .social-media {
    gap: 2.5rem;
  }
}

.social-media a {
  width: 2.5rem;
  height: 2.5rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

.social-media a img {
  width: 28px;
  height: 28px;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
  -webkit-filter: brightness(0) saturate(100%);
          filter: brightness(0) saturate(100%);
}

/* ============================================
   NAVBAR / HEADER SECTION
   New navbar design with simplified navigation
============================================ */

/* Main Navbar Container */

.af-navbar {
  background: var(--bg-primary);
  padding: 0.75rem 1rem;
  z-index: 1030;
}

/* Mobile: Simple navbar - ensure consistent height and center content */

.af-navbar--simple {
  min-height: var(--navbar-height-mobile-simple);
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 0 1rem;
}

.af-navbar--simple .af-navbar-top {
  width: 100%;
}

/* Mobile: No search navbar - same as simple for consistency */

.af-navbar--no-search:not(:has(.af-navbar-search-mobile)) {
  min-height: var(--navbar-height-mobile-simple);
}

@media (min-width: 992px) {
  .af-navbar {
    padding: 0 2.5rem;
    /* Ensure consistent height and vertically center content */
    min-height: var(--navbar-height-desktop-simple);
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
  }

  .af-navbar .af-navbar-top {
    width: 100%;
  }

  /* Desktop: Override simple navbar padding */

  .af-navbar--simple {
    padding: 0 2.5rem;
  }

  /* Desktop: No search navbar - use desktop height (overrides mobile rule) */

  .af-navbar--no-search:not(:has(.af-navbar-search-mobile)) {
    min-height: var(--navbar-height-desktop-simple);
  }
}

/* Navbar Top Section */

.af-navbar-top {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 1.5rem;
  position: relative;
}

/* Logo - Theme Aware */

.af-logo {
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  text-decoration: none;
}

.af-logo img {
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

/* Navigation Container */

.af-nav {
  -webkit-box-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
}

.af-nav-content {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: end;
          justify-content: flex-end;
  gap: 2.5rem;
  width: 100%;
}

@media (max-width: 991px) {
  .af-nav-content {
    gap: 1.5rem;
  }
}

/* Navigation List */

.af-nav--list {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -webkit-box-align: baseline;
          align-items: baseline;
  gap: 32px;
  list-style: none;
  padding: 0;
  margin: 0;
}

@media (max-width: 991px) {
  .af-nav--list {
    display: none;
  }
}

.af-nav--list li {
  position: relative;
}

/* Navigation Links */

.af-nav-link {
  color: var(--text-primary);
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none !important;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  display: inline-block;
  outline: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

.af-nav-link:active,
.af-nav-link:focus,
.af-nav-link:visited {
  text-decoration: none !important;
  outline: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  color: var(--text-primary);
}

.af-nav-link:hover {
  color: var(--link-hover-color);
  text-decoration: none !important;
}

/* Navigation Link Underline Effect */

.af-nav-link_line {
  background: var(--color-afton-purple);
  width: 0;
}

.af-nav--list li:hover .af-nav-link_line,
.af-nav--list li:focus-within .af-nav-link_line {
  width: 100%;
}

@media (max-width: 991px) {
  .af-nav-link_line {
    display: none;
  }
}

/* Navigation CTA Button (Book a demo) — matches Figma node 2610:141825 */

.af-nav-link--cta {
  background: var(--color-afton-purple);
  color: #000000 !important;
  padding: 10px 16px;
  border-radius: 100px;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: -0.36px;
  line-height: 1;
  white-space: nowrap;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

.af-nav-link--cta:hover {
  background: #c49af5;
  color: #000000 !important;
}

/* Navigation Actions (Search + Profile) */

.af-nav--actions {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 1rem;
}

@media (max-width: 991px) {
  .af-nav--actions {
    gap: 0.75rem;
  }
}

/* Navigation CTA group — Book a demo / Go live today / Talk to sales */

.af-nav--ctas {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 8px;
  flex-shrink: 0;
  margin: 0 auto;
}

/* Compact btn size inside the navbar */

.af-nav-cta-btn {
  padding: 8px 20px !important;
  font-size: 0.875rem !important;
  line-height: 1.4 !important;
  min-height: unset !important;
  white-space: nowrap;
}

/* Hide CTA group on mobile — sticky bottom bar handles it there */

@media (max-width: 991px) {
  .af-nav--ctas {
    display: none;
  }
}

/* ============================================
   SEARCH BAR - Eventbrite-style Layout
   Desktop: Next to logo
   Mobile: Full width below nav
============================================ */

/* Base search form styles */

.af-search-form {
  margin: 0;
}

.af-search-input-wrap {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  background: var(--input-bg);
  border: 1px solid var(--input-border);
  border-radius: 1rem;
  padding: 0;
  -webkit-transition: border-color 0.3s ease, box-shadow 0.3s ease;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.af-search-input-wrap:focus-within {
  border-color: var(--input-focus-border);
  box-shadow: 0 0 0 3px var(--input-focus-shadow);
}

.af-search-input {
  -webkit-box-flex: 1;
          flex: 1;
  border: none !important;
  background: transparent !important;
  padding: 0.5rem 1.5rem !important;
  font-size: 1rem;
  color: var(--input-text);
  outline: none;
  box-shadow: none !important;
}

.af-search-input::-webkit-input-placeholder {
  color: var(--input-placeholder);
}

.af-search-input::-moz-placeholder {
  color: var(--input-placeholder);
}

.af-search-input:-ms-input-placeholder {
  color: var(--input-placeholder);
}

.af-search-input::-ms-input-placeholder {
  color: var(--input-placeholder);
}

.af-search-input::placeholder {
  color: var(--input-placeholder);
}

.af-search-input:focus {
  box-shadow: none !important;
  border: none !important;
}

/* Search submit button (circle on right) */

.af-search-submit {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  margin: 4px;
  flex-shrink: 0;
  -webkit-transition: background 0.3s ease, -webkit-transform 0.2s ease;
  transition: background 0.3s ease, -webkit-transform 0.2s ease;
  transition: background 0.3s ease, transform 0.2s ease;
  transition: background 0.3s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
  padding: 0;
}

.af-search-submit:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.af-search-submit img {
  width: 16px;
  height: 16px;
}

.af-search-submit--disabled {
  cursor: not-allowed;
  opacity: 0.4;
  pointer-events: none;
}

.af-search-submit--disabled:hover {
  -webkit-transform: none;
          transform: none;
}

/* Desktop Search Form - Next to logo */

.af-search-form--desktop {
  width: 320px;
  flex-shrink: 0;
  display: none;
}

.af-search-form--desktop .af-search-input-wrap {
  width: 100%;
}

.af-search-form--desktop .af-search-input {
  min-width: 0;
}

@media (min-width: 992px) {
  .af-search-form--desktop {
    display: block;
  }
}

@media (min-width: 1200px) {
  .af-search-form--desktop {
    width: 400px;
  }
}

/* Mobile Search Form - Full width below nav */

.af-navbar-search-mobile {
  display: block;
  margin-top: 1rem;
}

@media (min-width: 992px) {
  .af-navbar-search-mobile {
    display: none;
  }
}

.af-search-form--mobile {
  width: 100%;
}

.af-search-form--mobile .af-search-input-wrap {
  width: 100%;
}

.af-search-form--mobile .af-search-input {
  min-width: 0;
  font-size: 1rem;
}

/* Events Page Search Form */

.af-search-form--events {
  width: 100%;
}

.af-search-form--events .af-search-input-wrap {
  width: 100%;
}

.af-search-form--events .af-search-input {
  min-width: 0;
  font-size: 1rem;
}

/* Search Button for profile dropdown - Theme Aware */

.af-search-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
}

.af-search-btn svg {
  width: 1.5rem;
  height: 1.5rem;
  stroke: currentColor;
}

/* Cart button — needs position:relative so the badge-bubble sits correctly */

.af-cart-btn {
  position: relative;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  text-decoration: none;
}

.af-cart-btn .badge-bubble {
  top: -8px;
  left: 12px;
}

/* Icon Button - Theme Aware */

.af-icon-btn {
  padding: 0.5rem;
  -webkit-transition: color 0.3s ease, -webkit-filter 0.3s ease;
  transition: color 0.3s ease, -webkit-filter 0.3s ease;
  transition: color 0.3s ease, filter 0.3s ease;
  transition: color 0.3s ease, filter 0.3s ease, -webkit-filter 0.3s ease;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--text-primary);
  text-decoration: none;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-align: center;
          align-items: center;
  gap: 0.5rem;
}

.af-icon-btn:focus,
.af-icon-btn:active {
  color: var(--color-afton-purple);
  background: transparent !important;
  box-shadow: none !important;
}

.af-icon-btn svg {
  stroke: currentColor;
  fill: none;
}

.af-icon-btn img {
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

/* Theme-Aware Icons & Images */

.theme-icon {
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}

/* Theme-Aware Logos (keep original colors) */

.theme-logo {
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

/* User Greeting */

.user-name {
  color: var(--text-tertiary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%;
}

/* Profile Dropdown */

.af-dropdown-profile .btn-link {
  padding: 0.5rem;
  color: #000;
}

.af-dropdown-profile .btn-link:hover,
.af-dropdown-profile .btn-link:focus,
.af-dropdown-profile .btn-link:active {
  text-decoration: none;
  color: var(--color-afton-purple);
  background: transparent !important;
  box-shadow: none !important;
}

/* Profile Image (user's uploaded photo) */

.af-dropdown-profile .btn-link .profile-image,
.af-dropdown-profile .af-search-btn .profile-image {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.af-dropdown-profile .btn-link:hover .profile-image,
.af-dropdown-profile .af-search-btn:hover .profile-image {
  opacity: 0.8;
}

/* Profile Icon size */

.af-dropdown-profile .btn-link .profile-icon,
.af-dropdown-profile .af-search-btn .profile-icon {
  width: 24px;
  height: 24px;
}

.af-dropdown-profile .dropdown-toggle::after {
  display: none;
}

.af-dropdown-profile .af-dropdown {
  min-width: 200px;
  padding: 0;
  background: var(--bg-tertiary);
  border: none;
  box-shadow: var(--shadow-lg);
  border-radius: 1rem;
  z-index: 1035;
}

.af-dropdown-profile .dropdown-item {
  padding: 12px 20px;
  color: var(--text-primary);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 150%;
  -webkit-transition: background 0.3s ease, color 0.3s ease;
  transition: background 0.3s ease, color 0.3s ease;
  border: none;
  background: transparent;
  text-decoration: none;
}

.af-dropdown-profile .dropdown-item:hover {
  background: var(--bg-secondary);
  color: #7F37F5;
}

.af-dropdown-profile .dropdown-item:active,
.af-dropdown-profile .dropdown-item:focus {
  background: var(--bg-secondary);
  color: #7F37F5;
  outline: none;
}

.af-dropdown-profile .dropdown-item:first-child {
  border-radius: 1rem 1rem 0 0;
}

.af-dropdown-profile .dropdown-item:last-child {
  border-radius: 0 0 1rem 1rem;
}

/* Login Button */

.login {
  padding: 4px;
}

.login img {
  width: 1.5rem;
  height: 1.5rem;
  -webkit-filter: brightness(0) saturate(100%);
          filter: brightness(0) saturate(100%);
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
  background: transparent;
}

.login:hover img {
  -webkit-filter: brightness(0) saturate(100%) invert(71%) sepia(40%) saturate(663%) hue-rotate(217deg) brightness(102%) contrast(97%);
          filter: brightness(0) saturate(100%) invert(71%) sepia(40%) saturate(663%) hue-rotate(217deg) brightness(102%) contrast(97%);
}

/* Navbar Bottom Section (Search Bar) */

.af-navbar-bottom {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #e5e5e5;
}

@media (min-width: 992px) {
  .af-navbar-bottom {
    margin-top: 20px;
    padding-top: 20px;
  }
}

/* Floating label wrapper commented out - using simple placeholders now */

.af-navbar-bottom form {
  max-width: 100%;
  position: relative;
}

@media (min-width: 768px) {
  .af-navbar-bottom form {
    max-width: 600px;
    margin: 0 auto;
  }
}

/* Navbar search input - uses theme-aware colors */

.af-navbar-bottom input {
  background: var(--input-bg);
  border: 2px solid var(--input-border);
  border-radius: 100px;
  padding: 12px 50px 12px 1.5rem;
  font-size: 1rem;
  color: var(--input-text);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  width: 100%;
}

.af-navbar-bottom input:hover,
.af-navbar-bottom input:focus {
  border-color: var(--input-focus-border);
  background: var(--input-focus-bg);
  box-shadow: 0 0 0 4px var(--input-focus-shadow);
}

/* Search submit button */

.af-search-submit-btn {
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: transparent;
  border: none;
  padding: 8px;
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.af-search-submit-btn:hover {
  opacity: 0.7;
}

.af-search-submit-btn img {
  width: 20px;
  height: 20px;
  -webkit-filter: brightness(0) saturate(100%);
          filter: brightness(0) saturate(100%);
}

/* Body padding adjustments for navbar with search bar */

body.has-search-bar {
  padding-top: 140px;
}

@media (min-width: 992px) {
  body.has-search-bar {
    padding-top: 170px;
  }
}