/* ==========================================================================
   home-polish.css — Tixy frontend polish
   File unico ordinato, senza duplicati

   01. Variabili
   02. Header globale
   03. Logo
   04. Menu desktop
   05. Pulsanti header
   06. Toggle tema
   07. Mobile header
   08. Hero home
   09. Search box
   10. Trust section
   11. Card eventi
   12. Parte centrale home
   13. Sidebar home
   14. CTA finale
   15. Responsive
   16. Accessibilità
   ========================================================================== */


/* ==========================================================================
   01. VARIABILI
   ========================================================================== */

:root {
  --hp-orange: var(--theme-color, #fc8819);
  --hp-yellow: var(--theme-color2, #fdc005);
  --hp-dark: #0A0D14;

  --hp-header-height: 84px;
  --hp-header-control-height: 44px;
  --hp-header-radius: 12px;

  --hp-border-light: rgba(120, 124, 140, .42);
  --hp-border-dark: rgba(255, 255, 255, .12);

  --hp-glow: rgba(252, 136, 25, .45);
  --hp-soft-orange: rgba(252, 136, 25, .10);
}

.home-page {
  --hp-line: var(--border-white-color, rgba(255, 255, 255, .08));
}


/* ==========================================================================
   02. HEADER GLOBALE
   ========================================================================== */

.header {
  position: relative;
  z-index: 100;
  border-top: 4px solid var(--hp-orange);
}

.header .main-navigation {
  width: 100%;
}

.header .navbar {
  min-height: var(--hp-header-height);
  padding-top: 0;
  padding-bottom: 0;
}

.header .navbar .container {
  min-height: var(--hp-header-height);
  display: flex;
  align-items: center;
  position: relative;
}


/* ==========================================================================
   03. LOGO
   ========================================================================== */

.header .navbar-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  margin-right: 34px;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.header .navbar-brand img {
  display: block;
  width: auto;
  height: 58px;
  max-height: 58px;
  object-fit: contain;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}


/* ==========================================================================
   04. MENU DESKTOP
   ========================================================================== */

@media (min-width: 992px) {
  .header #main_nav {
    flex: 1;
    display: flex !important;
    align-items: center;
    align-self: center;
  }

  .header #main_nav .navbar-nav {
    height: var(--hp-header-control-height);
    display: flex;
    align-items: center;
    gap: 26px;
    transform: translateY(5px);
  }

  .header #main_nav .navbar-nav.mx-auto {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .header .navbar-nav .nav-item {
    height: var(--hp-header-control-height);
    display: flex;
    align-items: center;
  }

  .header .navbar-nav .nav-link {
    height: var(--hp-header-control-height);
    min-height: var(--hp-header-control-height);
    display: flex;
    align-items: center;
    padding: 0 !important;
    line-height: 1 !important;
    font-size: .94rem;
    font-weight: 700;
    letter-spacing: .01em;
    color: var(--heading-color);
    transition: color .2s ease;
  }

  .header .navbar-nav .nav-link:hover,
  .header .navbar-nav .nav-link:focus {
    color: var(--hp-orange);
  }

  .header #main_nav .nav-right {
    height: var(--hp-header-control-height);
    margin-left: auto;
    display: flex;
    align-items: center;
  }
}


/* ==========================================================================
   05. PULSANTI HEADER
   ========================================================================== */

.header .nav-right-btn {
  display: flex;
  align-items: center;
  gap: 10px;
}

.header .nav-right-btn .theme-btn {
  min-height: var(--hp-header-control-height);
  height: var(--hp-header-control-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 20px !important;
  border-radius: var(--hp-header-radius) !important;
  line-height: 1 !important;
  font-size: .92rem;
  font-weight: 700 !important;
  text-transform: none !important;
  white-space: nowrap;
  margin-right: 0 !important;
}

.header .nav-right-btn .theme-btn i {
  color: inherit !important;
}

/* Accedi — outline stabile anche in light mode */
.header .nav-right-btn .theme-btn.theme-btn2 {
  position: relative;
  overflow: hidden;
  background: transparent !important;
  color: var(--heading-color) !important;
  border: 1px solid var(--hp-border-light) !important;
  box-shadow: none !important;
}

.header .nav-right-btn .theme-btn.theme-btn2::before,
.header .nav-right-btn .theme-btn.theme-btn2::after {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

.header .nav-right-btn .theme-btn.theme-btn2:hover,
.header .nav-right-btn .theme-btn.theme-btn2:focus,
.header .nav-right-btn .theme-btn.theme-btn2:active {
  background: rgba(252, 136, 25, .08) !important;
  color: var(--hp-orange) !important;
  border-color: rgba(252, 136, 25, .65) !important;
  box-shadow: none !important;
}

/* Pulsanti pieni: Esci o CTA future */
.header .nav-right-btn .theme-btn:not(.theme-btn2) {
  background: linear-gradient(135deg, var(--hp-orange), var(--hp-yellow)) !important;
  color: var(--hp-dark) !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}

.header .nav-right-btn .theme-btn:not(.theme-btn2):hover,
.header .nav-right-btn .theme-btn:not(.theme-btn2):focus {
  color: var(--hp-dark) !important;
  filter: brightness(.98);
}

/* Area riservata */
.header .nav-right-btn a[href*="account"] {
  background: transparent !important;
  color: var(--heading-color) !important;
  border: 1px solid var(--hp-border-light) !important;
}

.header .nav-right-btn a[href*="account"]:hover,
.header .nav-right-btn a[href*="account"]:focus {
  background: rgba(252, 136, 25, .08) !important;
  color: var(--hp-orange) !important;
  border-color: rgba(252, 136, 25, .65) !important;
}


/* ==========================================================================
   06. TOGGLE TEMA
   ========================================================================== */

.header .nav-right .theme-mode-control {
  width: var(--hp-header-control-height);
  height: var(--hp-header-control-height);
  flex: 0 0 var(--hp-header-control-height);
  border-radius: var(--hp-header-radius);
  border: 1px solid var(--hp-border-light);
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}

.header .nav-right .theme-mode-control .nav-right-link {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  line-height: 1;
  color: var(--hp-yellow) !important;
  box-shadow: none !important;
}

.header .nav-right .theme-mode-control .nav-right-link i {
  color: inherit !important;
  font-size: 18px;
}


/* ==========================================================================
   07. MOBILE HEADER
   ========================================================================== */

.mobile-menu-right {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
}

.navbar-toggler {
  width: var(--hp-header-control-height);
  height: var(--hp-header-control-height);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--hp-header-radius);
  border: 1px solid var(--hp-border-light);
  padding: 0;
}

.navbar-toggler:focus {
  box-shadow: 0 0 0 .18rem rgba(252, 136, 25, .18);
}

.navbar-toggler-mobile-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.navbar-toggler-mobile-icon i {
  font-size: 22px;
  color: var(--heading-color);
}


/* ==========================================================================
   08. HERO HOME
   ========================================================================== */

.home-page .hero-tixy {
  position: relative;
  min-height: 560px;
  display: flex;
  align-items: center;
  text-align: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.home-page .hero-tixy::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(6, 9, 15, .80) 0%,
      rgba(6, 9, 15, .70) 42%,
      rgba(6, 9, 15, .48) 100%
    ),
    linear-gradient(
      180deg,
      rgba(6, 9, 15, .42) 0%,
      rgba(6, 9, 15, .82) 100%
    );
}

.home-page .hero-tixy .container {
  position: relative;
  z-index: 2;
}

.home-page .hero-kicker {
  display: inline-block;
  margin-bottom: 14px;
  color: var(--hp-yellow);
  font-size: .74rem;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.home-page .hero-h1 {
  max-width: 790px;
  margin: 0 auto 22px;
  color: #fff;
  font-size: clamp(2.25rem, 4.4vw, 3.65rem);
  line-height: 1.04;
  font-weight: 800;
  letter-spacing: -0.035em;
}

.home-page .hero-h1 .hl {
  color: var(--hp-orange);
}

.home-page .hero-sub {
  max-width: 620px;
  margin: 0 auto 26px;
  color: #edf1f8;
  font-size: 1.05rem;
  line-height: 1.75;
  opacity: .92;
}

.home-page .hero-pills {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 28px;
}

.home-page .hero-pill {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 7px 15px;
  color: #fff;
  font-size: .82rem;
  line-height: 1;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
  backdrop-filter: blur(8px);
}

.home-page .hero-cta {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
}

.home-page .hero-cta .theme-btn {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 22px !important;
  border-radius: 11px !important;
  font-size: .92rem;
  font-weight: 800 !important;
  letter-spacing: .04em;
  text-transform: uppercase !important;
}

/* CTA primaria: Cerca biglietti */
.home-page .hero-cta .hero-btn-primary {
  background: linear-gradient(135deg, var(--hp-orange), var(--hp-yellow)) !important;
  color: var(--hp-dark) !important;
  border: 1px solid transparent !important;
  box-shadow: 0 18px 40px -22px rgba(252, 136, 25, .9);
}

.home-page .hero-cta .hero-btn-primary:hover,
.home-page .hero-cta .hero-btn-primary:focus {
  color: var(--hp-dark) !important;
  filter: brightness(.98);
}

/* CTA secondaria: Crea alert */
.home-page .hero-cta .hero-btn-secondary {
  background: rgba(255, 255, 255, .08) !important;
  color: #fff !important;
  border: 1px solid rgba(255, 255, 255, .26) !important;
  box-shadow: none !important;
}

.home-page .hero-cta .hero-btn-secondary::before,
.home-page .hero-cta .hero-btn-secondary::after {
  display: none !important;
}

.home-page .hero-cta .hero-btn-secondary:hover,
.home-page .hero-cta .hero-btn-secondary:focus {
  background: rgba(252, 136, 25, .16) !important;
  color: #fff !important;
  border-color: rgba(252, 136, 25, .55) !important;
}

/* ==========================================================================
   09. SEARCH BOX
   ========================================================================== */

.home-page .search-overlap {
  position: relative;
  z-index: 6;
  margin-top: -48px;
  padding-top: 0;
}

.home-page .search-overlap .container {
  max-width: 1120px;
}

/* Search box premium scura, indipendente dal tema */
.home-page .filter-wrap.search-card,
.home-page .filter-wrap {
  position: relative;
  padding: 20px;
  border: 1px solid rgba(252, 136, 25, .22) !important;
  border-radius: 18px;
  background:
    radial-gradient(90% 140% at 0% 0%, rgba(252, 136, 25, .14), transparent 58%),
    radial-gradient(80% 140% at 100% 100%, rgba(253, 192, 5, .10), transparent 58%),
    linear-gradient(180deg, rgba(18, 23, 36, .98), rgba(10, 13, 20, .98)) !important;
  box-shadow:
    0 34px 90px -48px rgba(0, 0, 0, .78),
    0 1px 0 rgba(255, 255, 255, .08) inset !important;
}

.home-page .filter-wrap::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .06), transparent 34%),
    radial-gradient(70% 120% at 8% 0%, rgba(252, 136, 25, .12), transparent 55%),
    radial-gradient(60% 120% at 100% 100%, rgba(253, 192, 5, .08), transparent 55%) !important;
}

.home-page .filter-wrap > form,
.home-page .filter-wrap .popular-search {
  position: relative;
  z-index: 2;
}

.home-page .search-field {
  position: relative;
}

.home-page .search-label {
  display: block;
  margin-bottom: 7px;
  padding-left: 2px;
  color: rgba(255, 255, 255, .62) !important;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.home-page .filter-search .form-group {
  position: relative;
}

.home-page .filter-wrap .form-control {
  width: 100%;
  min-height: 52px;
  padding: 0 16px;
  color: #fff !important;
  font-size: .92rem;
  font-weight: 600;
  border: 1px solid rgba(255, 255, 255, .15) !important;
  border-radius: 12px;
  background: rgba(255, 255, 255, .07) !important;
  box-shadow: none !important;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.home-page .filter-wrap .form-control::placeholder {
  color: rgba(223, 228, 238, .68) !important;
}

.home-page .filter-wrap .form-control:hover {
  border-color: rgba(252, 136, 25, .44) !important;
  background: rgba(255, 255, 255, .085) !important;
}

.home-page .filter-wrap .form-control:focus {
  color: #fff !important;
  border-color: var(--hp-orange) !important;
  background: rgba(255, 255, 255, .10) !important;
  box-shadow: 0 0 0 .2rem rgba(252, 136, 25, .20) !important;
}

.home-page .filter-search .form-group input {
  padding-right: 50px;
}

.home-page .filter-search .form-group button {
  position: absolute;
  top: 50%;
  right: 12px;
  width: 36px;
  height: 36px;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--hp-yellow) !important;
  border: 0;
  border-radius: 10px;
  background: rgba(252, 136, 25, .13) !important;
  transition: background .2s ease, color .2s ease;
}

.home-page .filter-search .form-group button:hover {
  color: var(--hp-dark) !important;
  background: linear-gradient(135deg, var(--hp-orange), var(--hp-yellow)) !important;
}

.home-page .filter-loc {
  position: relative;
}

.home-page .filter-loc i {
  position: absolute;
  left: 18px;
  top: 50%;
  z-index: 3;
  transform: translateY(-50%);
  color: var(--hp-yellow) !important;
  pointer-events: none;
  font-size: 14px;
  line-height: 1;
}

.home-page .filter-loc input {
  padding-left: 48px !important;
}

.home-page .search-field-button {
  padding-top: calc(.72rem + 7px);
}

.home-page .search-submit,
.home-page .filter-btn .theme-btn {
  min-height: 52px;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 22px !important;
  color: var(--hp-dark) !important;
  font-size: .86rem;
  font-weight: 800 !important;
  letter-spacing: .08em;
  text-transform: uppercase !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--hp-orange), var(--hp-yellow)) !important;
  box-shadow: 0 20px 42px -24px rgba(252, 136, 25, .95) !important;
}

.home-page .search-submit:hover,
.home-page .search-submit:focus,
.home-page .filter-btn .theme-btn:hover,
.home-page .filter-btn .theme-btn:focus {
  color: var(--hp-dark) !important;
  filter: brightness(.98);
  box-shadow: 0 22px 48px -24px rgba(252, 136, 25, 1) !important;
}

.home-page .popular-search {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 10px;
  margin-top: 17px;
  padding-top: 15px;
  border-top: 1px solid rgba(255, 255, 255, .12) !important;
}

.home-page .popular-search .ps-label {
  margin-right: 4px;
  color: rgba(223, 228, 238, .74) !important;
  font-size: .8rem;
  font-weight: 700;
}

.home-page .popular-search a {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 11px;
  color: rgba(255, 255, 255, .88) !important;
  font-size: .78rem;
  font-weight: 700;
  line-height: 1;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  border-radius: 999px;
  background: rgba(255, 255, 255, .07) !important;
  transition: color .2s ease, border-color .2s ease, background .2s ease;
}

.home-page .popular-search a:hover,
.home-page .popular-search a:focus {
  color: var(--hp-yellow) !important;
  border-color: rgba(252, 136, 25, .50) !important;
  background: rgba(252, 136, 25, .13) !important;
}
/* ==========================================================================
   10. TRUST SECTION
   ========================================================================== */

.home-page .trust-tixy {
  padding: 54px 0 46px;
}

.home-page .trust-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.home-page .trust-item {
  min-height: 96px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, .11) !important;
  border-radius: 16px;
  background:
    radial-gradient(90% 120% at 0% 0%, rgba(252, 136, 25, .14), transparent 55%),
    linear-gradient(180deg, #141925, #0A0D14) !important;
  box-shadow: 0 18px 42px -34px rgba(0, 0, 0, .72) !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
}

.home-page .trust-item:hover {
  transform: translateY(-2px);
  border-color: rgba(252, 136, 25, .42) !important;
  box-shadow: 0 22px 52px -34px rgba(252, 136, 25, .30) !important;
}

.home-page .trust-ic {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--hp-yellow) !important;
  font-size: 20px;
  border-radius: 14px;
  background:
    radial-gradient(circle at 30% 20%, rgba(253, 192, 5, .30), transparent 45%),
    rgba(252, 136, 25, .16) !important;
}

.home-page .trust-item h4 {
  margin: 0 0 5px;
  color: #fff !important;
  font-size: .96rem;
  font-weight: 800;
  line-height: 1.2;
}

.home-page .trust-item p {
  margin: 0;
  color: rgba(223, 228, 238, .76) !important;
  font-size: .8rem;
  line-height: 1.35;
}
/* ==========================================================================
   11. CARD EVENTI
   ========================================================================== */

.home-page .movie-area {
  padding-bottom: 12px;
}

.home-page .row {
  align-items: stretch;
}

.home-page .owl-carousel .owl-item {
  display: flex;
}

.home-page .owl-carousel .owl-item > .movie-item {
  width: 100%;
}

.home-page .movie-item {
  height: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 0;
  overflow: hidden;
  border: 1px solid var(--hp-line);
  border-radius: 14px;
  background: var(--theme-bg2);
  transition: border-color .25s ease, box-shadow .25s ease;
}

.home-page .movie-item:hover {
  border-color: rgba(252, 136, 25, .55);
  box-shadow: 0 12px 32px -18px var(--hp-glow);
}

.home-page .movie-content {
  flex: 1 1 auto;
}

.home-page .movie-img {
  position: relative;
  overflow: hidden;
}

.home-page .movie-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(160deg, rgba(252, 136, 25, .08), rgba(6, 9, 15, .45) 72%);
  pointer-events: none;
}

.home-page .movie-img img {
  width: 100%;
  transition: transform .5s ease;
}

.home-page .movie-item:hover .movie-img img {
  transform: scale(1.04);
}

.home-page .movie-quality {
  padding: 4px 12px;
  color: var(--hp-dark);
  font-weight: 700;
  letter-spacing: .5px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--hp-orange), var(--hp-yellow));
}


/* ==========================================================================
   12. PARTE CENTRALE HOME
   ========================================================================== */

.home-page .home-central {
  padding: 64px 0;
}

.home-page .home-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 34px;
  align-items: start;
}

.home-page .home-main {
  min-width: 0;
}

.home-page .ev-block {
  margin-bottom: 52px;
}

.home-page .ev-block:last-child {
  margin-bottom: 0;
}

.home-page .ev-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 22px;
}

.home-page .ev-title,
.home-page .site-heading-inline .site-title {
  position: relative;
  margin: 0;
  padding-left: 16px;
  color: var(--heading-color);
}

.home-page .ev-title {
  font-size: 1.4rem;
}

.home-page .ev-title::before,
.home-page .site-heading-inline .site-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 5px;
  height: 1.05em;
  transform: translateY(-50%);
  border-radius: 6px;
  background: linear-gradient(180deg, var(--hp-orange), var(--hp-yellow));
}

.home-page .site-heading-inline {
  align-items: center;
  margin-bottom: 26px;
}

.home-page .ev-all {
  color: var(--hp-orange);
  font-size: .85rem;
  font-weight: 700;
  white-space: nowrap;
}

.home-page .ev-all:hover,
.home-page .ev-all:focus {
  color: var(--hp-yellow);
}

.home-page .ev-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.home-page .ev-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: inherit;
  border: 1px solid var(--hp-line);
  border-radius: 15px;
  background: var(--theme-bg2);
  transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.home-page .ev-card:hover {
  color: inherit;
  transform: translateY(-2px);
  border-color: rgba(252, 136, 25, .55);
  box-shadow: 0 16px 38px -22px var(--hp-glow);
}

.home-page .ev-ph {
  position: relative;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background:
    radial-gradient(circle at 70% 20%, rgba(252, 136, 25, .24), transparent 28%),
    linear-gradient(135deg, #1b2433, #0c1019);
}

.home-page .ev-ph::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(160deg, rgba(252, 136, 25, .08), rgba(6, 9, 15, .38));
  pointer-events: none;
}

.home-page .ev-mascot {
  position: relative;
  z-index: 1;
  width: auto;
  height: 90px;
  filter: drop-shadow(0 6px 14px rgba(0, 0, 0, .35));
  transition: transform .35s ease;
}

.home-page .ev-card:hover .ev-mascot {
  transform: scale(1.05) rotate(-2deg);
}

.home-page .ev-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
  padding: 4px 12px;
  color: var(--hp-dark);
  font-size: .7rem;
  font-weight: 800;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--hp-orange), var(--hp-yellow));
}

.home-page .ev-badge-new {
  background: linear-gradient(135deg, var(--hp-yellow), var(--hp-orange));
}

.home-page .ev-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 9px;
  padding: 15px 16px;
}

.home-page .ev-body h4 {
  margin: 0;
  color: var(--heading-color);
  font-size: 1rem;
  line-height: 1.35;
}

.home-page .ev-meta {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-top: auto;
  font-size: .82rem;
}

.home-page .ev-meta span {
  display: flex;
  align-items: center;
  gap: 7px;
}

.home-page .ev-meta i {
  color: var(--hp-orange);
}

.home-page .ev-empty {
  margin: 0;
  font-size: .9rem;
  opacity: .8;
}


/* ==========================================================================
   13. SIDEBAR HOME
   ========================================================================== */

.home-page .home-side {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.home-page .widget {
  padding: 20px;
  border: 1px solid var(--hp-line);
  border-radius: 16px;
  background: var(--theme-bg2);
}

.home-page .widget-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 16px;
  color: var(--heading-color);
  font-size: 1rem;
}

.home-page .seller-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.home-page .seller-row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.home-page .seller-av {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--hp-dark);
  font-weight: 800;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--hp-orange), var(--hp-yellow));
}

.home-page .seller-name {
  color: var(--heading-color);
  font-size: .9rem;
  font-weight: 700;
  line-height: 1.2;
}

.home-page .seller-sub {
  margin-top: 2px;
  font-size: .78rem;
  opacity: .8;
}

.home-page .mix-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.home-page .mix-row {
  display: flex;
  align-items: center;
  gap: 12px;
  color: inherit;
}

.home-page .mix-row:hover .mix-t {
  color: var(--hp-orange);
}

.home-page .mix-thumb {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid var(--hp-line);
  border-radius: 10px;
  background: linear-gradient(135deg, #1b2433, #0c1019);
}

.home-page .mix-thumb img {
  height: 30px;
}

.home-page .mix-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.home-page .mix-t {
  color: var(--heading-color);
  font-size: .88rem;
  font-weight: 700;
  line-height: 1.25;
  transition: color .2s ease;
}

.home-page .mix-s {
  margin-top: 2px;
  font-size: .78rem;
  opacity: .8;
}

.home-page .widget-pro {
  border: 1px solid rgba(252, 136, 25, .3);
  background:
    radial-gradient(120% 140% at 0% 0%, rgba(252, 136, 25, .18), transparent 55%),
    radial-gradient(120% 140% at 100% 100%, rgba(253, 192, 5, .14), transparent 55%),
    var(--theme-bg2);
}

.home-page .widget-pro p {
  margin: 0 0 14px;
  font-size: .86rem;
}

.home-page .widget-pro .theme-btn {
  width: 100%;
  justify-content: center;
  text-align: center;
}

.home-page .city-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.home-page .city-chips a {
  padding: 6px 12px;
  color: var(--heading-color);
  font-size: .8rem;
  border: 1px solid var(--hp-line);
  border-radius: 999px;
  transition: color .2s ease, border-color .2s ease;
}

.home-page .city-chips a:hover,
.home-page .city-chips a:focus {
  color: var(--hp-yellow);
  border-color: rgba(252, 136, 25, .5);
}


/* ==========================================================================
   14. CTA FINALE
   ========================================================================== */

.home-page .cta-wrapper {
  position: relative;
  overflow: hidden;
  padding: 48px 24px;
  border: 1px solid rgba(252, 136, 25, .25);
  border-radius: 20px;
  background:
    radial-gradient(120% 140% at 0% 0%, rgba(252, 136, 25, .14), transparent 55%),
    radial-gradient(120% 140% at 100% 100%, rgba(253, 192, 5, .12), transparent 55%),
    var(--hp-dark);
}

.home-page .cta-content h1 {
  font-size: clamp(1.6rem, 3vw, 2.4rem);
  line-height: 1.2;
}

.home-page .cta-content p {
  opacity: .85;
}

.home-page .cta-parallax {
  position: relative;
  margin-top: 30px;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.home-page .cta-parallax::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(6, 9, 15, .86), rgba(6, 9, 15, .68)),
    linear-gradient(180deg, rgba(6, 9, 15, .65), rgba(6, 9, 15, .92));
}

.home-page .cta-parallax-inner {
  position: relative;
  z-index: 2;
  max-width: 640px;
  margin: 0 auto;
  padding: 96px 20px;
  text-align: center;
}

.home-page .cta-parallax-inner h2 {
  margin-bottom: 12px;
  color: #fff;
  font-size: clamp(1.6rem, 3vw, 2.2rem);
}

.home-page .cta-parallax-inner p {
  max-width: 520px;
  margin: 0 auto 24px;
  color: #dfe4ee;
}


/* ==========================================================================
   15. RESPONSIVE
   ========================================================================== */

@media (max-width: 1199px) {
  .header .navbar-brand {
    margin-right: 24px;
  }

  .header #main_nav .navbar-nav {
    gap: 20px;
  }

  .header .navbar-nav .nav-link {
    font-size: .9rem;
  }

  .header .nav-right-btn .theme-btn {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .home-page .search-overlap .container {
    max-width: 960px;
  }

  .home-page .ev-grid {
    gap: 18px;
  }
}

@media (max-width: 991px) {
  :root {
    --hp-header-height: 76px;
    --hp-header-control-height: 44px;
  }

  .header .navbar-brand {
    margin-right: 0;
  }

  .header .navbar-brand img {
    height: 50px;
    max-height: 50px;
  }

  .header .navbar-collapse {
    padding: 14px 0 18px;
  }

  .header .navbar-nav {
    gap: 0;
  }

  .header .navbar-nav .nav-link {
    padding: 12px 0 !important;
    font-size: .96rem;
    line-height: 1.2 !important;
  }

  .header .nav-right {
    margin-top: 12px;
    flex-direction: column;
    align-items: stretch !important;
    gap: 12px;
  }

  .header .nav-right .theme-mode-control {
    display: none !important;
  }

  .header .nav-right-btn {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .header .nav-right-btn .theme-btn {
    width: 100%;
  }

  .home-page .hero-tixy {
    min-height: 540px;
  }

  .home-page .hero-h1 {
    max-width: 680px;
  }

  .home-page .search-overlap {
    margin-top: -36px;
  }

  .home-page .search-overlap .container {
    max-width: 720px;
  }

  .home-page .home-grid {
    grid-template-columns: 1fr;
  }

  .home-page .ev-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .home-page .trust-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .home-page .hero-tixy {
    min-height: 560px;
    background-position: center right;
  }

  .home-page .hero-tixy::before {
    background:
      linear-gradient(180deg, rgba(6, 9, 15, .78), rgba(6, 9, 15, .90)),
      linear-gradient(90deg, rgba(6, 9, 15, .78), rgba(6, 9, 15, .58));
  }

  .home-page .hero-sub {
    font-size: 1rem;
    line-height: 1.65;
  }

  .home-page .filter-wrap {
    padding: 16px;
  }

  .home-page .trust-tixy {
    padding-top: 42px;
  }

  .home-page .cta-parallax {
    background-attachment: scroll;
  }
}

@media (max-width: 575px) {
  :root {
    --hp-header-height: 72px;
    --hp-header-control-height: 42px;
  }

  .header .navbar-brand img {
    height: 46px;
    max-height: 46px;
  }

  .home-page .hero-tixy {
    min-height: 590px;
  }

  .home-page .hero-kicker {
    font-size: .68rem;
    letter-spacing: .14em;
  }

  .home-page .hero-h1 {
    font-size: clamp(2rem, 11vw, 2.75rem);
  }

  .home-page .hero-cta {
    flex-direction: column;
  }

  .home-page .hero-cta .theme-btn {
    width: 100%;
  }

  .home-page .search-overlap {
    margin-top: -28px;
  }

  .home-page .popular-search {
    gap: 10px 12px;
  }

  .home-page .ev-grid {
    grid-template-columns: 1fr;
  }

  .home-page .trust-grid {
    grid-template-columns: 1fr;
  }

  .home-page .ev-head {
    align-items: flex-start;
    flex-direction: column;
  }
}


/* ==========================================================================
   16. ACCESSIBILITÀ
   ========================================================================== */

.header a:focus-visible,
.header button:focus-visible,
.home-page a:focus-visible,
.home-page button:focus-visible {
  outline: 3px solid rgba(252, 136, 25, .35);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .header *,
  .home-page .movie-item,
  .home-page .movie-img img,
  .home-page .ev-card,
  .home-page .ev-mascot {
    transition: none !important;
    animation: none !important;
  }
}
/* ==========================================================================
   99. TIXY THEME FINAL OVERRIDE
   Usa data-tixy-theme su <html>
   ========================================================================== */


/* =========================
   LIGHT MODE
   ========================= */

html[data-tixy-theme="light"] body {
  background: #fff !important;
}

html[data-tixy-theme="light"] .home-page .filter-wrap.search-card,
html[data-tixy-theme="light"] .home-page .filter-wrap {
  border: 1px solid rgba(120, 124, 140, .20) !important;
  background:
    radial-gradient(90% 140% at 0% 0%, rgba(252, 136, 25, .08), transparent 58%),
    radial-gradient(80% 140% at 100% 100%, rgba(253, 192, 5, .08), transparent 58%),
    linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(255, 255, 255, .94)) !important;
  box-shadow:
    0 34px 90px -48px rgba(0, 0, 0, .38),
    0 1px 0 rgba(255, 255, 255, .90) inset !important;
}

html[data-tixy-theme="light"] .home-page .filter-wrap::before {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .45), transparent 34%),
    radial-gradient(70% 120% at 8% 0%, rgba(252, 136, 25, .08), transparent 55%),
    radial-gradient(60% 120% at 100% 100%, rgba(253, 192, 5, .08), transparent 55%) !important;
}

html[data-tixy-theme="light"] .home-page .search-label {
  color: rgba(42, 48, 64, .56) !important;
}

html[data-tixy-theme="light"] .home-page .filter-wrap .form-control {
  color: #182033 !important;
  border-color: rgba(120, 124, 140, .24) !important;
  background: rgba(255, 255, 255, .92) !important;
}

html[data-tixy-theme="light"] .home-page .filter-wrap .form-control::placeholder {
  color: rgba(117, 127, 149, .92) !important;
}

html[data-tixy-theme="light"] .home-page .filter-wrap .form-control:hover,
html[data-tixy-theme="light"] .home-page .filter-wrap .form-control:focus {
  color: #182033 !important;
  border-color: rgba(252, 136, 25, .48) !important;
  background: #fff !important;
}

html[data-tixy-theme="light"] .home-page .filter-search .form-group button {
  color: var(--hp-orange) !important;
  background: rgba(252, 136, 25, .10) !important;
}

html[data-tixy-theme="light"] .home-page .filter-loc i {
  color: var(--hp-orange) !important;
}

html[data-tixy-theme="light"] .home-page .popular-search {
  border-top-color: rgba(120, 124, 140, .16) !important;
}

html[data-tixy-theme="light"] .home-page .popular-search .ps-label {
  color: rgba(84, 94, 118, .88) !important;
}

html[data-tixy-theme="light"] .home-page .popular-search a {
  color: #182033 !important;
  border-color: rgba(120, 124, 140, .20) !important;
  background: rgba(255, 255, 255, .78) !important;
}

html[data-tixy-theme="light"] .home-page .popular-search a:hover {
  color: var(--hp-orange) !important;
  border-color: rgba(252, 136, 25, .50) !important;
  background: rgba(252, 136, 25, .10) !important;
}


/* Trust card chiare in light mode */
html[data-tixy-theme="light"] .home-page .trust-item {
  border: 1px solid rgba(120, 124, 140, .18) !important;
  background:
    radial-gradient(90% 120% at 0% 0%, rgba(252, 136, 25, .08), transparent 55%),
    linear-gradient(180deg, #ffffff, #f8f9fc) !important;
  box-shadow: 0 18px 42px -34px rgba(0, 0, 0, .35) !important;
}

html[data-tixy-theme="light"] .home-page .trust-item h4 {
  color: #121827 !important;
}

html[data-tixy-theme="light"] .home-page .trust-item p {
  color: rgba(42, 48, 64, .72) !important;
}

html[data-tixy-theme="light"] .home-page .trust-ic {
  color: var(--hp-orange) !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(253, 192, 5, .22), transparent 45%),
    rgba(252, 136, 25, .10) !important;
}


/* =========================
   DARK MODE
   ========================= */

html[data-tixy-theme="dark"] body {
  background: #070B12 !important;
}

html[data-tixy-theme="dark"] .home-page .filter-wrap.search-card,
html[data-tixy-theme="dark"] .home-page .filter-wrap {
  border-color: rgba(252, 136, 25, .22) !important;
  background:
    radial-gradient(90% 140% at 0% 0%, rgba(252, 136, 25, .14), transparent 58%),
    radial-gradient(80% 140% at 100% 100%, rgba(253, 192, 5, .10), transparent 58%),
    linear-gradient(180deg, rgba(18, 23, 36, .98), rgba(10, 13, 20, .98)) !important;
  box-shadow:
    0 34px 90px -48px rgba(0, 0, 0, .95),
    0 1px 0 rgba(255, 255, 255, .08) inset !important;
}

html[data-tixy-theme="dark"] .home-page .filter-wrap::before {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .06), transparent 34%),
    radial-gradient(70% 120% at 8% 0%, rgba(252, 136, 25, .12), transparent 55%),
    radial-gradient(60% 120% at 100% 100%, rgba(253, 192, 5, .08), transparent 55%) !important;
}

html[data-tixy-theme="dark"] .home-page .search-label {
  color: rgba(255, 255, 255, .62) !important;
}

html[data-tixy-theme="dark"] .home-page .filter-wrap .form-control {
  color: #fff !important;
  border-color: rgba(255, 255, 255, .15) !important;
  background: rgba(255, 255, 255, .07) !important;
}

html[data-tixy-theme="dark"] .home-page .filter-wrap .form-control::placeholder {
  color: rgba(223, 228, 238, .68) !important;
}

html[data-tixy-theme="dark"] .home-page .filter-search .form-group button {
  color: var(--hp-yellow) !important;
  background: rgba(252, 136, 25, .13) !important;
}

html[data-tixy-theme="dark"] .home-page .filter-loc i {
  color: var(--hp-yellow) !important;
}

html[data-tixy-theme="dark"] .home-page .popular-search {
  border-top-color: rgba(255, 255, 255, .12) !important;
}

html[data-tixy-theme="dark"] .home-page .popular-search .ps-label {
  color: rgba(223, 228, 238, .74) !important;
}

html[data-tixy-theme="dark"] .home-page .popular-search a {
  color: rgba(255, 255, 255, .88) !important;
  border-color: rgba(255, 255, 255, .14) !important;
  background: rgba(255, 255, 255, .07) !important;
}


/* Trust card scure in dark mode */
html[data-tixy-theme="dark"] .home-page .trust-item {
  border-color: rgba(255, 255, 255, .11) !important;
  background:
    radial-gradient(90% 120% at 0% 0%, rgba(252, 136, 25, .14), transparent 55%),
    linear-gradient(180deg, #141925, #0A0D14) !important;
  box-shadow: 0 18px 42px -34px rgba(0, 0, 0, .85) !important;
}

html[data-tixy-theme="dark"] .home-page .trust-item h4 {
  color: #fff !important;
}

html[data-tixy-theme="dark"] .home-page .trust-item p {
  color: rgba(223, 228, 238, .76) !important;
}

html[data-tixy-theme="dark"] .home-page .trust-ic {
  color: var(--hp-yellow) !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(253, 192, 5, .30), transparent 45%),
    rgba(252, 136, 25, .16) !important;
}


/* ==========================================================================
   100. LIGHT MODE MAIN WOW FIX
   ========================================================================== */

html[data-tixy-theme="light"] .home-page .home-central {
  background:
    radial-gradient(circle at 18% 0%, rgba(252, 136, 25, .08), transparent 26%),
    radial-gradient(circle at 90% 20%, rgba(253, 192, 5, .10), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #fbfbfd 48%, #ffffff 100%) !important;
}

html[data-tixy-theme="light"] .home-page .ev-title {
  color: #0f172a !important;
}

html[data-tixy-theme="light"] .home-page .ev-all {
  color: var(--hp-orange) !important;
}


/* Card eventi light premium */
html[data-tixy-theme="light"] .home-page .ev-card {
  overflow: hidden;
  border: 1px solid rgba(17, 24, 39, .08) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #fffaf3 100%) !important;
  box-shadow:
    0 22px 55px -38px rgba(15, 23, 42, .42),
    0 1px 0 rgba(255, 255, 255, .95) inset !important;
}

html[data-tixy-theme="light"] .home-page .ev-card:hover {
  transform: translateY(-4px);
  border-color: rgba(252, 136, 25, .42) !important;
  box-shadow:
    0 30px 70px -42px rgba(252, 136, 25, .42),
    0 14px 38px -32px rgba(15, 23, 42, .55) !important;
}


/* Parte immagine card: non più nero piatto */
html[data-tixy-theme="light"] .home-page .ev-ph {
  height: 150px;
  background:
    radial-gradient(circle at 75% 18%, rgba(252, 136, 25, .28), transparent 30%),
    radial-gradient(circle at 18% 90%, rgba(253, 192, 5, .20), transparent 34%),
    linear-gradient(135deg, #fff4e5 0%, #f3f6fb 46%, #e9eef8 100%) !important;
}

html[data-tixy-theme="light"] .home-page .ev-ph::after {
  background:
    linear-gradient(160deg, rgba(255, 255, 255, .20), rgba(252, 136, 25, .10)) !important;
}

html[data-tixy-theme="light"] .home-page .ev-mascot {
  height: 92px !important;
  max-width: 170px !important;
  object-fit: contain !important;
  filter:
    drop-shadow(0 10px 18px rgba(15, 23, 42, .22))
    drop-shadow(0 0 18px rgba(252, 136, 25, .18)) !important;
  opacity: .95;
}

html[data-tixy-theme="light"] .home-page .ev-badge {
  color: #111827 !important;
  background: linear-gradient(135deg, #ff991f, #ffd04d) !important;
  box-shadow: 0 10px 24px -16px rgba(252, 136, 25, .80);
}


/* Corpo card light */
html[data-tixy-theme="light"] .home-page .ev-body {
  background: #ffffff !important;
  padding: 17px 16px 18px !important;
}

html[data-tixy-theme="light"] .home-page .ev-body h4 {
  color: #0f172a !important;
  font-weight: 850 !important;
  letter-spacing: -.01em;
}

html[data-tixy-theme="light"] .home-page .ev-meta {
  color: rgba(71, 85, 105, .88) !important;
}

html[data-tixy-theme="light"] .home-page .ev-meta i {
  color: var(--hp-orange) !important;
}


/* Sidebar light premium */
html[data-tixy-theme="light"] .home-page .widget {
  border: 1px solid rgba(17, 24, 39, .08) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(252, 136, 25, .08), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #fffaf4 100%) !important;
  box-shadow:
    0 22px 55px -42px rgba(15, 23, 42, .45),
    0 1px 0 rgba(255, 255, 255, .95) inset !important;
}

html[data-tixy-theme="light"] .home-page .widget-title {
  color: #0f172a !important;
}

html[data-tixy-theme="light"] .home-page .seller-name,
html[data-tixy-theme="light"] .home-page .mix-t {
  color: #0f172a !important;
}

html[data-tixy-theme="light"] .home-page .seller-sub,
html[data-tixy-theme="light"] .home-page .mix-s {
  color: rgba(71, 85, 105, .78) !important;
}


/* PRO box light più evidente */
html[data-tixy-theme="light"] .home-page .widget-pro {
  border: 1px solid rgba(252, 136, 25, .32) !important;
  background:
    radial-gradient(circle at 10% 0%, rgba(252, 136, 25, .16), transparent 38%),
    radial-gradient(circle at 100% 100%, rgba(253, 192, 5, .16), transparent 38%),
    linear-gradient(180deg, #fffaf0 0%, #ffffff 100%) !important;
  box-shadow:
    0 24px 65px -42px rgba(252, 136, 25, .55),
    0 1px 0 rgba(255, 255, 255, .95) inset !important;
}

html[data-tixy-theme="light"] .home-page .widget-pro p {
  color: rgba(71, 85, 105, .88) !important;
}


/* City chips più belle */
html[data-tixy-theme="light"] .home-page .city-chips a {
  color: #0f172a !important;
  border: 1px solid rgba(17, 24, 39, .10) !important;
  background: #ffffff !important;
  box-shadow: 0 10px 26px -22px rgba(15, 23, 42, .35);
}

html[data-tixy-theme="light"] .home-page .city-chips a:hover {
  color: var(--hp-orange) !important;
  border-color: rgba(252, 136, 25, .45) !important;
  background: #fff8ed !important;
}


/* Spazio più elegante tra trust e main */
html[data-tixy-theme="light"] .home-page .trust-tixy {
  padding-bottom: 72px !important;
}

html[data-tixy-theme="light"] .home-page .home-central {
  padding-top: 34px !important;
}


/* ==========================================================================
   101. LIGHT MODE SCOPERTE THUMB FIX
   ========================================================================== */

html[data-tixy-theme="light"] .home-page .mix-thumb {
  width: 48px;
  height: 48px;
  border: 1px solid rgba(252, 136, 25, .20) !important;
  border-radius: 12px !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(253, 192, 5, .20), transparent 42%),
    linear-gradient(135deg, #ffffff 0%, #fff6e8 100%) !important;
  box-shadow:
    0 12px 28px -22px rgba(252, 136, 25, .45),
    0 1px 0 rgba(255, 255, 255, .95) inset !important;
}

html[data-tixy-theme="light"] .home-page .mix-thumb img {
  height: 34px !important;
  max-width: 42px !important;
  object-fit: contain !important;
  opacity: 1 !important;
  filter:
    drop-shadow(0 3px 6px rgba(15, 23, 42, .18))
    drop-shadow(0 0 8px rgba(252, 136, 25, .14)) !important;
}

html[data-tixy-theme="light"] .home-page .mix-row:hover .mix-thumb {
  border-color: rgba(252, 136, 25, .45) !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(253, 192, 5, .26), transparent 42%),
    linear-gradient(135deg, #fffaf0 0%, #ffffff 100%) !important;
}

html[data-tixy-theme="light"] .home-page .mix-row {
  padding: 8px;
  border-radius: 13px;
  transition: background .22s ease, transform .22s ease;
}

html[data-tixy-theme="light"] .home-page .mix-row:hover {
  background: rgba(252, 136, 25, .07);
  transform: translateX(2px);
}


/* ==========================================================================
   102. CTA PARALLAX VISIBILITY FIX
   ========================================================================== */

.home-page .cta-parallax {
  min-height: 330px;
  background-position: center center !important;
}

.home-page .cta-parallax::before {
  background:
    linear-gradient(90deg, rgba(6, 9, 15, .62), rgba(6, 9, 15, .42)),
    linear-gradient(180deg, rgba(6, 9, 15, .34), rgba(6, 9, 15, .72)) !important;
}

.home-page .cta-parallax-inner {
  padding: 86px 20px !important;
}

.home-page .cta-parallax-inner h2 {
  text-shadow: 0 8px 28px rgba(0, 0, 0, .55);
}

.home-page .cta-parallax-inner p {
  color: rgba(255, 255, 255, .88) !important;
  text-shadow: 0 6px 20px rgba(0, 0, 0, .45);
}

html[data-tixy-theme="light"] .home-page .cta-parallax::before {
  background:
    linear-gradient(90deg, rgba(6, 9, 15, .58), rgba(6, 9, 15, .36)),
    linear-gradient(180deg, rgba(6, 9, 15, .30), rgba(6, 9, 15, .68)) !important;
}


/* ==========================================================================
   103. EVENT LISTINGS WOW PAGE
   ========================================================================== */

.event-wow-page {
  padding: 58px 0 80px;
  background:
    radial-gradient(circle at 88% 5%, rgba(252, 136, 25, .09), transparent 28%),
    radial-gradient(circle at 10% 12%, rgba(253, 192, 5, .07), transparent 26%),
    linear-gradient(180deg, #ffffff 0%, #fbfbfd 48%, #ffffff 100%);
}

.event-wow-section {
  padding-bottom: 22px;
}

.event-wow-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
  padding: 0 6px;
}

.event-wow-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  color: var(--hp-orange);
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.event-wow-header h1 {
  margin: 0 0 8px;
  color: #0f172a;
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 900;
  letter-spacing: -.04em;
}

.event-wow-header p {
  max-width: 620px;
  margin: 0;
  color: rgba(71, 85, 105, .88);
  font-size: 1.05rem;
  line-height: 1.6;
}

.event-wow-status {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 11px 15px;
  color: #0f172a;
  font-weight: 700;
  border: 1px solid rgba(252, 136, 25, .18);
  border-radius: 999px;
  background: #fff7ed;
}

.event-wow-status i {
  color: var(--hp-orange);
}

.event-wow-card,
.event-wow-panel,
.event-alert-card {
  border: 1px solid rgba(17, 24, 39, .08);
  border-radius: 26px;
  background:
    radial-gradient(circle at 90% 0%, rgba(252, 136, 25, .08), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #fffaf4 100%);
  box-shadow:
    0 28px 75px -58px rgba(15, 23, 42, .50),
    0 1px 0 rgba(255, 255, 255, .96) inset;
}

.event-wow-card {
  min-height: 238px;
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr) 150px;
  align-items: center;
  gap: 28px;
  padding: 28px;
  overflow: hidden;
  position: relative;
}

.event-wow-card::after {
  content: "";
  position: absolute;
  right: -60px;
  bottom: -85px;
  width: 420px;
  height: 210px;
  border: 1px solid rgba(252, 136, 25, .16);
  border-radius: 50%;
  transform: rotate(-12deg);
  pointer-events: none;
}

.event-wow-visual {
  position: relative;
  z-index: 2;
}

.event-wow-mascot-wrap {
  height: 178px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 22px;
  background:
    radial-gradient(circle at 30% 20%, rgba(253, 192, 5, .24), transparent 38%),
    linear-gradient(135deg, #fff4df, #ffffff);
  box-shadow: 0 20px 50px -38px rgba(252, 136, 25, .55);
}

.event-wow-mascot-wrap img {
  max-width: 170px;
  max-height: 135px;
  object-fit: contain;
  filter:
    drop-shadow(0 12px 20px rgba(15, 23, 42, .20))
    drop-shadow(0 0 18px rgba(252, 136, 25, .16));
}

.event-wow-main {
  position: relative;
  z-index: 2;
}

.event-wow-main h2 {
  margin: 0 0 14px;
  color: #0f172a;
  font-size: clamp(1.35rem, 2.5vw, 2rem);
  font-weight: 900;
  letter-spacing: -.035em;
  line-height: 1.15;
}

.event-wow-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 26px;
  color: rgba(71, 85, 105, .90);
  font-size: .96rem;
}

.event-wow-meta span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.event-wow-meta i {
  color: var(--hp-orange);
}

.event-status-btn,
.event-alert-btn,
.event-buy-btn {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 24px !important;
  color: #fff !important;
  font-weight: 900 !important;
  letter-spacing: .04em;
  text-transform: uppercase !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: linear-gradient(135deg, var(--hp-orange), #ff981f) !important;
  box-shadow: 0 18px 42px -28px rgba(252, 136, 25, .90);
}

.event-status-btn.is-disabled {
  opacity: .78;
  cursor: not-allowed;
}

.event-status-btn.is-available {
  background: linear-gradient(135deg, #10b981, #34d399) !important;
}

.event-wow-price {
  position: relative;
  z-index: 2;
  min-height: 92px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(252, 136, 25, .14);
  border-radius: 16px;
  background: rgba(255, 255, 255, .58);
}

.event-wow-price span {
  color: var(--hp-orange);
  font-size: .86rem;
  font-weight: 700;
}

.event-wow-price strong {
  color: #0f172a;
  font-size: 1.25rem;
  font-weight: 900;
}

.event-wow-price small {
  color: rgba(71, 85, 105, .76);
}

.event-wow-alerts,
.event-wow-listings,
.event-wow-dates {
  padding: 18px 0;
}

.event-alert-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
  gap: 24px;
}

.event-alert-card {
  min-height: 190px;
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 22px;
  padding: 30px;
}

.event-alert-icon,
.event-wow-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--hp-orange);
  border-radius: 50%;
  background:
    radial-gradient(circle at 30% 20%, rgba(253, 192, 5, .22), transparent 42%),
    rgba(252, 136, 25, .10);
}

.event-alert-icon {
  width: 66px;
  height: 66px;
  font-size: 28px;
}

.event-wow-icon {
  width: 44px;
  height: 44px;
  font-size: 18px;
}

.event-alert-content h3,
.event-wow-panel-head h3 {
  margin: 0 0 8px;
  color: #0f172a;
  font-size: 1.35rem;
  font-weight: 900;
}

.event-alert-content p {
  max-width: 540px;
  margin: 0 0 20px;
  color: rgba(71, 85, 105, .88);
  line-height: 1.55;
}

.event-wow-panel {
  padding: 30px;
}

.event-wow-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 24px;
}

.event-wow-panel-head > div {
  display: flex;
  align-items: center;
  gap: 14px;
}

.event-wow-panel-head p {
  margin: 0;
  color: rgba(71, 85, 105, .88);
}

.event-date-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.event-date-card {
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding: 20px;
  color: inherit;
  border: 1px solid rgba(17, 24, 39, .08);
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 18px 42px -36px rgba(15, 23, 42, .40);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.event-date-card:hover {
  color: inherit;
  transform: translateY(-3px);
  border-color: rgba(252, 136, 25, .36);
  box-shadow: 0 24px 55px -38px rgba(252, 136, 25, .48);
}

.event-date-main strong {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #0f172a;
  font-weight: 900;
}

.event-date-main strong i {
  color: var(--hp-orange);
}

.event-date-main span {
  display: block;
  margin-top: 10px;
  color: rgba(71, 85, 105, .82);
}

.event-date-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.event-date-bottom span {
  color: #0f172a;
  font-weight: 800;
}

.event-date-bottom em {
  padding: 5px 12px;
  color: #047857;
  font-size: .78rem;
  font-style: normal;
  font-weight: 800;
  border-radius: 999px;
  background: #d1fae5;
}

.event-ticket-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.event-ticket-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 20px;
  padding: 22px;
  border: 1px solid rgba(17, 24, 39, .08);
  border-radius: 18px;
  background: #fff;
}

.event-ticket-info h4 {
  margin: 0 0 6px;
  color: #0f172a;
  font-size: 1.15rem;
  font-weight: 900;
}

.event-ticket-sub {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  color: rgba(71, 85, 105, .82);
  font-size: .88rem;
}

.event-ticket-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
}

.event-ticket-tags span {
  padding: 6px 11px;
  color: #0f172a;
  font-size: .78rem;
  font-weight: 700;
  border: 1px solid rgba(17, 24, 39, .08);
  border-radius: 999px;
  background: #fff8ed;
}

.event-ticket-note {
  margin-top: 14px;
  padding: 12px;
  color: rgba(71, 85, 105, .90);
  border-radius: 12px;
  background: #f8fafc;
}

.event-ticket-buy {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
}

.event-ticket-buy span {
  color: rgba(71, 85, 105, .76);
  font-size: .84rem;
}

.event-ticket-buy strong {
  color: #0f172a;
  font-size: 1.35rem;
  font-weight: 900;
}

.event-ticket-buy small {
  margin-bottom: 14px;
  color: rgba(71, 85, 105, .70);
}

.event-wow-empty {
  padding: 18px;
  color: rgba(71, 85, 105, .88);
  border-radius: 14px;
  background: #f8fafc;
}

/* Dark mode */
html[data-tixy-theme="dark"] .event-wow-page {
  background:
    radial-gradient(circle at 88% 5%, rgba(252, 136, 25, .10), transparent 30%),
    linear-gradient(180deg, #070b12 0%, #0a0d14 100%);
}

html[data-tixy-theme="dark"] .event-wow-header h1,
html[data-tixy-theme="dark"] .event-wow-main h2,
html[data-tixy-theme="dark"] .event-wow-price strong,
html[data-tixy-theme="dark"] .event-alert-content h3,
html[data-tixy-theme="dark"] .event-wow-panel-head h3,
html[data-tixy-theme="dark"] .event-date-main strong,
html[data-tixy-theme="dark"] .event-date-bottom span,
html[data-tixy-theme="dark"] .event-ticket-info h4,
html[data-tixy-theme="dark"] .event-ticket-buy strong {
  color: #fff !important;
}

html[data-tixy-theme="dark"] .event-wow-header p,
html[data-tixy-theme="dark"] .event-wow-meta,
html[data-tixy-theme="dark"] .event-alert-content p,
html[data-tixy-theme="dark"] .event-wow-panel-head p,
html[data-tixy-theme="dark"] .event-date-main span,
html[data-tixy-theme="dark"] .event-ticket-sub,
html[data-tixy-theme="dark"] .event-wow-empty {
  color: rgba(223, 228, 238, .76) !important;
}

html[data-tixy-theme="dark"] .event-wow-card,
html[data-tixy-theme="dark"] .event-wow-panel,
html[data-tixy-theme="dark"] .event-alert-card {
  border-color: rgba(255, 255, 255, .10);
  background:
    radial-gradient(circle at 90% 0%, rgba(252, 136, 25, .10), transparent 34%),
    linear-gradient(180deg, #141925 0%, #0a0d14 100%);
}

html[data-tixy-theme="dark"] .event-date-card,
html[data-tixy-theme="dark"] .event-ticket-card {
  border-color: rgba(255, 255, 255, .10);
  background: #111722;
}

html[data-tixy-theme="dark"] .event-wow-price {
  border-color: rgba(252, 136, 25, .22);
  background: rgba(255, 255, 255, .05);
}

html[data-tixy-theme="dark"] .event-ticket-tags span,
html[data-tixy-theme="dark"] .event-ticket-note,
html[data-tixy-theme="dark"] .event-wow-empty {
  border-color: rgba(255, 255, 255, .08);
  background: rgba(255, 255, 255, .05);
}

/* Responsive */
@media (max-width: 991px) {
  .event-wow-card {
    grid-template-columns: 1fr;
  }

  .event-wow-price {
    align-items: flex-start;
    padding: 16px;
  }

  .event-alert-grid {
    grid-template-columns: 1fr;
  }

  .event-date-grid {
    grid-template-columns: 1fr;
  }

  .event-ticket-card {
    grid-template-columns: 1fr;
  }

  .event-ticket-buy {
    align-items: flex-start;
  }
}

@media (max-width: 575px) {
  .event-wow-page {
    padding-top: 34px;
  }

  .event-wow-header {
    flex-direction: column;
  }

  .event-wow-card,
  .event-wow-panel,
  .event-alert-card {
    padding: 20px;
    border-radius: 20px;
  }

  .event-alert-card {
    grid-template-columns: 1fr;
  }

  .event-wow-mascot-wrap {
    height: 150px;
  }
}


/* ==========================================================================
   104. EVENT WOW TIXY IMAGE FIX
   ========================================================================== */

.event-wow-mascot-wrap {
  overflow: hidden;
}

.event-wow-mascot-wrap img {
  width: 100%;
  height: 100%;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  border-radius: 20px;
}


/* ==========================================================================
   105. LOGIN WOW PAGE
   ========================================================================== */

.login-wow-page {
  min-height: calc(100vh - 90px);
  display: flex;
  align-items: center;
  padding: 70px 0;
  background:
    radial-gradient(circle at 88% 18%, rgba(252, 136, 25, .10), transparent 30%),
    radial-gradient(circle at 15% 88%, rgba(253, 192, 5, .08), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #fbfbfd 100%);
}

.login-wow-shell {
  display: grid;
  grid-template-columns: 430px minmax(0, 1fr);
  gap: 48px;
  align-items: center;
  max-width: 1240px;
  margin: 0 auto;
  padding: 42px;
  border: 1px solid rgba(252, 136, 25, .16);
  border-radius: 30px;
  background:
    radial-gradient(circle at 92% 8%, rgba(252, 136, 25, .10), transparent 32%),
    linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(255, 249, 240, .88));
  box-shadow:
    0 35px 90px -72px rgba(15, 23, 42, .65),
    0 1px 0 rgba(255, 255, 255, .95) inset;
}

.login-wow-card {
  padding: 42px 38px;
  border: 1px solid rgba(17, 24, 39, .06);
  border-radius: 24px;
  background: rgba(255, 255, 255, .88);
  box-shadow:
    0 30px 80px -64px rgba(15, 23, 42, .55),
    0 1px 0 rgba(255, 255, 255, .96) inset;
  backdrop-filter: blur(12px);
}

.login-wow-logo {
  display: flex;
  justify-content: center;
  margin-bottom: 26px;
}

.login-wow-logo img {
  height: 86px;
  width: auto;
  object-fit: contain;
}

.login-wow-title {
  margin-bottom: 30px;
  text-align: center;
  padding-bottom: 26px;
  border-bottom: 1px solid rgba(17, 24, 39, .08);
}

.login-wow-title h1 {
  margin: 0 0 8px;
  color: #0f172a;
  font-size: 1.25rem;
  font-weight: 900;
}

.login-wow-title p {
  margin: 0;
  color: rgba(71, 85, 105, .82);
  font-size: .95rem;
}

.login-wow-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.login-field label {
  display: block;
  margin-bottom: 8px;
  color: rgba(51, 65, 85, .88);
  font-size: .88rem;
  font-weight: 800;
}

.login-input-wrap {
  position: relative;
}

.login-input-wrap i {
  position: absolute;
  left: 18px;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
  color: rgba(100, 116, 139, .90);
  font-size: 16px;
}

.login-input-wrap .form-control {
  width: 100%;
  min-height: 58px;
  padding: 0 18px 0 50px;
  color: #0f172a;
  font-weight: 700;
  border: 1px solid rgba(100, 116, 139, .24);
  border-radius: 13px;
  background: rgba(255, 255, 255, .92);
  box-shadow: none;
  transition: border-color .22s ease, box-shadow .22s ease, background .22s ease;
}

.login-input-wrap .form-control::placeholder {
  color: rgba(100, 116, 139, .78);
}

.login-input-wrap .form-control:focus {
  color: #0f172a;
  border-color: rgba(252, 136, 25, .55);
  background: #fff;
  box-shadow: 0 0 0 .22rem rgba(252, 136, 25, .12);
}

.login-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-top: 2px;
}

.login-options .form-check {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  min-height: auto;
}

.login-options .form-check-input {
  width: 20px;
  height: 20px;
  margin: 0;
  border-color: rgba(100, 116, 139, .35);
  box-shadow: none;
}

.login-options .form-check-input:checked {
  background-color: var(--hp-orange);
  border-color: var(--hp-orange);
}

.login-options label {
  color: rgba(71, 85, 105, .84);
  font-size: .9rem;
}

.login-options a {
  color: var(--hp-orange);
  font-size: .9rem;
  font-weight: 700;
}

.login-submit {
  min-height: 58px;
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin-top: 8px;
  color: #fff !important;
  font-weight: 900 !important;
  letter-spacing: .05em;
  text-transform: uppercase !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: linear-gradient(135deg, var(--hp-orange), #ff981f) !important;
  box-shadow: 0 24px 55px -34px rgba(252, 136, 25, .9);
}

.login-wow-footer {
  margin-top: 28px;
  padding-top: 24px;
  text-align: center;
  border-top: 1px solid rgba(17, 24, 39, .08);
}

.login-wow-footer p {
  margin: 0;
  color: rgba(71, 85, 105, .84);
}

.login-wow-footer a {
  color: var(--hp-orange);
  font-weight: 800;
}

.login-wow-side {
  position: relative;
  min-height: 560px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  align-items: center;
  gap: 30px;
  overflow: hidden;
  padding: 20px 20px 20px 12px;
}

.login-wow-side::after {
  content: "";
  position: absolute;
  right: -60px;
  bottom: -80px;
  width: 520px;
  height: 280px;
  border: 1px solid rgba(252, 136, 25, .12);
  border-radius: 50%;
  transform: rotate(-13deg);
  pointer-events: none;
}

.login-kicker {
  display: inline-block;
  margin-bottom: 14px;
  color: var(--hp-orange);
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.login-side-copy h2 {
  max-width: 470px;
  margin: 0 0 18px;
  color: #0f172a;
  font-size: clamp(2.35rem, 4vw, 3.85rem);
  line-height: 1.02;
  font-weight: 950;
  letter-spacing: -.055em;
}

.login-side-copy h2 span {
  color: var(--hp-orange);
}

.login-side-copy p {
  max-width: 390px;
  margin: 0 0 36px;
  color: rgba(51, 65, 85, .88);
  font-size: 1.05rem;
  line-height: 1.65;
}

.login-benefits {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.login-benefit {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
}

.login-benefit span {
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--hp-orange);
  font-size: 22px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 30% 20%, rgba(253, 192, 5, .22), transparent 42%),
    rgba(252, 136, 25, .10);
}

.login-benefit h3 {
  margin: 0 0 4px;
  color: #0f172a;
  font-size: .98rem;
  font-weight: 900;
}

.login-benefit p {
  margin: 0;
  color: rgba(71, 85, 105, .82);
  font-size: .9rem;
  line-height: 1.45;
}

.login-mascot {
  position: relative;
  z-index: 2;
  min-height: 440px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.login-mascot img {
  width: 100%;
  max-width: 330px;
  height: auto;
  object-fit: contain;
  filter:
    drop-shadow(0 26px 42px rgba(252, 136, 25, .18))
    drop-shadow(0 18px 34px rgba(15, 23, 42, .16));
}

/* DARK MODE LOGIN */
html[data-tixy-theme="dark"] .login-wow-page {
  background:
    radial-gradient(circle at 88% 18%, rgba(252, 136, 25, .10), transparent 30%),
    linear-gradient(180deg, #070b12 0%, #0a0d14 100%);
}

html[data-tixy-theme="dark"] .login-wow-shell,
html[data-tixy-theme="dark"] .login-wow-card {
  border-color: rgba(255, 255, 255, .10);
  background:
    radial-gradient(circle at 88% 0%, rgba(252, 136, 25, .08), transparent 32%),
    linear-gradient(180deg, #141925 0%, #0a0d14 100%);
}

html[data-tixy-theme="dark"] .login-wow-title,
html[data-tixy-theme="dark"] .login-wow-footer {
  border-color: rgba(255, 255, 255, .10);
}

html[data-tixy-theme="dark"] .login-wow-title h1,
html[data-tixy-theme="dark"] .login-side-copy h2,
html[data-tixy-theme="dark"] .login-benefit h3 {
  color: #fff;
}

html[data-tixy-theme="dark"] .login-wow-title p,
html[data-tixy-theme="dark"] .login-side-copy p,
html[data-tixy-theme="dark"] .login-benefit p,
html[data-tixy-theme="dark"] .login-wow-footer p,
html[data-tixy-theme="dark"] .login-options label,
html[data-tixy-theme="dark"] .login-field label {
  color: rgba(223, 228, 238, .76);
}

html[data-tixy-theme="dark"] .login-input-wrap .form-control {
  color: #fff;
  border-color: rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .06);
}

html[data-tixy-theme="dark"] .login-input-wrap .form-control::placeholder {
  color: rgba(223, 228, 238, .58);
}

/* RESPONSIVE LOGIN */
@media (max-width: 1199px) {
  .login-wow-shell {
    grid-template-columns: 400px minmax(0, 1fr);
    gap: 34px;
  }

  .login-wow-side {
    grid-template-columns: 1fr 260px;
  }
}

@media (max-width: 991px) {
  .login-wow-shell {
    grid-template-columns: 1fr;
    padding: 26px;
  }

  .login-wow-side {
    min-height: auto;
    grid-template-columns: 1fr;
    padding: 12px;
  }

  .login-mascot {
    min-height: auto;
  }

  .login-mascot img {
    max-width: 240px;
  }
}

@media (max-width: 575px) {
  .login-wow-page {
    padding: 34px 0;
  }

  .login-wow-shell {
    padding: 16px;
    border-radius: 22px;
  }

  .login-wow-card {
    padding: 28px 20px;
  }

  .login-options {
    align-items: flex-start;
    flex-direction: column;
  }

  .login-side-copy h2 {
    font-size: 2.2rem;
  }
}


/* ==========================================================================
   106. LOGIN WOW LAYOUT FIX
   ========================================================================== */

.login-wow-page {
  padding: 42px 0 !important;
}

.login-wow-shell {
  max-width: 1320px !important;
  min-height: 720px;
  grid-template-columns: 430px minmax(0, 1fr) !important;
  gap: 56px !important;
  align-items: center !important;
  padding: 46px !important;
}

.login-wow-card {
  align-self: center;
  padding: 38px 36px !important;
}

.login-wow-logo img {
  height: 74px !important;
}

.login-wow-side {
  min-height: 580px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 330px !important;
  grid-template-areas:
    "copy mascot"
    "benefits mascot" !important;
  gap: 28px 34px !important;
  align-items: center !important;
  padding: 10px 8px !important;
  overflow: visible !important;
}

.login-side-copy {
  grid-area: copy;
  align-self: end;
}

.login-benefits {
  grid-area: benefits;
  align-self: start;
}

.login-mascot {
  grid-area: mascot;
  min-height: 500px !important;
  align-self: center;
  justify-content: center !important;
}

.login-mascot img {
  max-width: 330px !important;
  width: 100% !important;
  transform: translateY(12px);
}

.login-side-copy h2 {
  max-width: 430px !important;
  font-size: clamp(2.35rem, 3.4vw, 3.25rem) !important;
  line-height: 1.03 !important;
  letter-spacing: -.055em !important;
  margin-bottom: 18px !important;
}

.login-side-copy p {
  max-width: 390px !important;
  margin-bottom: 0 !important;
  font-size: 1rem !important;
}

.login-benefits {
  gap: 18px !important;
}

.login-benefit {
  grid-template-columns: 56px minmax(0, 1fr) !important;
}

.login-benefit span {
  width: 54px !important;
  height: 54px !important;
}

.login-benefit h3 {
  font-size: .96rem !important;
}

.login-benefit p {
  font-size: .88rem !important;
}


/* Tablet */
@media (max-width: 1199px) {
  .login-wow-shell {
    grid-template-columns: 390px minmax(0, 1fr) !important;
    gap: 36px !important;
  }

  .login-wow-side {
    grid-template-columns: 1fr 260px !important;
  }

  .login-mascot img {
    max-width: 260px !important;
  }
}


/* Mobile/tablet piccolo */
@media (max-width: 991px) {
  .login-wow-shell {
    grid-template-columns: 1fr !important;
    max-width: 720px !important;
  }

  .login-wow-side {
    grid-template-columns: 1fr !important;
    grid-template-areas:
      "copy"
      "mascot"
      "benefits" !important;
    min-height: auto !important;
    text-align: center;
  }

  .login-side-copy h2,
  .login-side-copy p {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .login-mascot {
    min-height: auto !important;
  }

  .login-mascot img {
    max-width: 240px !important;
  }

  .login-benefit {
    text-align: left;
  }
}


/* ==========================================================================
   107. PASSWORD FORGOT WOW PAGE
   ========================================================================== */

.password-wow-page .login-wow-title h1 {
  font-size: 1.35rem;
}

.password-wow-page .login-wow-title p {
  max-width: 330px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.65;
}

.password-wow-page .login-wow-footer p {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
}

.password-wow-page .login-side-copy h2 {
  max-width: 470px !important;
}

.password-wow-page .login-mascot img {
  transform: translateY(8px);
}


/* ==========================================================================
   108. REGISTER WOW PAGE
   ========================================================================== */

.register-wow-page {
  padding: 42px 0 !important;
}

.register-wow-shell {
  max-width: 1320px !important;
}

.register-wow-card {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}

.register-wow-card .login-wow-logo {
  margin-bottom: 18px !important;
}

.register-wow-card .login-wow-logo img {
  height: 70px !important;
}

.register-wow-card .login-wow-title {
  margin-bottom: 22px !important;
  padding-bottom: 22px !important;
}

.register-wow-card .login-wow-title h1 {
  font-size: 1.35rem !important;
}

.register-wow-card .login-wow-title p {
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.55;
}

.register-wow-form {
  gap: 16px !important;
}

.register-two-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.register-wow-card .login-input-wrap .form-control {
  min-height: 54px !important;
}

.register-checks {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 2px;
}

.register-checks .form-check {
  display: flex;
  align-items: center;
  gap: 9px;
  min-height: auto;
  margin: 0;
  padding-left: 0;
}

.register-checks .form-check-input {
  width: 20px;
  height: 20px;
  margin: 0;
  flex: 0 0 20px;
  border-color: rgba(100, 116, 139, .35);
  box-shadow: none;
}

.register-checks .form-check-input:checked {
  background-color: var(--hp-orange);
  border-color: var(--hp-orange);
}

.register-checks .form-check-label {
  color: rgba(71, 85, 105, .84);
  font-size: .9rem;
}

.register-checks .form-check-label a {
  color: var(--hp-orange);
  font-weight: 800;
}

.register-wow-footer {
  margin-top: 22px !important;
  padding-top: 20px !important;
}

.register-wow-footer p + p {
  margin-top: 6px;
  font-size: .88rem;
}

.register-wow-footer p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  flex-wrap: wrap;
}

.register-wow-side .login-side-copy h2 {
  max-width: 490px !important;
}

.register-wow-side .login-mascot img {
  transform: translateY(8px);
}


/* Dark mode register */
html[data-tixy-theme="dark"] .register-checks .form-check-label {
  color: rgba(223, 228, 238, .76);
}


/* Responsive register */
@media (max-width: 575px) {
  .register-two-cols {
    grid-template-columns: 1fr;
  }

  .register-wow-card {
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
}


/* ==========================================================================
   109. OTP WOW PAGE
   ========================================================================== */

.otp-wow-page {
  padding: 42px 0 !important;
}

.otp-wow-shell {
  max-width: 1320px !important;
}

.otp-wow-card {
  padding-top: 36px !important;
  padding-bottom: 36px !important;
}

.otp-wow-card .login-wow-logo {
  margin-bottom: 20px !important;
}

.otp-wow-card .login-wow-logo img {
  height: 72px !important;
}

.otp-wow-card .login-wow-title {
  margin-bottom: 24px !important;
  padding-bottom: 24px !important;
}

.otp-wow-card .login-wow-title h1 {
  font-size: 1.35rem !important;
}

.otp-wow-card .login-wow-title p {
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.6;
}

.otp-wow-form {
  gap: 18px !important;
}

.otp-code-input {
  letter-spacing: .08em;
  font-weight: 900 !important;
}

.otp-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  margin-top: 4px;
}

.otp-actions .login-submit {
  margin-top: 0 !important;
}

.otp-resend-btn {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--hp-orange);
  font-size: .92rem;
  font-weight: 850;
  border: 1px solid rgba(252, 136, 25, .22);
  border-radius: 12px;
  background:
    radial-gradient(circle at 30% 20%, rgba(253, 192, 5, .12), transparent 42%),
    rgba(252, 136, 25, .06);
  transition: background .22s ease, border-color .22s ease, transform .22s ease;
}

.otp-resend-btn:hover,
.otp-resend-btn:focus {
  color: var(--hp-orange);
  border-color: rgba(252, 136, 25, .42);
  background: rgba(252, 136, 25, .10);
  transform: translateY(-1px);
}

.otp-wow-footer p {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  flex-wrap: wrap;
}

.otp-wow-side .login-side-copy h2 {
  max-width: 500px !important;
}

.otp-wow-side .login-mascot img {
  transform: translateY(8px);
}


/* Dark mode OTP */
html[data-tixy-theme="dark"] .otp-resend-btn {
  color: var(--hp-yellow);
  border-color: rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .05);
}

html[data-tixy-theme="dark"] .otp-resend-btn:hover,
html[data-tixy-theme="dark"] .otp-resend-btn:focus {
  border-color: rgba(252, 136, 25, .40);
  background: rgba(252, 136, 25, .12);
}


/* ==========================================================================
   110. EVENTS INDEX WOW PAGE
   ========================================================================== */

.events-hero {
  min-height: 330px !important;
  background-position: center center !important;
  background-size: cover !important;
  overflow: hidden;
}

.events-hero::after {
  background:
    linear-gradient(90deg, rgba(6, 9, 15, .82) 0%, rgba(6, 9, 15, .58) 48%, rgba(6, 9, 15, .28) 100%),
    linear-gradient(180deg, rgba(6, 9, 15, .25) 0%, rgba(6, 9, 15, .78) 100%) !important;
}

.events-hero__inner {
  max-width: 760px;
}

.events-hero__title {
  font-size: clamp(2.45rem, 5vw, 4rem) !important;
  line-height: 1.02 !important;
  font-weight: 950 !important;
  letter-spacing: -.055em !important;
  text-shadow: 0 12px 34px rgba(0, 0, 0, .45);
}

.events-hero__sub {
  max-width: 620px;
  color: rgba(255, 255, 255, .86) !important;
  font-size: 1.08rem !important;
  line-height: 1.65 !important;
  text-shadow: 0 8px 24px rgba(0, 0, 0, .38);
}

.breadcrumb-hero {
  margin-bottom: 18px !important;
}

.breadcrumb-hero .active {
  color: var(--hp-yellow) !important;
  font-weight: 800;
}


/* Filtro premium sovrapposto */
.filter-wrap {
  position: relative !important;
  z-index: 5;
  margin-top: -44px !important;
  padding: 0 0 34px !important;
  border-bottom: 0 !important;
  background: transparent !important;
}

.filter-card {
  max-width: 1100px;
  margin: 0 auto;
  padding: 22px !important;
  border: 1px solid rgba(17, 24, 39, .08) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(252, 136, 25, .08), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #fffaf4 100%) !important;
  box-shadow:
    0 28px 70px -54px rgba(15, 23, 42, .55),
    0 1px 0 rgba(255, 255, 255, .95) inset !important;
}

.filter-label {
  color: rgba(71, 85, 105, .72) !important;
  font-size: .72rem !important;
  font-weight: 900 !important;
  letter-spacing: .10em !important;
}

.filter-card .form-control,
.filter-card .form-select {
  min-height: 46px;
  color: #0f172a !important;
  font-weight: 700;
  border: 1px solid rgba(100, 116, 139, .22) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .88) !important;
  box-shadow: none !important;
}

.filter-card .form-control:focus,
.filter-card .form-select:focus {
  border-color: rgba(252, 136, 25, .55) !important;
  box-shadow: 0 0 0 .22rem rgba(252, 136, 25, .12) !important;
}

.filter-card .theme-btn {
  min-height: 48px;
  padding: 0 28px !important;
  color: #fff !important;
  font-weight: 900 !important;
  letter-spacing: .06em;
  text-transform: uppercase !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--hp-orange), var(--hp-yellow)) !important;
  box-shadow: 0 20px 44px -30px rgba(252, 136, 25, .9) !important;
}


/* Area risultati */
.results-bar {
  max-width: 1100px;
  margin: 0 auto 28px !important;
  padding: 0 2px;
}

.results-count {
  color: rgba(71, 85, 105, .82) !important;
  font-size: .94rem !important;
}

.results-count strong {
  color: #0f172a !important;
  font-size: 1.05rem !important;
  font-weight: 950 !important;
}


/* Grid e card */
.ev-card {
  position: relative;
  overflow: hidden;
  min-height: 235px;
  border: 1px solid rgba(17, 24, 39, .08) !important;
  border-radius: 18px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(252, 136, 25, .06), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #fffaf4 100%) !important;
  box-shadow:
    0 24px 58px -46px rgba(15, 23, 42, .50),
    0 1px 0 rgba(255, 255, 255, .96) inset !important;
}

.ev-card:hover {
  transform: translateY(-5px) !important;
  border-color: rgba(252, 136, 25, .42) !important;
  box-shadow:
    0 30px 72px -48px rgba(252, 136, 25, .46),
    0 18px 44px -38px rgba(15, 23, 42, .50) !important;
}

.ev-card__cover {
  height: 42px !important;
  padding: 0 18px !important;
  background:
    linear-gradient(135deg, rgba(252, 136, 25, .96), rgba(253, 192, 5, .94)) !important;
}

.ev-card__type-badge {
  color: #fff !important;
  background: rgba(255, 255, 255, .22) !important;
  border: 1px solid rgba(255, 255, 255, .24);
  font-weight: 900 !important;
}

.ev-card__body {
  padding: 20px 20px 14px !important;
}

.ev-card__date-badge {
  color: var(--hp-orange) !important;
  background: rgba(252, 136, 25, .10) !important;
  border: 1px solid rgba(252, 136, 25, .10);
  font-weight: 900 !important;
}

.ev-card__title {
  min-height: 48px;
  color: #0f172a !important;
  font-size: 1.04rem !important;
  font-weight: 950 !important;
  letter-spacing: -.015em;
}

.ev-card__meta {
  color: rgba(71, 85, 105, .82) !important;
  line-height: 1.45;
}

.ev-card__meta i {
  color: var(--hp-orange) !important;
}

.ev-card__footer {
  padding: 14px 20px 18px !important;
  border-top: 1px solid rgba(17, 24, 39, .07) !important;
  background: rgba(255, 255, 255, .54);
}

.ev-card__footer .theme-btn,
.ev-card__footer a.theme-btn {
  min-height: 42px;
  padding: 0 20px !important;
  color: #fff !important;
  font-size: .78rem;
  font-weight: 900 !important;
  letter-spacing: .07em;
  border-radius: 10px !important;
  background: linear-gradient(135deg, var(--hp-orange), #ff981f) !important;
  box-shadow: 0 16px 34px -26px rgba(252, 136, 25, .85);
}


/* Paginazione */
.pag-wrap {
  width: fit-content;
  margin: 52px auto 0 !important;
  padding: 8px;
  border: 1px solid rgba(17, 24, 39, .08);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 18px 44px -36px rgba(15, 23, 42, .45);
}

.pag-btn {
  min-height: 42px;
  padding: 0 18px !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  border-color: rgba(17, 24, 39, .08) !important;
}

.pag-btn:hover:not(.disabled) {
  color: var(--hp-orange) !important;
  border-color: rgba(252, 136, 25, .45) !important;
  background: #fff7ed !important;
}

.pag-info {
  padding: 0 8px;
  color: rgba(71, 85, 105, .82) !important;
  font-weight: 700;
}


/* Dark mode pagina eventi */
html[data-tixy-theme="dark"] .filter-card {
  border-color: rgba(255, 255, 255, .10) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(252, 136, 25, .10), transparent 32%),
    linear-gradient(180deg, #141925 0%, #0a0d14 100%) !important;
  box-shadow: 0 28px 70px -54px rgba(0, 0, 0, .95) !important;
}

html[data-tixy-theme="dark"] .filter-card .form-control,
html[data-tixy-theme="dark"] .filter-card .form-select {
  color: #fff !important;
  border-color: rgba(255, 255, 255, .12) !important;
  background: rgba(255, 255, 255, .06) !important;
}

html[data-tixy-theme="dark"] .results-count,
html[data-tixy-theme="dark"] .pag-info {
  color: rgba(223, 228, 238, .76) !important;
}

html[data-tixy-theme="dark"] .results-count strong {
  color: #fff !important;
}

html[data-tixy-theme="dark"] .ev-card {
  border-color: rgba(255, 255, 255, .10) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(252, 136, 25, .09), transparent 34%),
    linear-gradient(180deg, #141925 0%, #0a0d14 100%) !important;
}

html[data-tixy-theme="dark"] .ev-card__title {
  color: #fff !important;
}

html[data-tixy-theme="dark"] .ev-card__meta {
  color: rgba(223, 228, 238, .76) !important;
}

html[data-tixy-theme="dark"] .ev-card__footer {
  border-top-color: rgba(255, 255, 255, .10) !important;
  background: rgba(255, 255, 255, .035);
}

html[data-tixy-theme="dark"] .pag-wrap,
html[data-tixy-theme="dark"] .pag-btn {
  border-color: rgba(255, 255, 255, .10) !important;
  background: #111722 !important;
  color: #fff !important;
}


/* Responsive */
@media (max-width: 767px) {
  .events-hero {
    min-height: 300px !important;
  }

  .filter-wrap {
    margin-top: -34px !important;
  }

  .filter-card {
    padding: 18px !important;
  }

  .ev-card {
    min-height: auto;
  }
}


/* ==========================================================================
   111. EVENTS INDEX CARDS LIKE HOME
   ========================================================================== */

/* Più aria prima del footer */
.events-page-bottom-space,
.pag-wrap {
  margin-bottom: 70px !important;
}

/* Card eventi più simili alla home */
.ev-card {
  min-height: 330px !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  border: 1px solid rgba(17, 24, 39, .08) !important;
  background: #ffffff !important;
  box-shadow:
    0 24px 58px -46px rgba(15, 23, 42, .50),
    0 1px 0 rgba(255, 255, 255, .96) inset !important;
}

/* Trasformiamo la fascia arancione in area visual */
.ev-card__cover {
  position: relative;
  height: 138px !important;
  padding: 0 !important;
  align-items: flex-start !important;
  background:
    radial-gradient(circle at 70% 18%, rgba(252, 136, 25, .30), transparent 30%),
    radial-gradient(circle at 18% 90%, rgba(253, 192, 5, .20), transparent 34%),
    linear-gradient(135deg, #fff4e5 0%, #f3f6fb 46%, #e9eef8 100%) !important;
}

/* Mascotte Tixy disegnata via background */
.ev-card__cover::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/static/assets/img/logo/TIKET.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 148px auto;
  opacity: .95;
  filter:
    drop-shadow(0 10px 18px rgba(15, 23, 42, .20))
    drop-shadow(0 0 16px rgba(252, 136, 25, .14));
}

/* Badge EVENTO più discreto */
.ev-card__type-badge {
  position: absolute;
  z-index: 2;
  top: 14px;
  left: 16px;
  padding: 6px 12px !important;
  color: #fff !important;
  font-size: .68rem !important;
  font-weight: 900 !important;
  border: 1px solid rgba(255, 255, 255, .35) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--hp-orange), var(--hp-yellow)) !important;
  box-shadow: 0 10px 24px -18px rgba(252, 136, 25, .90);
}

/* Corpo più ordinato */
.ev-card__body {
  padding: 20px 20px 16px !important;
  background: #ffffff !important;
}

.ev-card__date-badge {
  margin-bottom: 12px !important;
  padding: 6px 12px !important;
  color: var(--hp-orange) !important;
  font-size: .74rem !important;
  font-weight: 900 !important;
  border: 1px solid rgba(252, 136, 25, .12) !important;
  border-radius: 999px !important;
  background: rgba(252, 136, 25, .09) !important;
}

.ev-card__title {
  min-height: 50px !important;
  color: #0f172a !important;
  font-size: 1.02rem !important;
  font-weight: 950 !important;
  line-height: 1.28 !important;
  letter-spacing: -.015em;
  margin-bottom: 12px !important;
}

.ev-card__meta {
  color: rgba(71, 85, 105, .82) !important;
  font-size: .86rem !important;
  line-height: 1.45 !important;
}

.ev-card__meta i {
  color: var(--hp-orange) !important;
}

/* Footer card */
.ev-card__footer {
  margin-top: auto;
  padding: 15px 20px 18px !important;
  border-top: 1px solid rgba(17, 24, 39, .07) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .78), #fffaf4) !important;
}

.ev-card__footer > a:not(.theme-btn),
.ev-card__footer .small,
.ev-card__footer span {
  color: rgba(71, 85, 105, .86) !important;
  font-weight: 700;
}

.ev-card__footer .theme-btn,
.ev-card__footer a.theme-btn {
  min-height: 42px !important;
  padding: 0 20px !important;
  color: #fff !important;
  font-size: .78rem !important;
  font-weight: 900 !important;
  letter-spacing: .07em;
  border-radius: 11px !important;
  background: linear-gradient(135deg, var(--hp-orange), #ff981f) !important;
  box-shadow: 0 16px 34px -26px rgba(252, 136, 25, .85) !important;
}

/* Hover più premium */
.ev-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(252, 136, 25, .42) !important;
  box-shadow:
    0 32px 74px -50px rgba(252, 136, 25, .48),
    0 18px 44px -38px rgba(15, 23, 42, .50) !important;
}

/* Paginazione più distante dal footer */
.pag-wrap {
  margin-top: 58px !important;
  margin-bottom: 86px !important;
}


/* Dark mode coerente */
html[data-tixy-theme="dark"] .ev-card {
  border-color: rgba(255, 255, 255, .10) !important;
  background: linear-gradient(180deg, #141925 0%, #0a0d14 100%) !important;
}

html[data-tixy-theme="dark"] .ev-card__cover {
  background:
    radial-gradient(circle at 70% 18%, rgba(252, 136, 25, .20), transparent 30%),
    linear-gradient(135deg, #1B2433, #111722) !important;
}

html[data-tixy-theme="dark"] .ev-card__body {
  background: #111722 !important;
}

html[data-tixy-theme="dark"] .ev-card__title {
  color: #ffffff !important;
}

html[data-tixy-theme="dark"] .ev-card__meta {
  color: rgba(223, 228, 238, .76) !important;
}

html[data-tixy-theme="dark"] .ev-card__footer {
  border-top-color: rgba(255, 255, 255, .10) !important;
  background: rgba(255, 255, 255, .035) !important;
}


/* ==========================================================================
   112. EVENTS CARD TIXY LOGO + SEARCH POLISH
   ========================================================================== */

/* Visual card con logo Tixy */
.ev-card__cover::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/static/assets/img/logo/TIKET.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 155px auto;
  opacity: .92;
  filter:
    drop-shadow(0 10px 20px rgba(15, 23, 42, .20))
    drop-shadow(0 0 18px rgba(252, 136, 25, .14));
  pointer-events: none;
}

.ev-card__cover {
  overflow: hidden;
}

.ev-card:hover .ev-card__cover::after {
  transform: scale(1.04) rotate(-1deg);
  transition: transform .28s ease;
}

/* Light: visual più pulito */
html[data-tixy-theme="light"] .ev-card__cover {
  background:
    radial-gradient(circle at 70% 18%, rgba(252, 136, 25, .28), transparent 30%),
    radial-gradient(circle at 18% 90%, rgba(253, 192, 5, .20), transparent 34%),
    linear-gradient(135deg, #fff4e5 0%, #f3f6fb 46%, #e9eef8 100%) !important;
}

/* Dark: logo leggibile su sfondo scuro */
html[data-tixy-theme="dark"] .ev-card__cover::after {
  opacity: .88;
  filter:
    drop-shadow(0 12px 22px rgba(0, 0, 0, .48))
    drop-shadow(0 0 18px rgba(252, 136, 25, .20));
}


/* Motore ricerca eventi più simile home */
.filter-card {
  position: relative;
  overflow: hidden;
}

.filter-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 0% 0%, rgba(252, 136, 25, .08), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(253, 192, 5, .10), transparent 34%);
  pointer-events: none;
}

.filter-card .row {
  position: relative;
  z-index: 2;
}

.filter-card .form-control,
.filter-card .form-select {
  min-height: 52px !important;
}

.filter-card .theme-btn {
  min-height: 52px !important;
}


/* ==========================================================================
   113. EVENTS SEARCH LIKE HOME
   ========================================================================== */

.events-search-card {
  max-width: 1180px !important;
  padding: 22px !important;
}

.events-search-input {
  position: relative;
}

.events-search-input > i {
  position: absolute;
  left: 18px;
  top: 50%;
  z-index: 3;
  transform: translateY(-50%);
  color: var(--hp-orange);
  font-size: 15px;
  pointer-events: none;
}

.events-search-input .form-control {
  padding-left: 48px !important;
}

.events-search-submit {
  min-height: 52px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #fff !important;
  font-weight: 900 !important;
  letter-spacing: .06em;
  text-transform: uppercase !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--hp-orange), var(--hp-yellow)) !important;
  box-shadow: 0 20px 44px -30px rgba(252, 136, 25, .9) !important;
}

.events-filter-footer {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(17, 24, 39, .08);
}

.events-filter-footer span {
  color: rgba(71, 85, 105, .76);
  font-size: .82rem;
  font-weight: 800;
}

.events-filter-footer .filter-reset {
  color: var(--hp-orange) !important;
  font-weight: 800;
}

html[data-tixy-theme="dark"] .events-filter-footer {
  border-top-color: rgba(255, 255, 255, .10);
}

html[data-tixy-theme="dark"] .events-filter-footer span {
  color: rgba(223, 228, 238, .72);
}


/* ==========================================================================
   113. EVENTS SEARCH LIKE HOME
   ========================================================================== */

.events-search-card {
  max-width: 1180px !important;
  padding: 22px !important;
}

.events-search-input {
  position: relative;
}

.events-search-input > i {
  position: absolute;
  left: 18px;
  top: 50%;
  z-index: 3;
  transform: translateY(-50%);
  color: var(--hp-orange);
  font-size: 15px;
  pointer-events: none;
}

.events-search-input .form-control {
  padding-left: 48px !important;
}

.events-search-submit {
  min-height: 52px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #fff !important;
  font-weight: 900 !important;
  letter-spacing: .06em;
  text-transform: uppercase !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--hp-orange), var(--hp-yellow)) !important;
  box-shadow: 0 20px 44px -30px rgba(252, 136, 25, .9) !important;
}

.events-filter-footer {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(17, 24, 39, .08);
}

.events-filter-footer span {
  color: rgba(71, 85, 105, .76);
  font-size: .82rem;
  font-weight: 800;
}

.events-filter-footer .filter-reset {
  color: var(--hp-orange) !important;
  font-weight: 800;
}

html[data-tixy-theme="dark"] .events-filter-footer {
  border-top-color: rgba(255, 255, 255, .10);
}

html[data-tixy-theme="dark"] .events-filter-footer span {
  color: rgba(223, 228, 238, .72);
}


/* ==========================================================================
   114. EVENTS CARD BUTTON CENTER FIX
   ========================================================================== */

.ev-card__footer .theme-btn,
.ev-card__footer a.theme-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  line-height: 1 !important;
  text-align: center !important;
  vertical-align: middle !important;
}

.ev-card__footer .theme-btn i,
.ev-card__footer a.theme-btn i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  margin-top: 0 !important;
}


/* ==========================================================================
   115. ATTIVA PRO WOW PAGE
   ========================================================================== */

.pro-wow-page {
  min-height: 100vh;
  padding: 112px 0 76px;
  background:
    radial-gradient(circle at 85% 8%, rgba(252, 136, 25, .09), transparent 34%),
    radial-gradient(circle at 4% 26%, rgba(253, 192, 5, .08), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.pro-wow-page .container {
  max-width: 1140px;
}

.pro-wow-hero,
.pro-wow-panel,
.pro-wow-info-card,
.pro-wow-final-note {
  border: 1px solid rgba(17, 24, 39, .08);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(252, 136, 25, .06), transparent 28%),
    rgba(255, 255, 255, .94);
  box-shadow:
    0 24px 58px -48px rgba(15, 23, 42, .48),
    0 1px 0 rgba(255, 255, 255, .96) inset;
}

.pro-wow-hero {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 24px;
  padding: 32px;
  margin-bottom: 24px;
}

.pro-wow-hero-icon {
  width: 92px;
  height: 92px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: var(--hp-orange);
  font-size: 36px;
  background:
    radial-gradient(circle at 35% 25%, rgba(253, 192, 5, .24), transparent 34%),
    #fff1dc;
}

.pro-wow-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
  color: rgba(71, 85, 105, .75);
  font-size: .82rem;
  font-weight: 700;
}

.pro-wow-breadcrumb a {
  color: rgba(71, 85, 105, .84);
  text-decoration: none;
}

.pro-wow-breadcrumb li:last-child {
  color: var(--hp-orange);
}

.pro-wow-hero h1 {
  margin: 0 0 12px;
  color: #0f172a;
  font-size: clamp(2rem, 4vw, 2.85rem);
  font-weight: 950;
  letter-spacing: -.045em;
}

.pro-wow-hero p {
  max-width: 850px;
  margin: 0;
  color: rgba(51, 65, 85, .88);
  font-size: 1.02rem;
  line-height: 1.75;
}

.pro-wow-benefits {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 26px;
}

.pro-wow-benefits > div {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 62px;
  padding-right: 14px;
  border-right: 1px solid rgba(17, 24, 39, .08);
}

.pro-wow-benefits > div:last-child {
  border-right: 0;
}

.pro-wow-benefits i {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: var(--hp-orange);
  border-radius: 12px;
  background: rgba(252, 136, 25, .08);
}

.pro-wow-benefits strong,
.pro-wow-benefits small {
  display: block;
}

.pro-wow-benefits strong {
  color: #0f172a;
  font-size: .92rem;
  font-weight: 900;
}

.pro-wow-benefits small {
  color: rgba(71, 85, 105, .82);
  line-height: 1.3;
}

.pro-wow-event-badge {
  width: fit-content;
  margin-top: 22px;
  padding: 7px 14px;
  color: #075985;
  font-size: .82rem;
  font-weight: 900;
  border-radius: 999px;
  background: #cffafe;
}


/* Panel */
.pro-wow-panel {
  padding: 28px;
  margin-bottom: 26px;
}

.pro-wow-panel-head {
  margin-bottom: 22px;
}

.pro-wow-panel-head h2 {
  margin: 0 0 6px;
  color: #0f172a;
  font-size: 1.55rem;
  font-weight: 950;
  letter-spacing: -.025em;
}

.pro-wow-panel-head p,
.pro-wow-other-head p {
  margin: 0;
  color: rgba(71, 85, 105, .84);
}


/* Daily */
.pro-wow-daily-plan {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 220px;
  gap: 28px;
  padding: 28px;
  margin-bottom: 28px;
  cursor: pointer;
  border: 1px solid rgba(252, 136, 25, .55);
  border-radius: 16px;
  background:
    radial-gradient(circle at 0% 0%, rgba(252, 136, 25, .10), transparent 30%),
    linear-gradient(135deg, #fff8ec 0%, #ffffff 100%);
  box-shadow: 0 22px 60px -50px rgba(252, 136, 25, .65);
}

.pro-wow-daily-plan.is-selected {
  border-color: rgba(252, 136, 25, .95);
  box-shadow:
    0 26px 70px -50px rgba(252, 136, 25, .72),
    0 0 0 4px rgba(252, 136, 25, .08);
}

.pro-wow-daily-plan > .pro-wow-radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.pro-wow-plan-title-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.pro-wow-best-badge {
  padding: 7px 13px;
  color: #111827;
  font-size: .76rem;
  font-weight: 950;
  text-transform: uppercase;
  border-radius: 999px;
  background: var(--hp-yellow);
}

.pro-wow-plan-title-row h3 {
  margin: 0;
  color: #0f172a;
  font-size: 1.42rem;
  font-weight: 950;
  letter-spacing: -.02em;
}

.pro-wow-plan-list {
  display: grid;
  gap: 11px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pro-wow-plan-list li {
  display: flex;
  gap: 10px;
  align-items: center;
  color: rgba(51, 65, 85, .92);
  font-size: .95rem;
}

.pro-wow-plan-list i {
  color: var(--hp-orange);
  width: 18px;
  text-align: center;
}

.pro-wow-plan-desc {
  margin: 16px 0 0;
  color: rgba(51, 65, 85, .82);
  font-size: .94rem;
}

.pro-wow-daily-price {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 18px;
  min-width: 200px;
  padding-left: 24px;
  border-left: 1px solid rgba(17, 24, 39, .08);
}

.pro-wow-daily-price span {
  color: rgba(71, 85, 105, .78);
  font-size: .88rem;
  font-weight: 900;
}

.pro-wow-daily-price span i {
  color: var(--hp-orange);
  margin-right: 7px;
}

.pro-wow-daily-price strong {
  color: var(--hp-orange);
  font-size: 2rem;
  font-weight: 950;
  letter-spacing: -.04em;
}


/* Other plans */
.pro-wow-other-head {
  margin-bottom: 16px;
}

.pro-wow-other-head h3 {
  margin: 0 0 4px;
  color: #0f172a;
  font-size: 1.28rem;
  font-weight: 950;
}

.pro-wow-plan-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.pro-wow-mini-plan {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 160px;
  padding: 22px;
  cursor: pointer;
  border: 1px solid rgba(17, 24, 39, .10);
  border-radius: 14px;
  background: #fff;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.pro-wow-mini-plan:hover,
.pro-wow-mini-plan.is-selected {
  transform: translateY(-3px);
  border-color: rgba(252, 136, 25, .60);
  box-shadow: 0 22px 50px -42px rgba(252, 136, 25, .65);
}

.pro-wow-mini-plan > .pro-wow-radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.pro-wow-mini-top {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
}

.pro-wow-radio-fake {
  width: 18px;
  height: 18px;
  display: inline-block;
  border: 1px solid rgba(100, 116, 139, .32);
  border-radius: 999px;
  background: #fff;
}

.pro-wow-mini-plan.is-selected .pro-wow-radio-fake {
  border: 5px solid var(--hp-orange);
}

.pro-wow-mini-top h4 {
  margin: 0;
  color: #0f172a;
  font-size: 1.1rem;
  font-weight: 950;
}

.pro-wow-mini-days {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(71, 85, 105, .86);
  font-size: .92rem;
}

.pro-wow-mini-days i {
  color: var(--hp-orange);
}

.pro-wow-mini-plan p {
  margin: 10px 0 0;
  color: rgba(71, 85, 105, .76);
  font-size: .9rem;
}

.pro-wow-mini-price {
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid rgba(17, 24, 39, .08);
  color: var(--hp-orange);
  font-size: 1.36rem;
  font-weight: 950;
  letter-spacing: -.02em;
}


/* Actions */
.pro-wow-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 24px;
}

.pro-wow-submit {
  min-height: 50px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 28px !important;
  color: #fff !important;
  font-weight: 950 !important;
  letter-spacing: .05em;
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--hp-orange), #ff981f) !important;
  box-shadow: 0 18px 38px -28px rgba(252, 136, 25, .9);
}

.pro-wow-cancel {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  color: rgba(51, 65, 85, .86);
  font-weight: 800;
  text-decoration: none;
  border: 1px solid rgba(100, 116, 139, .24);
  border-radius: 12px;
  background: #fff;
}

.pro-wow-secure-note {
  margin-top: 16px;
  color: rgba(71, 85, 105, .78);
  font-size: .86rem;
  font-weight: 700;
}

.pro-wow-secure-note i {
  color: var(--hp-orange);
}


/* Info */
.pro-wow-info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}

.pro-wow-info-card {
  padding: 28px;
}

.pro-wow-info-title {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}

.pro-wow-info-title span {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  color: #fff;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--hp-orange), var(--hp-yellow));
}

.pro-wow-info-title h3 {
  margin: 0;
  color: #0f172a;
  font-size: 1.18rem;
  font-weight: 950;
}

.pro-wow-info-card ol {
  margin: 0;
  padding-left: 22px;
  color: rgba(51, 65, 85, .86);
  line-height: 1.85;
}

.pro-wow-faq-item {
  padding: 12px 0;
  border-bottom: 1px solid rgba(17, 24, 39, .08);
}

.pro-wow-faq-item:first-of-type {
  padding-top: 0;
}

.pro-wow-faq-item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.pro-wow-faq-item strong {
  display: block;
  color: #0f172a;
  font-weight: 900;
  margin-bottom: 4px;
}

.pro-wow-faq-item p {
  margin: 0;
  color: rgba(71, 85, 105, .82);
}

.pro-wow-final-note {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
  padding: 22px 26px;
}

.pro-wow-final-note i {
  color: #22c55e;
  font-size: 28px;
}

.pro-wow-final-note strong,
.pro-wow-final-note span {
  display: block;
}

.pro-wow-final-note strong {
  color: #0f172a;
  font-weight: 950;
}

.pro-wow-final-note span {
  color: rgba(71, 85, 105, .82);
}


/* Dark mode */
html[data-tixy-theme="dark"] .pro-wow-page {
  background:
    radial-gradient(circle at 85% 8%, rgba(252, 136, 25, .08), transparent 34%),
    linear-gradient(180deg, #080b11 0%, #0d1118 100%);
}

html[data-tixy-theme="dark"] .pro-wow-hero,
html[data-tixy-theme="dark"] .pro-wow-panel,
html[data-tixy-theme="dark"] .pro-wow-info-card,
html[data-tixy-theme="dark"] .pro-wow-final-note {
  border-color: rgba(255, 255, 255, .10);
  background:
    radial-gradient(circle at 100% 0%, rgba(252, 136, 25, .08), transparent 28%),
    #111722;
}

html[data-tixy-theme="dark"] .pro-wow-hero h1,
html[data-tixy-theme="dark"] .pro-wow-panel-head h2,
html[data-tixy-theme="dark"] .pro-wow-plan-title-row h3,
html[data-tixy-theme="dark"] .pro-wow-other-head h3,
html[data-tixy-theme="dark"] .pro-wow-mini-top h4,
html[data-tixy-theme="dark"] .pro-wow-info-title h3,
html[data-tixy-theme="dark"] .pro-wow-faq-item strong,
html[data-tixy-theme="dark"] .pro-wow-final-note strong,
html[data-tixy-theme="dark"] .pro-wow-benefits strong {
  color: #fff;
}

html[data-tixy-theme="dark"] .pro-wow-hero p,
html[data-tixy-theme="dark"] .pro-wow-panel-head p,
html[data-tixy-theme="dark"] .pro-wow-other-head p,
html[data-tixy-theme="dark"] .pro-wow-plan-list li,
html[data-tixy-theme="dark"] .pro-wow-plan-desc,
html[data-tixy-theme="dark"] .pro-wow-mini-days,
html[data-tixy-theme="dark"] .pro-wow-mini-plan p,
html[data-tixy-theme="dark"] .pro-wow-info-card ol,
html[data-tixy-theme="dark"] .pro-wow-faq-item p,
html[data-tixy-theme="dark"] .pro-wow-final-note span,
html[data-tixy-theme="dark"] .pro-wow-benefits small {
  color: rgba(223, 228, 238, .76);
}

html[data-tixy-theme="dark"] .pro-wow-daily-plan {
  background:
    radial-gradient(circle at 0% 0%, rgba(252, 136, 25, .12), transparent 30%),
    #121927;
}

html[data-tixy-theme="dark"] .pro-wow-mini-plan,
html[data-tixy-theme="dark"] .pro-wow-cancel {
  color: #fff;
  border-color: rgba(255, 255, 255, .10);
  background: #0d121c;
}

html[data-tixy-theme="dark"] .pro-wow-daily-price,
html[data-tixy-theme="dark"] .pro-wow-mini-price,
html[data-tixy-theme="dark"] .pro-wow-faq-item {
  border-color: rgba(255, 255, 255, .10);
}


/* Responsive */
@media (max-width: 991px) {
  .pro-wow-page {
    padding-top: 96px;
  }

  .pro-wow-hero {
    grid-template-columns: 1fr;
  }

  .pro-wow-benefits {
    grid-template-columns: 1fr 1fr;
  }

  .pro-wow-benefits > div {
    border-right: 0;
  }

  .pro-wow-daily-plan {
    grid-template-columns: 1fr;
  }

  .pro-wow-daily-price {
    padding-left: 0;
    padding-top: 18px;
    border-left: 0;
    border-top: 1px solid rgba(17, 24, 39, .08);
  }

  .pro-wow-plan-grid {
    grid-template-columns: 1fr 1fr;
  }

  .pro-wow-info-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575px) {
  .pro-wow-page {
    padding-top: 86px;
  }

  .pro-wow-hero,
  .pro-wow-panel,
  .pro-wow-info-card,
  .pro-wow-final-note {
    border-radius: 16px;
  }

  .pro-wow-hero,
  .pro-wow-panel {
    padding: 22px;
  }

  .pro-wow-benefits,
  .pro-wow-plan-grid {
    grid-template-columns: 1fr;
  }

  .pro-wow-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .pro-wow-submit,
  .pro-wow-cancel {
    width: 100%;
  }
}


/* ==========================================================================
   117. ATTIVA PRO OTHER PLANS VISIBILITY FIX
   ========================================================================== */

.pro-wow-daily-plan {
  margin-bottom: 20px !important;
  padding: 24px !important;
}

.pro-wow-other-head {
  margin-top: 4px !important;
  margin-bottom: 14px !important;
  padding-top: 4px !important;
}

.pro-wow-other-head h3 {
  display: flex;
  align-items: center;
  gap: 10px;
}

.pro-wow-other-head h3::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: var(--hp-orange);
  box-shadow: 0 0 0 6px rgba(252, 136, 25, .12);
}

.pro-wow-plan-grid {
  margin-top: 0 !important;
}

.pro-wow-mini-plan {
  min-height: 138px !important;
  padding: 18px !important;
}

.pro-wow-mini-top {
  margin-bottom: 12px !important;
}

.pro-wow-mini-price {
  padding-top: 12px !important;
  font-size: 1.24rem !important;
}


/* ==========================================================================
   117. ATTIVA PRO OTHER PLANS VISIBILITY FIX
   ========================================================================== */

.pro-wow-daily-plan {
  margin-bottom: 20px !important;
  padding: 24px !important;
}

.pro-wow-other-head {
  margin-top: 4px !important;
  margin-bottom: 14px !important;
  padding-top: 4px !important;
}

.pro-wow-other-head h3 {
  display: flex;
  align-items: center;
  gap: 10px;
}

.pro-wow-other-head h3::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: var(--hp-orange);
  box-shadow: 0 0 0 6px rgba(252, 136, 25, .12);
}

.pro-wow-plan-grid {
  margin-top: 0 !important;
}

.pro-wow-mini-plan {
  min-height: 138px !important;
  padding: 18px !important;
}

.pro-wow-mini-top {
  margin-bottom: 12px !important;
}

.pro-wow-mini-price {
  padding-top: 12px !important;
  font-size: 1.24rem !important;
}

.pro-wow-mini-plan.is-selected {
  border-color: rgba(252, 136, 25, .85) !important;
  box-shadow:
    0 22px 50px -42px rgba(252, 136, 25, .72),
    0 0 0 4px rgba(252, 136, 25, .08) !important;
}

/* ==========================================================================
   118. ATTIVA PRO SELECTED EVENT TITLE
   ========================================================================== */

.pro-wow-event-selected {
  width: fit-content;
  max-width: 760px;
  margin-top: 22px;
  padding: 12px 16px;
  border: 1px solid rgba(6, 182, 212, .22);
  border-radius: 16px;
  background:
    radial-gradient(circle at 0% 0%, rgba(6, 182, 212, .16), transparent 36%),
    #ecfeff;
}

.pro-wow-event-selected span,
.pro-wow-event-selected small {
  display: block;
}

.pro-wow-event-selected span {
  color: #075985;
  font-size: .76rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.pro-wow-event-selected strong {
  display: block;
  margin-top: 3px;
  color: #0f172a;
  font-size: .98rem;
  font-weight: 950;
  line-height: 1.28;
}

.pro-wow-event-selected small {
  margin-top: 4px;
  color: rgba(15, 23, 42, .58);
  font-size: .78rem;
  font-weight: 800;
}

html[data-tixy-theme="dark"] .pro-wow-event-selected {
  border-color: rgba(6, 182, 212, .22);
  background: rgba(6, 182, 212, .10);
}

html[data-tixy-theme="dark"] .pro-wow-event-selected strong {
  color: #fff;
}

html[data-tixy-theme="dark"] .pro-wow-event-selected small {
  color: rgba(223, 228, 238, .62);
}


/* ==========================================================================
   119. PRO CART WOW PAGE
   ========================================================================== */

.pro-cart-wow-page {
  min-height: 100vh;
  padding: 122px 0 78px;
  background:
    radial-gradient(circle at 88% 10%, rgba(252, 136, 25, .09), transparent 34%),
    radial-gradient(circle at 0% 30%, rgba(253, 192, 5, .08), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.pro-cart-wow-page .container {
  max-width: 1140px;
}

.pro-cart-wow-hero,
.pro-cart-wow-card,
.pro-cart-wow-summary,
.pro-cart-wow-bottom {
  border: 1px solid rgba(17, 24, 39, .08);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(252, 136, 25, .06), transparent 28%),
    rgba(255, 255, 255, .96);
  box-shadow:
    0 24px 58px -48px rgba(15, 23, 42, .48),
    0 1px 0 rgba(255, 255, 255, .96) inset;
}

.pro-cart-wow-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 32px;
  margin-bottom: 24px;
}

.pro-cart-wow-step {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  margin-bottom: 14px;
  padding: 7px 13px;
  color: #92400e;
  font-size: .78rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
  border-radius: 999px;
  background: #ffedd5;
}

.pro-cart-wow-hero h1 {
  margin: 0 0 10px;
  color: #0f172a;
  font-size: clamp(2rem, 4vw, 2.85rem);
  font-weight: 950;
  letter-spacing: -.045em;
}

.pro-cart-wow-hero p {
  max-width: 700px;
  margin: 0;
  color: rgba(51, 65, 85, .86);
  font-size: 1rem;
  line-height: 1.7;
}

.pro-cart-wow-icon {
  width: 92px;
  height: 92px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: var(--hp-orange);
  font-size: 34px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 35% 25%, rgba(253, 192, 5, .24), transparent 34%),
    #fff1dc;
}

.pro-cart-wow-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 24px;
  align-items: start;
}

.pro-cart-wow-card {
  padding: 30px;
}

.pro-cart-wow-card-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 24px;
}

.pro-cart-wow-card-head span,
.pro-cart-wow-summary-label {
  display: block;
  color: rgba(71, 85, 105, .70);
  font-size: .78rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.pro-cart-wow-card-head h2 {
  margin: 6px 0 0;
  color: #0f172a;
  font-size: 1.65rem;
  font-weight: 950;
  letter-spacing: -.025em;
}

.pro-cart-wow-badge {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  color: #fff;
  font-weight: 950;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--hp-orange), var(--hp-yellow));
  box-shadow: 0 18px 34px -26px rgba(252, 136, 25, .95);
}

.pro-cart-wow-details {
  display: grid;
  gap: 12px;
}

.pro-cart-wow-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 16px 0;
  border-bottom: 1px solid rgba(17, 24, 39, .08);
}

.pro-cart-wow-row span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: rgba(71, 85, 105, .82);
  font-weight: 800;
}

.pro-cart-wow-row span i {
  width: 18px;
  color: var(--hp-orange);
  text-align: center;
}

.pro-cart-wow-row strong {
  color: #0f172a;
  font-weight: 950;
  text-align: right;
}

.pro-cart-wow-note {
  display: flex;
  gap: 10px;
  margin-top: 22px;
  padding: 14px 16px;
  color: #075985;
  font-weight: 800;
  border: 1px solid rgba(6, 182, 212, .18);
  border-radius: 14px;
  background: #ecfeff;
}

.pro-cart-wow-note i {
  margin-top: 2px;
}


/* Summary */
.pro-cart-wow-summary {
  position: sticky;
  top: 112px;
  padding: 28px;
}

.pro-cart-wow-price {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  margin: 16px 0 10px;
  color: var(--hp-orange);
}

.pro-cart-wow-price small {
  margin-top: 9px;
  font-size: 1.35rem;
  font-weight: 950;
}

.pro-cart-wow-price strong {
  font-size: 3rem;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -.05em;
}

.pro-cart-wow-summary p {
  margin: 0 0 22px;
  color: rgba(71, 85, 105, .82);
  line-height: 1.6;
}

.pro-cart-wow-actions {
  display: grid;
  gap: 12px;
}

.pro-cart-wow-submit {
  min-height: 52px;
  width: 100%;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: #fff !important;
  font-weight: 950 !important;
  letter-spacing: .04em;
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--hp-orange), #ff981f) !important;
  box-shadow: 0 18px 38px -28px rgba(252, 136, 25, .9);
}

.pro-cart-wow-cancel {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(51, 65, 85, .86);
  font-weight: 900;
  text-decoration: none;
  border: 1px solid rgba(100, 116, 139, .24);
  border-radius: 12px;
  background: #fff;
}

.pro-cart-wow-secure {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  color: rgba(71, 85, 105, .78);
  font-size: .84rem;
  font-weight: 800;
}

.pro-cart-wow-secure i {
  color: #22c55e;
}


/* Bottom */
.pro-cart-wow-bottom {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 24px;
  padding: 22px;
}

.pro-cart-wow-bottom > div {
  display: grid;
  grid-template-columns: 42px 1fr;
  column-gap: 14px;
  align-items: start;
}

.pro-cart-wow-bottom i {
  grid-row: span 2;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: var(--hp-orange);
  border-radius: 14px;
  background: rgba(252, 136, 25, .08);
}

.pro-cart-wow-bottom strong {
  color: #0f172a;
  font-weight: 950;
}

.pro-cart-wow-bottom span {
  color: rgba(71, 85, 105, .80);
  font-size: .9rem;
  line-height: 1.4;
}


/* Dark mode */
html[data-tixy-theme="dark"] .pro-cart-wow-page {
  background:
    radial-gradient(circle at 88% 10%, rgba(252, 136, 25, .08), transparent 34%),
    linear-gradient(180deg, #080b11 0%, #0d1118 100%);
}

html[data-tixy-theme="dark"] .pro-cart-wow-hero,
html[data-tixy-theme="dark"] .pro-cart-wow-card,
html[data-tixy-theme="dark"] .pro-cart-wow-summary,
html[data-tixy-theme="dark"] .pro-cart-wow-bottom {
  border-color: rgba(255, 255, 255, .10);
  background:
    radial-gradient(circle at 100% 0%, rgba(252, 136, 25, .08), transparent 28%),
    #111722;
}

html[data-tixy-theme="dark"] .pro-cart-wow-hero h1,
html[data-tixy-theme="dark"] .pro-cart-wow-card-head h2,
html[data-tixy-theme="dark"] .pro-cart-wow-row strong,
html[data-tixy-theme="dark"] .pro-cart-wow-bottom strong {
  color: #fff;
}

html[data-tixy-theme="dark"] .pro-cart-wow-hero p,
html[data-tixy-theme="dark"] .pro-cart-wow-card-head span,
html[data-tixy-theme="dark"] .pro-cart-wow-summary-label,
html[data-tixy-theme="dark"] .pro-cart-wow-row span,
html[data-tixy-theme="dark"] .pro-cart-wow-summary p,
html[data-tixy-theme="dark"] .pro-cart-wow-secure,
html[data-tixy-theme="dark"] .pro-cart-wow-bottom span {
  color: rgba(223, 228, 238, .76);
}

html[data-tixy-theme="dark"] .pro-cart-wow-row {
  border-color: rgba(255, 255, 255, .10);
}

html[data-tixy-theme="dark"] .pro-cart-wow-cancel {
  color: #fff;
  border-color: rgba(255, 255, 255, .12);
  background: #0d121c;
}

html[data-tixy-theme="dark"] .pro-cart-wow-note {
  color: #a5f3fc;
  border-color: rgba(6, 182, 212, .22);
  background: rgba(6, 182, 212, .10);
}


/* Responsive */
@media (max-width: 991px) {
  .pro-cart-wow-page {
    padding-top: 96px;
  }

  .pro-cart-wow-layout {
    grid-template-columns: 1fr;
  }

  .pro-cart-wow-summary {
    position: static;
  }

  .pro-cart-wow-bottom {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575px) {
  .pro-cart-wow-page {
    padding-top: 86px;
  }

  .pro-cart-wow-hero,
  .pro-cart-wow-card,
  .pro-cart-wow-summary {
    padding: 22px;
  }

  .pro-cart-wow-hero {
    align-items: flex-start;
    flex-direction: column-reverse;
  }

  .pro-cart-wow-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 6px;
  }

  .pro-cart-wow-row strong {
    text-align: left;
  }
}


/* ==========================================================================
   120. PRO PAYMENT WOW PAGE
   ========================================================================== */

.pro-pay-wow-page {
  min-height: 100vh;
  padding: 122px 0 78px;
  background:
    radial-gradient(circle at 88% 10%, rgba(252, 136, 25, .09), transparent 34%),
    radial-gradient(circle at 0% 30%, rgba(253, 192, 5, .08), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.pro-pay-wow-page .container {
  max-width: 1140px;
}

.pro-pay-wow-hero,
.pro-pay-wow-card,
.pro-pay-wow-summary {
  border: 1px solid rgba(17, 24, 39, .08);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(252, 136, 25, .06), transparent 28%),
    rgba(255, 255, 255, .96);
  box-shadow:
    0 24px 58px -48px rgba(15, 23, 42, .48),
    0 1px 0 rgba(255, 255, 255, .96) inset;
}

.pro-pay-wow-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 32px;
  margin-bottom: 24px;
}

.pro-pay-wow-step {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 14px;
  padding: 7px 13px;
  color: #92400e;
  font-size: .78rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
  border-radius: 999px;
  background: #ffedd5;
}

.pro-pay-wow-hero h1 {
  margin: 0 0 10px;
  color: #0f172a;
  font-size: clamp(2rem, 4vw, 2.85rem);
  font-weight: 950;
  letter-spacing: -.045em;
}

.pro-pay-wow-hero p {
  max-width: 760px;
  margin: 0;
  color: rgba(51, 65, 85, .86);
  line-height: 1.7;
}

.pro-pay-wow-icon {
  width: 92px;
  height: 92px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: var(--hp-orange);
  font-size: 34px;
  border-radius: 999px;
  background:
    radial-gradient(circle at 35% 25%, rgba(253, 192, 5, .24), transparent 34%),
    #fff1dc;
}

.pro-pay-wow-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 24px;
  align-items: start;
}

.pro-pay-wow-card {
  padding: 30px;
}

.pro-pay-wow-card-head span,
.pro-pay-wow-summary-head span {
  display: block;
  color: rgba(71, 85, 105, .70);
  font-size: .78rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.pro-pay-wow-card-head h2 {
  margin: 7px 0 8px;
  color: #0f172a;
  font-size: 1.8rem;
  font-weight: 950;
  letter-spacing: -.035em;
}

.pro-pay-wow-card-head p {
  max-width: 720px;
  margin: 0;
  color: rgba(71, 85, 105, .86);
  line-height: 1.65;
}

.pro-pay-wow-method {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 26px;
  padding: 20px;
  border: 1px solid rgba(252, 136, 25, .20);
  border-radius: 16px;
  background:
    radial-gradient(circle at 0% 0%, rgba(252, 136, 25, .10), transparent 36%),
    #fff7ed;
}

.pro-pay-wow-method-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: #fff;
  font-size: 22px;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--hp-orange), var(--hp-yellow));
  box-shadow: 0 18px 34px -26px rgba(252, 136, 25, .95);
}

.pro-pay-wow-method strong,
.pro-pay-wow-method span {
  display: block;
}

.pro-pay-wow-method strong {
  color: #0f172a;
  font-size: 1.05rem;
  font-weight: 950;
}

.pro-pay-wow-method span {
  color: rgba(71, 85, 105, .82);
}

.pro-pay-wow-checks {
  display: grid;
  gap: 12px;
  margin-top: 24px;
}

.pro-pay-wow-checks > div {
  display: flex;
  align-items: center;
  gap: 12px;
  color: rgba(51, 65, 85, .88);
  font-weight: 800;
}

.pro-pay-wow-checks i {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  color: var(--hp-orange);
  border-radius: 12px;
  background: rgba(252, 136, 25, .08);
}

.pro-pay-wow-actions {
  display: flex;
  gap: 12px;
  margin-top: 28px;
}

.pro-pay-wow-submit {
  min-height: 52px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 28px !important;
  color: #fff !important;
  font-weight: 950 !important;
  letter-spacing: .04em;
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--hp-orange), #ff981f) !important;
  box-shadow: 0 18px 38px -28px rgba(252, 136, 25, .9);
}

.pro-pay-wow-cancel {
  min-height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  color: rgba(51, 65, 85, .86);
  font-weight: 900;
  text-decoration: none;
  border: 1px solid rgba(100, 116, 139, .24);
  border-radius: 12px;
  background: #fff;
}


/* Summary */
.pro-pay-wow-summary {
  position: sticky;
  top: 112px;
  padding: 28px;
}

.pro-pay-wow-summary-head h3 {
  margin: 7px 0 4px;
  color: #0f172a;
  font-size: 1.45rem;
  font-weight: 950;
  letter-spacing: -.025em;
}

.pro-pay-wow-summary-head small {
  color: rgba(71, 85, 105, .76);
  font-weight: 800;
}

.pro-pay-wow-summary-list {
  margin-top: 22px;
  display: grid;
  gap: 0;
}

.pro-pay-wow-summary-list > div {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(17, 24, 39, .08);
}

.pro-pay-wow-summary-list span {
  color: rgba(71, 85, 105, .78);
  font-weight: 800;
}

.pro-pay-wow-summary-list strong {
  color: #0f172a;
  font-weight: 950;
  text-align: right;
}

.pro-pay-wow-total {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 18px;
  margin-top: 22px;
  padding: 22px;
  border-radius: 16px;
  background:
    radial-gradient(circle at 0% 0%, rgba(252, 136, 25, .12), transparent 38%),
    #fff7ed;
}

.pro-pay-wow-total span {
  color: #92400e;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .78rem;
}

.pro-pay-wow-total strong {
  color: var(--hp-orange);
  font-size: 2.35rem;
  font-weight: 950;
  line-height: 1;
  letter-spacing: -.05em;
}

.pro-pay-wow-secure {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 18px;
  color: rgba(71, 85, 105, .78);
  font-size: .84rem;
  font-weight: 800;
}

.pro-pay-wow-secure i {
  color: #22c55e;
}


/* Dark mode */
html[data-tixy-theme="dark"] .pro-pay-wow-page {
  background:
    radial-gradient(circle at 88% 10%, rgba(252, 136, 25, .08), transparent 34%),
    linear-gradient(180deg, #080b11 0%, #0d1118 100%);
}

html[data-tixy-theme="dark"] .pro-pay-wow-hero,
html[data-tixy-theme="dark"] .pro-pay-wow-card,
html[data-tixy-theme="dark"] .pro-pay-wow-summary {
  border-color: rgba(255, 255, 255, .10);
  background:
    radial-gradient(circle at 100% 0%, rgba(252, 136, 25, .08), transparent 28%),
    #111722;
}

html[data-tixy-theme="dark"] .pro-pay-wow-hero h1,
html[data-tixy-theme="dark"] .pro-pay-wow-card-head h2,
html[data-tixy-theme="dark"] .pro-pay-wow-method strong,
html[data-tixy-theme="dark"] .pro-pay-wow-summary-head h3,
html[data-tixy-theme="dark"] .pro-pay-wow-summary-list strong {
  color: #fff;
}

html[data-tixy-theme="dark"] .pro-pay-wow-hero p,
html[data-tixy-theme="dark"] .pro-pay-wow-card-head p,
html[data-tixy-theme="dark"] .pro-pay-wow-card-head span,
html[data-tixy-theme="dark"] .pro-pay-wow-summary-head span,
html[data-tixy-theme="dark"] .pro-pay-wow-summary-head small,
html[data-tixy-theme="dark"] .pro-pay-wow-method span,
html[data-tixy-theme="dark"] .pro-pay-wow-checks > div,
html[data-tixy-theme="dark"] .pro-pay-wow-summary-list span,
html[data-tixy-theme="dark"] .pro-pay-wow-secure {
  color: rgba(223, 228, 238, .76);
}

html[data-tixy-theme="dark"] .pro-pay-wow-method,
html[data-tixy-theme="dark"] .pro-pay-wow-total {
  border-color: rgba(252, 136, 25, .20);
  background: rgba(252, 136, 25, .08);
}

html[data-tixy-theme="dark"] .pro-pay-wow-summary-list > div {
  border-color: rgba(255, 255, 255, .10);
}

html[data-tixy-theme="dark"] .pro-pay-wow-cancel {
  color: #fff;
  border-color: rgba(255, 255, 255, .12);
  background: #0d121c;
}


/* Responsive */
@media (max-width: 991px) {
  .pro-pay-wow-page {
    padding-top: 96px;
  }

  .pro-pay-wow-layout {
    grid-template-columns: 1fr;
  }

  .pro-pay-wow-summary {
    position: static;
  }
}

@media (max-width: 575px) {
  .pro-pay-wow-page {
    padding-top: 86px;
  }

  .pro-pay-wow-hero,
  .pro-pay-wow-card,
  .pro-pay-wow-summary {
    padding: 22px;
  }

  .pro-pay-wow-hero {
    align-items: flex-start;
    flex-direction: column-reverse;
  }

  .pro-pay-wow-actions {
    flex-direction: column;
  }

  .pro-pay-wow-submit,
  .pro-pay-wow-cancel {
    width: 100%;
  }

  .pro-pay-wow-summary-list > div {
    flex-direction: column;
    gap: 4px;
  }

  .pro-pay-wow-summary-list strong {
    text-align: left;
  }
}


/* ==========================================================================
   121. RIVENDITA WOW PAGE
   ========================================================================== */

.resale-wow-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 85% 8%, rgba(252, 136, 25, .09), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.resale-wow-page .container {
  max-width: 1140px;
}

.resale-wow-hero {
  position: relative;
  min-height: 360px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background-image:
    linear-gradient(90deg, rgba(6, 9, 15, .86) 0%, rgba(6, 9, 15, .62) 48%, rgba(6, 9, 15, .28) 100%),
    url("/static/assets/img/slider/header.png");
  background-size: cover;
  background-position: center;
}

.resale-wow-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 78% 35%, rgba(252, 136, 25, .20), transparent 28%),
    linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(6,9,15,.34) 100%);
  pointer-events: none;
}

.resale-wow-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 760px;
  padding: 70px 0 52px;
}

.resale-wow-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
  color: rgba(255, 255, 255, .72);
  font-size: .84rem;
  font-weight: 800;
}

.resale-wow-breadcrumb a {
  color: rgba(255, 255, 255, .78);
  text-decoration: none;
}

.resale-wow-breadcrumb li:last-child {
  color: var(--hp-yellow);
}

.resale-wow-hero h1 {
  margin: 0 0 14px;
  color: #fff;
  font-size: clamp(2.45rem, 5vw, 4rem);
  line-height: 1.02;
  font-weight: 950;
  letter-spacing: -.055em;
  text-shadow: 0 12px 34px rgba(0, 0, 0, .45);
}

.resale-wow-hero p {
  max-width: 640px;
  margin: 0;
  color: rgba(255,255,255,.86);
  font-size: 1.08rem;
  line-height: 1.65;
  text-shadow: 0 8px 24px rgba(0,0,0,.38);
}

.resale-wow-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 28px;
}

.resale-wow-main-btn,
.resale-wow-buy-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #fff !important;
  font-weight: 950 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--hp-orange), #ff981f) !important;
  box-shadow: 0 18px 38px -28px rgba(252, 136, 25, .9);
}

.resale-wow-secondary-btn {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 22px;
  color: #0f172a;
  font-weight: 900;
  text-decoration: none;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 12px;
  background: rgba(255,255,255,.92);
}


/* Content */
.resale-wow-content {
  padding: 54px 0 78px;
}

.resale-wow-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 28px;
}

.resale-wow-heading span {
  display: block;
  color: var(--hp-orange);
  font-size: .78rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.resale-wow-heading h2 {
  margin: 6px 0 4px;
  color: #0f172a;
  font-size: 2rem;
  font-weight: 950;
  letter-spacing: -.035em;
}

.resale-wow-heading p {
  margin: 0;
  color: rgba(71, 85, 105, .84);
}

.resale-wow-count {
  min-width: 104px;
  padding: 14px 18px;
  text-align: center;
  border: 1px solid rgba(17, 24, 39, .08);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 20px 44px -38px rgba(15, 23, 42, .45);
}

.resale-wow-count strong {
  display: block;
  color: var(--hp-orange);
  font-size: 1.7rem;
  font-weight: 950;
  line-height: 1;
}

.resale-wow-count span {
  margin-top: 4px;
  color: rgba(71, 85, 105, .76);
  font-size: .8rem;
  font-weight: 900;
}


/* Cards */
.resale-wow-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

.resale-wow-card,
.resale-wow-empty,
.resale-wow-trust {
  border: 1px solid rgba(17, 24, 39, .08);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(252, 136, 25, .06), transparent 28%),
    rgba(255, 255, 255, .96);
  box-shadow:
    0 24px 58px -48px rgba(15, 23, 42, .48),
    0 1px 0 rgba(255, 255, 255, .96) inset;
}

.resale-wow-card {
  overflow: hidden;
}

.resale-wow-card-top {
  min-height: 86px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 20px;
  background:
    radial-gradient(circle at 80% 20%, rgba(252, 136, 25, .20), transparent 32%),
    linear-gradient(135deg, #fff4e5 0%, #f3f6fb 58%, #e9eef8 100%);
}

.resale-wow-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 12px;
  color: #fff;
  font-size: .72rem;
  font-weight: 950;
  text-transform: uppercase;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--hp-orange), var(--hp-yellow));
}

.resale-wow-price {
  text-align: right;
}

.resale-wow-price small {
  display: block;
  color: rgba(71, 85, 105, .72);
  font-size: .72rem;
  font-weight: 900;
  text-transform: uppercase;
}

.resale-wow-price strong {
  display: block;
  color: var(--hp-orange);
  font-size: 1.35rem;
  font-weight: 950;
}

.resale-wow-card-body {
  padding: 22px;
}

.resale-wow-card-body h3 {
  min-height: 52px;
  margin: 0 0 14px;
  color: #0f172a;
  font-size: 1.13rem;
  font-weight: 950;
  line-height: 1.28;
}

.resale-wow-meta {
  display: grid;
  gap: 8px;
  margin-bottom: 18px;
}

.resale-wow-meta > div {
  display: flex;
  gap: 9px;
  color: rgba(71, 85, 105, .82);
  font-size: .9rem;
}

.resale-wow-meta i {
  width: 16px;
  color: var(--hp-orange);
  text-align: center;
  margin-top: 3px;
}

.resale-wow-info-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid rgba(17, 24, 39, .08);
}

.resale-wow-info-row > div {
  min-width: 96px;
}

.resale-wow-info-row small {
  display: block;
  color: rgba(71, 85, 105, .66);
  font-size: .72rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.resale-wow-info-row strong {
  display: block;
  margin-top: 3px;
  color: #0f172a;
  font-weight: 950;
}

.resale-wow-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 22px;
  border-top: 1px solid rgba(17, 24, 39, .08);
  background: rgba(255, 250, 244, .72);
}

.resale-wow-card-footer span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: rgba(71, 85, 105, .84);
  font-size: .86rem;
  font-weight: 800;
}

.resale-wow-card-footer span i {
  color: #22c55e;
}

.resale-wow-buy-btn {
  min-height: 42px;
  padding: 0 18px !important;
  font-size: .82rem;
}


/* Empty */
.resale-wow-empty {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 28px;
  align-items: center;
  padding: 34px;
}

.resale-wow-empty-visual {
  min-height: 250px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 40%, rgba(252, 136, 25, .16), transparent 36%),
    linear-gradient(135deg, #fff4e5, #f8fafc);
}

.resale-wow-empty-visual img {
  max-width: 220px;
  width: 100%;
  filter: drop-shadow(0 18px 28px rgba(15, 23, 42, .18));
}

.resale-wow-empty-content span {
  display: block;
  color: var(--hp-orange);
  font-size: .78rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.resale-wow-empty-content h3 {
  margin: 8px 0 12px;
  color: #0f172a;
  font-size: 2rem;
  font-weight: 950;
  letter-spacing: -.035em;
}

.resale-wow-empty-content p {
  max-width: 620px;
  margin: 0;
  color: rgba(71, 85, 105, .84);
  line-height: 1.7;
}

.resale-wow-empty-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.resale-wow-empty-actions .theme-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #fff !important;
  font-weight: 950 !important;
  border-radius: 12px !important;
}


/* Trust */
.resale-wow-trust {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 24px;
  padding: 22px;
}

.resale-wow-trust > div {
  display: grid;
  grid-template-columns: 42px 1fr;
  column-gap: 14px;
  align-items: start;
}

.resale-wow-trust i {
  grid-row: span 2;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: var(--hp-orange);
  border-radius: 14px;
  background: rgba(252, 136, 25, .08);
}

.resale-wow-trust strong {
  color: #0f172a;
  font-weight: 950;
}

.resale-wow-trust span {
  color: rgba(71, 85, 105, .80);
  font-size: .9rem;
  line-height: 1.4;
}


/* Pagination */
.resale-wow-pagination {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 42px auto 0;
  padding: 8px;
  border: 1px solid rgba(17, 24, 39, .08);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 18px 44px -36px rgba(15, 23, 42, .45);
}

.resale-wow-pagination a,
.resale-wow-pagination span {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 18px;
  color: #0f172a;
  font-weight: 850;
  text-decoration: none;
  border-radius: 11px;
  border: 1px solid rgba(17, 24, 39, .08);
  background: #fff;
}

.resale-wow-pagination a:hover {
  color: var(--hp-orange);
  border-color: rgba(252, 136, 25, .40);
  background: #fff7ed;
}

.resale-wow-pagination .disabled {
  opacity: .38;
}

.resale-wow-pagination strong {
  padding: 0 10px;
  color: rgba(71, 85, 105, .82);
  font-size: .86rem;
}


/* Dark mode */
html[data-tixy-theme="dark"] .resale-wow-page {
  background:
    radial-gradient(circle at 85% 8%, rgba(252, 136, 25, .08), transparent 34%),
    linear-gradient(180deg, #080b11 0%, #0d1118 100%);
}

html[data-tixy-theme="dark"] .resale-wow-card,
html[data-tixy-theme="dark"] .resale-wow-empty,
html[data-tixy-theme="dark"] .resale-wow-trust,
html[data-tixy-theme="dark"] .resale-wow-count,
html[data-tixy-theme="dark"] .resale-wow-pagination,
html[data-tixy-theme="dark"] .resale-wow-pagination a,
html[data-tixy-theme="dark"] .resale-wow-pagination span {
  border-color: rgba(255,255,255,.10);
  background: #111722;
}

html[data-tixy-theme="dark"] .resale-wow-heading h2,
html[data-tixy-theme="dark"] .resale-wow-card-body h3,
html[data-tixy-theme="dark"] .resale-wow-info-row strong,
html[data-tixy-theme="dark"] .resale-wow-empty-content h3,
html[data-tixy-theme="dark"] .resale-wow-trust strong,
html[data-tixy-theme="dark"] .resale-wow-pagination a,
html[data-tixy-theme="dark"] .resale-wow-pagination span {
  color: #fff;
}

html[data-tixy-theme="dark"] .resale-wow-heading p,
html[data-tixy-theme="dark"] .resale-wow-price small,
html[data-tixy-theme="dark"] .resale-wow-meta > div,
html[data-tixy-theme="dark"] .resale-wow-info-row small,
html[data-tixy-theme="dark"] .resale-wow-card-footer span,
html[data-tixy-theme="dark"] .resale-wow-empty-content p,
html[data-tixy-theme="dark"] .resale-wow-trust span,
html[data-tixy-theme="dark"] .resale-wow-count span,
html[data-tixy-theme="dark"] .resale-wow-pagination strong {
  color: rgba(223, 228, 238, .76);
}

html[data-tixy-theme="dark"] .resale-wow-card-top,
html[data-tixy-theme="dark"] .resale-wow-empty-visual,
html[data-tixy-theme="dark"] .resale-wow-card-footer {
  background:
    radial-gradient(circle at 80% 20%, rgba(252, 136, 25, .12), transparent 32%),
    #121927;
}

html[data-tixy-theme="dark"] .resale-wow-info-row,
html[data-tixy-theme="dark"] .resale-wow-card-footer {
  border-color: rgba(255,255,255,.10);
}


/* Responsive */
@media (max-width: 991px) {
  .resale-wow-grid,
  .resale-wow-empty,
  .resale-wow-trust {
    grid-template-columns: 1fr;
  }

  .resale-wow-empty-visual {
    min-height: 220px;
  }
}

@media (max-width: 575px) {
  .resale-wow-hero {
    min-height: 330px;
  }

  .resale-wow-content {
    padding-top: 38px;
  }

  .resale-wow-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .resale-wow-card-footer {
    align-items: stretch;
    flex-direction: column;
  }

  .resale-wow-buy-btn,
  .resale-wow-empty-actions .theme-btn,
  .resale-wow-empty-actions .resale-wow-secondary-btn {
    width: 100%;
  }

  .resale-wow-pagination {
    width: 100%;
    justify-content: space-between;
  }
}


/* ==========================================================================
   122. COME FUNZIONA WOW PAGE
   ========================================================================== */

.how-wow-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 86% 8%, rgba(252, 136, 25, .09), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.how-wow-page .container {
  max-width: 1140px;
}


/* Hero */
.how-wow-hero {
  position: relative;
  overflow: hidden;
  padding: 122px 0 74px;
  background:
    radial-gradient(circle at 82% 24%, rgba(252, 136, 25, .16), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #fffaf4 100%);
}

.how-wow-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 430px;
  gap: 54px;
  align-items: center;
}

.how-wow-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
  color: rgba(71, 85, 105, .76);
  font-size: .84rem;
  font-weight: 800;
}

.how-wow-breadcrumb a {
  color: rgba(71, 85, 105, .82);
  text-decoration: none;
}

.how-wow-breadcrumb li:last-child {
  color: var(--hp-orange);
}

.how-wow-eyebrow,
.how-wow-heading span,
.how-wow-benefits-content > span,
.how-wow-cta span {
  display: block;
  color: var(--hp-orange);
  font-size: .78rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.how-wow-hero h1 {
  margin: 10px 0 16px;
  color: #0f172a;
  font-size: clamp(2.6rem, 5vw, 4.4rem);
  line-height: 1.02;
  font-weight: 950;
  letter-spacing: -.065em;
}

.how-wow-hero p {
  max-width: 680px;
  margin: 0;
  color: rgba(51, 65, 85, .86);
  font-size: 1.08rem;
  line-height: 1.72;
}

.how-wow-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.how-wow-main-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 50px;
  color: #fff !important;
  font-weight: 950 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--hp-orange), #ff981f) !important;
  box-shadow: 0 18px 38px -28px rgba(252, 136, 25, .9);
}

.how-wow-secondary-btn {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 22px;
  color: #0f172a;
  font-weight: 900;
  text-decoration: none;
  border: 1px solid rgba(17, 24, 39, .10);
  border-radius: 12px;
  background: rgba(255,255,255,.92);
  box-shadow: 0 18px 38px -34px rgba(15,23,42,.35);
}

.how-wow-hero-visual {
  min-height: 420px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 28px;
  background:
    radial-gradient(circle at 50% 42%, rgba(252,136,25,.18), transparent 34%),
    linear-gradient(135deg, #fff4e5, #f8fafc);
  box-shadow: 0 28px 70px -54px rgba(15,23,42,.45);
}

.how-wow-hero-visual img {
  width: min(330px, 82%);
  filter: drop-shadow(0 22px 34px rgba(15, 23, 42, .20));
}


/* Steps */
.how-wow-steps-section,
.how-wow-benefits-section,
.how-wow-trust-section,
.how-wow-cta-section {
  padding: 72px 0;
}

.how-wow-heading {
  max-width: 720px;
  margin-bottom: 30px;
}

.how-wow-heading h2,
.how-wow-benefits-content h2,
.how-wow-cta h2 {
  margin: 8px 0 10px;
  color: #0f172a;
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 950;
  letter-spacing: -.05em;
}

.how-wow-heading p,
.how-wow-benefits-content p,
.how-wow-cta p {
  margin: 0;
  color: rgba(71, 85, 105, .84);
  line-height: 1.7;
}

.how-wow-steps-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.how-wow-step-card,
.how-wow-benefits-panel,
.how-wow-trust-grid,
.how-wow-cta {
  border: 1px solid rgba(17, 24, 39, .08);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(252, 136, 25, .06), transparent 28%),
    rgba(255, 255, 255, .96);
  box-shadow:
    0 24px 58px -48px rgba(15, 23, 42, .48),
    0 1px 0 rgba(255, 255, 255, .96) inset;
}

.how-wow-step-card {
  position: relative;
  min-height: 260px;
  padding: 26px;
  overflow: hidden;
}

.how-wow-step-number {
  position: absolute;
  top: 18px;
  right: 20px;
  color: rgba(252, 136, 25, .16);
  font-size: 3rem;
  line-height: 1;
  font-weight: 950;
}

.how-wow-step-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  margin-bottom: 22px;
  color: #fff;
  font-size: 22px;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--hp-orange), var(--hp-yellow));
  box-shadow: 0 18px 34px -26px rgba(252, 136, 25, .95);
}

.how-wow-step-card h3 {
  margin: 0 0 10px;
  color: #0f172a;
  font-size: 1.18rem;
  font-weight: 950;
}

.how-wow-step-card p {
  margin: 0;
  color: rgba(71, 85, 105, .82);
  line-height: 1.6;
}


/* Benefits */
.how-wow-benefits-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 390px;
  gap: 36px;
  align-items: center;
  padding: 34px;
}

.how-wow-benefit-list {
  display: grid;
  gap: 14px;
  margin-top: 24px;
}

.how-wow-benefit-list > div {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 16px;
  border: 1px solid rgba(17, 24, 39, .07);
  border-radius: 16px;
  background: #fff;
}

.how-wow-benefit-list i {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: var(--hp-orange);
  border-radius: 14px;
  background: rgba(252, 136, 25, .08);
}

.how-wow-benefit-list strong,
.how-wow-benefit-list small {
  display: block;
}

.how-wow-benefit-list strong {
  color: #0f172a;
  font-weight: 950;
}

.how-wow-benefit-list small {
  color: rgba(71, 85, 105, .80);
  line-height: 1.4;
}

.how-wow-benefits-card {
  padding: 24px;
  border-radius: 20px;
  background:
    radial-gradient(circle at 50% 0%, rgba(252, 136, 25, .16), transparent 38%),
    linear-gradient(135deg, #fff4e5, #f8fafc);
}

.how-wow-mini-dashboard {
  display: grid;
  gap: 14px;
}

.how-wow-mini-dashboard > div {
  padding: 18px;
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 16px;
  background: rgba(255,255,255,.88);
}

.how-wow-mini-dashboard span {
  display: block;
  color: rgba(71,85,105,.68);
  font-size: .76rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.how-wow-mini-dashboard strong {
  display: block;
  margin-top: 4px;
  color: #0f172a;
  font-weight: 950;
}

.how-wow-mini-dashboard .is-active {
  color: #16a34a;
}


/* Trust */
.how-wow-trust-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
  padding: 24px;
}

.how-wow-trust-grid > div {
  display: grid;
  grid-template-columns: 42px 1fr;
  column-gap: 14px;
  align-items: start;
}

.how-wow-trust-grid i {
  grid-row: span 2;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: var(--hp-orange);
  border-radius: 14px;
  background: rgba(252, 136, 25, .08);
}

.how-wow-trust-grid strong {
  color: #0f172a;
  font-weight: 950;
}

.how-wow-trust-grid span {
  color: rgba(71, 85, 105, .80);
  font-size: .9rem;
  line-height: 1.4;
}


/* CTA */
.how-wow-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 34px;
}


/* Dark mode */
html[data-tixy-theme="dark"] .how-wow-page,
html[data-tixy-theme="dark"] .how-wow-hero {
  background:
    radial-gradient(circle at 86% 8%, rgba(252, 136, 25, .08), transparent 34%),
    linear-gradient(180deg, #080b11 0%, #0d1118 100%);
}

html[data-tixy-theme="dark"] .how-wow-step-card,
html[data-tixy-theme="dark"] .how-wow-benefits-panel,
html[data-tixy-theme="dark"] .how-wow-trust-grid,
html[data-tixy-theme="dark"] .how-wow-cta,
html[data-tixy-theme="dark"] .how-wow-hero-visual {
  border-color: rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 100% 0%, rgba(252, 136, 25, .08), transparent 28%),
    #111722;
}

html[data-tixy-theme="dark"] .how-wow-hero h1,
html[data-tixy-theme="dark"] .how-wow-heading h2,
html[data-tixy-theme="dark"] .how-wow-benefits-content h2,
html[data-tixy-theme="dark"] .how-wow-cta h2,
html[data-tixy-theme="dark"] .how-wow-step-card h3,
html[data-tixy-theme="dark"] .how-wow-benefit-list strong,
html[data-tixy-theme="dark"] .how-wow-mini-dashboard strong,
html[data-tixy-theme="dark"] .how-wow-trust-grid strong {
  color: #fff;
}

html[data-tixy-theme="dark"] .how-wow-hero p,
html[data-tixy-theme="dark"] .how-wow-heading p,
html[data-tixy-theme="dark"] .how-wow-benefits-content p,
html[data-tixy-theme="dark"] .how-wow-cta p,
html[data-tixy-theme="dark"] .how-wow-step-card p,
html[data-tixy-theme="dark"] .how-wow-benefit-list small,
html[data-tixy-theme="dark"] .how-wow-mini-dashboard span,
html[data-tixy-theme="dark"] .how-wow-trust-grid span {
  color: rgba(223, 228, 238, .76);
}

html[data-tixy-theme="dark"] .how-wow-benefit-list > div,
html[data-tixy-theme="dark"] .how-wow-mini-dashboard > div,
html[data-tixy-theme="dark"] .how-wow-secondary-btn {
  border-color: rgba(255,255,255,.10);
  background: #0d121c;
  color: #fff;
}


/* Responsive */
@media (max-width: 991px) {
  .how-wow-hero-grid,
  .how-wow-benefits-panel {
    grid-template-columns: 1fr;
  }

  .how-wow-steps-grid,
  .how-wow-trust-grid {
    grid-template-columns: 1fr 1fr;
  }

  .how-wow-hero {
    padding-top: 96px;
  }
}

@media (max-width: 575px) {
  .how-wow-hero {
    padding-top: 86px;
  }

  .how-wow-steps-grid,
  .how-wow-trust-grid {
    grid-template-columns: 1fr;
  }

  .how-wow-cta {
    align-items: flex-start;
    flex-direction: column;
  }

  .how-wow-main-btn,
  .how-wow-secondary-btn {
    width: 100%;
  }

  .how-wow-hero-visual {
    min-height: 300px;
  }
}


/* ==========================================================================
   123. COME FUNZIONA HERO IMAGE FIX
   ========================================================================== */

.how-wow-hero {
  position: relative !important;
  min-height: 430px !important;
  display: flex !important;
  align-items: center !important;
  padding: 120px 0 72px !important;
  overflow: hidden !important;
  background-image:
    linear-gradient(90deg, rgba(6, 9, 15, .88) 0%, rgba(6, 9, 15, .68) 46%, rgba(6, 9, 15, .30) 100%),
    url("/static/assets/img/slider/header.png") !important;
  background-size: cover !important;
  background-position: center center !important;
}

.how-wow-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 78% 35%, rgba(252, 136, 25, .20), transparent 28%),
    linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(6,9,15,.38) 100%);
  pointer-events: none;
}

.how-wow-hero .container {
  position: relative;
  z-index: 2;
}

.how-wow-hero-grid {
  grid-template-columns: minmax(0, 1fr) 360px !important;
}

.how-wow-breadcrumb,
.how-wow-breadcrumb a {
  color: rgba(255, 255, 255, .78) !important;
}

.how-wow-breadcrumb li:last-child {
  color: var(--hp-yellow) !important;
}

.how-wow-eyebrow {
  color: var(--hp-yellow) !important;
}

.how-wow-hero h1 {
  color: #fff !important;
  text-shadow: 0 12px 34px rgba(0, 0, 0, .45);
}

.how-wow-hero p {
  color: rgba(255, 255, 255, .88) !important;
  text-shadow: 0 8px 24px rgba(0, 0, 0, .34);
}

.how-wow-secondary-btn {
  border-color: rgba(255, 255, 255, .28) !important;
  background: rgba(255, 255, 255, .94) !important;
}

.how-wow-hero-visual {
  min-height: 340px !important;
  border-color: rgba(255, 255, 255, .16) !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(252,136,25,.18), transparent 34%),
    rgba(255, 255, 255, .10) !important;
  backdrop-filter: blur(8px);
  box-shadow: 0 28px 70px -54px rgba(0, 0, 0, .85) !important;
}

.how-wow-hero-visual img {
  width: min(280px, 78%) !important;
  filter:
    drop-shadow(0 24px 36px rgba(0, 0, 0, .32))
    drop-shadow(0 0 18px rgba(252, 136, 25, .16)) !important;
}

html[data-tixy-theme="dark"] .how-wow-hero {
  background-image:
    linear-gradient(90deg, rgba(6, 9, 15, .90) 0%, rgba(6, 9, 15, .72) 46%, rgba(6, 9, 15, .34) 100%),
    url("/static/assets/img/slider/header.png") !important;
}

@media (max-width: 991px) {
  .how-wow-hero-grid {
    grid-template-columns: 1fr !important;
  }

  .how-wow-hero-visual {
    max-width: 420px;
  }
}

@media (max-width: 575px) {
  .how-wow-hero {
    min-height: auto !important;
    padding: 96px 0 54px !important;
  }

  .how-wow-hero-visual {
    min-height: 280px !important;
  }
}


/* ==========================================================================
   124. VANTAGGI WOW PAGE
   ========================================================================== */

.benefits-wow-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 86% 8%, rgba(252, 136, 25, .09), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.benefits-wow-page .container {
  max-width: 1140px;
}

/* Hero */
.benefits-wow-hero {
  position: relative;
  min-height: 430px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background-image:
    linear-gradient(90deg, rgba(6, 9, 15, .88) 0%, rgba(6, 9, 15, .68) 46%, rgba(6, 9, 15, .30) 100%),
    url("/static/assets/img/slider/header.png");
  background-size: cover;
  background-position: center center;
}

.benefits-wow-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 78% 35%, rgba(252, 136, 25, .20), transparent 28%),
    linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(6,9,15,.38) 100%);
  pointer-events: none;
}

.benefits-wow-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 760px;
  padding: 88px 0 70px;
}

.benefits-wow-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
  color: rgba(255,255,255,.76);
  font-size: .84rem;
  font-weight: 800;
}

.benefits-wow-breadcrumb a {
  color: rgba(255,255,255,.82);
  text-decoration: none;
}

.benefits-wow-breadcrumb li:last-child {
  color: var(--hp-yellow);
}

.benefits-wow-eyebrow,
.benefits-wow-intro-content > span,
.benefits-wow-heading span,
.benefits-wow-cta span {
  display: block;
  color: var(--hp-orange);
  font-size: .78rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.benefits-wow-hero .benefits-wow-eyebrow {
  color: var(--hp-yellow);
}

.benefits-wow-hero h1 {
  margin: 10px 0 16px;
  color: #fff;
  font-size: clamp(2.55rem, 5vw, 4.2rem);
  line-height: 1.02;
  font-weight: 950;
  letter-spacing: -.06em;
  text-shadow: 0 12px 34px rgba(0,0,0,.45);
}

.benefits-wow-hero p {
  max-width: 680px;
  margin: 0;
  color: rgba(255,255,255,.88);
  font-size: 1.08rem;
  line-height: 1.7;
  text-shadow: 0 8px 24px rgba(0,0,0,.34);
}

.benefits-wow-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.benefits-wow-main-btn {
  min-height: 50px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #fff !important;
  font-weight: 950 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--hp-orange), #ff981f) !important;
  box-shadow: 0 18px 38px -28px rgba(252, 136, 25, .9);
}

.benefits-wow-secondary-btn {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 22px;
  color: #0f172a;
  font-weight: 900;
  text-decoration: none;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 12px;
  background: rgba(255,255,255,.94);
}

/* Intro */
.benefits-wow-intro-section,
.benefits-wow-cards-section,
.benefits-wow-process-section,
.benefits-wow-cta-section {
  padding: 72px 0;
}

.benefits-wow-intro-grid {
  display: grid;
  grid-template-columns: 440px minmax(0, 1fr);
  gap: 54px;
  align-items: center;
}

.benefits-wow-visual {
  min-height: 390px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 24px;
  background:
    radial-gradient(circle at 50% 42%, rgba(252,136,25,.16), transparent 34%),
    linear-gradient(135deg, #fff4e5, #f8fafc);
  box-shadow: 0 28px 70px -54px rgba(15,23,42,.45);
}

.benefits-wow-visual img {
  width: min(330px, 82%);
  filter: drop-shadow(0 22px 34px rgba(15,23,42,.18));
}

.benefits-wow-intro-content h2,
.benefits-wow-heading h2,
.benefits-wow-cta h2 {
  margin: 8px 0 12px;
  color: #0f172a;
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.08;
  font-weight: 950;
  letter-spacing: -.05em;
}

.benefits-wow-intro-content h2 strong {
  color: var(--hp-orange);
}

.benefits-wow-intro-content p,
.benefits-wow-heading p,
.benefits-wow-cta p {
  margin: 0;
  color: rgba(71,85,105,.84);
  line-height: 1.7;
}

.benefits-wow-mini-list {
  display: grid;
  gap: 14px;
  margin-top: 24px;
}

.benefits-wow-mini-list > div {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px;
  border: 1px solid rgba(17,24,39,.07);
  border-radius: 16px;
  background: #fff;
}

.benefits-wow-mini-list i {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: var(--hp-orange);
  border-radius: 14px;
  background: rgba(252,136,25,.08);
}

.benefits-wow-mini-list span {
  color: #0f172a;
  font-weight: 900;
}

/* Heading */
.benefits-wow-heading {
  max-width: 720px;
  margin-bottom: 30px;
}

.benefits-wow-heading.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

/* Cards */
.benefits-wow-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
}

.benefits-wow-card,
.benefits-wow-process-card,
.benefits-wow-cta {
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.06), transparent 28%),
    rgba(255,255,255,.96);
  box-shadow:
    0 24px 58px -48px rgba(15,23,42,.48),
    0 1px 0 rgba(255,255,255,.96) inset;
}

.benefits-wow-card {
  min-height: 220px;
  padding: 26px;
}

.benefits-wow-card-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  margin-bottom: 20px;
  color: #fff;
  font-size: 22px;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--hp-orange), var(--hp-yellow));
  box-shadow: 0 18px 34px -26px rgba(252,136,25,.95);
}

.benefits-wow-card h3 {
  margin: 0 0 10px;
  color: #0f172a;
  font-size: 1.14rem;
  font-weight: 950;
}

.benefits-wow-card p {
  margin: 0;
  color: rgba(71,85,105,.82);
  line-height: 1.6;
}

/* Process */
.benefits-wow-process-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 18px;
  margin-top: 30px;
}

.benefits-wow-process-card {
  position: relative;
  min-height: 230px;
  padding: 26px;
  overflow: hidden;
}

.benefits-wow-process-card span {
  position: absolute;
  right: 20px;
  top: 18px;
  color: rgba(252,136,25,.16);
  font-size: 3rem;
  line-height: 1;
  font-weight: 950;
}

.benefits-wow-process-card i {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  margin-bottom: 20px;
  color: var(--hp-orange);
  font-size: 20px;
  border-radius: 16px;
  background: rgba(252,136,25,.08);
}

.benefits-wow-process-card h3 {
  margin: 0 0 10px;
  color: #0f172a;
  font-size: 1.08rem;
  font-weight: 950;
}

.benefits-wow-process-card p {
  margin: 0;
  color: rgba(71,85,105,.82);
  line-height: 1.6;
}

/* CTA */
.benefits-wow-cta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 28px;
  padding: 34px;
}

/* Dark */
html[data-tixy-theme="dark"] .benefits-wow-page {
  background:
    radial-gradient(circle at 86% 8%, rgba(252,136,25,.08), transparent 34%),
    linear-gradient(180deg, #080b11 0%, #0d1118 100%);
}

html[data-tixy-theme="dark"] .benefits-wow-visual,
html[data-tixy-theme="dark"] .benefits-wow-card,
html[data-tixy-theme="dark"] .benefits-wow-process-card,
html[data-tixy-theme="dark"] .benefits-wow-cta,
html[data-tixy-theme="dark"] .benefits-wow-mini-list > div {
  border-color: rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.08), transparent 28%),
    #111722;
}

html[data-tixy-theme="dark"] .benefits-wow-intro-content h2,
html[data-tixy-theme="dark"] .benefits-wow-heading h2,
html[data-tixy-theme="dark"] .benefits-wow-cta h2,
html[data-tixy-theme="dark"] .benefits-wow-card h3,
html[data-tixy-theme="dark"] .benefits-wow-process-card h3,
html[data-tixy-theme="dark"] .benefits-wow-mini-list span {
  color: #fff;
}

html[data-tixy-theme="dark"] .benefits-wow-intro-content p,
html[data-tixy-theme="dark"] .benefits-wow-heading p,
html[data-tixy-theme="dark"] .benefits-wow-cta p,
html[data-tixy-theme="dark"] .benefits-wow-card p,
html[data-tixy-theme="dark"] .benefits-wow-process-card p {
  color: rgba(223,228,238,.76);
}

/* Responsive */
@media (max-width: 991px) {
  .benefits-wow-intro-grid {
    grid-template-columns: 1fr;
  }

  .benefits-wow-grid,
  .benefits-wow-process-grid {
    grid-template-columns: 1fr 1fr;
  }

  .benefits-wow-hero {
    min-height: 390px;
  }
}

@media (max-width: 575px) {
  .benefits-wow-hero {
    min-height: auto;
  }

  .benefits-wow-hero-inner {
    padding: 96px 0 58px;
  }

  .benefits-wow-grid,
  .benefits-wow-process-grid {
    grid-template-columns: 1fr;
  }

  .benefits-wow-cta {
    align-items: flex-start;
    flex-direction: column;
  }

  .benefits-wow-main-btn,
  .benefits-wow-secondary-btn {
    width: 100%;
  }

  .benefits-wow-visual {
    min-height: 300px;
  }
}


/* ==========================================================================
   125. FAQ WOW PAGE
   ========================================================================== */

.faq-wow-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 86% 8%, rgba(252, 136, 25, .09), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.faq-wow-page .container {
  max-width: 1140px;
}

/* Hero */
.faq-wow-hero {
  position: relative;
  min-height: 430px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background-image:
    linear-gradient(90deg, rgba(6, 9, 15, .88) 0%, rgba(6, 9, 15, .68) 46%, rgba(6, 9, 15, .30) 100%),
    url("/static/assets/img/slider/header.png");
  background-size: cover;
  background-position: center center;
}

.faq-wow-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 78% 35%, rgba(252, 136, 25, .20), transparent 28%),
    linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(6,9,15,.38) 100%);
  pointer-events: none;
}

.faq-wow-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 760px;
  padding: 88px 0 70px;
}

.faq-wow-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
  color: rgba(255,255,255,.76);
  font-size: .84rem;
  font-weight: 800;
}

.faq-wow-breadcrumb a {
  color: rgba(255,255,255,.82);
  text-decoration: none;
}

.faq-wow-breadcrumb li:last-child {
  color: var(--hp-yellow);
}

.faq-wow-eyebrow,
.faq-wow-intro > span,
.faq-wow-final span {
  display: block;
  color: var(--hp-orange);
  font-size: .78rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.faq-wow-hero .faq-wow-eyebrow {
  color: var(--hp-yellow);
}

.faq-wow-hero h1 {
  margin: 10px 0 16px;
  color: #fff;
  font-size: clamp(2.55rem, 5vw, 4.2rem);
  line-height: 1.02;
  font-weight: 950;
  letter-spacing: -.06em;
  text-shadow: 0 12px 34px rgba(0,0,0,.45);
}

.faq-wow-hero p {
  max-width: 680px;
  margin: 0;
  color: rgba(255,255,255,.88);
  font-size: 1.08rem;
  line-height: 1.7;
  text-shadow: 0 8px 24px rgba(0,0,0,.34);
}

.faq-wow-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.faq-wow-main-btn {
  min-height: 50px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #fff !important;
  font-weight: 950 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--hp-orange), #ff981f) !important;
  box-shadow: 0 18px 38px -28px rgba(252, 136, 25, .9);
}

.faq-wow-secondary-btn {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 22px;
  color: #0f172a;
  font-weight: 900;
  text-decoration: none;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 12px;
  background: rgba(255,255,255,.94);
}

/* Content */
.faq-wow-content {
  padding: 76px 0;
}

.faq-wow-grid {
  display: grid;
  grid-template-columns: 390px minmax(0, 1fr);
  gap: 34px;
  align-items: start;
}

.faq-wow-intro,
.faq-wow-accordion .accordion-item,
.faq-wow-final {
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.06), transparent 28%),
    rgba(255,255,255,.96);
  box-shadow:
    0 24px 58px -48px rgba(15,23,42,.48),
    0 1px 0 rgba(255,255,255,.96) inset;
}

.faq-wow-intro {
  position: sticky;
  top: 112px;
  padding: 30px;
}

.faq-wow-intro h2,
.faq-wow-final h2 {
  margin: 8px 0 14px;
  color: #0f172a;
  font-size: clamp(2rem, 4vw, 2.7rem);
  line-height: 1.08;
  font-weight: 950;
  letter-spacing: -.05em;
}

.faq-wow-intro h2 strong {
  color: var(--hp-orange);
}

.faq-wow-intro p,
.faq-wow-final p {
  color: rgba(71,85,105,.84);
  line-height: 1.7;
}

.faq-wow-help-card {
  display: flex;
  gap: 14px;
  margin: 24px 0;
  padding: 18px;
  border: 1px solid rgba(252,136,25,.16);
  border-radius: 16px;
  background: #fff7ed;
}

.faq-wow-help-card i {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: var(--hp-orange);
  border-radius: 14px;
  background: #fff;
}

.faq-wow-help-card strong,
.faq-wow-help-card span {
  display: block;
}

.faq-wow-help-card strong {
  color: #0f172a;
  font-weight: 950;
}

.faq-wow-help-card span {
  color: rgba(71,85,105,.80);
  line-height: 1.45;
}

/* Accordion */
.faq-wow-accordion {
  display: grid;
  gap: 14px;
}

.faq-wow-accordion .accordion-item {
  overflow: hidden;
  border: 1px solid rgba(17,24,39,.08) !important;
}

.faq-wow-accordion .accordion-button {
  gap: 14px;
  min-height: 76px;
  padding: 20px 22px;
  color: #0f172a;
  font-size: 1.02rem;
  font-weight: 950;
  border: 0;
  background: #fff;
  box-shadow: none !important;
}

.faq-wow-accordion .accordion-button:not(.collapsed) {
  color: var(--hp-orange);
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.08), transparent 30%),
    #fffaf4;
  border-bottom: 1px solid rgba(252,136,25,.20);
}

.faq-wow-accordion .accordion-button span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: #fff;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--hp-orange), var(--hp-yellow));
}

.faq-wow-accordion .accordion-body {
  padding: 20px 24px 24px 78px;
  color: rgba(71,85,105,.86);
  line-height: 1.75;
}

/* Final CTA */
.faq-wow-final {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin-top: 34px;
  padding: 34px;
}

.faq-wow-final-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

/* Dark */
html[data-tixy-theme="dark"] .faq-wow-page {
  background:
    radial-gradient(circle at 86% 8%, rgba(252,136,25,.08), transparent 34%),
    linear-gradient(180deg, #080b11 0%, #0d1118 100%);
}

html[data-tixy-theme="dark"] .faq-wow-intro,
html[data-tixy-theme="dark"] .faq-wow-accordion .accordion-item,
html[data-tixy-theme="dark"] .faq-wow-final {
  border-color: rgba(255,255,255,.10) !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.08), transparent 28%),
    #111722;
}

html[data-tixy-theme="dark"] .faq-wow-intro h2,
html[data-tixy-theme="dark"] .faq-wow-final h2,
html[data-tixy-theme="dark"] .faq-wow-help-card strong,
html[data-tixy-theme="dark"] .faq-wow-accordion .accordion-button {
  color: #fff;
}

html[data-tixy-theme="dark"] .faq-wow-intro p,
html[data-tixy-theme="dark"] .faq-wow-final p,
html[data-tixy-theme="dark"] .faq-wow-help-card span,
html[data-tixy-theme="dark"] .faq-wow-accordion .accordion-body {
  color: rgba(223,228,238,.76);
}

html[data-tixy-theme="dark"] .faq-wow-help-card,
html[data-tixy-theme="dark"] .faq-wow-accordion .accordion-button,
html[data-tixy-theme="dark"] .faq-wow-accordion .accordion-button:not(.collapsed) {
  background: #0d121c;
  border-color: rgba(255,255,255,.10);
}

html[data-tixy-theme="dark"] .faq-wow-secondary-btn {
  color: #fff;
  border-color: rgba(255,255,255,.12);
  background: #0d121c;
}

/* Responsive */
@media (max-width: 991px) {
  .faq-wow-grid {
    grid-template-columns: 1fr;
  }

  .faq-wow-intro {
    position: static;
  }

  .faq-wow-hero {
    min-height: 390px;
  }
}

@media (max-width: 575px) {
  .faq-wow-hero {
    min-height: auto;
  }

  .faq-wow-hero-inner {
    padding: 96px 0 58px;
  }

  .faq-wow-intro,
  .faq-wow-final {
    padding: 24px;
  }

  .faq-wow-accordion .accordion-body {
    padding: 18px 22px 22px;
  }

  .faq-wow-final {
    align-items: flex-start;
    flex-direction: column;
  }

  .faq-wow-main-btn,
  .faq-wow-secondary-btn {
    width: 100%;
  }
}


/* ==========================================================================
   115. ATTIVA PRO WOW PAGE
   ========================================================================== */

.pro-wow-page {
  min-height: 100vh;
  padding: 112px 0 76px;
  background:
    radial-gradient(circle at 85% 8%, rgba(252, 136, 25, .09), transparent 34%),
    radial-gradient(circle at 4% 26%, rgba(253, 192, 5, .08), transparent 30%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.pro-wow-page .container {
  max-width: 1140px;
}

.pro-wow-hero,
.pro-wow-panel,
.pro-wow-info-card,
.pro-wow-final-note {
  border: 1px solid rgba(17, 24, 39, .08);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(252, 136, 25, .06), transparent 28%),
    rgba(255, 255, 255, .94);
  box-shadow:
    0 24px 58px -48px rgba(15, 23, 42, .48),
    0 1px 0 rgba(255, 255, 255, .96) inset;
}

.pro-wow-hero {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 24px;
  padding: 32px;
  margin-bottom: 24px;
}

.pro-wow-hero-icon {
  width: 92px;
  height: 92px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  color: var(--hp-orange);
  font-size: 36px;
  background:
    radial-gradient(circle at 35% 25%, rgba(253, 192, 5, .24), transparent 34%),
    #fff1dc;
}

.pro-wow-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
  color: rgba(71, 85, 105, .75);
  font-size: .82rem;
  font-weight: 700;
}

.pro-wow-breadcrumb a {
  color: rgba(71, 85, 105, .84);
  text-decoration: none;
}

.pro-wow-breadcrumb li:last-child {
  color: var(--hp-orange);
}

.pro-wow-hero h1 {
  margin: 0 0 12px;
  color: #0f172a;
  font-size: clamp(2rem, 4vw, 2.85rem);
  font-weight: 950;
  letter-spacing: -.045em;
}

.pro-wow-hero p {
  max-width: 850px;
  margin: 0;
  color: rgba(51, 65, 85, .88);
  font-size: 1.02rem;
  line-height: 1.75;
}

.pro-wow-benefits {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 26px;
}

.pro-wow-benefits > div {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 62px;
  padding-right: 14px;
  border-right: 1px solid rgba(17, 24, 39, .08);
}

.pro-wow-benefits > div:last-child {
  border-right: 0;
}

.pro-wow-benefits i {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: var(--hp-orange);
  border-radius: 12px;
  background: rgba(252, 136, 25, .08);
}

.pro-wow-benefits strong,
.pro-wow-benefits small {
  display: block;
}

.pro-wow-benefits strong {
  color: #0f172a;
  font-size: .92rem;
  font-weight: 900;
}

.pro-wow-benefits small {
  color: rgba(71, 85, 105, .82);
  line-height: 1.3;
}

.pro-wow-event-badge {
  width: fit-content;
  margin-top: 22px;
  padding: 7px 14px;
  color: #075985;
  font-size: .82rem;
  font-weight: 900;
  border-radius: 999px;
  background: #cffafe;
}


/* Panel */
.pro-wow-panel {
  padding: 28px;
  margin-bottom: 26px;
}

.pro-wow-panel-head {
  margin-bottom: 22px;
}

.pro-wow-panel-head h2 {
  margin: 0 0 6px;
  color: #0f172a;
  font-size: 1.55rem;
  font-weight: 950;
  letter-spacing: -.025em;
}

.pro-wow-panel-head p,
.pro-wow-other-head p {
  margin: 0;
  color: rgba(71, 85, 105, .84);
}


/* Daily */
.pro-wow-daily-plan {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 220px;
  gap: 28px;
  padding: 28px;
  margin-bottom: 28px;
  cursor: pointer;
  border: 1px solid rgba(252, 136, 25, .55);
  border-radius: 16px;
  background:
    radial-gradient(circle at 0% 0%, rgba(252, 136, 25, .10), transparent 30%),
    linear-gradient(135deg, #fff8ec 0%, #ffffff 100%);
  box-shadow: 0 22px 60px -50px rgba(252, 136, 25, .65);
}

.pro-wow-daily-plan.is-selected {
  border-color: rgba(252, 136, 25, .95);
  box-shadow:
    0 26px 70px -50px rgba(252, 136, 25, .72),
    0 0 0 4px rgba(252, 136, 25, .08);
}

.pro-wow-daily-plan > .pro-wow-radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.pro-wow-plan-title-row {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.pro-wow-best-badge {
  padding: 7px 13px;
  color: #111827;
  font-size: .76rem;
  font-weight: 950;
  text-transform: uppercase;
  border-radius: 999px;
  background: var(--hp-yellow);
}

.pro-wow-plan-title-row h3 {
  margin: 0;
  color: #0f172a;
  font-size: 1.42rem;
  font-weight: 950;
  letter-spacing: -.02em;
}

.pro-wow-plan-list {
  display: grid;
  gap: 11px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pro-wow-plan-list li {
  display: flex;
  gap: 10px;
  align-items: center;
  color: rgba(51, 65, 85, .92);
  font-size: .95rem;
}

.pro-wow-plan-list i {
  color: var(--hp-orange);
  width: 18px;
  text-align: center;
}

.pro-wow-plan-desc {
  margin: 16px 0 0;
  color: rgba(51, 65, 85, .82);
  font-size: .94rem;
}

.pro-wow-daily-price {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 18px;
  min-width: 200px;
  padding-left: 24px;
  border-left: 1px solid rgba(17, 24, 39, .08);
}

.pro-wow-daily-price span {
  color: rgba(71, 85, 105, .78);
  font-size: .88rem;
  font-weight: 900;
}

.pro-wow-daily-price span i {
  color: var(--hp-orange);
  margin-right: 7px;
}

.pro-wow-daily-price strong {
  color: var(--hp-orange);
  font-size: 2rem;
  font-weight: 950;
  letter-spacing: -.04em;
}


/* Other plans */
.pro-wow-other-head {
  margin-bottom: 16px;
}

.pro-wow-other-head h3 {
  margin: 0 0 4px;
  color: #0f172a;
  font-size: 1.28rem;
  font-weight: 950;
}

.pro-wow-plan-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.pro-wow-mini-plan {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 160px;
  padding: 22px;
  cursor: pointer;
  border: 1px solid rgba(17, 24, 39, .10);
  border-radius: 14px;
  background: #fff;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.pro-wow-mini-plan:hover,
.pro-wow-mini-plan.is-selected {
  transform: translateY(-3px);
  border-color: rgba(252, 136, 25, .60);
  box-shadow: 0 22px 50px -42px rgba(252, 136, 25, .65);
}

.pro-wow-mini-plan > .pro-wow-radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.pro-wow-mini-top {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 18px;
}

.pro-wow-radio-fake {
  width: 18px;
  height: 18px;
  display: inline-block;
  border: 1px solid rgba(100, 116, 139, .32);
  border-radius: 999px;
  background: #fff;
}

.pro-wow-mini-plan.is-selected .pro-wow-radio-fake {
  border: 5px solid var(--hp-orange);
}

.pro-wow-mini-top h4 {
  margin: 0;
  color: #0f172a;
  font-size: 1.1rem;
  font-weight: 950;
}

.pro-wow-mini-days {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(71, 85, 105, .86);
  font-size: .92rem;
}

.pro-wow-mini-days i {
  color: var(--hp-orange);
}

.pro-wow-mini-plan p {
  margin: 10px 0 0;
  color: rgba(71, 85, 105, .76);
  font-size: .9rem;
}

.pro-wow-mini-price {
  margin-top: auto;
  padding-top: 16px;
  border-top: 1px solid rgba(17, 24, 39, .08);
  color: var(--hp-orange);
  font-size: 1.36rem;
  font-weight: 950;
  letter-spacing: -.02em;
}


/* Actions */
.pro-wow-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 24px;
}

.pro-wow-submit {
  min-height: 50px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 28px !important;
  color: #fff !important;
  font-weight: 950 !important;
  letter-spacing: .05em;
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--hp-orange), #ff981f) !important;
  box-shadow: 0 18px 38px -28px rgba(252, 136, 25, .9);
}

.pro-wow-cancel {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  color: rgba(51, 65, 85, .86);
  font-weight: 800;
  text-decoration: none;
  border: 1px solid rgba(100, 116, 139, .24);
  border-radius: 12px;
  background: #fff;
}

.pro-wow-secure-note {
  margin-top: 16px;
  color: rgba(71, 85, 105, .78);
  font-size: .86rem;
  font-weight: 700;
}

.pro-wow-secure-note i {
  color: var(--hp-orange);
}


/* Info */
.pro-wow-info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
}

.pro-wow-info-card {
  padding: 28px;
}

.pro-wow-info-title {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}

.pro-wow-info-title span {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  color: #fff;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--hp-orange), var(--hp-yellow));
}

.pro-wow-info-title h3 {
  margin: 0;
  color: #0f172a;
  font-size: 1.18rem;
  font-weight: 950;
}

.pro-wow-info-card ol {
  margin: 0;
  padding-left: 22px;
  color: rgba(51, 65, 85, .86);
  line-height: 1.85;
}

.pro-wow-faq-item {
  padding: 12px 0;
  border-bottom: 1px solid rgba(17, 24, 39, .08);
}

.pro-wow-faq-item:first-of-type {
  padding-top: 0;
}

.pro-wow-faq-item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.pro-wow-faq-item strong {
  display: block;
  color: #0f172a;
  font-weight: 900;
  margin-bottom: 4px;
}

.pro-wow-faq-item p {
  margin: 0;
  color: rgba(71, 85, 105, .82);
}

.pro-wow-final-note {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
  padding: 22px 26px;
}

.pro-wow-final-note i {
  color: #22c55e;
  font-size: 28px;
}

.pro-wow-final-note strong,
.pro-wow-final-note span {
  display: block;
}

.pro-wow-final-note strong {
  color: #0f172a;
  font-weight: 950;
}

.pro-wow-final-note span {
  color: rgba(71, 85, 105, .82);
}


/* Dark mode */
html[data-tixy-theme="dark"] .pro-wow-page {
  background:
    radial-gradient(circle at 85% 8%, rgba(252, 136, 25, .08), transparent 34%),
    linear-gradient(180deg, #080b11 0%, #0d1118 100%);
}

html[data-tixy-theme="dark"] .pro-wow-hero,
html[data-tixy-theme="dark"] .pro-wow-panel,
html[data-tixy-theme="dark"] .pro-wow-info-card,
html[data-tixy-theme="dark"] .pro-wow-final-note {
  border-color: rgba(255, 255, 255, .10);
  background:
    radial-gradient(circle at 100% 0%, rgba(252, 136, 25, .08), transparent 28%),
    #111722;
}

html[data-tixy-theme="dark"] .pro-wow-hero h1,
html[data-tixy-theme="dark"] .pro-wow-panel-head h2,
html[data-tixy-theme="dark"] .pro-wow-plan-title-row h3,
html[data-tixy-theme="dark"] .pro-wow-other-head h3,
html[data-tixy-theme="dark"] .pro-wow-mini-top h4,
html[data-tixy-theme="dark"] .pro-wow-info-title h3,
html[data-tixy-theme="dark"] .pro-wow-faq-item strong,
html[data-tixy-theme="dark"] .pro-wow-final-note strong,
html[data-tixy-theme="dark"] .pro-wow-benefits strong {
  color: #fff;
}

html[data-tixy-theme="dark"] .pro-wow-hero p,
html[data-tixy-theme="dark"] .pro-wow-panel-head p,
html[data-tixy-theme="dark"] .pro-wow-other-head p,
html[data-tixy-theme="dark"] .pro-wow-plan-list li,
html[data-tixy-theme="dark"] .pro-wow-plan-desc,
html[data-tixy-theme="dark"] .pro-wow-mini-days,
html[data-tixy-theme="dark"] .pro-wow-mini-plan p,
html[data-tixy-theme="dark"] .pro-wow-info-card ol,
html[data-tixy-theme="dark"] .pro-wow-faq-item p,
html[data-tixy-theme="dark"] .pro-wow-final-note span,
html[data-tixy-theme="dark"] .pro-wow-benefits small {
  color: rgba(223, 228, 238, .76);
}

html[data-tixy-theme="dark"] .pro-wow-daily-plan {
  background:
    radial-gradient(circle at 0% 0%, rgba(252, 136, 25, .12), transparent 30%),
    #121927;
}

html[data-tixy-theme="dark"] .pro-wow-mini-plan,
html[data-tixy-theme="dark"] .pro-wow-cancel {
  color: #fff;
  border-color: rgba(255, 255, 255, .10);
  background: #0d121c;
}

html[data-tixy-theme="dark"] .pro-wow-daily-price,
html[data-tixy-theme="dark"] .pro-wow-mini-price,
html[data-tixy-theme="dark"] .pro-wow-faq-item {
  border-color: rgba(255, 255, 255, .10);
}


/* Responsive */
@media (max-width: 991px) {
  .pro-wow-page {
    padding-top: 96px;
  }

  .pro-wow-hero {
    grid-template-columns: 1fr;
  }

  .pro-wow-benefits {
    grid-template-columns: 1fr 1fr;
  }

  .pro-wow-benefits > div {
    border-right: 0;
  }

  .pro-wow-daily-plan {
    grid-template-columns: 1fr;
  }

  .pro-wow-daily-price {
    padding-left: 0;
    padding-top: 18px;
    border-left: 0;
    border-top: 1px solid rgba(17, 24, 39, .08);
  }

  .pro-wow-plan-grid {
    grid-template-columns: 1fr 1fr;
  }

  .pro-wow-info-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575px) {
  .pro-wow-page {
    padding-top: 86px;
  }

  .pro-wow-hero,
  .pro-wow-panel,
  .pro-wow-info-card,
  .pro-wow-final-note {
    border-radius: 16px;
  }

  .pro-wow-hero,
  .pro-wow-panel {
    padding: 22px;
  }

  .pro-wow-benefits,
  .pro-wow-plan-grid {
    grid-template-columns: 1fr;
  }

  .pro-wow-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .pro-wow-submit,
  .pro-wow-cancel {
    width: 100%;
  }
}


/* ==========================================================================
   126. CONTATTI WOW PAGE
   ========================================================================== */

.contact-wow-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 86% 8%, rgba(252, 136, 25, .09), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.contact-wow-page .container {
  max-width: 1140px;
}

/* Hero */
.contact-wow-hero {
  position: relative;
  min-height: 430px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background-image:
    linear-gradient(90deg, rgba(6, 9, 15, .88) 0%, rgba(6, 9, 15, .68) 46%, rgba(6, 9, 15, .30) 100%),
    url("/static/assets/img/slider/header.png");
  background-size: cover;
  background-position: center center;
}

.contact-wow-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 78% 35%, rgba(252, 136, 25, .20), transparent 28%),
    linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(6,9,15,.38) 100%);
  pointer-events: none;
}

.contact-wow-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 760px;
  padding: 88px 0 70px;
}

.contact-wow-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
  color: rgba(255,255,255,.76);
  font-size: .84rem;
  font-weight: 800;
}

.contact-wow-breadcrumb a {
  color: rgba(255,255,255,.82);
  text-decoration: none;
}

.contact-wow-breadcrumb li:last-child {
  color: var(--hp-yellow);
}

.contact-wow-eyebrow,
.contact-wow-form-card > span {
  display: block;
  color: var(--hp-orange);
  font-size: .78rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.contact-wow-hero .contact-wow-eyebrow {
  color: var(--hp-yellow);
}

.contact-wow-hero h1 {
  margin: 10px 0 16px;
  color: #fff;
  font-size: clamp(2.55rem, 5vw, 4.2rem);
  line-height: 1.02;
  font-weight: 950;
  letter-spacing: -.06em;
  text-shadow: 0 12px 34px rgba(0,0,0,.45);
}

.contact-wow-hero p {
  max-width: 680px;
  margin: 0;
  color: rgba(255,255,255,.88);
  font-size: 1.08rem;
  line-height: 1.7;
  text-shadow: 0 8px 24px rgba(0,0,0,.34);
}

.contact-wow-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.contact-wow-main-btn,
.contact-wow-submit {
  min-height: 50px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #fff !important;
  font-weight: 950 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--hp-orange), #ff981f) !important;
  box-shadow: 0 18px 38px -28px rgba(252, 136, 25, .9);
}

.contact-wow-secondary-btn {
  min-height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 22px;
  color: #0f172a;
  font-weight: 900;
  text-decoration: none;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 12px;
  background: rgba(255,255,255,.94);
}

/* Content */
.contact-wow-content {
  padding: 76px 0;
}

.contact-wow-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 26px;
  align-items: start;
}

.contact-wow-form-card,
.contact-wow-side-card,
.contact-wow-trust {
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.06), transparent 28%),
    rgba(255,255,255,.96);
  box-shadow:
    0 24px 58px -48px rgba(15,23,42,.48),
    0 1px 0 rgba(255,255,255,.96) inset;
}

.contact-wow-form-card {
  padding: 32px;
}

.contact-wow-form-card h2 {
  margin: 8px 0 12px;
  color: #0f172a;
  font-size: clamp(2rem, 4vw, 2.8rem);
  line-height: 1.08;
  font-weight: 950;
  letter-spacing: -.05em;
}

.contact-wow-form-card p {
  max-width: 720px;
  margin: 0 0 24px;
  color: rgba(71,85,105,.84);
  line-height: 1.7;
}

.contact-wow-form {
  display: grid;
  gap: 16px;
}

.contact-wow-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}

.contact-wow-field label {
  display: block;
  margin-bottom: 8px;
  color: #0f172a;
  font-size: .85rem;
  font-weight: 900;
}

.contact-wow-field input,
.contact-wow-field select,
.contact-wow-field textarea {
  width: 100%;
  border: 1px solid rgba(100,116,139,.24);
  border-radius: 13px;
  background: #fff;
  color: #0f172a;
  font-weight: 700;
  outline: none;
  transition: border-color .2s ease, box-shadow .2s ease;
}

.contact-wow-field input,
.contact-wow-field select {
  min-height: 52px;
  padding: 0 16px;
}

.contact-wow-field textarea {
  resize: vertical;
  padding: 15px 16px;
}

.contact-wow-field input:focus,
.contact-wow-field select:focus,
.contact-wow-field textarea:focus {
  border-color: rgba(252,136,25,.55);
  box-shadow: 0 0 0 .22rem rgba(252,136,25,.12);
}

.contact-wow-submit {
  width: fit-content;
  border: 0;
  padding: 0 28px;
}

.contact-wow-form-note {
  display: block;
  color: rgba(71,85,105,.72);
  font-weight: 700;
}

/* Side */
.contact-wow-side {
  display: grid;
  gap: 16px;
}

.contact-wow-side-card {
  display: flex;
  gap: 15px;
  padding: 22px;
}

.contact-wow-side-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: var(--hp-orange);
  border-radius: 15px;
  background: rgba(252,136,25,.08);
}

.contact-wow-side-card span {
  display: block;
  color: var(--hp-orange);
  font-size: .72rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.contact-wow-side-card strong {
  display: block;
  margin-top: 4px;
  color: #0f172a;
  font-weight: 950;
}

.contact-wow-side-card p {
  margin: 8px 0 0;
  color: rgba(71,85,105,.80);
  line-height: 1.5;
}

.contact-wow-side-card a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  color: var(--hp-orange);
  font-weight: 900;
  text-decoration: none;
}

/* Trust */
.contact-wow-trust {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
  margin-top: 24px;
  padding: 24px;
}

.contact-wow-trust > div {
  display: grid;
  grid-template-columns: 42px 1fr;
  column-gap: 14px;
  align-items: start;
}

.contact-wow-trust i {
  grid-row: span 2;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: var(--hp-orange);
  border-radius: 14px;
  background: rgba(252,136,25,.08);
}

.contact-wow-trust strong {
  color: #0f172a;
  font-weight: 950;
}

.contact-wow-trust span {
  color: rgba(71,85,105,.80);
  font-size: .9rem;
  line-height: 1.4;
}

/* Dark */
html[data-tixy-theme="dark"] .contact-wow-page {
  background:
    radial-gradient(circle at 86% 8%, rgba(252,136,25,.08), transparent 34%),
    linear-gradient(180deg, #080b11 0%, #0d1118 100%);
}

html[data-tixy-theme="dark"] .contact-wow-form-card,
html[data-tixy-theme="dark"] .contact-wow-side-card,
html[data-tixy-theme="dark"] .contact-wow-trust {
  border-color: rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.08), transparent 28%),
    #111722;
}

html[data-tixy-theme="dark"] .contact-wow-form-card h2,
html[data-tixy-theme="dark"] .contact-wow-field label,
html[data-tixy-theme="dark"] .contact-wow-side-card strong,
html[data-tixy-theme="dark"] .contact-wow-trust strong {
  color: #fff;
}

html[data-tixy-theme="dark"] .contact-wow-form-card p,
html[data-tixy-theme="dark"] .contact-wow-form-note,
html[data-tixy-theme="dark"] .contact-wow-side-card p,
html[data-tixy-theme="dark"] .contact-wow-trust span {
  color: rgba(223,228,238,.76);
}

html[data-tixy-theme="dark"] .contact-wow-field input,
html[data-tixy-theme="dark"] .contact-wow-field select,
html[data-tixy-theme="dark"] .contact-wow-field textarea,
html[data-tixy-theme="dark"] .contact-wow-secondary-btn {
  color: #fff;
  border-color: rgba(255,255,255,.12);
  background: #0d121c;
}

/* Responsive */
@media (max-width: 991px) {
  .contact-wow-grid {
    grid-template-columns: 1fr;
  }

  .contact-wow-hero {
    min-height: 390px;
  }
}

@media (max-width: 575px) {
  .contact-wow-hero {
    min-height: auto;
  }

  .contact-wow-hero-inner {
    padding: 96px 0 58px;
  }

  .contact-wow-form-card {
    padding: 24px;
  }

  .contact-wow-form-row,
  .contact-wow-trust {
    grid-template-columns: 1fr;
  }

  .contact-wow-main-btn,
  .contact-wow-secondary-btn,
  .contact-wow-submit {
    width: 100%;
  }
}


/* ==========================================================================
   127. TERMINI LEGAL WOW PAGE
   ========================================================================== */

.legal-wow-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 86% 8%, rgba(252, 136, 25, .09), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.legal-wow-page .container {
  max-width: 1140px;
}

.legal-wow-hero {
  position: relative;
  min-height: 430px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background-image:
    linear-gradient(90deg, rgba(6, 9, 15, .88) 0%, rgba(6, 9, 15, .68) 46%, rgba(6, 9, 15, .30) 100%),
    url("/static/assets/img/slider/header.png");
  background-size: cover;
  background-position: center center;
}

.legal-wow-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 78% 35%, rgba(252, 136, 25, .20), transparent 28%),
    linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(6,9,15,.38) 100%);
  pointer-events: none;
}

.legal-wow-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 780px;
  padding: 88px 0 70px;
}

.legal-wow-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
  color: rgba(255,255,255,.76);
  font-size: .84rem;
  font-weight: 800;
}

.legal-wow-breadcrumb a {
  color: rgba(255,255,255,.82);
  text-decoration: none;
}

.legal-wow-breadcrumb li:last-child {
  color: var(--hp-yellow);
}

.legal-wow-eyebrow,
.legal-wow-index > span,
.legal-wow-doc-head > span {
  display: block;
  color: var(--hp-orange);
  font-size: .78rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.legal-wow-hero .legal-wow-eyebrow {
  color: var(--hp-yellow);
}

.legal-wow-hero h1 {
  margin: 10px 0 16px;
  color: #fff;
  font-size: clamp(2.55rem, 5vw, 4.2rem);
  line-height: 1.02;
  font-weight: 950;
  letter-spacing: -.06em;
  text-shadow: 0 12px 34px rgba(0,0,0,.45);
}

.legal-wow-hero p {
  max-width: 720px;
  margin: 0;
  color: rgba(255,255,255,.88);
  font-size: 1.08rem;
  line-height: 1.7;
  text-shadow: 0 8px 24px rgba(0,0,0,.34);
}

.legal-wow-content {
  padding: 76px 0;
}

.legal-wow-layout {
  display: grid;
  grid-template-columns: 300px minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}

.legal-wow-index,
.legal-wow-document {
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.06), transparent 28%),
    rgba(255,255,255,.96);
  box-shadow:
    0 24px 58px -48px rgba(15,23,42,.48),
    0 1px 0 rgba(255,255,255,.96) inset;
}

.legal-wow-index {
  position: sticky;
  top: 112px;
  padding: 24px;
}

.legal-wow-index h2 {
  margin: 7px 0 18px;
  color: #0f172a;
  font-size: 1.45rem;
  font-weight: 950;
  letter-spacing: -.03em;
}

.legal-wow-index nav {
  display: grid;
  gap: 8px;
}

.legal-wow-index nav a {
  padding: 9px 11px;
  color: rgba(71,85,105,.86);
  font-size: .88rem;
  font-weight: 800;
  text-decoration: none;
  border-radius: 10px;
  background: transparent;
}

.legal-wow-index nav a:hover {
  color: var(--hp-orange);
  background: #fff7ed;
}

.legal-wow-index-note {
  display: flex;
  gap: 10px;
  margin-top: 22px;
  padding: 14px;
  color: #075985;
  font-size: .84rem;
  font-weight: 800;
  border: 1px solid rgba(6,182,212,.18);
  border-radius: 14px;
  background: #ecfeff;
}

.legal-wow-document {
  padding: 34px;
}

.legal-wow-doc-head {
  margin-bottom: 30px;
  padding: 24px;
  border: 1px solid rgba(252,136,25,.16);
  border-radius: 16px;
  background: #fff7ed;
}

.legal-wow-doc-head strong {
  display: block;
  margin-top: 7px;
  color: #0f172a;
  font-size: 1.35rem;
  font-weight: 950;
}

.legal-wow-doc-head p {
  margin: 7px 0 0;
  color: rgba(71,85,105,.84);
}

.legal-wow-section {
  scroll-margin-top: 120px;
  padding: 28px 0;
  border-bottom: 1px solid rgba(17,24,39,.08);
}

.legal-wow-section:first-of-type {
  padding-top: 0;
}

.legal-wow-section h2 {
  margin: 0 0 14px;
  color: #0f172a;
  font-size: clamp(1.45rem, 3vw, 2rem);
  font-weight: 950;
  letter-spacing: -.035em;
}

.legal-wow-section p,
.legal-wow-section li {
  color: rgba(71,85,105,.90);
  font-size: 1rem;
  line-height: 1.85;
}

.legal-wow-section p {
  margin: 0;
}

.legal-wow-section ul {
  margin: 14px 0;
  padding-left: 22px;
}

.legal-wow-section strong {
  color: #0f172a;
}

.legal-wow-final {
  display: grid;
  grid-template-columns: 48px 1fr auto;
  gap: 16px;
  align-items: center;
  margin-top: 28px;
  padding: 22px;
  border: 1px solid rgba(34,197,94,.18);
  border-radius: 16px;
  background: #f0fdf4;
}

.legal-wow-final i {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  color: #22c55e;
  font-size: 22px;
  border-radius: 15px;
  background: #fff;
}

.legal-wow-final strong,
.legal-wow-final span {
  display: block;
}

.legal-wow-final strong {
  color: #0f172a;
  font-weight: 950;
}

.legal-wow-final span {
  color: rgba(71,85,105,.82);
}

.legal-wow-final-actions {
  display: flex;
  gap: 10px;
}

.legal-wow-final-actions a {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  padding: 0 16px;
  color: var(--hp-orange);
  font-weight: 900;
  text-decoration: none;
  border: 1px solid rgba(252,136,25,.24);
  border-radius: 11px;
  background: #fff;
}

/* Dark */
html[data-tixy-theme="dark"] .legal-wow-page {
  background:
    radial-gradient(circle at 86% 8%, rgba(252,136,25,.08), transparent 34%),
    linear-gradient(180deg, #080b11 0%, #0d1118 100%);
}

html[data-tixy-theme="dark"] .legal-wow-index,
html[data-tixy-theme="dark"] .legal-wow-document {
  border-color: rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.08), transparent 28%),
    #111722;
}

html[data-tixy-theme="dark"] .legal-wow-index h2,
html[data-tixy-theme="dark"] .legal-wow-doc-head strong,
html[data-tixy-theme="dark"] .legal-wow-section h2,
html[data-tixy-theme="dark"] .legal-wow-section strong,
html[data-tixy-theme="dark"] .legal-wow-final strong {
  color: #fff;
}

html[data-tixy-theme="dark"] .legal-wow-index nav a,
html[data-tixy-theme="dark"] .legal-wow-doc-head p,
html[data-tixy-theme="dark"] .legal-wow-section p,
html[data-tixy-theme="dark"] .legal-wow-section li,
html[data-tixy-theme="dark"] .legal-wow-final span {
  color: rgba(223,228,238,.78);
}

html[data-tixy-theme="dark"] .legal-wow-doc-head,
html[data-tixy-theme="dark"] .legal-wow-index nav a:hover {
  background: rgba(252,136,25,.08);
}

html[data-tixy-theme="dark"] .legal-wow-section {
  border-color: rgba(255,255,255,.10);
}

html[data-tixy-theme="dark"] .legal-wow-index-note {
  color: #a5f3fc;
  border-color: rgba(6,182,212,.22);
  background: rgba(6,182,212,.10);
}

html[data-tixy-theme="dark"] .legal-wow-final {
  border-color: rgba(34,197,94,.22);
  background: rgba(34,197,94,.10);
}

html[data-tixy-theme="dark"] .legal-wow-final-actions a {
  background: #0d121c;
}

/* Responsive */
@media (max-width: 991px) {
  .legal-wow-layout {
    grid-template-columns: 1fr;
  }

  .legal-wow-index {
    position: static;
  }

  .legal-wow-index nav {
    grid-template-columns: 1fr 1fr;
  }

  .legal-wow-hero {
    min-height: 390px;
  }
}

@media (max-width: 575px) {
  .legal-wow-hero {
    min-height: auto;
  }

  .legal-wow-hero-inner {
    padding: 96px 0 58px;
  }

  .legal-wow-document,
  .legal-wow-index {
    padding: 22px;
  }

  .legal-wow-index nav {
    grid-template-columns: 1fr;
  }

  .legal-wow-final {
    grid-template-columns: 1fr;
  }

  .legal-wow-final-actions {
    flex-direction: column;
  }
}


/* ==========================================================================
   128. ACCOUNT DASHBOARD WOW PAGE
   ========================================================================== */

.dash-wow-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 88% 8%, rgba(252, 136, 25, .08), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.dash-wow-page .container {
  max-width: 1140px;
}

/* Hero */
.dash-wow-hero {
  position: relative;
  overflow: hidden;
  padding: 118px 0 46px;
  background-image:
    linear-gradient(90deg, rgba(6, 9, 15, .88) 0%, rgba(6, 9, 15, .72) 50%, rgba(6, 9, 15, .42) 100%),
    url("/static/assets/img/slider/header.png");
  background-size: cover;
  background-position: center center;
}

.dash-wow-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 82% 40%, rgba(252, 136, 25, .20), transparent 30%),
    linear-gradient(180deg, rgba(0,0,0,0), rgba(6,9,15,.36));
  pointer-events: none;
}

.dash-wow-hero .container {
  position: relative;
  z-index: 2;
}

.dash-wow-hero-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}

.dash-wow-eyebrow {
  display: block;
  margin-bottom: 10px;
  color: var(--hp-yellow);
  font-size: .78rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.dash-wow-hero h1 {
  margin: 0 0 10px;
  color: #fff;
  font-size: clamp(2.25rem, 4vw, 3.7rem);
  font-weight: 950;
  letter-spacing: -.055em;
  text-shadow: 0 12px 34px rgba(0,0,0,.45);
}

.dash-wow-hero p {
  max-width: 720px;
  margin: 0;
  color: rgba(255,255,255,.86);
  line-height: 1.7;
}

.dash-wow-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.dash-wow-main-btn {
  min-height: 48px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #fff !important;
  font-weight: 950 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--hp-orange), #ff981f) !important;
  box-shadow: 0 18px 38px -28px rgba(252, 136, 25, .9);
}

.dash-wow-secondary-btn {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 20px;
  color: #0f172a;
  font-weight: 900;
  text-decoration: none;
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 12px;
  background: rgba(255,255,255,.94);
}

.dash-wow-hero-card {
  min-width: 210px;
  padding: 24px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 20px;
  background: rgba(255,255,255,.12);
  backdrop-filter: blur(8px);
  box-shadow: 0 28px 70px -50px rgba(0,0,0,.85);
}

.dash-wow-hero-card span,
.dash-wow-hero-card small {
  display: block;
  color: rgba(255,255,255,.76);
  font-weight: 850;
}

.dash-wow-hero-card strong {
  display: block;
  margin: 8px 0;
  color: #fff;
  font-size: 3rem;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -.05em;
}

/* Layout */
.dash-wow-content {
  padding: 40px 0 76px;
}

.dash-wow-layout {
  display: grid;
  grid-template-columns: 270px minmax(0, 1fr);
  gap: 24px;
  align-items: start;
}

/* Sidebar */
.dash-wow-sidebar,
.dash-wow-panel,
.dash-wow-stat-card,
.dash-wow-quick {
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.06), transparent 28%),
    rgba(255,255,255,.96);
  box-shadow:
    0 24px 58px -48px rgba(15,23,42,.48),
    0 1px 0 rgba(255,255,255,.96) inset;
}

.dash-wow-sidebar {
  position: sticky;
  top: 112px;
  padding: 18px;
}

.dash-wow-user {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px 10px 18px;
  border-bottom: 1px solid rgba(17,24,39,.08);
}

.dash-wow-avatar {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  color: #fff;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--hp-orange), var(--hp-yellow));
}

.dash-wow-user strong,
.dash-wow-user span {
  display: block;
}

.dash-wow-user strong {
  color: #0f172a;
  font-weight: 950;
}

.dash-wow-user span {
  color: rgba(71,85,105,.76);
  font-size: .86rem;
  font-weight: 800;
}

.dash-wow-nav {
  display: grid;
  gap: 8px;
  padding-top: 16px;
}

.dash-wow-nav .nav-item {
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  color: #0f172a;
  font-weight: 900;
  text-decoration: none;
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 13px;
  background: #fff;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.dash-wow-nav .nav-item i {
  width: 18px;
  color: var(--hp-orange);
  text-align: center;
}

.dash-wow-nav .nav-item:hover {
  transform: translateX(2px);
  border-color: rgba(252,136,25,.26);
  background: #fff7ed;
}

.dash-wow-nav .nav-item.active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, var(--hp-orange), var(--hp-yellow));
  box-shadow: 0 18px 38px -30px rgba(252,136,25,.9);
}

.dash-wow-nav .nav-item.active i {
  color: #fff;
}

/* Main */
.dash-wow-main {
  min-width: 0;
}

.dash-wow-stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 16px;
  margin-bottom: 20px;
}

.dash-wow-stat-card {
  display: flex;
  gap: 14px;
  min-height: 138px;
  padding: 20px;
  color: inherit;
  text-decoration: none;
  transition: transform .2s ease, border-color .2s ease;
}

.dash-wow-stat-card:hover {
  transform: translateY(-3px);
  border-color: rgba(252,136,25,.30);
}

.dash-wow-stat-card.is-primary {
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.16), transparent 34%),
    #fff7ed;
}

.dash-wow-stat-icon {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: var(--hp-orange);
  border-radius: 14px;
  background: rgba(252,136,25,.08);
}

.dash-wow-stat-card span {
  display: block;
  color: rgba(71,85,105,.72);
  font-size: .74rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .07em;
}

.dash-wow-stat-card strong {
  display: block;
  margin-top: 6px;
  color: #0f172a;
  font-size: 2.2rem;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -.05em;
}

.dash-wow-stat-card small {
  display: block;
  margin-top: 8px;
  color: rgba(71,85,105,.78);
  font-weight: 750;
  line-height: 1.35;
}

.dash-wow-stat-text {
  max-width: 170px;
  overflow: hidden;
  font-size: 1rem !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Panel */
.dash-wow-panel {
  overflow: hidden;
}

.dash-wow-panel-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  padding: 24px;
  border-bottom: 1px solid rgba(17,24,39,.08);
}

.dash-wow-panel-head span {
  display: block;
  color: var(--hp-orange);
  font-size: .76rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .09em;
}

.dash-wow-panel-head h2 {
  margin: 5px 0 4px;
  color: #0f172a;
  font-size: 1.6rem;
  font-weight: 950;
  letter-spacing: -.035em;
}

.dash-wow-panel-head p {
  margin: 0;
  color: rgba(71,85,105,.78);
}

.dash-wow-panel-link {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 15px;
  color: #0f172a;
  font-weight: 900;
  text-decoration: none;
  border: 1px solid rgba(17,24,39,.10);
  border-radius: 11px;
  background: #fff;
}

.dash-wow-table-wrap {
  overflow-x: auto;
}

.dash-wow-table {
  width: 100%;
  border-collapse: collapse;
}

.dash-wow-table th {
  padding: 16px 18px;
  color: #0f172a;
  font-size: .82rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .055em;
  background: #f8fafc;
  border-bottom: 1px solid rgba(17,24,39,.08);
}

.dash-wow-table td {
  padding: 16px 18px;
  vertical-align: middle;
  border-bottom: 1px solid rgba(17,24,39,.08);
}

.dash-wow-table tbody tr:hover {
  background: #fffaf4;
}

.dash-wow-event-cell {
  display: flex;
  gap: 12px;
  align-items: center;
  min-width: 280px;
}

.dash-wow-event-cell img,
.dash-wow-event-fallback {
  width: 44px;
  height: 44px;
  flex: 0 0 auto;
  border-radius: 13px;
}

.dash-wow-event-cell img {
  object-fit: cover;
}

.dash-wow-event-fallback {
  display: grid;
  place-items: center;
  color: rgba(71,85,105,.70);
  background: #f1f5f9;
}

.dash-wow-event-cell strong {
  color: rgba(30,41,59,.86);
  font-weight: 950;
  line-height: 1.35;
}

.dash-wow-muted {
  color: rgba(71,85,105,.78);
  font-weight: 750;
}

.dash-wow-badge {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 900;
  border: 1px solid transparent;
}

.dash-wow-badge.info {
  color: #075985;
  border-color: rgba(14,165,233,.20);
  background: rgba(14,165,233,.08);
}

.dash-wow-badge.success {
  color: #047857;
  border-color: rgba(16,185,129,.24);
  background: rgba(16,185,129,.10);
}

.dash-wow-badge.danger {
  color: #b91c1c;
  border-color: rgba(239,68,68,.24);
  background: rgba(239,68,68,.10);
}

.dash-wow-badge.secondary {
  color: #475569;
  border-color: rgba(100,116,139,.22);
  background: rgba(100,116,139,.10);
}

/* Empty */
.dash-wow-empty {
  padding: 44px 24px;
  text-align: center;
}

.dash-wow-empty > div {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  margin: 0 auto 16px;
  color: var(--hp-orange);
  border-radius: 18px;
  background: rgba(252,136,25,.08);
}

.dash-wow-empty h3 {
  color: #0f172a;
  font-weight: 950;
}

.dash-wow-empty p {
  max-width: 520px;
  margin: 8px auto 18px;
  color: rgba(71,85,105,.80);
}

/* Quick */
.dash-wow-quick {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
  margin-top: 20px;
  padding: 22px;
}

.dash-wow-quick > div {
  display: grid;
  grid-template-columns: 42px 1fr;
  column-gap: 14px;
  align-items: start;
}

.dash-wow-quick i {
  grid-row: span 3;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: var(--hp-orange);
  border-radius: 14px;
  background: rgba(252,136,25,.08);
}

.dash-wow-quick strong {
  color: #0f172a;
  font-weight: 950;
}

.dash-wow-quick span {
  color: rgba(71,85,105,.80);
  font-size: .9rem;
  line-height: 1.4;
}

.dash-wow-quick a {
  margin-top: 5px;
  color: var(--hp-orange);
  font-size: .86rem;
  font-weight: 900;
  text-decoration: none;
}

/* Dark */
html[data-tixy-theme="dark"] .dash-wow-page {
  background:
    radial-gradient(circle at 88% 8%, rgba(252,136,25,.08), transparent 34%),
    linear-gradient(180deg, #080b11 0%, #0d1118 100%);
}

html[data-tixy-theme="dark"] .dash-wow-sidebar,
html[data-tixy-theme="dark"] .dash-wow-panel,
html[data-tixy-theme="dark"] .dash-wow-stat-card,
html[data-tixy-theme="dark"] .dash-wow-quick {
  border-color: rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.08), transparent 28%),
    #111722;
}

html[data-tixy-theme="dark"] .dash-wow-user strong,
html[data-tixy-theme="dark"] .dash-wow-nav .nav-item,
html[data-tixy-theme="dark"] .dash-wow-stat-card strong,
html[data-tixy-theme="dark"] .dash-wow-panel-head h2,
html[data-tixy-theme="dark"] .dash-wow-panel-link,
html[data-tixy-theme="dark"] .dash-wow-table th,
html[data-tixy-theme="dark"] .dash-wow-event-cell strong,
html[data-tixy-theme="dark"] .dash-wow-empty h3,
html[data-tixy-theme="dark"] .dash-wow-quick strong {
  color: #fff;
}

html[data-tixy-theme="dark"] .dash-wow-user span,
html[data-tixy-theme="dark"] .dash-wow-stat-card span,
html[data-tixy-theme="dark"] .dash-wow-stat-card small,
html[data-tixy-theme="dark"] .dash-wow-panel-head p,
html[data-tixy-theme="dark"] .dash-wow-muted,
html[data-tixy-theme="dark"] .dash-wow-empty p,
html[data-tixy-theme="dark"] .dash-wow-quick span {
  color: rgba(223,228,238,.76);
}

html[data-tixy-theme="dark"] .dash-wow-nav .nav-item,
html[data-tixy-theme="dark"] .dash-wow-panel-link,
html[data-tixy-theme="dark"] .dash-wow-table th,
html[data-tixy-theme="dark"] .dash-wow-stat-card.is-primary {
  border-color: rgba(255,255,255,.10);
  background: #0d121c;
}

html[data-tixy-theme="dark"] .dash-wow-user,
html[data-tixy-theme="dark"] .dash-wow-panel-head,
html[data-tixy-theme="dark"] .dash-wow-table th,
html[data-tixy-theme="dark"] .dash-wow-table td {
  border-color: rgba(255,255,255,.10);
}

html[data-tixy-theme="dark"] .dash-wow-table tbody tr:hover {
  background: rgba(252,136,25,.07);
}

html[data-tixy-theme="dark"] .dash-wow-event-fallback {
  background: #0d121c;
}

/* Responsive */
@media (max-width: 1199px) {
  .dash-wow-stats {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 991px) {
  .dash-wow-hero-inner,
  .dash-wow-layout {
    grid-template-columns: 1fr;
    display: grid;
  }

  .dash-wow-sidebar {
    position: static;
  }

  .dash-wow-nav {
    grid-template-columns: repeat(2, minmax(0,1fr));
  }

  .dash-wow-hero-card {
    width: fit-content;
  }
}

@media (max-width: 575px) {
  .dash-wow-hero {
    padding: 96px 0 42px;
  }

  .dash-wow-nav,
  .dash-wow-stats,
  .dash-wow-quick {
    grid-template-columns: 1fr;
  }

  .dash-wow-panel-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .dash-wow-main-btn,
  .dash-wow-secondary-btn {
    width: 100%;
  }
}


/* ==========================================================================
   129. HOME SEARCH PADDING FIX
   ========================================================================== */

.home-page .hero-search-card,
.home-page .search-card,
.home-page .home-search-card,
.home-page .search-box,
.home-page .hero-search-box {
  padding: 22px 26px 20px !important;
}

.home-page .hero-search-card .row,
.home-page .search-card .row,
.home-page .home-search-card .row,
.home-page .search-box .row,
.home-page .hero-search-box .row {
  align-items: end !important;
  row-gap: 16px !important;
}

.home-page .hero-search-card label,
.home-page .search-card label,
.home-page .home-search-card label,
.home-page .search-box label,
.home-page .hero-search-box label {
  display: block !important;
  margin-bottom: 8px !important;
  line-height: 1.1 !important;
}

.home-page .hero-search-card input,
.home-page .search-card input,
.home-page .home-search-card input,
.home-page .search-box input,
.home-page .hero-search-box input,
.home-page .hero-search-card select,
.home-page .search-card select,
.home-page .home-search-card select,
.home-page .search-box select,
.home-page .hero-search-box select {
  min-height: 54px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.home-page .hero-search-card .theme-btn,
.home-page .search-card .theme-btn,
.home-page .home-search-card .theme-btn,
.home-page .search-box .theme-btn,
.home-page .hero-search-box .theme-btn {
  min-height: 54px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.home-page .popular-searches,
.home-page .popular-tags,
.home-page .search-popular {
  margin-top: 18px !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(17, 24, 39, .08);
}

@media (max-width: 767px) {
  .home-page .hero-search-card,
  .home-page .search-card,
  .home-page .home-search-card,
  .home-page .search-box,
  .home-page .hero-search-box {
    padding: 18px !important;
  }
}


/* ==========================================================================
   130. SEARCH RESULTS WOW PAGE
   ========================================================================== */

.search-wow-page {
  min-height: 100vh;
  background:
    radial-gradient(circle at 86% 8%, rgba(252,136,25,.09), transparent 34%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.search-wow-page .container {
  max-width: 1140px;
}

/* Hero */
.search-wow-hero {
  position: relative;
  min-height: 390px;
  display: flex;
  align-items: center;
  overflow: hidden;
  background-image:
    linear-gradient(90deg, rgba(6, 9, 15, .88) 0%, rgba(6, 9, 15, .68) 46%, rgba(6, 9, 15, .30) 100%),
    url("/static/assets/img/slider/header.png");
  background-size: cover;
  background-position: center center;
}

.search-wow-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 78% 35%, rgba(252,136,25,.20), transparent 28%),
    linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(6,9,15,.38) 100%);
  pointer-events: none;
}

.search-wow-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 780px;
  padding: 88px 0 70px;
}

.search-wow-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
  color: rgba(255,255,255,.76);
  font-size: .84rem;
  font-weight: 800;
}

.search-wow-breadcrumb a {
  color: rgba(255,255,255,.82);
  text-decoration: none;
}

.search-wow-breadcrumb li:last-child {
  color: var(--hp-yellow);
}

.search-wow-eyebrow {
  display: block;
  color: var(--hp-yellow);
  font-size: .78rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .12em;
}

.search-wow-hero h1 {
  margin: 10px 0 16px;
  color: #fff;
  font-size: clamp(2.45rem, 5vw, 4rem);
  line-height: 1.02;
  font-weight: 950;
  letter-spacing: -.055em;
  text-shadow: 0 12px 34px rgba(0,0,0,.45);
}

.search-wow-hero p {
  max-width: 720px;
  margin: 0;
  color: rgba(255,255,255,.88);
  font-size: 1.08rem;
  line-height: 1.7;
  text-shadow: 0 8px 24px rgba(0,0,0,.34);
}

.search-wow-content {
  padding: 54px 0 78px;
}

/* Summary */
.search-wow-summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin-bottom: 24px;
}

.search-wow-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.search-wow-filters span {
  min-height: 34px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 13px;
  color: #fff;
  font-size: .86rem;
  font-weight: 900;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--hp-orange), #ff981f);
}

.search-wow-count {
  min-width: 150px;
  padding: 12px 16px;
  text-align: center;
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 20px 44px -38px rgba(15,23,42,.45);
}

.search-wow-count strong {
  display: block;
  color: var(--hp-orange);
  font-size: 1.55rem;
  line-height: 1;
  font-weight: 950;
}

.search-wow-count span {
  display: block;
  margin-top: 4px;
  color: rgba(71,85,105,.76);
  font-size: .78rem;
  font-weight: 900;
}

/* List */
.search-wow-list {
  display: grid;
  gap: 16px;
}

.search-wow-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 24px;
  align-items: stretch;
  padding: 22px;
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.06), transparent 28%),
    rgba(255,255,255,.96);
  box-shadow:
    0 24px 58px -48px rgba(15,23,42,.48),
    0 1px 0 rgba(255,255,255,.96) inset;
  transition: transform .2s ease, border-color .2s ease;
}

.search-wow-card:hover {
  transform: translateY(-3px);
  border-color: rgba(252,136,25,.28);
}

.search-wow-card-main {
  display: flex;
  gap: 16px;
  min-width: 0;
}

.search-wow-icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: #fff;
  border-radius: 16px;
  background: linear-gradient(135deg, var(--hp-orange), var(--hp-yellow));
  box-shadow: 0 18px 34px -26px rgba(252,136,25,.95);
}

.search-wow-info {
  min-width: 0;
}

.search-wow-info h2 {
  margin: 0 0 9px;
  color: #0f172a;
  font-size: 1.22rem;
  line-height: 1.25;
  font-weight: 950;
  letter-spacing: -.02em;
}

.search-wow-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  margin-bottom: 14px;
}

.search-wow-meta span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: rgba(71,85,105,.82);
  font-size: .92rem;
  font-weight: 750;
}

.search-wow-meta i {
  color: var(--hp-orange);
}

.search-wow-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.search-wow-tags span {
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  color: rgba(15,23,42,.86);
  font-size: .82rem;
  font-weight: 900;
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 999px;
  background: #fff;
}

.search-wow-tags span i {
  color: var(--hp-orange);
}

.search-wow-tags .is-onsale {
  color: #047857;
  border-color: rgba(16,185,129,.22);
  background: rgba(16,185,129,.10);
}

/* Side */
.search-wow-card-side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
  padding-left: 22px;
  border-left: 1px solid rgba(17,24,39,.08);
}

.search-wow-price {
  text-align: right;
}

.search-wow-price span {
  display: block;
  color: rgba(71,85,105,.72);
  font-size: .76rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.search-wow-price strong {
  display: block;
  margin-top: 6px;
  color: #0f172a;
  font-size: 1.2rem;
  font-weight: 950;
}

.search-wow-price strong.is-muted {
  color: rgba(71,85,105,.72);
}

.search-wow-price small {
  display: block;
  margin-top: 4px;
  color: rgba(71,85,105,.72);
  font-weight: 750;
}

.search-wow-actions {
  display: grid;
  gap: 9px;
  width: 100%;
}

.search-wow-main-btn {
  min-height: 46px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #fff !important;
  font-size: .86rem;
  font-weight: 950 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, var(--hp-orange), #ff981f) !important;
  box-shadow: 0 18px 38px -28px rgba(252,136,25,.9);
}

.search-wow-secondary-btn {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #0f172a;
  font-size: .84rem;
  font-weight: 900;
  text-decoration: none;
  border: 1px solid rgba(17,24,39,.10);
  border-radius: 11px;
  background: #fff;
}

/* Pagination */
.search-wow-pagination {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 34px auto 0;
  padding: 8px;
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 18px 44px -36px rgba(15,23,42,.45);
}

.search-wow-pagination a,
.search-wow-pagination span {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 18px;
  color: #0f172a;
  font-weight: 850;
  text-decoration: none;
  border-radius: 11px;
  border: 1px solid rgba(17,24,39,.08);
  background: #fff;
}

.search-wow-pagination a:hover {
  color: var(--hp-orange);
  border-color: rgba(252,136,25,.40);
  background: #fff7ed;
}

.search-wow-pagination .disabled {
  opacity: .38;
}

.search-wow-pagination strong {
  padding: 0 10px;
  color: rgba(71,85,105,.82);
  font-size: .86rem;
}

/* Empty */
.search-wow-empty {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 28px;
  align-items: center;
  padding: 34px;
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.06), transparent 28%),
    rgba(255,255,255,.96);
  box-shadow:
    0 24px 58px -48px rgba(15,23,42,.48),
    0 1px 0 rgba(255,255,255,.96) inset;
}

.search-wow-empty-visual {
  min-height: 240px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 40%, rgba(252,136,25,.16), transparent 36%),
    linear-gradient(135deg, #fff4e5, #f8fafc);
}

.search-wow-empty-visual img {
  max-width: 210px;
  width: 100%;
  filter: drop-shadow(0 18px 28px rgba(15,23,42,.18));
}

.search-wow-empty-content span {
  display: block;
  color: var(--hp-orange);
  font-size: .78rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.search-wow-empty-content h2 {
  margin: 8px 0 12px;
  color: #0f172a;
  font-size: 2rem;
  font-weight: 950;
  letter-spacing: -.035em;
}

.search-wow-empty-content p {
  max-width: 620px;
  margin: 0;
  color: rgba(71,85,105,.84);
  line-height: 1.7;
}

.search-wow-empty-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

/* Dark */
html[data-tixy-theme="dark"] .search-wow-page {
  background:
    radial-gradient(circle at 86% 8%, rgba(252,136,25,.08), transparent 34%),
    linear-gradient(180deg, #080b11 0%, #0d1118 100%);
}

html[data-tixy-theme="dark"] .search-wow-card,
html[data-tixy-theme="dark"] .search-wow-count,
html[data-tixy-theme="dark"] .search-wow-pagination,
html[data-tixy-theme="dark"] .search-wow-pagination a,
html[data-tixy-theme="dark"] .search-wow-pagination span,
html[data-tixy-theme="dark"] .search-wow-empty {
  border-color: rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.08), transparent 28%),
    #111722;
}

html[data-tixy-theme="dark"] .search-wow-info h2,
html[data-tixy-theme="dark"] .search-wow-price strong,
html[data-tixy-theme="dark"] .search-wow-tags span,
html[data-tixy-theme="dark"] .search-wow-secondary-btn,
html[data-tixy-theme="dark"] .search-wow-pagination a,
html[data-tixy-theme="dark"] .search-wow-pagination span,
html[data-tixy-theme="dark"] .search-wow-empty-content h2 {
  color: #fff;
}

html[data-tixy-theme="dark"] .search-wow-meta span,
html[data-tixy-theme="dark"] .search-wow-price span,
html[data-tixy-theme="dark"] .search-wow-price small,
html[data-tixy-theme="dark"] .search-wow-count span,
html[data-tixy-theme="dark"] .search-wow-pagination strong,
html[data-tixy-theme="dark"] .search-wow-empty-content p {
  color: rgba(223,228,238,.76);
}

html[data-tixy-theme="dark"] .search-wow-tags span,
html[data-tixy-theme="dark"] .search-wow-secondary-btn {
  border-color: rgba(255,255,255,.10);
  background: #0d121c;
}

html[data-tixy-theme="dark"] .search-wow-card-side {
  border-color: rgba(255,255,255,.10);
}

html[data-tixy-theme="dark"] .search-wow-card:hover {
  background: rgba(252,136,25,.07);
}

/* Responsive */
@media (max-width: 991px) {
  .search-wow-card {
    grid-template-columns: 1fr;
  }

  .search-wow-card-side {
    align-items: flex-start;
    padding-left: 0;
    padding-top: 18px;
    border-left: 0;
    border-top: 1px solid rgba(17,24,39,.08);
  }

  .search-wow-price {
    text-align: left;
  }

  .search-wow-empty {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575px) {
  .search-wow-hero {
    min-height: auto;
  }

  .search-wow-hero-inner {
    padding: 96px 0 58px;
  }

  .search-wow-summary {
    align-items: flex-start;
    flex-direction: column;
  }

  .search-wow-card-main {
    flex-direction: column;
  }

  .search-wow-actions,
  .search-wow-main-btn,
  .search-wow-secondary-btn {
    width: 100%;
  }

  .search-wow-pagination {
    width: 100%;
    justify-content: space-between;
  }
}


/* ==========================================================================
   131. ACCOUNT ALERTS WOW PAGE
   ========================================================================== */

.alerts-wow-page .pill {
  margin-left: auto;
  min-width: 22px;
  height: 22px;
  display: inline-grid;
  place-items: center;
  padding: 0 7px;
  color: var(--hp-orange);
  font-size: .74rem;
  font-weight: 950;
  border-radius: 999px;
  background: #fff;
}

.alerts-wow-empty {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 28px;
  align-items: center;
  padding: 34px;
}

.alerts-wow-empty-visual {
  min-height: 230px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 40%, rgba(252,136,25,.16), transparent 36%),
    linear-gradient(135deg, #fff4e5, #f8fafc);
}

.alerts-wow-empty-visual img {
  max-width: 205px;
  width: 100%;
  filter: drop-shadow(0 18px 28px rgba(15,23,42,.18));
}

.alerts-wow-empty-content span,
.alerts-wow-info-card > span {
  display: block;
  color: var(--hp-orange);
  font-size: .76rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .09em;
}

.alerts-wow-empty-content h3 {
  margin: 8px 0 12px;
  color: #0f172a;
  font-size: 2rem;
  font-weight: 950;
  letter-spacing: -.04em;
}

.alerts-wow-empty-content p {
  max-width: 620px;
  margin: 0;
  color: rgba(71,85,105,.84);
  line-height: 1.7;
}

.alerts-wow-empty-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

.alerts-wow-table .dash-wow-event-cell small {
  display: block;
  margin-top: 3px;
  color: rgba(71,85,105,.70);
  font-weight: 700;
}

.alerts-wow-delete-btn {
  width: 38px;
  height: 38px;
  display: inline-grid;
  place-items: center;
  color: #dc2626;
  border: 1px solid rgba(220,38,38,.18);
  border-radius: 11px;
  background: rgba(220,38,38,.06);
  transition: transform .2s ease, background .2s ease;
}

.alerts-wow-delete-btn:hover {
  transform: translateY(-1px);
  color: #fff;
  background: #dc2626;
}

.alerts-wow-info-grid {
  display: grid;
  grid-template-columns: 1fr 1.25fr 1.25fr;
  gap: 18px;
  margin-top: 20px;
}

.alerts-wow-info-card {
  min-height: 190px;
  padding: 24px;
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.06), transparent 28%),
    rgba(255,255,255,.96);
  box-shadow:
    0 24px 58px -48px rgba(15,23,42,.48),
    0 1px 0 rgba(255,255,255,.96) inset;
}

.alerts-wow-info-card.is-pro {
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.16), transparent 34%),
    #fff7ed;
}

.alerts-wow-info-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  margin-bottom: 16px;
  color: var(--hp-orange);
  border-radius: 15px;
  background: rgba(252,136,25,.08);
}

.alerts-wow-info-card strong {
  display: block;
  margin-top: 8px;
  color: #0f172a;
  font-size: 2.6rem;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -.05em;
}

.alerts-wow-info-card h3 {
  margin: 8px 0 10px;
  color: #0f172a;
  font-size: 1.25rem;
  font-weight: 950;
  letter-spacing: -.025em;
}

.alerts-wow-info-card p {
  margin: 10px 0 0;
  color: rgba(71,85,105,.82);
  line-height: 1.6;
}

.alerts-wow-info-card a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-top: 14px;
  color: var(--hp-orange);
  font-weight: 950;
  text-decoration: none;
}

.alerts-wow-modal {
  border: 0;
  border-radius: 18px;
  overflow: hidden;
}

/* Dark */
html[data-tixy-theme="dark"] .alerts-wow-empty-visual,
html[data-tixy-theme="dark"] .alerts-wow-info-card {
  border-color: rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.08), transparent 28%),
    #111722;
}

html[data-tixy-theme="dark"] .alerts-wow-info-card.is-pro {
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.14), transparent 34%),
    #111722;
}

html[data-tixy-theme="dark"] .alerts-wow-empty-content h3,
html[data-tixy-theme="dark"] .alerts-wow-info-card strong,
html[data-tixy-theme="dark"] .alerts-wow-info-card h3 {
  color: #fff;
}

html[data-tixy-theme="dark"] .alerts-wow-empty-content p,
html[data-tixy-theme="dark"] .alerts-wow-info-card p,
html[data-tixy-theme="dark"] .alerts-wow-table .dash-wow-event-cell small {
  color: rgba(223,228,238,.76);
}

/* Responsive */
@media (max-width: 991px) {
  .alerts-wow-empty,
  .alerts-wow-info-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575px) {
  .alerts-wow-empty {
    padding: 24px;
  }

  .alerts-wow-empty-actions .dash-wow-main-btn,
  .alerts-wow-empty-actions .dash-wow-secondary-btn {
    width: 100%;
  }
}


/* ==========================================================================
   132. ACCOUNT SUBSCRIPTIONS WOW PAGE
   ========================================================================== */

.subs-wow-top-grid {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 18px;
  margin-bottom: 20px;
}

.subs-wow-info-card {
  min-height: 168px;
  padding: 24px;
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.06), transparent 28%),
    rgba(255,255,255,.96);
  box-shadow:
    0 24px 58px -48px rgba(15,23,42,.48),
    0 1px 0 rgba(255,255,255,.96) inset;
}

.subs-wow-info-card.is-primary {
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.15), transparent 34%),
    #fff7ed;
}

.subs-wow-info-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  margin-bottom: 16px;
  color: var(--hp-orange);
  border-radius: 15px;
  background: rgba(252,136,25,.08);
}

.subs-wow-info-card span {
  display: block;
  color: var(--hp-orange);
  font-size: .76rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .09em;
}

.subs-wow-info-card h3 {
  margin: 8px 0 10px;
  color: #0f172a;
  font-size: 1.25rem;
  font-weight: 950;
  letter-spacing: -.025em;
}

.subs-wow-info-card p {
  margin: 0;
  color: rgba(71,85,105,.82);
  line-height: 1.6;
}

/* Filter */
.subs-wow-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.subs-wow-filter button {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 14px;
  color: #0f172a;
  font-size: .84rem;
  font-weight: 900;
  border: 1px solid rgba(17,24,39,.10);
  border-radius: 11px;
  background: #fff;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.subs-wow-filter button:hover {
  transform: translateY(-1px);
  color: var(--hp-orange);
  border-color: rgba(252,136,25,.30);
  background: #fff7ed;
}

.subs-wow-filter button.active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, var(--hp-orange), var(--hp-yellow));
  box-shadow: 0 16px 34px -28px rgba(252,136,25,.9);
}

/* Table refinements */
.subs-wow-table .dash-wow-event-cell small {
  display: block;
  margin-top: 4px;
  color: rgba(71,85,105,.72);
  font-weight: 750;
}

.subs-wow-filter-empty {
  display: grid;
  place-items: center;
  gap: 6px;
  padding: 34px 18px;
  text-align: center;
}

.subs-wow-filter-empty i {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  color: var(--hp-orange);
  font-size: 22px;
  border-radius: 18px;
  background: rgba(252,136,25,.08);
}

.subs-wow-filter-empty strong {
  color: #0f172a;
  font-weight: 950;
}

.subs-wow-filter-empty span {
  color: rgba(71,85,105,.78);
}

/* Empty */
.subs-wow-empty {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 28px;
  align-items: center;
  padding: 34px;
}

.subs-wow-empty-visual {
  min-height: 230px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 40%, rgba(252,136,25,.16), transparent 36%),
    linear-gradient(135deg, #fff4e5, #f8fafc);
}

.subs-wow-empty-visual img {
  max-width: 205px;
  width: 100%;
  filter: drop-shadow(0 18px 28px rgba(15,23,42,.18));
}

.subs-wow-empty-content span {
  display: block;
  color: var(--hp-orange);
  font-size: .76rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .09em;
}

.subs-wow-empty-content h3 {
  margin: 8px 0 12px;
  color: #0f172a;
  font-size: 2rem;
  font-weight: 950;
  letter-spacing: -.04em;
}

.subs-wow-empty-content p {
  max-width: 620px;
  margin: 0 0 22px;
  color: rgba(71,85,105,.84);
  line-height: 1.7;
}

/* Legend */
.subs-wow-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
  padding: 18px;
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.06), transparent 28%),
    rgba(255,255,255,.96);
  box-shadow:
    0 24px 58px -48px rgba(15,23,42,.48),
    0 1px 0 rgba(255,255,255,.96) inset;
}

.subs-wow-legend > div {
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(71,85,105,.82);
  font-size: .88rem;
}

.subs-wow-legend strong {
  color: #0f172a;
  font-weight: 900;
}

/* Dark */
html[data-tixy-theme="dark"] .subs-wow-info-card,
html[data-tixy-theme="dark"] .subs-wow-legend,
html[data-tixy-theme="dark"] .subs-wow-empty-visual {
  border-color: rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.08), transparent 28%),
    #111722;
}

html[data-tixy-theme="dark"] .subs-wow-info-card.is-primary {
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.14), transparent 34%),
    #111722;
}

html[data-tixy-theme="dark"] .subs-wow-info-card h3,
html[data-tixy-theme="dark"] .subs-wow-filter button,
html[data-tixy-theme="dark"] .subs-wow-filter-empty strong,
html[data-tixy-theme="dark"] .subs-wow-empty-content h3,
html[data-tixy-theme="dark"] .subs-wow-legend strong {
  color: #fff;
}

html[data-tixy-theme="dark"] .subs-wow-info-card p,
html[data-tixy-theme="dark"] .subs-wow-table .dash-wow-event-cell small,
html[data-tixy-theme="dark"] .subs-wow-filter-empty span,
html[data-tixy-theme="dark"] .subs-wow-empty-content p,
html[data-tixy-theme="dark"] .subs-wow-legend > div {
  color: rgba(223,228,238,.76);
}

html[data-tixy-theme="dark"] .subs-wow-filter button {
  border-color: rgba(255,255,255,.10);
  background: #0d121c;
}

/* Responsive */
@media (max-width: 991px) {
  .subs-wow-top-grid,
  .subs-wow-empty {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575px) {
  .subs-wow-filter {
    width: 100%;
  }

  .subs-wow-filter button {
    width: 100%;
    justify-content: center;
  }

  .subs-wow-empty {
    padding: 24px;
  }
}


/* ==========================================================================
   133. ACCOUNT TICKETS WOW PAGE
   ========================================================================== */

.tickets-wow-top-grid {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 18px;
  margin-bottom: 20px;
}

.tickets-wow-info-card {
  min-height: 168px;
  padding: 24px;
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.06), transparent 28%),
    rgba(255,255,255,.96);
  box-shadow:
    0 24px 58px -48px rgba(15,23,42,.48),
    0 1px 0 rgba(255,255,255,.96) inset;
}

.tickets-wow-info-card.is-primary {
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.15), transparent 34%),
    #fff7ed;
}

.tickets-wow-info-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  margin-bottom: 16px;
  color: var(--hp-orange);
  border-radius: 15px;
  background: rgba(252,136,25,.08);
}

.tickets-wow-info-card span {
  display: block;
  color: var(--hp-orange);
  font-size: .76rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .09em;
}

.tickets-wow-info-card h3 {
  margin: 8px 0 10px;
  color: #0f172a;
  font-size: 1.25rem;
  font-weight: 950;
  letter-spacing: -.025em;
}

.tickets-wow-info-card p {
  margin: 0;
  color: rgba(71,85,105,.82);
  line-height: 1.6;
}

/* Filter */
.tickets-wow-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tickets-wow-filter a {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 14px;
  color: #0f172a;
  font-size: .84rem;
  font-weight: 900;
  text-decoration: none;
  border: 1px solid rgba(17,24,39,.10);
  border-radius: 11px;
  background: #fff;
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.tickets-wow-filter a:hover {
  transform: translateY(-1px);
  color: var(--hp-orange);
  border-color: rgba(252,136,25,.30);
  background: #fff7ed;
}

.tickets-wow-filter a.active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, var(--hp-orange), var(--hp-yellow));
  box-shadow: 0 16px 34px -28px rgba(252,136,25,.9);
}

/* Table */
.tickets-wow-table .dash-wow-event-cell small {
  display: block;
  margin-top: 4px;
  font-weight: 850;
}

.tickets-wow-expired {
  color: #b91c1c;
}

.tickets-wow-qty {
  min-width: 34px;
  min-height: 34px;
  display: inline-grid;
  place-items: center;
  color: #0f172a;
  font-weight: 950;
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 999px;
  background: #fff7ed;
}

.tickets-wow-download {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 14px;
  color: #fff;
  font-size: .84rem;
  font-weight: 950;
  text-decoration: none;
  border-radius: 11px;
  background: linear-gradient(135deg, var(--hp-orange), #ff981f);
  box-shadow: 0 16px 34px -28px rgba(252,136,25,.9);
}

/* Pagination */
.tickets-wow-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 18px 22px;
  border-top: 1px solid rgba(17,24,39,.08);
}

.tickets-wow-pagination > div:first-child {
  color: rgba(71,85,105,.78);
  font-size: .88rem;
  font-weight: 850;
}

.tickets-wow-pagination > div:last-child {
  display: flex;
  gap: 8px;
}

.tickets-wow-pagination a,
.tickets-wow-pagination span {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 14px;
  color: #0f172a;
  font-size: .84rem;
  font-weight: 900;
  text-decoration: none;
  border: 1px solid rgba(17,24,39,.10);
  border-radius: 10px;
  background: #fff;
}

.tickets-wow-pagination a:hover {
  color: var(--hp-orange);
  border-color: rgba(252,136,25,.30);
  background: #fff7ed;
}

.tickets-wow-pagination .disabled {
  opacity: .42;
}

/* Empty */
.tickets-wow-empty {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 28px;
  align-items: center;
  padding: 34px;
}

.tickets-wow-empty-visual {
  min-height: 230px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 40%, rgba(252,136,25,.16), transparent 36%),
    linear-gradient(135deg, #fff4e5, #f8fafc);
}

.tickets-wow-empty-visual img {
  max-width: 205px;
  width: 100%;
  filter: drop-shadow(0 18px 28px rgba(15,23,42,.18));
}

.tickets-wow-empty-content span {
  display: block;
  color: var(--hp-orange);
  font-size: .76rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .09em;
}

.tickets-wow-empty-content h3 {
  margin: 8px 0 12px;
  color: #0f172a;
  font-size: 2rem;
  font-weight: 950;
  letter-spacing: -.04em;
}

.tickets-wow-empty-content p {
  max-width: 620px;
  margin: 0;
  color: rgba(71,85,105,.84);
  line-height: 1.7;
}

.tickets-wow-empty-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 24px;
}

/* Bottom */
.tickets-wow-bottom-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
  margin-top: 20px;
  padding: 22px;
  border: 1px solid rgba(17,24,39,.08);
  border-radius: 18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.06), transparent 28%),
    rgba(255,255,255,.96);
  box-shadow:
    0 24px 58px -48px rgba(15,23,42,.48),
    0 1px 0 rgba(255,255,255,.96) inset;
}

.tickets-wow-bottom-grid > div {
  display: grid;
  grid-template-columns: 42px 1fr;
  column-gap: 14px;
  align-items: start;
}

.tickets-wow-bottom-grid i {
  grid-row: span 2;
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: var(--hp-orange);
  border-radius: 14px;
  background: rgba(252,136,25,.08);
}

.tickets-wow-bottom-grid strong {
  color: #0f172a;
  font-weight: 950;
}

.tickets-wow-bottom-grid span {
  color: rgba(71,85,105,.80);
  font-size: .9rem;
  line-height: 1.4;
}

/* Dark */
html[data-tixy-theme="dark"] .tickets-wow-info-card,
html[data-tixy-theme="dark"] .tickets-wow-empty-visual,
html[data-tixy-theme="dark"] .tickets-wow-bottom-grid {
  border-color: rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.08), transparent 28%),
    #111722;
}

html[data-tixy-theme="dark"] .tickets-wow-info-card.is-primary {
  background:
    radial-gradient(circle at 100% 0%, rgba(252,136,25,.14), transparent 34%),
    #111722;
}

html[data-tixy-theme="dark"] .tickets-wow-info-card h3,
html[data-tixy-theme="dark"] .tickets-wow-filter a,
html[data-tixy-theme="dark"] .tickets-wow-empty-content h3,
html[data-tixy-theme="dark"] .tickets-wow-bottom-grid strong,
html[data-tixy-theme="dark"] .tickets-wow-qty,
html[data-tixy-theme="dark"] .tickets-wow-pagination a,
html[data-tixy-theme="dark"] .tickets-wow-pagination span {
  color: #fff;
}

html[data-tixy-theme="dark"] .tickets-wow-info-card p,
html[data-tixy-theme="dark"] .tickets-wow-empty-content p,
html[data-tixy-theme="dark"] .tickets-wow-bottom-grid span,
html[data-tixy-theme="dark"] .tickets-wow-pagination > div:first-child {
  color: rgba(223,228,238,.76);
}

html[data-tixy-theme="dark"] .tickets-wow-filter a,
html[data-tixy-theme="dark"] .tickets-wow-pagination a,
html[data-tixy-theme="dark"] .tickets-wow-pagination span {
  border-color: rgba(255,255,255,.10);
  background: #0d121c;
}

html[data-tixy-theme="dark"] .tickets-wow-qty {
  border-color: rgba(255,255,255,.10);
  background: #0d121c;
}

html[data-tixy-theme="dark"] .tickets-wow-pagination {
  border-color: rgba(255,255,255,.10);
}

/* Responsive */
@media (max-width: 991px) {
  .tickets-wow-top-grid,
  .tickets-wow-empty,
  .tickets-wow-bottom-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 575px) {
  .tickets-wow-filter {
    width: 100%;
  }

  .tickets-wow-filter a {
    width: 100%;
    justify-content: center;
  }

  .tickets-wow-empty {
    padding: 24px;
  }

  .tickets-wow-empty-actions .dash-wow-main-btn,
  .tickets-wow-empty-actions .dash-wow-secondary-btn {
    width: 100%;
  }

  .tickets-wow-pagination {
    align-items: flex-start;
    flex-direction: column;
  }
}


/* =========================================================
   Tixy / Mister Alert - Account Rivendita WOW v42
   ========================================================= */

.dash-wow-hero {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  color: #fff;
}

.dash-wow-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 30%, rgba(255, 126, 38, .32), transparent 34%),
    radial-gradient(circle at 82% 18%, rgba(255, 184, 77, .18), transparent 32%);
  pointer-events: none;
}

.dash-wow-hero > .container {
  position: relative;
  z-index: 2;
}

.dash-wow-hero--compact {
  padding: 78px 0 58px;
}

.dash-wow-hero__content {
  max-width: 780px;
}

.dash-wow-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 8px 14px;
  margin-bottom: 15px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 999px;
  background: rgba(255, 255, 255, .1);
  backdrop-filter: blur(12px);
  color: rgba(255, 255, 255, .9);
  font-size: .88rem;
  font-weight: 800;
  letter-spacing: .02em;
}

.dash-wow-hero__title {
  margin: 0;
  color: #fff;
  font-size: clamp(2.2rem, 5vw, 4.15rem);
  line-height: .98;
  font-weight: 950;
  letter-spacing: -.055em;
}

.dash-wow-hero__subtitle {
  max-width: 700px;
  margin: 18px 0 0;
  color: rgba(255, 255, 255, .78);
  font-size: 1.08rem;
  line-height: 1.7;
}

.dash-wow-account-shell {
  position: relative;
  padding: 42px 0 78px;
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 126, 38, .08), transparent 28%),
    linear-gradient(180deg, rgba(255, 247, 239, .62), rgba(255, 255, 255, 1));
}

.dash-wow-sidebar {
  position: sticky;
  top: 96px;
  padding: 18px;
  border: 1px solid rgba(20, 24, 36, .08);
  border-radius: 28px;
  background: rgba(255, 255, 255, .86);
  box-shadow: 0 24px 70px rgba(15, 20, 30, .08);
  backdrop-filter: blur(18px);
}

.dash-wow-user {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 14px;
  margin-bottom: 14px;
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255, 126, 38, .12), rgba(255, 184, 77, .08));
}

.dash-wow-user__avatar {
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: linear-gradient(135deg, #ff7a18, #ffb347);
  color: #fff;
  box-shadow: 0 12px 30px rgba(255, 122, 24, .28);
}

.dash-wow-user__label {
  color: #ff7a18;
  font-size: .75rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.dash-wow-user__name {
  color: var(--heading-color, #161922);
  font-weight: 900;
  line-height: 1.2;
}

.dash-wow-nav {
  display: grid;
  gap: 8px;
}

.dash-wow-nav__item {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 12px 13px;
  border-radius: 16px;
  color: var(--heading-color, #161922);
  font-weight: 800;
  text-decoration: none;
  transition: transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}

.dash-wow-nav__item i {
  width: 19px;
  color: #ff7a18;
  text-align: center;
}

.dash-wow-nav__item:hover {
  transform: translateX(3px);
  background: rgba(255, 126, 38, .1);
  color: #ff7a18;
}

.dash-wow-nav__item.active {
  background: linear-gradient(135deg, #ff7a18, #ffb347);
  color: #fff;
  box-shadow: 0 14px 34px rgba(255, 122, 24, .27);
}

.dash-wow-nav__item.active i {
  color: #fff;
}

.dash-wow-card {
  position: relative;
  overflow: hidden;
  padding: 24px;
  border: 1px solid rgba(20, 24, 36, .08);
  border-radius: 30px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 24px 74px rgba(15, 20, 30, .08);
}

.dash-wow-card::before {
  content: "";
  position: absolute;
  top: -120px;
  right: -130px;
  width: 260px;
  height: 260px;
  border-radius: 999px;
  background: radial-gradient(circle, rgba(255, 126, 38, .12), transparent 66%);
  pointer-events: none;
}

.dash-wow-card__header {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}

.dash-wow-card__header--line {
  padding-bottom: 19px;
  border-bottom: 1px solid rgba(20, 24, 36, .08);
}

.dash-wow-card__kicker {
  margin-bottom: 5px;
  color: #ff7a18;
  font-size: .78rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.dash-wow-card__title {
  margin: 0;
  color: var(--heading-color, #151821);
  font-size: clamp(1.45rem, 2vw, 2rem);
  font-weight: 950;
  letter-spacing: -.035em;
}

.dash-wow-card__text {
  max-width: 650px;
  margin: 8px 0 0;
  color: var(--body-text-color, #697080);
  line-height: 1.65;
}

.dash-wow-card__icon {
  flex: 0 0 auto;
  width: 58px;
  height: 58px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  background: linear-gradient(135deg, #ff7a18, #ffb347);
  color: #fff;
  font-size: 1.35rem;
  box-shadow: 0 16px 36px rgba(255, 122, 24, .28);
}

.dash-wow-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 88px;
  padding: 9px 14px;
  border-radius: 999px;
  background: rgba(255, 126, 38, .12);
  color: #ff7a18;
  font-size: .9rem;
  font-weight: 950;
  white-space: nowrap;
}

.dash-wow-pill--warning {
  background: rgba(255, 184, 77, .2);
  color: #9b5c00;
}

.resale-upload-form {
  position: relative;
  z-index: 1;
}

.resale-upload-loading {
  position: absolute;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: rgba(12, 14, 22, .42);
  border-radius: 24px;
  z-index: 10;
  backdrop-filter: blur(7px);
}

.resale-upload-loading.is-visible {
  display: flex;
}

.resale-upload-loading__box {
  width: min(100%, 430px);
  padding: 28px;
  text-align: center;
  border: 1px solid rgba(255, 126, 38, .18);
  border-radius: 26px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 24px 80px rgba(0, 0, 0, .18);
}

.resale-upload-loading__spinner {
  width: 58px;
  height: 58px;
  margin: 0 auto 16px;
  border: 4px solid rgba(255, 126, 38, .18);
  border-top-color: #ff7a18;
  border-radius: 50%;
  animation: resale-upload-spin .8s linear infinite;
}

.resale-upload-loading__title {
  margin-bottom: 8px;
  color: var(--heading-color, #151821);
  font-size: 1.08rem;
  font-weight: 950;
}

.resale-upload-loading__text {
  margin: 0;
  color: var(--body-text-color, #697080);
  line-height: 1.55;
}

.resale-submit-btn.is-busy {
  opacity: .82;
  pointer-events: none;
}

@keyframes resale-upload-spin {
  to {
    transform: rotate(360deg);
  }
}

.dash-wow-ticket-check,
.dash-wow-warning-box {
  display: flex;
  gap: 14px;
  padding: 17px;
  border: 1px solid rgba(255, 126, 38, .15);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(255, 126, 38, .1), rgba(255, 184, 77, .08));
}

.dash-wow-ticket-check__icon,
.dash-wow-warning-box i {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: #fff;
  color: #ff7a18;
  box-shadow: 0 10px 24px rgba(255, 122, 24, .14);
}

.dash-wow-ticket-check h3 {
  margin: 0 0 4px;
  color: var(--heading-color, #151821);
  font-size: 1.02rem;
  font-weight: 950;
}

.dash-wow-ticket-check p,
.dash-wow-warning-box span {
  margin: 0;
  color: var(--body-text-color, #697080);
  line-height: 1.58;
}

.dash-wow-warning-box--strong {
  border-color: rgba(255, 184, 77, .34);
  background: linear-gradient(135deg, rgba(255, 184, 77, .22), rgba(255, 126, 38, .1));
}

.dash-wow-label {
  color: var(--heading-color, #151821);
  font-weight: 900;
}

.dash-wow-label span {
  color: var(--body-text-color, #697080);
  font-weight: 600;
}

.account-resales-wow .dash-wow-input,
.account-resales-wow .form-select {
  min-height: 48px;
  border: 1px solid rgba(20, 24, 36, .1);
  border-radius: 16px;
  background-color: rgba(255, 255, 255, .94);
  box-shadow: none;
}

.account-resales-wow .dash-wow-input:focus,
.account-resales-wow .form-select:focus {
  border-color: rgba(255, 126, 38, .65);
  box-shadow: 0 0 0 .22rem rgba(255, 126, 38, .12);
}

.dash-wow-help {
  color: var(--body-text-color, #697080);
}

.dash-wow-upload-box {
  min-height: 132px;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 18px;
  border: 1px dashed rgba(255, 126, 38, .48);
  border-radius: 22px;
  background: rgba(255, 126, 38, .06);
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.dash-wow-upload-box:hover {
  transform: translateY(-2px);
  border-color: #ff7a18;
  background: rgba(255, 126, 38, .1);
}

.dash-wow-upload-box__icon {
  width: 54px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: linear-gradient(135deg, #ff7a18, #ffb347);
  color: #fff;
  font-size: 1.35rem;
  box-shadow: 0 14px 30px rgba(255, 122, 24, .22);
}

.dash-wow-upload-box__content strong {
  display: block;
  color: var(--heading-color, #151821);
  font-size: 1rem;
  font-weight: 950;
}

.dash-wow-upload-box__content small {
  display: block;
  margin-top: 4px;
  color: var(--body-text-color, #697080);
  line-height: 1.45;
}

.dash-wow-file-input {
  margin-top: 12px;
}

.dash-wow-url-field {
  position: relative;
}

.dash-wow-url-field i {
  position: absolute;
  left: 15px;
  top: 50%;
  color: #ff7a18;
  transform: translateY(-50%);
  z-index: 2;
}

.dash-wow-url-field .dash-wow-input {
  padding-left: 43px;
}

.dash-wow-form-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 25px;
}

.theme-btn.theme-btn-sm {
  padding: 10px 15px;
  font-size: .88rem;
}

.dash-wow-resale-list {
  display: grid;
  gap: 16px;
}

.dash-wow-resale-item {
  position: relative;
  overflow: hidden;
  padding: 19px;
  border: 1px solid rgba(20, 24, 36, .08);
  border-radius: 24px;
  background: rgba(255, 255, 255, .76);
  box-shadow: 0 14px 42px rgba(15, 20, 30, .055);
}

.dash-wow-resale-item__main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.dash-wow-resale-event {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

.dash-wow-resale-event__icon {
  flex: 0 0 auto;
  width: 47px;
  height: 47px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
  background: rgba(255, 126, 38, .11);
  color: #ff7a18;
}

.dash-wow-resale-event h3,
.dash-wow-delivery-item__content h3,
.dash-wow-edit-card__head h3 {
  margin: 0;
  color: var(--heading-color, #151821);
  font-size: 1.05rem;
  font-weight: 950;
}

.dash-wow-resale-event p,
.dash-wow-delivery-item__content p,
.dash-wow-edit-card__head p {
  margin: 5px 0 0;
  color: var(--body-text-color, #697080);
}

.dash-wow-resale-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 9px;
}

.dash-wow-resale-meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--body-text-color, #697080);
  font-size: .88rem;
  font-weight: 750;
}

.dash-wow-resale-meta i {
  color: #ff7a18;
}

.dash-wow-resale-stats {
  flex: 0 0 auto;
  display: flex;
  gap: 9px;
}

.dash-wow-resale-stats > div {
  min-width: 82px;
  padding: 10px;
  border-radius: 17px;
  background: rgba(255, 126, 38, .08);
  text-align: center;
}

.dash-wow-stat-number {
  display: block;
  color: var(--heading-color, #151821);
  font-size: 1.18rem;
  font-weight: 950;
  line-height: 1;
}

.dash-wow-stat-label {
  display: block;
  margin-top: 4px;
  color: var(--body-text-color, #697080);
  font-size: .78rem;
  font-weight: 800;
}

.dash-wow-subitem-preview {
  display: grid;
  gap: 8px;
  margin: 15px 0 0 61px;
}

.dash-wow-subitem-preview div {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  color: var(--body-text-color, #697080);
  font-size: .86rem;
}

.dash-wow-subitem-preview strong {
  color: var(--heading-color, #151821);
}

.dash-wow-resale-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid rgba(20, 24, 36, .07);
}

.dash-wow-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 11px;
  border-radius: 999px;
  font-size: .82rem;
  font-weight: 950;
}

.dash-wow-status--active {
  background: rgba(30, 174, 105, .12);
  color: #14945a;
}

.dash-wow-status--sold {
  background: rgba(105, 112, 128, .12);
  color: #697080;
}

.dash-wow-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.dash-wow-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  padding: 9px 12px;
  border: 1px solid rgba(20, 24, 36, .09);
  border-radius: 999px;
  background: rgba(255, 255, 255, .82);
  color: var(--heading-color, #151821);
  font-size: .86rem;
  font-weight: 900;
  text-decoration: none;
  transition: transform .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
}

.dash-wow-action-btn:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 126, 38, .35);
  background: rgba(255, 126, 38, .1);
  color: #ff7a18;
}

.dash-wow-action-btn--danger {
  color: #cf2e2e;
}

.dash-wow-action-btn--danger:hover {
  border-color: rgba(207, 46, 46, .25);
  background: rgba(207, 46, 46, .08);
  color: #b52323;
}

.listing-edit-card {
  border: 1px solid rgba(255, 126, 38, .18);
  border-radius: 22px;
  background: rgba(255, 250, 245, .9);
  padding: 18px;
}

.dash-wow-edit-card {
  margin-top: 16px;
}

.dash-wow-edit-card__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 15px;
}

.listing-edit-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 12px;
}

.listing-edit-option {
  display: block;
  min-height: 100%;
  border: 1px solid rgba(20, 24, 36, .08);
  border-radius: 18px;
  padding: 14px;
  background: rgba(255, 255, 255, .82);
}

.listing-edit-option input {
  margin-right: 8px;
  accent-color: #ff7a18;
}

.listing-edit-option__meta {
  display: block;
  margin-top: 6px;
  color: var(--body-text-color, #697080);
  font-size: .92rem;
  line-height: 1.48;
}

.dash-wow-empty-state {
  display: flex;
  align-items: center;
  gap: 22px;
  padding: 26px;
  border: 1px dashed rgba(255, 126, 38, .35);
  border-radius: 26px;
  background: linear-gradient(135deg, rgba(255, 126, 38, .08), rgba(255, 255, 255, .7));
}

.dash-wow-empty-state img {
  width: 112px;
  max-width: 32%;
  object-fit: contain;
}

.dash-wow-empty-state h3 {
  margin: 0 0 6px;
  color: var(--heading-color, #151821);
  font-weight: 950;
}

.dash-wow-empty-state p {
  margin: 0;
  color: var(--body-text-color, #697080);
  line-height: 1.62;
}

.dash-wow-delivery-list {
  display: grid;
  gap: 13px;
}

.dash-wow-delivery-item {
  display: grid;
  grid-template-columns: auto 1fr minmax(170px, auto) auto;
  align-items: center;
  gap: 15px;
  padding: 16px;
  border: 1px solid rgba(20, 24, 36, .08);
  border-radius: 22px;
  background: rgba(255, 255, 255, .78);
}

.dash-wow-delivery-item__badge {
  padding: 8px 11px;
  border-radius: 999px;
  background: rgba(20, 24, 36, .08);
  color: var(--heading-color, #151821);
  font-weight: 950;
}

.dash-wow-delivery-item__content span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 5px;
  color: var(--body-text-color, #697080);
  font-size: .86rem;
  font-weight: 800;
}

.dash-wow-delivery-item__content i {
  color: #ff7a18;
}

.dash-wow-delivery-item__buyer span,
.dash-wow-delivery-item__buyer small {
  display: block;
  color: var(--body-text-color, #697080);
  font-size: .78rem;
  font-weight: 800;
}

.dash-wow-delivery-item__buyer strong {
  display: block;
  color: var(--heading-color, #151821);
  font-weight: 950;
}

.dash-wow-modal-content {
  border: 1px solid rgba(20, 24, 36, .08);
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 28px 90px rgba(15, 20, 30, .22);
}

.dash-wow-modal-box {
  height: 100%;
  padding: 16px;
  border: 1px solid rgba(20, 24, 36, .08);
  border-radius: 18px;
  background: rgba(255, 250, 245, .78);
}

.dash-wow-inline-success {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 92px;
  padding: 18px;
  border-radius: 20px;
  background: rgba(30, 174, 105, .1);
  color: #14945a;
  font-weight: 950;
  text-align: center;
}

@media (max-width: 991.98px) {
  .dash-wow-sidebar {
    position: relative;
    top: auto;
  }

  .dash-wow-delivery-item {
    grid-template-columns: 1fr;
    align-items: flex-start;
  }
}

@media (max-width: 767.98px) {
  .dash-wow-hero--compact {
    padding: 58px 0 42px;
  }

  .dash-wow-card {
    padding: 19px;
    border-radius: 24px;
  }

  .dash-wow-card__header,
  .dash-wow-resale-item__main,
  .dash-wow-resale-footer,
  .dash-wow-edit-card__head,
  .dash-wow-empty-state {
    flex-direction: column;
    align-items: flex-start;
  }

  .dash-wow-resale-stats {
    width: 100%;
  }

  .dash-wow-resale-stats > div {
    flex: 1;
  }

  .dash-wow-subitem-preview {
    margin-left: 0;
  }

  .dash-wow-actions,
  .dash-wow-form-actions {
    width: 100%;
    justify-content: stretch;
  }

  .dash-wow-action-btn,
  .dash-wow-form-actions .theme-btn {
    width: 100%;
  }

  .dash-wow-empty-state img {
    max-width: 150px;
  }
}

html[data-tixy-theme="dark"] .dash-wow-account-shell {
  background:
    radial-gradient(circle at 12% 8%, rgba(255, 126, 38, .12), transparent 28%),
    linear-gradient(180deg, #10131b, #0b0d12);
}

html[data-tixy-theme="dark"] .dash-wow-sidebar,
html[data-tixy-theme="dark"] .dash-wow-card,
html[data-tixy-theme="dark"] .dash-wow-resale-item,
html[data-tixy-theme="dark"] .dash-wow-delivery-item,
html[data-tixy-theme="dark"] .dash-wow-action-btn,
html[data-tixy-theme="dark"] .listing-edit-option,
html[data-tixy-theme="dark"] .resale-upload-loading__box,
html[data-tixy-theme="dark"] .dash-wow-modal-content {
  border-color: rgba(255, 255, 255, .09);
  background: rgba(20, 23, 32, .88);
  color: rgba(255, 255, 255, .86);
}

html[data-tixy-theme="dark"] .dash-wow-user,
html[data-tixy-theme="dark"] .listing-edit-card,
html[data-tixy-theme="dark"] .dash-wow-modal-box,
html[data-tixy-theme="dark"] .dash-wow-empty-state {
  border-color: rgba(255, 255, 255, .08);
  background: rgba(255, 126, 38, .09);
}

html[data-tixy-theme="dark"] .dash-wow-user__name,
html[data-tixy-theme="dark"] .dash-wow-card__title,
html[data-tixy-theme="dark"] .dash-wow-ticket-check h3,
html[data-tixy-theme="dark"] .dash-wow-upload-box__content strong,
html[data-tixy-theme="dark"] .dash-wow-resale-event h3,
html[data-tixy-theme="dark"] .dash-wow-delivery-item__content h3,
html[data-tixy-theme="dark"] .dash-wow-edit-card__head h3,
html[data-tixy-theme="dark"] .dash-wow-stat-number,
html[data-tixy-theme="dark"] .dash-wow-subitem-preview strong,
html[data-tixy-theme="dark"] .dash-wow-delivery-item__buyer strong,
html[data-tixy-theme="dark"] .dash-wow-empty-state h3,
html[data-tixy-theme="dark"] .resale-upload-loading__title {
  color: #fff;
}

html[data-tixy-theme="dark"] .dash-wow-card__text,
html[data-tixy-theme="dark"] .dash-wow-ticket-check p,
html[data-tixy-theme="dark"] .dash-wow-warning-box span,
html[data-tixy-theme="dark"] .dash-wow-upload-box__content small,
html[data-tixy-theme="dark"] .dash-wow-help,
html[data-tixy-theme="dark"] .dash-wow-resale-event p,
html[data-tixy-theme="dark"] .dash-wow-resale-meta span,
html[data-tixy-theme="dark"] .dash-wow-stat-label,
html[data-tixy-theme="dark"] .listing-edit-option__meta,
html[data-tixy-theme="dark"] .dash-wow-delivery-item__content p,
html[data-tixy-theme="dark"] .dash-wow-delivery-item__buyer span,
html[data-tixy-theme="dark"] .dash-wow-delivery-item__buyer small,
html[data-tixy-theme="dark"] .dash-wow-empty-state p,
html[data-tixy-theme="dark"] .resale-upload-loading__text {
  color: rgba(255, 255, 255, .68);
}

html[data-tixy-theme="dark"] .account-resales-wow .dash-wow-input,
html[data-tixy-theme="dark"] .account-resales-wow .form-select {
  border-color: rgba(255, 255, 255, .1);
  background-color: rgba(12, 14, 20, .88);
  color: #fff;
}

html[data-tixy-theme="dark"] .dash-wow-upload-box {
  border-color: rgba(255, 126, 38, .45);
  background: rgba(255, 126, 38, .08);
}

html[data-tixy-theme="dark"] .dash-wow-ticket-check,
html[data-tixy-theme="dark"] .dash-wow-warning-box {
  border-color: rgba(255, 126, 38, .2);
  background: rgba(255, 126, 38, .09);
}


/* =========================================================
   Tixy / Mister Alert - Account Support List WOW v44
   ========================================================= */

.account-support-wow .dash-wow-card__body {
  position: relative;
  z-index: 1;
}

.account-support-panel__header {
  align-items: center;
}

.account-support-new-btn {
  flex: 0 0 auto;
  white-space: nowrap;
}

.account-support-messages {
  position: relative;
  z-index: 1;
  margin-bottom: 18px;
}

.account-support-ticket-list {
  display: grid;
  gap: 14px;
}

.account-support-ticket {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
  gap: 16px;
  padding: 18px;
  border: 1px solid rgba(20, 24, 36, .08);
  border-radius: 24px;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 14px 42px rgba(15, 20, 30, .055);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.account-support-ticket:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 126, 38, .22);
  box-shadow: 0 20px 54px rgba(15, 20, 30, .085);
}

.account-support-ticket__id {
  min-width: 62px;
  padding: 9px 11px;
  border-radius: 999px;
  background: rgba(255, 126, 38, .11);
  color: #ff7a18;
  font-weight: 950;
  text-align: center;
}

.account-support-ticket__main h3 {
  margin: 0;
  color: var(--heading-color, #151821);
  font-size: 1.05rem;
  font-weight: 950;
}

.account-support-ticket__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 9px;
}

.account-support-ticket__meta span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--body-text-color, #697080);
  font-size: .86rem;
  font-weight: 750;
}

.account-support-ticket__meta i {
  color: #ff7a18;
}

.account-support-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 94px;
  padding: 8px 11px;
  border-radius: 999px;
  font-size: .82rem;
  font-weight: 950;
  text-align: center;
}

.account-support-status--open {
  background: rgba(255, 184, 77, .22);
  color: #9b5c00;
}

.account-support-status--closed {
  background: rgba(105, 112, 128, .14);
  color: #697080;
}

.account-support-status--info {
  background: rgba(40, 126, 255, .11);
  color: #2366d1;
}

.account-support-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-top: 18px;
  margin-top: 18px;
  border-top: 1px solid rgba(20, 24, 36, .08);
}

.account-support-pagination__actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.account-support-page-current {
  color: var(--body-text-color, #697080);
  font-size: .88rem;
  font-weight: 800;
}

.account-support-empty {
  align-items: center;
}

.account-support-empty .theme-btn {
  margin-top: 16px;
}

@media (max-width: 991.98px) {
  .account-support-ticket {
    grid-template-columns: 1fr;
    align-items: flex-start;
  }

  .account-support-ticket__status,
  .account-support-ticket__action {
    width: 100%;
  }

  .account-support-ticket__action .dash-wow-action-btn {
    width: 100%;
  }
}

@media (max-width: 767.98px) {
  .account-support-panel__header {
    align-items: flex-start;
  }

  .account-support-new-btn {
    width: 100%;
  }

  .account-support-pagination {
    flex-direction: column;
    align-items: flex-start;
  }

  .account-support-pagination__actions {
    width: 100%;
    flex-wrap: wrap;
  }

  .account-support-pagination__actions .dash-wow-action-btn {
    flex: 1;
  }
}

html[data-tixy-theme="dark"] .account-support-ticket {
  border-color: rgba(255, 255, 255, .09);
  background: rgba(20, 23, 32, .88);
}

html[data-tixy-theme="dark"] .account-support-ticket__main h3 {
  color: #fff;
}

html[data-tixy-theme="dark"] .account-support-ticket__meta span,
html[data-tixy-theme="dark"] .account-support-page-current {
  color: rgba(255, 255, 255, .68);
}

html[data-tixy-theme="dark"] .account-support-ticket__id {
  background: rgba(255, 126, 38, .14);
  color: #ffb347;
}


/* =========================================================
   Tixy / Mister Alert - Account Support Detail WOW v45
   ========================================================= */

.support-detail-hero-actions {
  margin-top: 22px;
}

.support-detail-back-btn {
  border-color: rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .12);
  color: #fff;
  backdrop-filter: blur(10px);
}

.support-detail-back-btn:hover {
  border-color: rgba(255, 126, 38, .5);
  background: rgba(255, 126, 38, .18);
  color: #fff;
}

.support-detail-card {
  position: relative;
  z-index: 1;
}

.support-detail-ticket-head {
  align-items: flex-start;
}

.support-detail-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

.support-detail-kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 7px 11px;
  border: 1px solid rgba(20, 24, 36, .09);
  border-radius: 999px;
  background: rgba(255, 255, 255, .78);
  color: var(--heading-color, #151821);
  font-size: .82rem;
  font-weight: 900;
  text-decoration: none;
}

.support-detail-kbd--link:hover {
  border-color: rgba(255, 126, 38, .35);
  background: rgba(255, 126, 38, .1);
  color: #ff7a18;
}

.support-detail-description {
  display: flex;
  gap: 14px;
  padding: 18px;
  margin-top: -4px;
  border: 1px solid rgba(20, 24, 36, .08);
  border-radius: 22px;
  background: rgba(255, 250, 245, .7);
}

.support-detail-description__icon {
  flex: 0 0 auto;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  background: linear-gradient(135deg, #ff7a18, #ffb347);
  color: #fff;
  box-shadow: 0 10px 24px rgba(255, 122, 24, .18);
}

.support-detail-description__content {
  color: var(--body-text-color, #697080);
  line-height: 1.65;
}

.support-detail-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 9px;
  padding-top: 18px;
  margin-top: 18px;
  border-top: 1px solid rgba(20, 24, 36, .08);
}

.support-detail-btn-primary {
  border-color: rgba(255, 126, 38, .28);
  background: rgba(255, 126, 38, .1);
  color: #ff7a18;
}

.support-detail-btn-primary:hover {
  background: linear-gradient(135deg, #ff7a18, #ffb347);
  color: #fff;
}

.support-detail-section-head {
  align-items: center;
}

.support-detail-conversation {
  position: relative;
  z-index: 1;
}

.support-detail-timeline {
  position: relative;
  display: grid;
  gap: 16px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.support-detail-timeline::before {
  content: "";
  position: absolute;
  left: 19px;
  top: 8px;
  bottom: 8px;
  width: 2px;
  background: linear-gradient(180deg, rgba(255, 126, 38, .42), rgba(255, 184, 77, .08));
}

.support-detail-timeline__item {
  position: relative;
  padding: 18px 18px 18px 58px;
  border: 1px solid rgba(20, 24, 36, .08);
  border-radius: 24px;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 14px 42px rgba(15, 20, 30, .055);
}

.support-detail-timeline__item.is-staff {
  background: linear-gradient(135deg, rgba(255, 126, 38, .1), rgba(255, 255, 255, .78));
}

.support-detail-timeline__dot,
.support-detail-timeline .dot {
  position: absolute;
  left: 10px;
  top: 22px;
  width: 20px;
  height: 20px;
  border: 4px solid #fff;
  border-radius: 999px;
  background: #ff7a18;
  box-shadow: 0 8px 18px rgba(255, 122, 24, .24);
  z-index: 2;
}

.support-detail-message-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.support-detail-message-author {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--heading-color, #151821);
  font-weight: 950;
}

.support-detail-message-author i {
  color: #ff7a18;
}

.support-detail-message-date {
  color: var(--body-text-color, #697080);
  font-size: .86rem;
  font-weight: 800;
  white-space: nowrap;
}

.support-detail-message-body {
  color: var(--body-text-color, #697080);
  line-height: 1.68;
}

.support-detail-attachments {
  display: grid;
  gap: 7px;
  padding: 0;
  margin-bottom: 0;
  list-style: none;
}

.support-detail-attachments li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  color: var(--body-text-color, #697080);
  font-size: .9rem;
}

.support-detail-attachments i {
  color: #ff7a18;
}

.support-detail-attachments a {
  color: var(--heading-color, #151821);
  font-weight: 850;
  text-decoration: none;
}

.support-detail-attachments a:hover {
  color: #ff7a18;
}

.support-detail-empty-mini {
  padding: 22px;
}

.support-detail-empty-mini img {
  width: 92px;
}

.support-detail-reply-body {
  position: relative;
  z-index: 1;
}

.support-detail-textarea {
  min-height: 180px;
  resize: vertical;
}

.support-detail-messages {
  margin-bottom: 16px;
}

.support-detail-reply-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 9px;
  padding-top: 18px;
  margin-top: 18px;
  border-top: 1px solid rgba(20, 24, 36, .08);
}

.support-detail-wow #fileList li {
  margin-top: 5px;
  color: var(--body-text-color, #697080);
}

@media (max-width: 767.98px) {
  .support-detail-ticket-head,
  .support-detail-section-head,
  .support-detail-message-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .support-detail-badges,
  .support-detail-actions,
  .support-detail-reply-footer {
    width: 100%;
    justify-content: stretch;
  }

  .support-detail-actions form,
  .support-detail-actions button,
  .support-detail-reply-footer .dash-wow-action-btn,
  .support-detail-reply-footer .theme-btn,
  .support-detail-section-head .theme-btn {
    width: 100%;
  }

  .support-detail-description {
    flex-direction: column;
  }

  .support-detail-message-date {
    white-space: normal;
  }
}

html[data-tixy-theme="dark"] .support-detail-kbd,
html[data-tixy-theme="dark"] .support-detail-description,
html[data-tixy-theme="dark"] .support-detail-timeline__item {
  border-color: rgba(255, 255, 255, .09);
  background: rgba(20, 23, 32, .88);
}

html[data-tixy-theme="dark"] .support-detail-timeline__item.is-staff {
  background: rgba(255, 126, 38, .1);
}

html[data-tixy-theme="dark"] .support-detail-kbd,
html[data-tixy-theme="dark"] .support-detail-message-author,
html[data-tixy-theme="dark"] .support-detail-attachments a {
  color: #fff;
}

html[data-tixy-theme="dark"] .support-detail-description__content,
html[data-tixy-theme="dark"] .support-detail-message-date,
html[data-tixy-theme="dark"] .support-detail-message-body,
html[data-tixy-theme="dark"] .support-detail-attachments li,
html[data-tixy-theme="dark"] .support-detail-wow #fileList li {
  color: rgba(255, 255, 255, .68);
}

html[data-tixy-theme="dark"] .support-detail-timeline__dot,
html[data-tixy-theme="dark"] .support-detail-timeline .dot {
  border-color: #141720;
}


/* =========================================================
   Tixy / Mister Alert - Account Profile WOW v46
   ========================================================= */

.account-profile-wow .dash-wow-card {
  position: relative;
  z-index: 1;
}

.account-profile-hero-badge {
  margin-top: 22px;
}

.account-profile-verify-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 8px 13px;
  border-radius: 999px;
  font-size: .86rem;
  font-weight: 950;
  backdrop-filter: blur(10px);
}

.account-profile-verify-badge--ok {
  border: 1px solid rgba(30, 174, 105, .36);
  background: rgba(30, 174, 105, .14);
  color: #0d8f59;
}

.dash-wow-hero .account-profile-verify-badge--ok {
  color: #bfffe0;
}

.account-profile-verify-badge--warn {
  border: 1px solid rgba(255, 184, 77, .38);
  background: rgba(255, 184, 77, .16);
  color: #9b5c00;
}

.dash-wow-hero .account-profile-verify-badge--warn {
  color: #ffdca0;
}

.account-profile-card-head {
  align-items: center;
}

.account-profile-messages {
  margin-bottom: 18px;
}

.account-profile-verify-grid {
  display: grid;
  gap: 14px;
}

.account-profile-verify-item {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 15px;
  padding: 18px;
  border: 1px solid rgba(20, 24, 36, .08);
  border-radius: 24px;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 14px 42px rgba(15, 20, 30, .055);
}

.account-profile-verify-item__icon {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
  background: rgba(255, 126, 38, .11);
  color: #ff7a18;
  font-size: 1.08rem;
}

.account-profile-verify-item h3 {
  margin: 0;
  color: var(--heading-color, #151821);
  font-size: 1.02rem;
  font-weight: 950;
}

.account-profile-verify-item p {
  margin: 5px 0 0;
  color: var(--body-text-color, #697080);
  line-height: 1.55;
}

.account-profile-status {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 92px;
  padding: 8px 11px;
  border-radius: 999px;
  font-size: .82rem;
  font-weight: 950;
}

.account-profile-status--ok {
  background: rgba(30, 174, 105, .12);
  color: #14945a;
}

.account-profile-status--warn {
  background: rgba(255, 184, 77, .22);
  color: #9b5c00;
}

.account-profile-form-body {
  position: relative;
  z-index: 1;
}

.account-profile-wow .dash-wow-input {
  min-height: 48px;
  border: 1px solid rgba(20, 24, 36, .1);
  border-radius: 16px;
  background-color: rgba(255, 255, 255, .94);
  box-shadow: none;
}

.account-profile-wow .dash-wow-input:focus {
  border-color: rgba(255, 126, 38, .65);
  box-shadow: 0 0 0 .22rem rgba(255, 126, 38, .12);
}

.account-profile-wow .dash-wow-input:disabled {
  background: rgba(20, 24, 36, .04);
  color: rgba(105, 112, 128, .9);
  cursor: not-allowed;
}

.account-profile-section-divider {
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 10px 0 2px;
}

.account-profile-section-divider::before,
.account-profile-section-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: rgba(20, 24, 36, .09);
}

.account-profile-section-divider span {
  color: #ff7a18;
  font-size: .8rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.account-profile-social-field {
  position: relative;
}

.account-profile-social-field i {
  position: absolute;
  left: 15px;
  top: 50%;
  z-index: 2;
  color: #ff7a18;
  transform: translateY(-50%);
}

.account-profile-social-field .dash-wow-input {
  padding-left: 43px;
}

.account-profile-check {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(20, 24, 36, .08);
  border-radius: 20px;
  background: rgba(255, 250, 245, .74);
  cursor: pointer;
}

.account-profile-check input {
  margin-top: 4px;
  accent-color: #ff7a18;
}

.account-profile-check strong {
  display: block;
  color: var(--heading-color, #151821);
  font-weight: 950;
}

.account-profile-check small {
  display: block;
  margin-top: 3px;
  color: var(--body-text-color, #697080);
  line-height: 1.45;
}

.account-profile-card-footer {
  display: flex;
  justify-content: flex-end;
  gap: 9px;
  padding-top: 18px;
  margin-top: 18px;
  border-top: 1px solid rgba(20, 24, 36, .08);
}

.account-profile-key-btn {
  border-color: rgba(255, 126, 38, .28);
  background: rgba(255, 126, 38, .1);
  color: #ff7a18;
}

.account-profile-key-btn:hover {
  background: linear-gradient(135deg, #ff7a18, #ffb347);
  color: #fff;
}

.account-profile-danger-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  border-color: rgba(220, 53, 69, .32);
  background:
    radial-gradient(circle at 12% 20%, rgba(220, 53, 69, .12), transparent 34%),
    rgba(255, 255, 255, .94);
}

.account-profile-danger-content {
  display: flex;
  align-items: center;
  gap: 15px;
}

.account-profile-danger-icon {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 18px;
  background: rgba(220, 53, 69, .1);
  color: #dc3545;
  font-size: 1.25rem;
}

.account-profile-danger-card h2 {
  margin: 0;
  color: #dc3545;
  font-size: 1.2rem;
  font-weight: 950;
}

.account-profile-danger-card p {
  margin: 5px 0 0;
  color: var(--body-text-color, #697080);
}

.account-profile-danger-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 15px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, #dc3545, #f25b6a);
  color: #fff;
  font-weight: 950;
  box-shadow: 0 14px 30px rgba(220, 53, 69, .24);
}

.account-profile-danger-btn:hover {
  transform: translateY(-1px);
}

@media (max-width: 991.98px) {
  .account-profile-verify-item,
  .account-profile-danger-card {
    grid-template-columns: 1fr;
  }

  .account-profile-danger-card {
    align-items: flex-start;
  }
}

@media (max-width: 767.98px) {
  .account-profile-card-head,
  .account-profile-verify-item,
  .account-profile-danger-content {
    flex-direction: column;
    align-items: flex-start;
  }

  .account-profile-card-head {
    align-items: flex-start;
  }

  .account-profile-card-head .theme-btn,
  .account-profile-card-footer .dash-wow-action-btn,
  .account-profile-danger-btn {
    width: 100%;
  }

  .account-profile-verify-item {
    display: flex;
  }

  .account-profile-status {
    width: 100%;
  }

  .account-profile-card-footer {
    justify-content: stretch;
  }
}

html[data-tixy-theme="dark"] .account-profile-verify-item,
html[data-tixy-theme="dark"] .account-profile-check,
html[data-tixy-theme="dark"] .account-profile-danger-card {
  border-color: rgba(255, 255, 255, .09);
  background: rgba(20, 23, 32, .88);
}

html[data-tixy-theme="dark"] .account-profile-verify-item h3,
html[data-tixy-theme="dark"] .account-profile-check strong {
  color: #fff;
}

html[data-tixy-theme="dark"] .account-profile-verify-item p,
html[data-tixy-theme="dark"] .account-profile-check small,
html[data-tixy-theme="dark"] .account-profile-danger-card p {
  color: rgba(255, 255, 255, .68);
}

html[data-tixy-theme="dark"] .account-profile-wow .dash-wow-input {
  border-color: rgba(255, 255, 255, .1);
  background-color: rgba(12, 14, 20, .88);
  color: #fff;
}

html[data-tixy-theme="dark"] .account-profile-wow .dash-wow-input:disabled {
  background-color: rgba(255, 255, 255, .06);
  color: rgba(255, 255, 255, .48);
}

html[data-tixy-theme="dark"] .account-profile-section-divider::before,
html[data-tixy-theme="dark"] .account-profile-section-divider::after,
html[data-tixy-theme="dark"] .account-profile-card-footer {
  border-color: rgba(255, 255, 255, .09);
  background: transparent;
}


/* =========================================================
   Tixy / Mister Alert - Account Support New WOW v47
   ========================================================= */

.account-support-new-wow .dash-wow-card {
  position: relative;
  z-index: 1;
}

.account-support-new-head {
  align-items: center;
}

.account-support-new-messages {
  position: relative;
  z-index: 1;
  margin-bottom: 18px;
}

.account-support-new-body {
  position: relative;
  z-index: 1;
}

.account-support-new-guide {
  display: flex;
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(255, 126, 38, .16);
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(255, 126, 38, .1), rgba(255, 184, 77, .08));
}

.account-support-new-guide__icon {
  flex: 0 0 auto;
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: #fff;
  color: #ff7a18;
  box-shadow: 0 12px 28px rgba(255, 122, 24, .16);
}

.account-support-new-guide h3 {
  margin: 0 0 5px;
  color: var(--heading-color, #151821);
  font-size: 1.04rem;
  font-weight: 950;
}

.account-support-new-guide p {
  margin: 0;
  color: var(--body-text-color, #697080);
  line-height: 1.6;
}

.account-support-new-wow .dash-wow-input,
.account-support-new-wow .form-select {
  min-height: 48px;
  border: 1px solid rgba(20, 24, 36, .1);
  border-radius: 16px;
  background-color: rgba(255, 255, 255, .94);
  box-shadow: none;
}

.account-support-new-wow .dash-wow-input:focus,
.account-support-new-wow .form-select:focus {
  border-color: rgba(255, 126, 38, .65);
  box-shadow: 0 0 0 .22rem rgba(255, 126, 38, .12);
}

.account-support-new-order-field {
  position: relative;
}

.account-support-new-order-field i {
  position: absolute;
  left: 15px;
  top: 50%;
  z-index: 2;
  color: #ff7a18;
  transform: translateY(-50%);
}

.account-support-new-order-field .dash-wow-input {
  padding-left: 43px;
}

.account-support-new-textarea {
  min-height: 190px;
  resize: vertical;
}

.account-support-new-counter {
  display: flex;
  justify-content: space-between;
  gap: 14px;
  margin-top: 6px;
}

.account-support-new-counter small {
  color: var(--body-text-color, #697080);
  font-weight: 850;
  white-space: nowrap;
}

.account-support-new-upload {
  display: flex;
  gap: 14px;
  padding: 18px;
  border: 1px dashed rgba(255, 126, 38, .42);
  border-radius: 22px;
  background: rgba(255, 126, 38, .06);
}

.account-support-new-upload__icon {
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 17px;
  background: linear-gradient(135deg, #ff7a18, #ffb347);
  color: #fff;
  font-size: 1.15rem;
  box-shadow: 0 14px 30px rgba(255, 122, 24, .2);
}

.account-support-new-upload__content {
  flex: 1;
}

.account-support-new-upload__content strong {
  display: block;
  color: var(--heading-color, #151821);
  font-weight: 950;
}

.account-support-new-upload__content small {
  display: block;
  margin: 3px 0 12px;
  color: var(--body-text-color, #697080);
  line-height: 1.45;
}

.account-support-new-privacy {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(20, 24, 36, .08);
  border-radius: 20px;
  background: rgba(255, 250, 245, .74);
  cursor: pointer;
}

.account-support-new-privacy input {
  margin-top: 4px;
  accent-color: #ff7a18;
}

.account-support-new-privacy strong {
  display: block;
  color: var(--heading-color, #151821);
  font-weight: 950;
}

.account-support-new-privacy small {
  display: block;
  margin-top: 3px;
  color: var(--body-text-color, #697080);
  line-height: 1.45;
}

.account-support-new-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 9px;
  padding-top: 18px;
  margin-top: 18px;
  border-top: 1px solid rgba(20, 24, 36, .08);
}

.account-support-new-wow #fileList li {
  margin-top: 5px;
  color: var(--body-text-color, #697080);
}

@media (max-width: 767.98px) {
  .account-support-new-head,
  .account-support-new-guide,
  .account-support-new-upload {
    flex-direction: column;
    align-items: flex-start;
  }

  .account-support-new-head .theme-btn,
  .account-support-new-footer .theme-btn,
  .account-support-new-footer .dash-wow-action-btn {
    width: 100%;
  }

  .account-support-new-footer {
    justify-content: stretch;
  }

  .account-support-new-counter {
    flex-direction: column;
    gap: 4px;
  }
}

html[data-tixy-theme="dark"] .account-support-new-guide,
html[data-tixy-theme="dark"] .account-support-new-upload,
html[data-tixy-theme="dark"] .account-support-new-privacy {
  border-color: rgba(255, 255, 255, .09);
  background: rgba(255, 126, 38, .09);
}

html[data-tixy-theme="dark"] .account-support-new-guide h3,
html[data-tixy-theme="dark"] .account-support-new-upload__content strong,
html[data-tixy-theme="dark"] .account-support-new-privacy strong {
  color: #fff;
}

html[data-tixy-theme="dark"] .account-support-new-guide p,
html[data-tixy-theme="dark"] .account-support-new-upload__content small,
html[data-tixy-theme="dark"] .account-support-new-privacy small,
html[data-tixy-theme="dark"] .account-support-new-counter small,
html[data-tixy-theme="dark"] .account-support-new-wow #fileList li {
  color: rgba(255, 255, 255, .68);
}

html[data-tixy-theme="dark"] .account-support-new-wow .dash-wow-input,
html[data-tixy-theme="dark"] .account-support-new-wow .form-select {
  border-color: rgba(255, 255, 255, .1);
  background-color: rgba(12, 14, 20, .88);
  color: #fff;
}

html[data-tixy-theme="dark"] .account-support-new-footer {
  border-color: rgba(255, 255, 255, .09);
}


/* =========================================================
   Tixy / Mister Alert - Account Resales Upload WOW v48
   ========================================================= */

.account-resales-upload-wow .dash-wow-card {
  position: relative;
  z-index: 1;
}

.account-resales-upload-head {
  align-items: center;
}

.account-resales-upload-messages,
.account-resales-upload-body {
  position: relative;
  z-index: 1;
}

.account-resales-upload-messages {
  margin-bottom: 18px;
}

.account-resales-upload-guide {
  display: flex;
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(255, 126, 38, .16);
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(255, 126, 38, .1), rgba(255, 184, 77, .08));
}

.account-resales-upload-guide__icon {
  flex: 0 0 auto;
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: #fff;
  color: #ff7a18;
  box-shadow: 0 12px 28px rgba(255, 122, 24, .16);
}

.account-resales-upload-guide h3 {
  margin: 0 0 5px;
  color: var(--heading-color, #151821);
  font-size: 1.04rem;
  font-weight: 950;
}

.account-resales-upload-guide p {
  margin: 0;
  color: var(--body-text-color, #697080);
  line-height: 1.6;
}

.account-resales-upload-wow .dash-wow-input,
.account-resales-upload-wow .form-select {
  min-height: 48px;
  border: 1px solid rgba(20, 24, 36, .1);
  border-radius: 16px;
  background-color: rgba(255, 255, 255, .94);
  box-shadow: none;
}

.account-resales-upload-wow .dash-wow-input:focus,
.account-resales-upload-wow .form-select:focus {
  border-color: rgba(255, 126, 38, .65);
  box-shadow: 0 0 0 .22rem rgba(255, 126, 38, .12);
}

.account-resales-upload-wow .dash-wow-input:disabled {
  background: rgba(20, 24, 36, .04);
  color: rgba(105, 112, 128, .82);
  cursor: not-allowed;
}

.account-resales-upload-icon-field {
  position: relative;
}

.account-resales-upload-icon-field i {
  position: absolute;
  left: 15px;
  top: 50%;
  z-index: 2;
  color: #ff7a18;
  transform: translateY(-50%);
}

.account-resales-upload-icon-field .dash-wow-input {
  padding-left: 43px;
}

.account-resales-upload-top {
  min-height: 100%;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 18px;
  border: 1px solid rgba(255, 126, 38, .18);
  border-radius: 22px;
  background: rgba(255, 126, 38, .07);
  cursor: pointer;
}

.account-resales-upload-top input {
  accent-color: #ff7a18;
}

.account-resales-upload-top__icon {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 16px;
  background: linear-gradient(135deg, #ff7a18, #ffb347);
  color: #fff;
  box-shadow: 0 12px 28px rgba(255, 122, 24, .18);
}

.account-resales-upload-top strong {
  display: block;
  color: var(--heading-color, #151821);
  font-weight: 950;
}

.account-resales-upload-top small {
  display: block;
  margin-top: 4px;
  color: var(--body-text-color, #697080);
  line-height: 1.45;
}

.account-resales-upload-divider {
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 8px 0 2px;
}

.account-resales-upload-divider::before,
.account-resales-upload-divider::after {
  content: "";
  flex: 1;
  height: 1px;
  background: rgba(20, 24, 36, .09);
}

.account-resales-upload-divider span {
  color: #ff7a18;
  font-size: .8rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.account-resales-upload-filebox {
  min-height: 150px;
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 18px;
  border: 1px dashed rgba(255, 126, 38, .45);
  border-radius: 22px;
  background: rgba(255, 126, 38, .06);
  cursor: pointer;
  transition: .18s ease;
}

.account-resales-upload-filebox:hover {
  transform: translateY(-2px);
  border-color: #ff7a18;
  background: rgba(255, 126, 38, .1);
}

.account-resales-upload-filebox__icon {
  width: 54px;
  height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 18px;
  background: linear-gradient(135deg, #ff7a18, #ffb347);
  color: #fff;
  font-size: 1.35rem;
  box-shadow: 0 14px 30px rgba(255, 122, 24, .22);
}

.account-resales-upload-filebox__content {
  flex: 1;
}

.account-resales-upload-filebox__content strong {
  display: block;
  color: var(--heading-color, #151821);
  font-weight: 950;
}

.account-resales-upload-filebox__content small {
  display: block;
  margin: 4px 0 12px;
  color: var(--body-text-color, #697080);
  line-height: 1.45;
}

.account-resales-upload-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 9px;
  padding-top: 18px;
  margin-top: 18px;
  border-top: 1px solid rgba(20, 24, 36, .08);
}

@media (max-width: 767.98px) {
  .account-resales-upload-head,
  .account-resales-upload-guide,
  .account-resales-upload-filebox,
  .account-resales-upload-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .account-resales-upload-head .theme-btn,
  .account-resales-upload-footer .theme-btn,
  .account-resales-upload-footer .dash-wow-action-btn {
    width: 100%;
  }

  .account-resales-upload-footer {
    justify-content: stretch;
  }
}

html[data-tixy-theme="dark"] .account-resales-upload-guide,
html[data-tixy-theme="dark"] .account-resales-upload-top,
html[data-tixy-theme="dark"] .account-resales-upload-filebox {
  border-color: rgba(255, 255, 255, .09);
  background: rgba(255, 126, 38, .09);
}

html[data-tixy-theme="dark"] .account-resales-upload-guide h3,
html[data-tixy-theme="dark"] .account-resales-upload-top strong,
html[data-tixy-theme="dark"] .account-resales-upload-filebox__content strong {
  color: #fff;
}

html[data-tixy-theme="dark"] .account-resales-upload-guide p,
html[data-tixy-theme="dark"] .account-resales-upload-top small,
html[data-tixy-theme="dark"] .account-resales-upload-filebox__content small {
  color: rgba(255, 255, 255, .68);
}

html[data-tixy-theme="dark"] .account-resales-upload-wow .dash-wow-input,
html[data-tixy-theme="dark"] .account-resales-upload-wow .form-select {
  border-color: rgba(255, 255, 255, .1);
  background-color: rgba(12, 14, 20, .88);
  color: #fff;
}

html[data-tixy-theme="dark"] .account-resales-upload-wow .dash-wow-input:disabled {
  background-color: rgba(255, 255, 255, .06);
  color: rgba(255, 255, 255, .48);
}


/* =========================================================
   Tixy / Mister Alert - Account Resales Upload Review WOW v49
   ========================================================= */

.account-resales-review-wow .dash-wow-card {
  position: relative;
  z-index: 1;
}

.account-resales-review-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.account-resales-review-step {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 14px;
  border: 1px solid rgba(20, 24, 36, .08);
  border-radius: 20px;
  background: rgba(255, 255, 255, .72);
  color: var(--body-text-color, #697080);
  box-shadow: 0 12px 36px rgba(15, 20, 30, .045);
}

.account-resales-review-step span {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  border-radius: 999px;
  background: rgba(20, 24, 36, .08);
  color: var(--heading-color, #151821);
  font-weight: 950;
}

.account-resales-review-step strong {
  font-weight: 950;
}

.account-resales-review-step.is-active {
  border-color: rgba(255, 126, 38, .28);
  background: linear-gradient(135deg, rgba(255, 126, 38, .14), rgba(255, 184, 77, .08));
  color: var(--heading-color, #151821);
}

.account-resales-review-step.is-active span,
.account-resales-review-step.is-done span {
  background: linear-gradient(135deg, #ff7a18, #ffb347);
  color: #fff;
}

.account-resales-review-step.is-done {
  color: #14945a;
}

.account-resales-review-head {
  align-items: center;
}

.account-resales-review-messages,
.account-resales-review-body {
  position: relative;
  z-index: 1;
}

.account-resales-review-messages {
  margin-bottom: 18px;
}

.account-resales-review-empty {
  align-items: center;
}

.account-resales-review-empty .theme-btn {
  margin-top: 14px;
}

.account-resales-review-listed {
  padding-left: 18px;
}

.account-resales-review-guide {
  display: flex;
  gap: 14px;
  padding: 18px;
  border: 1px solid rgba(255, 126, 38, .16);
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(255, 126, 38, .1), rgba(255, 184, 77, .08));
}

.account-resales-review-guide__icon {
  flex: 0 0 auto;
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: #fff;
  color: #ff7a18;
  box-shadow: 0 12px 28px rgba(255, 122, 24, .16);
}

.account-resales-review-guide h3 {
  margin: 0 0 5px;
  color: var(--heading-color, #151821);
  font-size: 1.04rem;
  font-weight: 950;
}

.account-resales-review-guide p {
  margin: 0;
  color: var(--body-text-color, #697080);
  line-height: 1.6;
}

.account-resales-review-wow .dash-wow-input,
.account-resales-review-wow .form-select {
  min-height: 48px;
  border: 1px solid rgba(20, 24, 36, .1);
  border-radius: 16px;
  background-color: rgba(255, 255, 255, .94);
  box-shadow: none;
}

.account-resales-review-wow .dash-wow-input:focus,
.account-resales-review-wow .form-select:focus {
  border-color: rgba(255, 126, 38, .65);
  box-shadow: 0 0 0 .22rem rgba(255, 126, 38, .12);
}

.account-resales-review-price-field {
  position: relative;
}

.account-resales-review-price-field span {
  position: absolute;
  left: 15px;
  top: 50%;
  z-index: 2;
  color: #ff7a18;
  font-weight: 950;
  transform: translateY(-50%);
}

.account-resales-review-price-field .dash-wow-input {
  padding-left: 43px;
}

.account-resales-review-mode-card {
  min-height: 100%;
  display: block;
  padding: 18px;
  border: 1px solid rgba(20, 24, 36, .08);
  border-radius: 24px;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 14px 42px rgba(15, 20, 30, .055);
  cursor: pointer;
  transition: .18s ease;
}

.account-resales-review-mode-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 126, 38, .24);
}

.account-resales-review-mode-card--boost {
  border-color: rgba(255, 126, 38, .35);
  background: linear-gradient(135deg, rgba(255, 126, 38, .11), rgba(255, 184, 77, .08));
}

.account-resales-review-mode-card__head {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 8px;
}

.account-resales-review-mode-card__head input {
  accent-color: #ff7a18;
}

.account-resales-review-mode-card__head strong {
  color: var(--heading-color, #151821);
  font-weight: 950;
}

.account-resales-review-mode-card p {
  margin: 0;
  color: var(--body-text-color, #697080);
  line-height: 1.55;
}

.account-resales-review-net {
  margin-top: 11px;
  color: var(--body-text-color, #697080);
  font-size: .92rem;
}

.account-resales-review-net strong {
  color: #ff7a18;
}

.account-resales-review-notes {
  min-height: 90px;
  resize: vertical;
}

.account-resales-review-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 9px;
  padding-top: 18px;
  margin-top: 8px;
  border-top: 1px solid rgba(20, 24, 36, .08);
}

.account-resales-review-table-wrap {
  overflow: hidden;
  border: 1px solid rgba(20, 24, 36, .08);
  border-radius: 24px;
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 14px 42px rgba(15, 20, 30, .055);
}

.account-resales-review-table {
  color: var(--body-text-color, #697080);
}

.account-resales-review-table thead th {
  border: 0;
  background: rgba(255, 126, 38, .08);
  color: var(--heading-color, #151821);
  font-size: .82rem;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.account-resales-review-table tbody td {
  border-color: rgba(20, 24, 36, .07);
  vertical-align: middle;
}

.account-resales-review-table tbody tr.is-disabled {
  opacity: .62;
}

.account-resales-review-table input[type="checkbox"] {
  accent-color: #ff7a18;
}

.account-resales-review-listed-label {
  margin-top: 3px;
  color: #cf2e2e;
  font-size: .8rem;
  font-weight: 850;
}

.account-resales-review-sigillo {
  color: var(--body-text-color, #697080);
  font-size: .86rem;
}

.account-resales-review-recap {
  padding: 20px;
  border: 1px solid rgba(20, 24, 36, .08);
  border-radius: 24px;
  background: rgba(255, 255, 255, .82);
  box-shadow: 0 14px 42px rgba(15, 20, 30, .055);
}

.account-resales-review-recap.is-boost {
  border-color: rgba(255, 126, 38, .28);
  background: linear-gradient(135deg, rgba(255, 126, 38, .11), rgba(255, 184, 77, .08));
}

.account-resales-review-recap__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  margin-bottom: 16px;
}

.account-resales-review-recap__top strong {
  color: var(--heading-color, #151821);
}

.account-resales-review-recap-badge {
  display: inline-flex;
  align-items: center;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(105, 112, 128, .14);
  color: #697080;
  font-size: .82rem;
  font-weight: 950;
}

.account-resales-review-recap-badge--boost {
  background: rgba(255, 184, 77, .24);
  color: #9b5c00;
}

.account-resales-review-recap-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 11px;
}

.account-resales-review-recap-grid div,
.account-resales-review-data-grid div {
  padding: 14px;
  border-radius: 18px;
  background: rgba(255, 255, 255, .72);
  border: 1px solid rgba(20, 24, 36, .06);
}

.account-resales-review-recap-grid span,
.account-resales-review-data-grid span {
  display: block;
  color: var(--body-text-color, #697080);
  font-size: .78rem;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.account-resales-review-recap-grid strong,
.account-resales-review-data-grid strong {
  display: block;
  margin-top: 5px;
  color: var(--heading-color, #151821);
  font-weight: 950;
}

.account-resales-review-event-box {
  display: grid;
  gap: 5px;
  padding-top: 15px;
  margin-top: 15px;
  border-top: 1px solid rgba(20, 24, 36, .08);
  color: var(--body-text-color, #697080);
}

.account-resales-review-event-box strong {
  color: var(--heading-color, #151821);
}

.account-resales-review-confirm {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 16px;
  border: 1px solid rgba(255, 126, 38, .18);
  border-radius: 20px;
  background: rgba(255, 126, 38, .07);
  cursor: pointer;
}

.account-resales-review-confirm input {
  margin-top: 4px;
  accent-color: #ff7a18;
}

.account-resales-review-confirm strong {
  display: block;
  color: var(--heading-color, #151821);
  font-weight: 950;
}

.account-resales-review-confirm small {
  display: block;
  margin-top: 3px;
  color: var(--body-text-color, #697080);
}

.account-resales-review-data-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 11px;
}

@media (max-width: 991.98px) {
  .account-resales-review-recap-grid,
  .account-resales-review-data-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767.98px) {
  .account-resales-review-steps,
  .account-resales-review-recap-grid,
  .account-resales-review-data-grid {
    grid-template-columns: 1fr;
  }

  .account-resales-review-head,
  .account-resales-review-guide,
  .account-resales-review-empty,
  .account-resales-review-recap__top {
    flex-direction: column;
    align-items: flex-start;
  }

  .account-resales-review-actions {
    justify-content: stretch;
  }

  .account-resales-review-actions .theme-btn,
  .account-resales-review-actions .dash-wow-action-btn {
    width: 100%;
  }
}

html[data-tixy-theme="dark"] .account-resales-review-step,
html[data-tixy-theme="dark"] .account-resales-review-guide,
html[data-tixy-theme="dark"] .account-resales-review-mode-card,
html[data-tixy-theme="dark"] .account-resales-review-table-wrap,
html[data-tixy-theme="dark"] .account-resales-review-recap,
html[data-tixy-theme="dark"] .account-resales-review-confirm,
html[data-tixy-theme="dark"] .account-resales-review-recap-grid div,
html[data-tixy-theme="dark"] .account-resales-review-data-grid div {
  border-color: rgba(255, 255, 255, .09);
  background: rgba(20, 23, 32, .88);
}

html[data-tixy-theme="dark"] .account-resales-review-guide h3,
html[data-tixy-theme="dark"] .account-resales-review-mode-card__head strong,
html[data-tixy-theme="dark"] .account-resales-review-table thead th,
html[data-tixy-theme="dark"] .account-resales-review-recap__top strong,
html[data-tixy-theme="dark"] .account-resales-review-recap-grid strong,
html[data-tixy-theme="dark"] .account-resales-review-data-grid strong,
html[data-tixy-theme="dark"] .account-resales-review-event-box strong,
html[data-tixy-theme="dark"] .account-resales-review-confirm strong {
  color: #fff;
}

html[data-tixy-theme="dark"] .account-resales-review-guide p,
html[data-tixy-theme="dark"] .account-resales-review-mode-card p,
html[data-tixy-theme="dark"] .account-resales-review-net,
html[data-tixy-theme="dark"] .account-resales-review-table,
html[data-tixy-theme="dark"] .account-resales-review-sigillo,
html[data-tixy-theme="dark"] .account-resales-review-recap-grid span,
html[data-tixy-theme="dark"] .account-resales-review-data-grid span,
html[data-tixy-theme="dark"] .account-resales-review-event-box,
html[data-tixy-theme="dark"] .account-resales-review-confirm small {
  color: rgba(255, 255, 255, .68);
}

html[data-tixy-theme="dark"] .account-resales-review-wow .dash-wow-input,
html[data-tixy-theme="dark"] .account-resales-review-wow .form-select {
  border-color: rgba(255, 255, 255, .1);
  background-color: rgba(12, 14, 20, .88);
  color: #fff;
}

html[data-tixy-theme="dark"] .account-resales-review-table thead th {
  background: rgba(255, 126, 38, .12);
}