@import url(//fonts.googleapis.com/css2?family=Inter:wght@200;400;700;900&display=swap);
/* purgecss start ignore */

.cart .ant-drawer-content-wrapper {
  width: 100% !important;
}

@media (min-width: 767px) {
  .cart .ant-drawer-content-wrapper {
    width: 500px !important;
  }
}

.cart .card-title {
  color: #000;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 1rem;
}

.cart .ant-card {
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px 4px 0 0;
  margin-bottom: 20px;
}

.cart .cart-product {
  display: grid;
  grid-template-columns: min-content 1fr;
  gap: .75rem;
  border-bottom: 1px solid #DBDBDB;
  padding: .75rem 0;
}

.cart .cart-product .ant-collapse-header {
  padding-left: 24px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.cart .cart-product .ant-collapse-header .ant-collapse-arrow {
  left: 0;
}

.cart .cart-product .ant-collapse-content-box {
  padding-left: 24px;
}

.cart .cart-products-empty {
  text-align: center;
  margin-top: 50%;
}

.cart .card-title-checkout-sidebar {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}

.cart .card-title-checkout-sidebar span {
  display: grid;
  font-size: 20px;
  font-weight: 600;
  border-bottom: 1px solid #DBDBDB;
  padding-bottom: 5px;
  color: black;
  margin-bottom: -14px;
}

.cart .cart-img {
  border-radius: 4px;
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
}

.cart .cart-title {
  font-size: 1rem;
  font-weight: 400;
  color: #000;
  margin-bottom: 0;
}

.cart .cart-product-title {
  font-size: 1rem;
  font-weight: 600;
  color: #000;
  margin-bottom: 0;
}

.cart .cart-desc {
  font-size: 15px;
  color: #585757;
}

.cart .cart-input {
  width: 40px;
  text-align: center;
  padding: .25rem .5rem;
}

.cart .cart-quantity {
  grid-column: span 2;
  display: flex;
  justify-content: space-between;
}

.cart .cart-price-delete {
  align-items: center;
  display: flex;
}

.cart .cart-price {
  font-size: 20px;
  font-weight: bold;
  color: #000;
}

.cart .cart-footer {
  padding: 1rem 0;
}

.cart .cart-footer > * + * {
  margin-left: .5rem;
}

.cart .btn-delete {
  margin-left: .75rem;
}

.cart .btn-delete:hover, .cart .btn-delete:focus {
  color: white;
  border-color: #ff4d4f;
  background-color: #ff4d4f;
}

[data-theme="dark"] .cart .ant-drawer-content-wrapper {
  background-color: #0b1220;
}

[data-theme="dark"] .cart .ant-drawer-header {
  background-color: #1a1a1a;
  border-bottom: 1px solid #374151;
}

[data-theme="dark"] .cart .ant-drawer-title {
  color: #f9fafb;
}

[data-theme="dark"] .cart .ant-drawer-close {
  color: #f9fafb;
}

[data-theme="dark"] .cart .ant-drawer-close:hover {
  color: #60a5fa;
}

[data-theme="dark"] .cart .ant-drawer-body {
  background-color: #0b1220;
}

[data-theme="dark"] .cart .card-title {
  color: #f9fafb;
}

[data-theme="dark"] .cart .card-title-checkout-sidebar {
  color: #f9fafb;
}

[data-theme="dark"] .cart .card-title-checkout-sidebar span {
  color: #f9fafb;
  border-bottom: 1px solid #374151;
}

[data-theme="dark"] .cart .cart-product {
  border-bottom: 1px solid #374151;
}

[data-theme="dark"] .cart .cart-products-empty h2, [data-theme="dark"] .cart .cart-products-empty p {
  color: #f9fafb;
}

[data-theme="dark"] .cart .cart-title, [data-theme="dark"] .cart .cart-product-title {
  color: #f9fafb;
}

[data-theme="dark"] .cart .cart-desc {
  color: #9ca3af;
}

[data-theme="dark"] .cart .cart-price {
  color: #f9fafb;
}

[data-theme="dark"] .cart .cart-input {
  background-color: #111827;
  border-color: #374151;
  color: #f9fafb;
}

[data-theme="dark"] .cart .cart-input:hover, [data-theme="dark"] .cart .cart-input:focus {
  border-color: #60a5fa;
}

[data-theme="dark"] .cart .ant-collapse-header {
  color: #f9fafb;
  background-color: transparent;
}

[data-theme="dark"] .cart .ant-collapse-content {
  background-color: transparent;
  border-top: 1px solid #374151;
}

[data-theme="dark"] .cart .ant-collapse-content-box {
  color: #d1d5db;
}

[data-theme="dark"] .cart .ant-alert {
  background-color: rgba(220, 38, 38, 0.1);
  border: 1px solid rgba(220, 38, 38, 0.3);
}

[data-theme="dark"] .cart .ant-alert-message {
  color: #fca5a5;
}

[data-theme="dark"] .cart .cart-footer .ant-btn {
  background-color: #1a1a1a;
  border-color: #374151;
  color: #f9fafb;
}

[data-theme="dark"] .cart .cart-footer .ant-btn:hover {
  background-color: #374151;
  border-color: #60a5fa;
  color: #f9fafb;
}

[data-theme="dark"] .cart .cart-footer .ant-btn-primary {
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
  border: none;
  color: #ffffff;
}

[data-theme="dark"] .cart .cart-footer .ant-btn-primary:hover {
  background: linear-gradient(135deg, #ff7b45 0%, #ff9f2e 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(247, 147, 30, 0.4);
}

[data-theme="dark"] .cart .ant-popover-inner {
  background-color: #1a1a1a;
}

[data-theme="dark"] .cart .ant-popover-title {
  color: #f9fafb;
  border-bottom: 1px solid #374151;
}

[data-theme="dark"] .cart .ant-popover-inner-content {
  color: #f9fafb;
}

[data-theme="dark"] .cart .ant-popover-arrow-content {
  background-color: #1a1a1a;
}

[data-theme="light"] .cart .ant-drawer-content-wrapper {
  background-color: #ffffff;
}

[data-theme="light"] .cart .ant-drawer-header {
  background-color: #ffffff;
  border-bottom: 1px solid #f0f0f0;
}

[data-theme="light"] .cart .ant-drawer-body {
  background-color: #ffffff;
}

[data-theme="light"] .cart .card-title {
  color: #000000;
}

[data-theme="light"] .cart .card-title-checkout-sidebar {
  color: rgba(0, 0, 0, 0.85);
}

[data-theme="light"] .cart .card-title-checkout-sidebar span {
  color: #000000;
  border-bottom: 1px solid #DBDBDB;
}

[data-theme="light"] .cart .cart-product {
  border-bottom: 1px solid #f0f0f0;
}

[data-theme="light"] .cart .cart-title, [data-theme="light"] .cart .cart-product-title {
  color: #000000;
}

[data-theme="light"] .cart .cart-price {
  color: #000000;
}

.menu-warp h1 {
  font-size: 1.5rem;
  color: #000;
  font-weight: 700;
}

.menu-warp .select-citie {
  color: #F57423;
  font-weight: bold;
}

.menu-warp .select-citie .ant-select-selector {
  border: none;
}

.menu-warp .menu-text {
  color: #000;
  font-weight: bold;
}

.menu-warp .div-link {
  border: 1px solid #DBDBDB;
  font-weight: bold;
  padding: 5px 15px 5px 15px;
  border-radius: 5px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.menu-warp .button-text {
  font-weight: bold;
}

.menu-warp .div-text-city-mobile {
  text-transform: capitalize;
  color: #F57423;
  font-weight: bold;
  font-size: 15px;
  cursor: pointer;
  margin-top: 4px;
}

.success-wrap {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
  padding: 20px 15px 20px 15px;
}

.success-wrap .cursor-pointer {
  cursor: pointer;
}

.success-wrap h1 {
  font-size: 36px;
  font-weight: bold;
  color: #000;
}

.success-wrap .card-title {
  color: #000;
  font-size: 24px;
  font-weight: bold;
}

.success-wrap .ant-card {
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px 4px 0 0;
  margin-bottom: 20px;
}

.success-wrap .ant-collapse-header {
  font-size: 15px !important;
  color: #585757 !important;
}

.success-wrap .ant-collapse > .ant-collapse-item > .ant-collapse-header {
  padding: 5px 35px;
}

.success-wrap .ant-collapse-content > .ant-collapse-content-box {
  padding: 37px;
}

.success-wrap .resume-div-container {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}

.success-wrap .cart-desc {
  font-size: 15px;
  color: #585757;
}

.success-wrap .cart-option {
  font-size: 13px;
  color: #585757;
}

.success-wrap .cart-title {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  margin-bottom: 0;
}

.success-wrap .cart-event {
  display: grid;
  grid-template-columns: min-content 1fr;
  gap: .75rem;
  padding: .75rem 0;
}

.success-wrap .cart-img-event {
  border-radius: 4px;
  width: 200px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}

.success-wrap .cart-title-event {
  font-size: 24px;
  font-weight: bold;
  color: #000;
  margin-bottom: 0;
}

.success-wrap .cart-img {
  border-radius: 4px;
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
}

.success-wrap .cart-title {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  margin-bottom: 0;
}

.success-wrap .cart-desc {
  font-size: 15px;
  color: #585757;
}

.success-wrap .cart-desc-event {
  font-size: 15px;
  color: #000;
  font-weight: bold;
}

.success-wrap .btn-download {
  background-color: #000;
  color: #fff;
  font-weight: bold;
  margin-right: 5px;
}

.success-wrap .content-download-desktop {
  display: none;
}

@media (min-width: 767px) {
  .success-wrap .content-download-desktop {
    display: initial;
  }
}

@media (min-width: 767px) {
  .success-wrap .content-download-mobile {
    display: none;
  }
}

[data-theme="dark"] .success-wrap {
  background-color: #0b1220;
  color: #f9fafb;
  min-height: 100vh;
}

[data-theme="dark"] .success-wrap .ant-card {
  background-color: #1a1a1a;
  border: 1px solid #374151;
}

[data-theme="dark"] .success-wrap .ant-card-body {
  background-color: #1a1a1a;
  color: #f9fafb;
}

[data-theme="dark"] .success-wrap .ant-card-head {
  background-color: #1a1a1a;
  border-bottom: 1px solid #374151;
}

[data-theme="dark"] .success-wrap .ant-card-head-title {
  color: #f9fafb;
}

[data-theme="dark"] .success-wrap h1, [data-theme="dark"] .success-wrap h2, [data-theme="dark"] .success-wrap h3, [data-theme="dark"] .success-wrap h4, [data-theme="dark"] .success-wrap h5, [data-theme="dark"] .success-wrap h6 {
  color: #f9fafb;
}

[data-theme="dark"] .success-wrap .ant-alert {
  background-color: rgba(34, 197, 94, 0.1);
  border: 1px solid rgba(34, 197, 94, 0.3);
}

[data-theme="dark"] .success-wrap .ant-alert-message {
  color: #86efac;
}

[data-theme="dark"] .success-wrap .ant-alert-success .anticon {
  color: #86efac;
}

[data-theme="dark"] .success-wrap .ant-btn {
  background-color: #1a1a1a;
  border-color: #374151;
  color: #f9fafb;
}

[data-theme="dark"] .success-wrap .ant-btn:hover {
  background-color: #374151;
  border-color: #60a5fa;
  color: #f9fafb;
}

[data-theme="dark"] .success-wrap .ant-btn-primary {
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
  border: none;
  color: #ffffff;
}

[data-theme="dark"] .success-wrap .ant-btn-primary:hover {
  background: linear-gradient(135deg, #ff7b45 0%, #ff9f2e 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(247, 147, 30, 0.4);
}

[data-theme="dark"] .success-wrap .ant-collapse {
  background-color: #1a1a1a;
  border: 1px solid #374151;
}

[data-theme="dark"] .success-wrap .ant-collapse-item {
  border-color: #374151;
}

[data-theme="dark"] .success-wrap .ant-collapse-header {
  background-color: #1a1a1a;
  color: #f9fafb;
}

[data-theme="dark"] .success-wrap .ant-collapse-content {
  background-color: #111827;
  border-color: #374151;
  color: #f9fafb;
}

[data-theme="dark"] .success-wrap .ant-collapse-content-box {
  color: #d1d5db;
}

[data-theme="dark"] .success-wrap .ant-divider {
  border-color: #374151;
}

[data-theme="dark"] .success-wrap .continue-buttons .ant-btn {
  margin: 0 8px;
}

[data-theme="dark"] .success-wrap p, [data-theme="dark"] .success-wrap span, [data-theme="dark"] .success-wrap div {
  color: inherit;
}

[data-theme="dark"] .success-wrap .card-title {
  color: #f9fafb;
}

[data-theme="dark"] .success-wrap .cart-title, [data-theme="dark"] .success-wrap .cart-title-event {
  color: #f9fafb;
}

[data-theme="dark"] .success-wrap .cart-desc, [data-theme="dark"] .success-wrap .cart-desc-event {
  color: #d1d5db;
}

[data-theme="dark"] .success-wrap .cart-option {
  color: #9ca3af;
}

[data-theme="dark"] .success-wrap .btn-download {
  background-color: #1a1a1a;
  color: #f9fafb;
  border: 1px solid #374151;
}

[data-theme="dark"] .success-wrap .btn-download:hover {
  background-color: #374151;
  color: #f9fafb;
}

[data-theme="light"] .success-wrap {
  background-color: #ffffff;
  color: #1a1a1a;
}

[data-theme="light"] .success-wrap .ant-card {
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
}

[data-theme="light"] .success-wrap .ant-card-body {
  background-color: #ffffff;
  color: #1a1a1a;
}

[data-theme="light"] .success-wrap .ant-card-head {
  background-color: #fafafa;
  border-bottom: 1px solid #f0f0f0;
}

[data-theme="light"] .success-wrap .ant-card-head-title {
  color: #1a1a1a;
}

[data-theme="light"] .success-wrap h1, [data-theme="light"] .success-wrap h2, [data-theme="light"] .success-wrap h3, [data-theme="light"] .success-wrap h4, [data-theme="light"] .success-wrap h5, [data-theme="light"] .success-wrap h6 {
  color: #1a1a1a;
}

[data-theme="light"] .success-wrap .ant-alert {
  background-color: #f6ffed;
  border: 1px solid #b7eb8f;
}

[data-theme="light"] .success-wrap .ant-alert-message {
  color: #52c41a;
}

[data-theme="light"] .success-wrap .ant-alert-success .anticon {
  color: #52c41a;
}

[data-theme="light"] .success-wrap .ant-btn {
  background-color: #ffffff;
  border-color: #d9d9d9;
  color: #1a1a1a;
}

[data-theme="light"] .success-wrap .ant-btn:hover {
  background-color: #fafafa;
  border-color: #40a9ff;
  color: #1a1a1a;
}

[data-theme="light"] .success-wrap .ant-btn-primary {
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
  border: none;
  color: #ffffff;
}

[data-theme="light"] .success-wrap .ant-collapse {
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
}

[data-theme="light"] .success-wrap .ant-collapse-item {
  border-color: #d9d9d9;
}

[data-theme="light"] .success-wrap .ant-collapse-header {
  background-color: #fafafa;
  color: #1a1a1a;
}

[data-theme="light"] .success-wrap .ant-collapse-content {
  background-color: #ffffff;
  border-color: #d9d9d9;
  color: #1a1a1a;
}

[data-theme="light"] .success-wrap .ant-collapse-content-box {
  color: #666666;
}

[data-theme="light"] .success-wrap .ant-divider {
  border-color: #e8e8e8;
}

[data-theme="light"] .success-wrap .card-title {
  color: #000000;
}

[data-theme="light"] .success-wrap .cart-title, [data-theme="light"] .success-wrap .cart-title-event {
  color: #000000;
}

[data-theme="light"] .success-wrap .cart-desc, [data-theme="light"] .success-wrap .cart-desc-event {
  color: #000000;
}

[data-theme="light"] .success-wrap .cart-option {
  color: #666666;
}

[data-theme="light"] .success-wrap .btn-download {
  background-color: #000000;
  color: #ffffff;
}

[data-theme="light"] .success-wrap .btn-download:hover {
  background-color: #333333;
  color: #ffffff;
}

[data-theme="dark"] .success-wrap {
  background: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), var(--background-color) !important;
  min-height: 100vh;
}

[data-theme="light"] .success-wrap {
  background: linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.05) 100%), var(--background-color) !important;
  min-height: 100vh;
}

[data-theme="dark"] .success-wrap .ant-card,
[data-theme="dark"] .success-wrap .ant-card-body,
[data-theme="dark"] .success-wrap .ant-card-head {
  background-color: rgba(0, 0, 0, 0.4) !important;
  backdrop-filter: blur(15px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

[data-theme="light"] .success-wrap .ant-card,
[data-theme="light"] .success-wrap .ant-card-body,
[data-theme="light"] .success-wrap .ant-card-head {
  background-color: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.success-wrap .continue-buttons .ant-btn-primary {
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%) !important;
  border: none !important;
  box-shadow: 0 8px 32px rgba(247, 147, 30, 0.4) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.success-wrap .continue-buttons .ant-btn-primary:hover {
  background: linear-gradient(135deg, #f7931e 0%, #ff6b35 100%) !important;
  box-shadow: 0 12px 40px rgba(247, 147, 30, 0.5) !important;
  transform: translateY(-2px) !important;
}

.success-wrap .continue-buttons .ant-btn-primary:active {
  transform: translateY(0px) !important;
  box-shadow: 0 4px 16px rgba(247, 147, 30, 0.3) !important;
}

.success-wrap .ant-card {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.success-wrap .ant-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
}

.success-trust-logo {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 16px 6px 16px;
  position: relative;
}

@media screen and (min-width: 576px) {
  .success-trust-logo {
    padding: 0px 20px 8px 20px;
  }
}

.success-trust-logo .toliv-logo {
  cursor: pointer;
  transition: all 0.3s ease;
  opacity: 0.9;
}

.success-trust-logo .toliv-logo:hover {
  opacity: 1;
  transform: translateY(-1px);
}

.success-trust-logo .toliv-logo .toliv-svg-image {
  width: 80px !important;
  height: auto !important;
  max-width: 80px !important;
}

.success-theme-toggle {
  position: relative;
  z-index: 10;
}

@keyframes successFadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.success-wrap {
  animation: successFadeInUp 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.success-wrap .ant-card {
  animation: successFadeInUp 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
  animation-delay: 0.2s !important;
  animation-fill-mode: both !important;
}

.success-wrap .continue-buttons {
  animation: successFadeInUp 1s cubic-bezier(0.4, 0, 0.2, 1) !important;
  animation-delay: 0.4s !important;
  animation-fill-mode: both !important;
}

.success-wrap .success-trust-logo {
  animation: successFadeInUp 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  animation-delay: 0.1s !important;
  animation-fill-mode: both !important;
}

.success-events-container {
  max-width: 900px;
  margin: 0 auto;
  padding: 0;
}

.success-event-header {
  margin-bottom: 24px;
  padding: 20px;
  background: var(--card-bg);
  border-radius: 16px;
  border: 1px solid var(--border-color);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  animation: eventsFadeInUp 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

.success-event-header:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

[data-theme="dark"] .success-event-header {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .success-event-header:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 768px) {
  .success-event-header {
    padding: 16px;
  }
}

.success-event-info {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

@media screen and (max-width: 768px) {
  .success-event-info {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}

.success-event-cover {
  width: 100px;
  height: 100px;
  border-radius: 12px;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  flex-shrink: 0;
}

@media screen and (max-width: 768px) {
  .success-event-cover {
    width: 100%;
    max-width: 300px;
    height: auto;
    aspect-ratio: 1;
  }
}

[data-theme="dark"] .success-event-cover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.success-event-details {
  flex: 1;
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.success-event-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--text-color);
  margin: 0 0 12px 0;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .success-event-title {
    font-size: 18px;
    margin-bottom: 10px;
  }
}

.success-event-meta {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media screen and (max-width: 768px) {
  .success-event-meta {
    align-items: center;
  }
}

.success-event-meta-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  transition: all 0.2s ease;
}

.success-event-meta-item:hover {
  transform: translateX(4px);
}

.success-event-meta-item:hover .meta-icon {
  color: var(--primary-color);
  transform: scale(1.1);
}

@media screen and (max-width: 768px) {
  .success-event-meta-item {
    justify-content: center;
  }

  .success-event-meta-item:hover {
    transform: translateX(0);
  }
}

.meta-icon {
  font-size: 16px;
  color: var(--text-secondary-color);
  flex-shrink: 0;
  margin-top: 2px;
  transition: all 0.2s ease;
}

@media screen and (max-width: 768px) {
  .meta-icon {
    font-size: 15px;
  }
}

.meta-text {
  font-size: 14px;
  color: var(--text-secondary-color);
  line-height: 1.5;
  flex: 1;
}

@media screen and (max-width: 768px) {
  .meta-text {
    font-size: 13px;
    text-align: left;
  }
}

.success-event-date {
  font-size: 16px;
  font-weight: 600;
  color: var(--primary-color);
  display: flex;
  align-items: center;
  gap: 8px;
}

@media screen and (max-width: 768px) {
  .success-event-date {
    justify-content: center;
  }
}

.success-event-location {
  font-size: 15px;
  color: var(--text-secondary-color);
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .success-event-location {
    font-size: 14px;
  }
}

.success-back-container {
  margin-bottom: 20px;
}

.success-back-wrapper {
  margin: 0 auto;
  padding: 0 20px;
}

@media screen and (max-width: 768px) {
  .success-back-wrapper {
    padding: 0 8px;
  }
}

.success-back-button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 20px !important;
  background: transparent !important;
  border: none !important;
  color: var(--text-secondary-color) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  border-radius: 12px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
}

@media screen and (max-width: 768px) {
  .success-back-button {
    padding: 8px 16px 8px 0 !important;
  }
}

.success-back-button:hover {
  background: rgba(255, 102, 0, 0.08) !important;
  color: var(--primary-color) !important;
  transform: translateX(-3px) !important;
}

.success-back-button:hover .success-back-icon {
  transform: translateX(-2px);
}

.success-back-button:active {
  transform: translateX(-1px) scale(0.98) !important;
}

[data-theme="dark"] .success-back-button:hover {
  background: rgba(255, 102, 0, 0.12) !important;
}

.success-back-icon {
  width: 20px;
  height: 20px;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.success-back-text {
  font-weight: 500;
  letter-spacing: 0.01em;
}

.success-hero-celebration {
  text-align: center;
  padding: 40px 20px;
  margin-bottom: 24px;
  position: relative;
  overflow: visible;
  z-index: 10;
  filter: drop-shadow(0 0 50px rgba(16, 185, 129, 0.25)) drop-shadow(0 0 100px rgba(16, 185, 129, 0.15)) drop-shadow(0 0 150px rgba(16, 185, 129, 0.08));
  animation: heroContentGlow 3s ease-in-out infinite;
}

@keyframes heroContentGlow {
  0%, 100% {
    filter: drop-shadow(0 0 50px rgba(16, 185, 129, 0.25)) drop-shadow(0 0 100px rgba(16, 185, 129, 0.15)) drop-shadow(0 0 150px rgba(16, 185, 129, 0.08));
  }

  50% {
    filter: drop-shadow(0 0 60px rgba(16, 185, 129, 0.35)) drop-shadow(0 0 120px rgba(16, 185, 129, 0.2)) drop-shadow(0 0 180px rgba(16, 185, 129, 0.12));
  }
}

.success-hero-celebration .success-confetti-particles {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.success-hero-celebration .confetti-particle {
  position: absolute;
  width: 4px;
  height: 4px;
  background: white;
  border-radius: 50%;
  box-shadow: 0 0 10px white, 0 0 20px rgba(255, 215, 0, 0.8), 0 0 30px rgba(255, 215, 0, 0.4);
  animation: shootingStar 3s ease-in infinite;
}

.success-hero-celebration .confetti-particle.confetti-1 {
  left: 20%;
  animation-delay: 0s;
}

.success-hero-celebration .confetti-particle.confetti-2 {
  left: 40%;
  animation-delay: 0.8s;
}

.success-hero-celebration .confetti-particle.confetti-3 {
  left: 60%;
  animation-delay: 1.6s;
  width: 5px;
  height: 5px;
  box-shadow: 0 0 12px white, 0 0 24px rgba(255, 235, 59, 0.9), 0 0 36px rgba(255, 235, 59, 0.5);
}

.success-hero-celebration .confetti-particle.confetti-4 {
  left: 75%;
  animation-delay: 2.4s;
}

.success-hero-celebration .confetti-particle.confetti-5 {
  left: 85%;
  animation-delay: 3.2s;
  width: 5px;
  height: 5px;
  box-shadow: 0 0 12px white, 0 0 24px rgba(255, 245, 157, 0.9), 0 0 36px rgba(255, 245, 157, 0.5);
}

.success-hero-celebration .confetti-particle.confetti-6 {
  left: 30%;
  animation-delay: 4s;
}

@keyframes shootingStar {
  0% {
    transform: translate(-100px, -100px) rotate(-45deg);
    opacity: 0;
  }

  5% {
    opacity: 1;
  }

  95% {
    opacity: 1;
  }

  100% {
    transform: translate(600px, 600px) rotate(-45deg);
    opacity: 0;
  }
}

.success-hero-celebration .success-hero-stars-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}

.success-hero-celebration .success-hero-stars-bg .star-bg {
  position: absolute;
  width: 2px;
  height: 2px;
  background: white;
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(255, 255, 255, 0.8), 0 0 8px rgba(255, 255, 255, 0.4);
  animation: starBgTwinkle 2s ease-in-out infinite;
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-1 {
  left: 34%;
  top: 94%;
  animation-delay: 1.7s;
  animation-duration: 3.3s;
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-2 {
  left: 91%;
  top: 97%;
  animation-delay: 0.1s;
  animation-duration: 2.3s;
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-3 {
  left: 74%;
  top: 48%;
  animation-delay: 1.1s;
  animation-duration: 3.5s;
  width: 3px;
  height: 3px;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.9), 0 0 12px rgba(255, 255, 255, 0.5);
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-4 {
  left: 16%;
  top: 2%;
  animation-delay: 1.8s;
  animation-duration: 3.2s;
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-5 {
  left: 95%;
  top: 68%;
  animation-delay: 0.8s;
  animation-duration: 2.6s;
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-6 {
  left: 49%;
  top: 16%;
  animation-delay: 1s;
  animation-duration: 2.8s;
  width: 3px;
  height: 3px;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.9), 0 0 12px rgba(255, 255, 255, 0.5);
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-7 {
  left: 1%;
  top: 11%;
  animation-delay: 0.4s;
  animation-duration: 2.2s;
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-8 {
  left: 43%;
  top: 25%;
  animation-delay: 1.7s;
  animation-duration: 3.3s;
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-9 {
  left: 81%;
  top: 31%;
  animation-delay: 1.6s;
  animation-duration: 2.8s;
  width: 3px;
  height: 3px;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.9), 0 0 12px rgba(255, 255, 255, 0.5);
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-10 {
  left: 16%;
  top: 60%;
  animation-delay: 1.1s;
  animation-duration: 2.1s;
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-11 {
  left: 30%;
  top: 7%;
  animation-delay: 0.7s;
  animation-duration: 2.9s;
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-12 {
  left: 93%;
  top: 24%;
  animation-delay: 0.4s;
  animation-duration: 2.3s;
  width: 3px;
  height: 3px;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.9), 0 0 12px rgba(255, 255, 255, 0.5);
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-13 {
  left: 96%;
  top: 93%;
  animation-delay: 0.7s;
  animation-duration: 2.3s;
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-14 {
  left: 35%;
  top: 90%;
  animation-delay: 1.9s;
  animation-duration: 3.3s;
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-15 {
  left: 35%;
  top: 29%;
  animation-delay: 0.5s;
  animation-duration: 2.9s;
  width: 3px;
  height: 3px;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.9), 0 0 12px rgba(255, 255, 255, 0.5);
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-16 {
  left: 32%;
  top: 21%;
  animation-delay: 2s;
  animation-duration: 3s;
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-17 {
  left: 11%;
  top: 58%;
  animation-delay: 1.1s;
  animation-duration: 2.2s;
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-18 {
  left: 23%;
  top: 70%;
  animation-delay: 0.4s;
  animation-duration: 3.1s;
  width: 3px;
  height: 3px;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.9), 0 0 12px rgba(255, 255, 255, 0.5);
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-19 {
  left: 99%;
  top: 58%;
  animation-delay: 1.6s;
  animation-duration: 3.9s;
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-20 {
  left: 5%;
  top: 63%;
  animation-delay: 2s;
  animation-duration: 3.2s;
}

@keyframes starBgTwinkle {
  0%, 100% {
    opacity: 0.3;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.2);
  }
}

.success-hero-celebration > * {
  position: relative;
  z-index: 12;
}

@media screen and (max-width: 768px) {
  .success-hero-celebration {
    padding: 20px 16px;
    margin-bottom: 20px;
  }

  .success-hero-celebration .success-hero-waves {
    display: none;
  }
}

.success-hero-icon-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  animation: heroIconPop 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s both;
}

@keyframes heroIconPop {
  0% {
    transform: scale(0) rotate(-180deg);
    opacity: 0;
  }

  60% {
    transform: scale(1.2) rotate(90deg);
  }

  100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}

.success-hero-icon-bg {
  position: absolute;
  width: 110px;
  height: 110px;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  border-radius: 50%;
  animation: heroPulseGlow 2s ease-in-out infinite;
  box-shadow: 0 20px 60px rgba(16, 185, 129, 0.4);
}

[data-theme="dark"] .success-hero-icon-bg {
  box-shadow: 0 20px 60px rgba(16, 185, 129, 0.6);
}

@media screen and (max-width: 768px) {
  .success-hero-icon-bg {
    width: 90px;
    height: 90px;
  }
}

@keyframes heroPulseGlow {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
  }

  50% {
    transform: scale(1.05);
    box-shadow: 0 0 0 20px rgba(16, 185, 129, 0);
  }
}

.success-hero-icon-glow {
  position: absolute;
  width: 130px;
  height: 130px;
  background: radial-gradient(circle, rgba(16, 185, 129, 0.3) 0%, transparent 70%);
  border-radius: 50%;
  animation: iconGlow 3s ease-in-out infinite;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .success-hero-icon-glow {
    width: 110px;
    height: 110px;
  }
}

@keyframes iconGlow {
  0%, 100% {
    opacity: 0.5;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }
}

.success-hero-check-icon {
  position: relative;
  font-size: 56px !important;
  color: white !important;
  z-index: 15;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2)) brightness(1.1);
  animation: checkRotate 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.8s both;
}

@media screen and (max-width: 768px) {
  .success-hero-check-icon {
    font-size: 48px !important;
  }
}

@keyframes checkRotate {
  0% {
    transform: rotate(-90deg) scale(0.5);
  }

  100% {
    transform: rotate(0deg) scale(1);
  }
}

.success-hero-title {
  font-size: 32px;
  font-weight: 800;
  color: var(--text-color);
  margin: 16px 0 12px 0;
  line-height: 1.2;
  letter-spacing: -0.02em;
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
  animation: heroTitleGlow 1s cubic-bezier(0.34, 1.56, 0.64, 1) 1s both;
}

[data-theme="dark"] .success-hero-title {
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 768px) {
  .success-hero-title {
    font-size: 28px;
    margin: 12px 0 10px 0;
  }
}

@keyframes heroTitleGlow {
  0% {
    transform: translateY(30px) scale(0.95);
    opacity: 0;
    filter: blur(4px);
  }

  100% {
    transform: translateY(0) scale(1);
    opacity: 1;
    filter: blur(0px);
  }
}

.success-hero-subtitle {
  font-size: 18px;
  color: var(--text-secondary-color);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto 20px auto;
  animation: heroSubtitleFade 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 1.4s both;
}

@media screen and (max-width: 768px) {
  .success-hero-subtitle {
    font-size: 16px;
    margin: 0 auto 24px auto;
  }
}

@keyframes heroSubtitleFade {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.success-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(5, 150, 105, 0.15) 100%);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 100px;
  font-weight: 600;
  color: #10b981;
  animation: heroBadgePop 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 1.8s both;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.success-hero-badge:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 12px 30px rgba(16, 185, 129, 0.3);
}

.success-hero-badge:hover .ticket-emoji {
  opacity: 1;
  transform: translateX(0);
}

.success-hero-badge:active {
  transform: translateY(-2px) scale(0.98);
}

[data-theme="dark"] .success-hero-badge {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15) 0%, rgba(5, 150, 105, 0.2) 100%);
  border-color: rgba(16, 185, 129, 0.4);
  color: #34d399;
}

@media screen and (max-width: 768px) {
  .success-hero-badge {
    padding: 10px 20px;
    font-size: 14px;
  }
}

@keyframes heroBadgePop {
  0% {
    transform: scale(0) rotate(180deg);
    opacity: 0;
  }

  100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}

.success-hero-badge-icon {
  font-size: 20px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
  transition: all 0.3s ease;
}

.success-hero-badge-icon:hover {
  transform: rotate(360deg) scale(1.1);
}

@media screen and (max-width: 768px) {
  .success-hero-badge-icon {
    width: 20px;
    height: 20px;
    font-size: 16px;
  }
}

.ticket-emoji {
  opacity: 0;
  transform: translateX(10px);
  transition: all 0.3s ease;
  margin-left: 4px;
}

.success-hero-badge-text {
  font-size: 16px;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 768px) {
  .success-hero-badge-text {
    font-size: 14px;
  }
}

.success-tickets-section {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 20px;
  margin-bottom: 48px;
}

@media screen and (max-width: 768px) {
  .success-tickets-section {
    padding: 0 16px;
    margin-bottom: 32px;
  }
}

.success-tickets-header {
  text-align: center;
  margin-bottom: 32px;
}

.success-tickets-title {
  font-size: 28px;
  font-weight: 700;
  color: var(--text-color);
  margin: 0 0 8px 0;
  line-height: 1.2;
}

@media screen and (max-width: 768px) {
  .success-tickets-title {
    font-size: 24px;
  }
}

.success-tickets-subtitle {
  font-size: 16px;
  color: var(--text-secondary-color);
  margin: 0;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .success-tickets-subtitle {
    font-size: 14px;
  }
}

.success-tickets-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  justify-items: center;
}

@media screen and (min-width: 768px) {
  .success-tickets-grid {
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
  }

  .success-tickets-grid:has(.success-ticket-card:only-child) {
    grid-template-columns: 1fr;
    max-width: 600px;
    margin: 0 auto;
  }
}

.success-ticket-card {
  background: var(--card-background);
  border: 2px solid rgba(255, 102, 0, 0.15);
  border-radius: 20px;
  padding: 24px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  animation: ticketSlideIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) backwards;
  position: relative;
  overflow: hidden;
}

.success-ticket-card:nth-child(1) {
  animation-delay: 0.1s;
}

.success-ticket-card:nth-child(2) {
  animation-delay: 0.2s;
}

.success-ticket-card:nth-child(3) {
  animation-delay: 0.3s;
}

.success-ticket-card:nth-child(4) {
  animation-delay: 0.4s;
}

.success-ticket-card:nth-child(5) {
  animation-delay: 0.5s;
}

.success-ticket-card:nth-child(6) {
  animation-delay: 0.6s;
}

.success-ticket-card:nth-child(7) {
  animation-delay: 0.7s;
}

.success-ticket-card:nth-child(8) {
  animation-delay: 0.8s;
}

.success-ticket-card:nth-child(9) {
  animation-delay: 0.9s;
}

.success-ticket-card:nth-child(10) {
  animation-delay: 1s;
}

.success-ticket-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(135deg, var(--primary-color) 0%, #f7931e 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.success-ticket-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(255, 102, 0, 0.2);
  border-color: var(--primary-color);
}

.success-ticket-card:hover::before {
  opacity: 1;
}

[data-theme="dark"] .success-ticket-card {
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(10px);
  border-color: rgba(255, 102, 0, 0.2);
}

[data-theme="dark"] .success-ticket-card:hover {
  background: rgba(0, 0, 0, 0.5);
  box-shadow: 0 12px 40px rgba(255, 102, 0, 0.3);
}

@keyframes ticketSlideIn {
  0% {
    opacity: 0;
    transform: translateY(30px) scale(0.95);
  }

  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.ticket-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
  gap: 16px;
}

.ticket-info {
  flex: 1;
}

.ticket-type {
  font-size: 20px;
  font-weight: 700;
  color: var(--text-color);
  margin-bottom: 8px;
  line-height: 1.3;
  word-break: break-word;
}

@media screen and (max-width: 768px) {
  .ticket-type {
    font-size: 16px;
    line-height: 1.2;
  }
}

.ticket-seat {
  font-size: 14px;
  color: var(--text-secondary-color);
  margin-bottom: 6px;
  font-weight: 500;
}

.ticket-extra {
  font-size: 14px;
  color: var(--text-secondary-color);
  margin-top: 6px;
}

.ticket-extra strong {
  color: var(--text-color);
}

.ticket-price {
  font-size: 24px;
  font-weight: 700;
  color: var(--primary-color);
  white-space: nowrap;
  flex-shrink: 0;
}

@media screen and (max-width: 768px) {
  .ticket-price {
    font-size: 18px;
  }
}

.ticket-download-link {
  display: block;
  text-decoration: none;
  margin-bottom: 16px;
}

.ticket-download-button {
  background: linear-gradient(135deg, var(--primary-color) 0%, #f7931e 100%) !important;
  border: none !important;
  color: white !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  height: 48px !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(255, 102, 0, 0.25) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ticket-download-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(255, 102, 0, 0.35) !important;
  background: linear-gradient(135deg, #f7931e 0%, var(--primary-color) 100%) !important;
}

.ticket-download-button:active {
  transform: translateY(0) !important;
}

.ticket-download-button .anticon {
  font-size: 18px !important;
}

.ticket-email-info {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: rgba(16, 185, 129, 0.08);
  border-radius: 10px;
  font-size: 14px;
  color: var(--text-secondary-color);
}

[data-theme="dark"] .ticket-email-info {
  background: rgba(16, 185, 129, 0.12);
}

.ticket-email-icon {
  font-size: 16px;
  flex-shrink: 0;
}

.ticket-email-text {
  line-height: 1.4;
  word-break: break-word;
}

.success-summary-section {
  max-width: 900px;
  margin: 48px auto;
  padding: 0 20px;
}

@media screen and (max-width: 768px) {
  .success-summary-section {
    margin: 32px auto;
    padding: 0 16px;
  }
}

.success-summary-card {
  background: var(--card-background);
  border: 2px solid rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  padding: 32px;
  margin-bottom: 24px;
  animation: summaryFadeIn 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.5s backwards;
}

[data-theme="dark"] .success-summary-card {
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(10px);
  border-color: rgba(255, 255, 255, 0.1);
}

@media screen and (max-width: 768px) {
  .success-summary-card {
    padding: 24px 20px;
  }
}

@keyframes summaryFadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.summary-title {
  font-size: 22px;
  font-weight: 700;
  color: var(--text-color);
  margin: 0 0 24px 0;
}

@media screen and (max-width: 768px) {
  .summary-title {
    font-size: 20px;
    margin: 0 0 20px 0;
  }
}

.summary-items {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}

.summary-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.summary-row.summary-discount .summary-label {
  color: #10b981;
}

.summary-row.summary-discount .summary-value {
  color: #10b981;
}

.summary-label {
  font-size: 16px;
  color: var(--text-secondary-color);
  font-weight: 500;
}

.summary-value {
  font-size: 16px;
  color: var(--text-color);
  font-weight: 600;
  white-space: nowrap;
}

.summary-divider {
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, var(--primary-color) 50%, transparent 100%);
  margin: 24px 0;
  opacity: 0.3;
}

.summary-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 20px;
  background: linear-gradient(135deg, rgba(255, 102, 0, 0.08) 0%, rgba(247, 147, 30, 0.05) 100%);
  border-radius: 12px;
  margin-top: 20px;
}

[data-theme="dark"] .summary-total {
  background: linear-gradient(135deg, rgba(255, 102, 0, 0.12) 0%, rgba(247, 147, 30, 0.08) 100%);
}

.summary-total-label {
  font-size: 20px;
  color: var(--text-color);
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .summary-total-label {
    font-size: 18px;
  }
}

.summary-total-value {
  font-size: 24px;
  color: var(--primary-color);
  font-weight: 800;
}

@media screen and (max-width: 768px) {
  .summary-total-value {
    font-size: 22px;
  }
}

.success-transaction-details {
  background: var(--card-background);
  border: 2px solid rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  padding: 28px;
  animation: transactionFadeIn 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.7s backwards;
}

[data-theme="dark"] .success-transaction-details {
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(10px);
  border-color: rgba(255, 255, 255, 0.1);
}

@media screen and (max-width: 768px) {
  .success-transaction-details {
    padding: 20px;
  }
}

@keyframes transactionFadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.transaction-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--text-color);
  margin: 0 0 20px 0;
}

@media screen and (max-width: 768px) {
  .transaction-title {
    font-size: 18px;
    margin: 0 0 16px 0;
  }
}

.transaction-tags {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.transaction-tag {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 12px 16px;
  background: rgba(0, 0, 0, 0.03);
  border-radius: 10px;
  transition: all 0.2s ease;
}

.transaction-tag:hover {
  background: rgba(255, 102, 0, 0.05);
  transform: translateX(4px);
}

[data-theme="dark"] .transaction-tag {
  background: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .transaction-tag:hover {
  background: rgba(255, 102, 0, 0.08);
}

.tag-name {
  font-size: 15px;
  color: var(--text-secondary-color);
  font-weight: 500;
}

.tag-value {
  font-size: 15px;
  color: var(--text-color);
  font-weight: 600;
}

.event-app-download-section {
  margin-top: 2.5rem;
  padding: 2rem 1.5rem;
  background: linear-gradient(135deg, rgba(247, 116, 35, 0.05) 0%, rgba(155, 89, 182, 0.05) 100%);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
}

.event-app-download-section:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(247, 116, 35, 0.15);
  border-color: rgba(247, 116, 35, 0.3);
}

.event-app-download-section:active {
  transform: translateY(0);
}

.event-app-download-section .app-download-content {
  max-width: 400px;
  margin: 0 auto;
}

.event-app-download-section .app-download-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-color);
  margin-bottom: 8px;
  text-align: center;
}

.event-app-download-section .app-download-description {
  font-size: 14px;
  color: var(--text-secondary-color);
  line-height: 1.5;
  text-align: center;
}

.event-app-download-section .app-download-description strong {
  color: var(--text-color);
}

.event-app-download-section .app-download-footer {
  font-size: 14px;
  color: var(--text-secondary-color);
  text-align: center;
  line-height: 1.4;
  margin-bottom: 8px;
}

.event-app-download-section .app-download-footer strong {
  color: var(--text-color);
}

.event-app-download-section .app-download-text-mobile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.event-app-download-section .app-download-text-desktop {
  display: none;
}

.event-app-download-section .app-download-qr {
  display: none !important;
  justify-content: center;
  margin-bottom: 16px;
}

@media screen and (min-width: 768px) {
  .event-app-download-section .app-download-text-mobile {
    display: none;
  }

  .event-app-download-section .app-download-text-desktop {
    display: block;
  }

  .event-app-download-section .app-download-qr {
    display: flex !important;
  }
}

.country-locale {
  font-weight: normal !important;
  font-size: 12px !important;
  margin-top: 6px !important;
}

.ant-badge-count {
  z-index: 2;
  margin-right: 6px;
}

.to-pay-home {
  position: fixed;
  bottom: 55px;
  width: 100%;
  z-index: 100;
}

@media screen and (min-width: 767px) {
  .hidde-to-pay-home {
    display: none !important;
  }

  .theme-toggle-menu-hide-desktop {
    display: none !important;
  }
}

.bottom-navigation {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10;
  border-radius: 24px 24px 0px 0px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.2);
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  backdrop-filter: blur(20px);
  box-shadow: 0 -4px 32px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(255, 255, 255, 0.05);
}

.bottom-navigation .link-border {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 0;
  cursor: pointer;
  border-radius: 16px;
  margin: 0 4px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  min-height: 48px;
}

.bottom-navigation .link-border.selected {
  background: transparent;
}

.bottom-navigation .link-border:hover:not(.selected) {
  background: rgba(255, 255, 255, 0.1);
  transform: translateY(-1px);
}

.bottom-navigation .link-border svg {
  width: 22px;
  height: 22px;
  margin-bottom: 2px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
}

.bottom-navigation .link-border svg path, .bottom-navigation .link-border svg circle, .bottom-navigation .link-border svg rect, .bottom-navigation .link-border svg line, .bottom-navigation .link-border svg polyline, .bottom-navigation .link-border svg polygon {
  stroke-width: 1.5px !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  vector-effect: non-scaling-stroke !important;
}

.bottom-navigation .link-border .social-text {
  font-size: 16px;
  font-weight: 800;
  background: linear-gradient(135deg, #ff6b35 0%, #9b59b6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-shadow: 0 0 8px rgba(247, 116, 35, 0.4);
  margin-top: 2px;
  letter-spacing: 0.8px;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}

[data-theme="dark"] .bottom-navigation {
  background: rgba(31, 31, 31, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 -4px 32px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .bottom-navigation .link-border.selected {
  background: transparent;
}

[data-theme="dark"] .bottom-navigation .link-border:hover:not(.selected) {
  background: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .bottom-navigation .link-border svg {
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));
}

[data-theme="dark"] .bottom-navigation .link-border svg path, [data-theme="dark"] .bottom-navigation .link-border svg circle, [data-theme="dark"] .bottom-navigation .link-border svg rect, [data-theme="dark"] .bottom-navigation .link-border svg line, [data-theme="dark"] .bottom-navigation .link-border svg polyline, [data-theme="dark"] .bottom-navigation .link-border svg polygon {
  stroke-width: 1.5px !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  vector-effect: non-scaling-stroke !important;
}

[data-theme="dark"] .bottom-navigation .link-border .social-text {
  background: linear-gradient(135deg, #ff6b35 0%, #9b59b6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-shadow: 0 0 12px rgba(247, 116, 35, 0.6);
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

@media screen and (min-width: 767px) {
  .hidde-download-app {
    display: none !important;
  }
}

.phone-countries-custom {
  margin-bottom: 15px;
  padding: 0 !important;
}

.phone-countries-custom-error {
  margin-bottom: 15px;
  padding: 0 !important;
  background-color: #fff;
  border-color: #ff4d4f;
}

.phone-countries-custom-message {
  color: #ff4d4f;
  line-height: 1.5715;
  margin-top: -10px;
  margin-bottom: 10px;
}

.phone-countries {
  color: #585757;
  font-size: 1rem;
  font-weight: 700;
  text-align: left;
  margin-bottom: 10px;
  padding: 0 !important;
}

.phone-countries::before {
  display: inline-block;
  margin-right: 4px;
  color: #ff4d4f;
  font-size: 14px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}

.phone-countries-optional {
  color: var(--text-color);
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  margin-bottom: 10px;
  padding: 0 !important;
}

.phone-countries-optional .phone-countries-guest {
  color: #585757;
  font-size: 1rem;
  font-weight: 700;
  text-align: left;
  margin-bottom: 10px;
  padding: 0 !important;
}

.download-app {
  display: flex;
  background: #f2f2f2;
  border-bottom: solid 1px #c3c3c3;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 12px 8px;
}

.download-app .a-logo {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}

.download-app .logo {
  width: 65px;
  height: 65px;
  border-radius: 20px;
  background: #FFFFFF;
  border: 2px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.download-app .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #000;
  margin-left: 10px;
  flex: 1;
}

.download-app .content p {
  font-size: 13px;
  margin: 0;
}

.download-app .content p strong {
  font-size: 16px;
}

.download-app .see {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  text-align: center;
  font-size: 16px;
}

.download-app .see p {
  margin: 0;
  position: relative;
  display: inline-block;
  padding: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
  transition: none;
  text-shadow: 0 0 6px rgba(247, 147, 30, 0.55), 0 0 12px rgba(247, 147, 30, 0.35), 0 0 18px rgba(247, 147, 30, 0.25);
}

.download-app .see p:before {
  content: '';
  position: absolute;
  inset: -12px -20px;
  background: radial-gradient(closest-side, rgba(247, 147, 30, 0.4), rgba(247, 147, 30, 0));
  filter: blur(16px);
  border-radius: 999px;
  z-index: -1;
  pointer-events: none;
}

[data-theme="dark"] .download-app {
  background: #1f1f1f;
  border-bottom: solid 1px #404040;
}

[data-theme="dark"] .download-app .logo {
  background: #FFFFFF;
  border: none;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}

[data-theme="dark"] .download-app .content {
  color: #ffffff;
}

[data-theme="dark"] .download-app .see {
  color: #ffffff;
}

[data-theme="dark"] .download-app .see p {
  background: transparent;
  box-shadow: none;
  text-shadow: 0 0 8px rgba(247, 147, 30, 0.75), 0 0 16px rgba(247, 147, 30, 0.55), 0 0 24px rgba(247, 147, 30, 0.35);
}

[data-theme="dark"] .download-app .see p:before {
  background: radial-gradient(closest-side, rgba(247, 147, 30, 0.6), rgba(247, 147, 30, 0));
  filter: blur(20px);
}

.content-pay-home {
  margin-bottom: 20px;
  background: var(--gradient-2, linear-gradient(89deg, #FF6200 0.5%, #9747FF 98.87%));
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  color: #fff;
  align-items: center;
  justify-content: space-between;
  display: flex;
  height: 55px;
  border-radius: 8px;
  font-size: 17px;
  font-weight: bold;
  padding-left: 20px;
  padding-right: 20px;
}

.btn-back {
  font-size: 1.5rem;
  color: #000;
  width: 40px;
  height: 40px;
}

.small-header {
  height: 64px !important;
}

@media screen and (min-width: 768px) {
  .small-header {
    height: 74px !important;
  }
}

.ant-layout {
  background-color: #fff;
}

.ant-layout-header {
  background: var(--gradient-2, linear-gradient(89deg, #FF6200 0.5%, #9747FF 98.87%));
  height: 140px;
  padding: 0 15px;
  width: 100%;
}

.ant-layout-header .logo {
  cursor: pointer;
  width: 100px;
}

@media screen and (max-width: 500px) {
  .ant-layout-header .logo {
    margin-top: -6px;
    width: 80px;
  }
}

.ant-layout-header .content-header-wrap {
  max-width: 1440px;
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  padding: 0;
  height: 100%;
}

.ant-layout-header .content-header-wrap-full {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
  height: 100%;
}

.ant-layout-header .div-text-city {
  text-transform: capitalize;
  color: #1E3354;
  font-weight: bold;
  font-size: 15px;
  margin-left: 43px;
  cursor: pointer;
}

.ant-layout-header .div-text-city-mobile {
  text-transform: capitalize;
  color: #1E3354;
  font-weight: bold;
  font-size: 15px;
  cursor: pointer;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media screen and (max-width: 500px) {
  .ant-layout-header .div-text-city-mobile {
    font-size: 12px;
  }
}

.ant-layout-header .mobile-icon-location {
  width: 25px;
}

@media screen and (max-width: 500px) {
  .ant-layout-header .mobile-icon-location {
    width: 20px;
  }
}

.ant-layout-header .search-header {
  width: 500px;
  margin-top: 15px;
}

.ant-layout-header .search-header .ant-input-search-button {
  border-radius: 6px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: 100%;
  background: #fff !important;
  border: #fff !important;
  color: #F57423 !important;
  font-weight: bold;
  margin-top: 0px;
  height: 43px;
  box-shadow: 0px 1px 0px 0px rgba(230, 204, 204, 0.5) inset, 0px -1px 0px 0px rgba(230, 204, 204, 0.5) inset !important;
}

.ant-layout-header .search-header .ant-input-group-addon {
  background: transparent;
}

.ant-layout-header .search-header .ant-input-lg {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-radius: 6px;
}

@media screen and (max-width: 500px) {
  .ant-layout-header .search-header {
    width: 100%;
  }
}

.ant-layout-header .padding-header-element {
  padding-left: 20px;
}

.ant-layout-header .color-icon-person {
  color: #000;
}

.ant-layout-header .color-icon-person:hover {
  color: #F57423;
}

.ant-layout-header .button-header {
  height: 32px;
  width: 32px;
  border-radius: 5px;
  box-shadow: 0px 1px;
  color: #DBDBDB;
}

.ant-layout-header .cart-header {
  font-size: 30px;
  color: #fff;
}

.ant-layout-header .margin-button-header {
  margin-right: 10px;
  margin-left: 10px;
}

.ant-layout-header .select-citie {
  color: #F57423;
  font-weight: bold;
}

.ant-layout-header .select-citie .ant-select-selector {
  border: none;
}

.ant-layout-header .button-header-access {
  font-weight: bold;
  color: #fff;
  border-radius: 5px;
  margin-right: 15px;
}

.ant-layout-header .button-header-access:hover {
  color: #F57423;
}

.ant-layout-header .button-header-prod {
  font-weight: bold;
  color: #fff;
  border-radius: 30px;
  margin-right: 15px;
}

.ant-layout-header .button-header-prod:hover {
  color: #F57423;
}

.ant-layout-header .button-header-access-mobile {
  font-weight: bold;
  color: #000;
  border-radius: 5px;
  margin-left: 12px;
}

.ant-layout-header .button-header-access-mobile:hover {
  color: #F57423;
}

.ant-layout-header .link-header-text {
  color: #969696;
}

.ant-layout-header .link-header-text:hover {
  color: #F57423;
}

.ant-layout-header .button-menu-mobile {
  color: #969696;
  height: 40px;
  width: 40px;
  border-radius: 5px;
}

.ant-layout-header .icon-menu-header-mobile {
  color: #fff;
  font-size: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ant-layout-header .icon-menu-header-desktop {
  color: #000;
  font-size: 24px;
}

.ant-layout-header .flag-country {
  width: 27px;
}

.ant-layout-header .country-locale {
  font-weight: bold;
  color: #fff;
  margin-left: 5px;
}

@media screen and (max-width: 500px) {
  .ant-layout-header .country-locale {
    font-size: 13px;
  }
}

@media screen and (max-width: 1035px) {
  .ant-layout-header .hidde-desk {
    display: none !important;
  }
}

@media screen and (min-width: 1036px) {
  .ant-layout-header .hidde-mobile {
    display: none !important;
  }
}

@media screen and (max-width: 1035px) {
  .ant-layout-header .hidde-mobile-show-desktop {
    display: none !important;
  }
}

@media screen and (max-width: 321px) {
  .ant-layout-header .button-menu-mobile {
    color: #969696;
    height: 30px;
    width: 30px;
    border-radius: 5px;
  }
}

@media screen and (max-width: 500px) {
  .ant-layout-header {
    height: 108px;
  }
}

.ant-layout-content {
  background-color: #fff;
}

.ant-layout-content .ant-btn {
  border-radius: 6px;
}

.ant-layout-footer {
  background: var(--gradient-2, linear-gradient(89deg, #9747FF 0.5%, #FF6200 98.87%));
}

.ant-layout-footer .logo {
  margin-bottom: 2rem;
  cursor: pointer;
}

.ant-layout-footer .footer-container {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-top: 30px;
}

.ant-layout-footer .footer-container h3 {
  color: #fff;
  font-weight: 600;
  font-size: 1.25rem;
}

.ant-layout-footer .footer-container p {
  color: #fff;
  cursor: pointer;
}

.ant-layout-footer .ant-divider {
  border-top: 1px solid white;
}

.ant-layout-footer .container-icons-social {
  gap: 16px;
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: min-content min-content;
}

.ant-layout-footer .container-icons-social .social-icon {
  cursor: pointer;
  height: 32px;
}

.ant-modal-content {
  border-radius: .5rem;
}

.ant-modal-close {
  background: white;
  border-radius: 50%;
}

.container {
  max-width: 1440px;
  margin: 0 auto;
}

.margin-mew-header {
  margin-top: 50px;
}

.hide-content-niubiz {
  visibility: hidden !important;
}

@media screen and (max-width: 767px) {
  .ant-layout-footer {
    padding-bottom: 65px;
  }
}

.ant-dropdown-menu-submenu-vertical {
  margin-right: 6px;
}

.ant-dropdown-menu-submenu-vertical .anticon svg {
  width: 14px;
  height: 14px;
  color: #585757;
}

.modern-menu {
  width: 260px;
  border-radius: 24px;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(14px);
  box-shadow: 0 4px 32px rgba(0, 0, 0, 0.1);
  border: none;
  padding: 16px;
}

.modern-menu .ant-menu-item {
  border-radius: 16px;
  transition: all 0.25s cubic-bezier(0.4, 2, 0.6, 1);
  padding: 14px 20px !important;
  font-weight: 600;
  margin-bottom: 8px;
}

.modern-menu .ant-menu-item:hover, .modern-menu .ant-menu-item:focus-visible {
  background: rgba(255, 255, 255, 0.9) !important;
  transform: scale(1.03);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
}

.modern-menu .ant-menu-item:active {
  background: rgba(255, 255, 255, 0.95) !important;
}

.modern-menu .ant-menu-item-divider {
  height: 2px;
  border: none;
  background: linear-gradient(90deg, #ff6b35 0%, #9b59b6 100%);
  opacity: 0.25;
  margin: 12px 0;
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.fp-container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--background-color, white);
  z-index: 2000;
  opacity: 98%;
  display: flex;
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(8px);
  transition: opacity 0.3s ease;
}

.fp-container .fp-loader {
  z-index: 2000;
  position: absolute;
}

.loader-svg-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.loader-svg-container .loader-svg {
  animation: rotateLoader 2s linear infinite;
  filter: drop-shadow(0 4px 12px rgba(255, 102, 0, 0.2));
}

.loader-svg-container .loader-svg .loader-circle-outer {
  animation: drawCircle 2s ease-in-out infinite;
  transform-origin: center;
}

.loader-svg-container .loader-svg .loader-circle-inner {
  animation: drawCircleReverse 1.5s ease-in-out infinite;
  transform-origin: center;
}

.loader-svg-container .loader-svg .loader-center-dot {
  animation: pulse 1s ease-in-out infinite alternate;
}

.loader-svg-container .loader-text {
  margin-top: 20px;
  text-align: center;
}

.loader-svg-container .loader-text .loader-toliv {
  color: var(--text-color, #333);
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-family: "Inter", sans-serif;
}

.loader-svg-container .loader-text .loader-events {
  background: linear-gradient(135deg, #FF6600 0%, #9747FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-family: "Inter", sans-serif;
}

@keyframes rotateLoader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes drawCircle {
  0% {
    stroke-dashoffset: 220;
  }

  50% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: -220;
  }
}

@keyframes drawCircleReverse {
  0% {
    stroke-dashoffset: 125;
  }

  50% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: -125;
  }
}

@keyframes pulse {
  0% {
    opacity: 0.6;
    transform: scale(0.8);
  }

  100% {
    opacity: 1;
    transform: scale(1.2);
  }
}

[data-theme="dark"] .fp-container {
  background: var(--background-color, #000);
}

[data-theme="dark"] .loader-toliv {
  color: var(--text-color, #fff);
}

/* purgecss end ignore */

*, ::before, ::after {
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity))
}

@keyframes tw-spin {
  to {
    transform: rotate(360deg)
  }
}

@keyframes tw-ping {
  75%, 100% {
    transform: scale(2);
    opacity: 0
  }
}

@keyframes tw-pulse {
  50% {
    opacity: .5
  }
}

@keyframes tw-bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1)
  }

  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1)
  }
}

*, ::before, ::after {
  --tw-shadow: 0 0 #0000
}

*, ::before, ::after {
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000
}

@media (min-width: 640px) {
}

@media (min-width: 768px) {
}

@media (min-width: 1024px) {
}

@media (min-width: 1280px) {
}

@media (min-width: 1536px) {
}

/* purgecss start ignore */

#__next-prerender-indicator {
  display: none;
}

body {
  font-family: "Inter", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600;
}

/* purgecss end ignore */

/* purgecss start ignore */

@charset "UTF-8";

html {
  --primary-color: #FF6600;
  --secondary-color: #2C3E50;
  --background-color: #FFFFFF;
  --surface-color: #F5F5F5;
  --text-color: #333333;
  --text-secondary-color: #666666;
  --border-color: #E0E0E0;
  --border-color-light: #E5E7EB;
  --surface-hover-color: #F9FAFB;
  --surface-selected-color: #F8F9FA;
  --error-color: #FF4D4F;
  --success-color: #52C41A;
  --warning-color: #FAAD14;
  --info-color: #1890FF;
}

html[data-theme="dark"] {
  --primary-color: #FF6600;
  --secondary-color: #4A90E2;
  --background-color: #000000;
  --surface-color: #000000;
  --text-color: #FFFFFF;
  --text-secondary-color: #CCCCCC;
  --border-color: #1a1a1a;
  --border-color-subtle: #121212;
  --border-color-light: #2A2A2A;
  --surface-hover-color: #1A1A1A;
  --surface-selected-color: #1E1E1E;
  --error-color: #FF7875;
  --success-color: #73D13D;
  --warning-color: #FFC53D;
  --info-color: #40A9FF;
  --gradient-brand: linear-gradient(89deg,#FF6600 0.5%,#9747FF 98.87%);
}

html[data-theme="dark"] .modal-search-events .ant-modal-header {
  background: transparent !important;
  border: none !important;
  border-bottom: none !important;
}

html[data-theme="dark"] .modal-search-events .ant-modal-title {
  background: transparent !important;
  border: none !important;
}

html[data-theme="dark"] .modal-search-events .modal-back-icon {
  color: #f7931e !important;
  background: rgba(247, 147, 30, 0.1) !important;
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
  border: 1px solid rgba(247, 147, 30, 0.2) !important;
}

html[data-theme="dark"] .modal-search-events .modal-back-icon:hover {
  background: rgba(247, 147, 30, 0.2) !important;
  transform: scale(1.05) !important;
}

html[data-theme="dark"] .modal-search-events .search-icon,
  html[data-theme="dark"] .modal-search-events .location-icon,
  html[data-theme="dark"] .modal-search-events .down-icon {
  color: #f7931e !important;
}

html[data-theme="dark"] .modal-search-events .ant-modal-body {
  background: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), var(--background-color);
}

html[data-theme="dark"] .modal-search-events .ant-input-affix-wrapper {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 12px !important;
  color: var(--text-color) !important;
  transition: all 0.3s ease !important;
  min-height: 48px !important;
  padding: 10px 15px !important;
}

html[data-theme="dark"] .modal-search-events .ant-input-affix-wrapper .ant-input {
  background: transparent !important;
  color: var(--text-color) !important;
  font-size: 15px !important;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

html[data-theme="dark"] .modal-search-events .ant-input-affix-wrapper .ant-input:focus {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

html[data-theme="dark"] .modal-search-events .ant-input-affix-wrapper .ant-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

html[data-theme="dark"] .modal-search-events .ant-input-affix-wrapper .ant-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

html[data-theme="dark"] .modal-search-events .ant-input-affix-wrapper .ant-input::placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

html[data-theme="dark"] .modal-search-events .ant-input-affix-wrapper:hover {
  border-color: rgba(247, 147, 30, 0.3) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .modal-search-events .ant-input-affix-wrapper:focus-within {
  border-color: #f7931e !important;
  background: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 0 0 3px rgba(247, 147, 30, 0.15) !important;
}

html[data-theme="dark"] .modal-search-events .ant-select-selector {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 12px !important;
  color: var(--text-color) !important;
  transition: all 0.3s ease !important;
  min-height: 48px !important;
  padding: 8px 15px !important;
}

html[data-theme="dark"] .modal-search-events .ant-select-selector .ant-select-selection-item {
  color: var(--text-color) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  line-height: 32px !important;
}

html[data-theme="dark"] .modal-search-events .ant-select-selector:hover {
  border-color: rgba(247, 147, 30, 0.3) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .modal-search-events .tag {
  background-color: rgba(247, 147, 30, 0.1);
  border-color: rgba(247, 147, 30, 0.3);
  color: var(--text-color);
}

html[data-theme="dark"] .modal-search-events .insert-coupon {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .modal-search-events .content-search-modal {
  color: var(--text-color);
}

html[data-theme="dark"] .modal-search-events .button-search-modal {
  background: linear-gradient(135deg, #ff6b35 0%, #9b59b6 100%);
  border-color: transparent;
}

html[data-theme="dark"] .modal-search-events .tag-box {
  background-color: rgba(255, 255, 255, 0.03);
  border-color: rgba(255, 255, 255, 0.1);
}

html[data-theme="dark"] .modal-search-events .title-box {
  color: var(--text-secondary-color);
}

.theme-background {
  background-color: var(--background-color);
  color: var(--text-color);
  transition: background-color 0.3s ease, color 0.3s ease;
}

.theme-surface {
  background-color: var(--surface-color);
  color: var(--text-color);
  transition: background-color 0.3s ease, color 0.3s ease;
}

.theme-text {
  color: var(--text-color);
  transition: color 0.3s ease;
}

.theme-text-secondary {
  color: var(--text-secondary-color);
  transition: color 0.3s ease;
}

.theme-border {
  border-color: var(--border-color);
  transition: border-color 0.3s ease;
}

.theme-primary {
  color: var(--primary-color);
  transition: color 0.3s ease;
}

.theme-secondary {
  color: var(--secondary-color);
  transition: color 0.3s ease;
}

body {
  background-color: var(--background-color);
  color: var(--text-color);
  transition: background-color 0.3s ease, color 0.3s ease;
}

.right-menu-box {
  background-color: #FFFFFF !important;
  border: 1px solid var(--border-color) !important;
}

.right-menu-box .primary-text {
  color: var(--text-color) !important;
}

.right-menu-box .secondary-text {
  color: var(--text-secondary-color) !important;
}

[data-theme="dark"] .right-menu-box {
  background-color: #000000 !important;
}

.lateral-menu {
  border-right: 1px solid var(--border-color) !important;
}

.lateral-menu .item-menu .link {
  color: var(--text-secondary-color) !important;
  transition: color 0.2s ease;
}

.lateral-menu .item-menu .link.selected {
  color: var(--text-color) !important;
  font-weight: 600 !important;
}

.lateral-menu .item-menu .link:hover {
  color: var(--text-color) !important;
}

.lateral-menu .item-menu.collapse-button {
  cursor: pointer !important;
  border-radius: 8px !important;
  transition: all 0.2s ease !important;
}

.lateral-menu .item-menu.collapse-button:hover {
  background-color: rgba(255, 255, 255, 0.05) !important;
  transform: scale(1.02) !important;
}

.lateral-menu .ant-menu-item:hover {
  background-color: var(--surface-color) !important;
}

.right-menu .ant-menu-item {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.right-menu .ant-menu-item .item-menu {
  padding-left: 0px !important;
}

.lateral-menu .anticon,
.lateral-menu svg {
  color: var(--text-secondary-color) !important;
  transition: color 0.2s ease;
}

.lateral-menu .anticon.selected, .lateral-menu .anticon[data-selected="true"],
  .lateral-menu svg.selected,
  .lateral-menu svg[data-selected="true"] {
  color: var(--text-color) !important;
}

[data-theme="dark"] .card-event {
  background-color: #000000 !important;
}

[data-theme="dark"] .card-event .shadown {
  border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .card-event .store-title,
  [data-theme="dark"] .card-event .description,
  [data-theme="dark"] .card-event .info,
  [data-theme="dark"] .card-event .info p {
  color: var(--text-color) !important;
  background-color: #000000 !important;
}

[data-theme="dark"] .card-event .name {
  color: #FF6600 !important;
}

[data-theme="dark"] .card-event .date-badge-modern {
  background: rgba(0, 0, 0, 0.8) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4), 0 1px 4px rgba(0, 0, 0, 0.2) !important;
}

[data-theme="dark"] .card-event .date-badge-modern:hover {
  background: rgba(0, 0, 0, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6), 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .card-event .date-badge-modern .date-day {
  color: #FFFFFF !important;
}

[data-theme="dark"] .card-event .date-badge-modern .date-month {
  color: #CCCCCC !important;
}

[data-theme="dark"] .favorites-container .title,
[data-theme="dark"] .favorites-container .primary-text {
  color: var(--text-color) !important;
}

[data-theme="dark"] .favorites-container .sub-text {
  color: var(--text-secondary-color) !important;
}

[data-theme="dark"] .container,
[data-theme="dark"] .ant-layout-sider,
[data-theme="dark"] .lateral-menu,
[data-theme="dark"] .left-menu,
[data-theme="dark"] main,
[data-theme="dark"] section,
[data-theme="dark"] article {
  background-color: #000000 !important;
}

[data-theme="dark"] .login-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

[data-theme="dark"] .login-card .ant-input,
  [data-theme="dark"] .login-card .ant-input-password {
  border-color: #4B5563 !important;
}

[data-theme="dark"] .login-card .ant-input:hover,
    [data-theme="dark"] .login-card .ant-input-password:hover {
  border-color: #6B7280 !important;
}

[data-theme="dark"] .login-card .ant-input:focus, [data-theme="dark"] .login-card .ant-input.ant-input-affix-wrapper-focused,
    [data-theme="dark"] .login-card .ant-input-password:focus,
    [data-theme="dark"] .login-card .ant-input-password.ant-input-affix-wrapper-focused {
  border-color: #9CA3AF !important;
  box-shadow: 0 0 0 3px rgba(156, 163, 175, 0.1) !important;
}

[data-theme="dark"] .login-card .btn-login-temporary {
  color: #9CA3AF !important;
}

[data-theme="dark"] .login-card .btn-login-temporary:hover {
  color: #FFFFFF !important;
  text-decoration-thickness: 2px !important;
}

[data-theme="dark"] .login-card .btn-login-google-modern:hover {
  box-shadow: 0 8px 32px rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .login-card .btn-login-email:hover,
  [data-theme="dark"] .login-card .btn-login-phone:hover {
  border-color: #6B7280 !important;
  color: #E5E7EB !important;
}

[data-theme="dark"] .login-card .verification-email-container {
  background: rgba(255, 102, 0, 0.08) !important;
  border-color: rgba(255, 102, 0, 0.15) !important;
}

[data-theme="dark"] .login-card .verification-input input {
  background: #1F2937 !important;
  border-color: #4B5563 !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .login-card .verification-input input:hover {
  border-color: #6B7280 !important;
}

[data-theme="dark"] .login-card .verification-input input:focus {
  border-color: var(--primary-color) !important;
  background: #111827 !important;
}

[data-theme="dark"] .login-card .btn-verification-back {
  background: transparent !important;
  border-color: #4B5563 !important;
  color: #9CA3AF !important;
}

[data-theme="dark"] .login-card .btn-verification-back:hover {
  border-color: #6B7280 !important;
  color: #E5E7EB !important;
}

[data-theme="dark"] .login-card .ant-form-item-explain-error,
  [data-theme="dark"] .login-card .ant-form-item-explain {
  color: #D4A574 !important;
}

[data-theme="dark"] .login-card .ant-form-item-explain-error div,
    [data-theme="dark"] .login-card .ant-form-item-explain div {
  color: #D4A574 !important;
}

[data-theme="dark"] .login-card .ant-form-item-has-error .ant-input,
  [data-theme="dark"] .login-card .ant-form-item-has-error .ant-input-password,
  [data-theme="dark"] .login-card .ant-form-item-has-error .ant-input-affix-wrapper {
  border-color: #8B6914 !important;
  background: rgba(212, 165, 116, 0.03) !important;
}

[data-theme="dark"] .login-card .ant-form-item-has-error .ant-input:hover,
    [data-theme="dark"] .login-card .ant-form-item-has-error .ant-input-password:hover,
    [data-theme="dark"] .login-card .ant-form-item-has-error .ant-input-affix-wrapper:hover {
  border-color: #A16207 !important;
  background: rgba(212, 165, 116, 0.05) !important;
}

[data-theme="dark"] .login-card .ant-form-item-has-error .ant-input:focus, [data-theme="dark"] .login-card .ant-form-item-has-error .ant-input.ant-input-affix-wrapper-focused,
    [data-theme="dark"] .login-card .ant-form-item-has-error .ant-input-password:focus,
    [data-theme="dark"] .login-card .ant-form-item-has-error .ant-input-password.ant-input-affix-wrapper-focused,
    [data-theme="dark"] .login-card .ant-form-item-has-error .ant-input-affix-wrapper:focus,
    [data-theme="dark"] .login-card .ant-form-item-has-error .ant-input-affix-wrapper.ant-input-affix-wrapper-focused {
  border-color: #D4A574 !important;
  box-shadow: 0 0 0 3px rgba(212, 165, 116, 0.1) !important;
}

[data-theme="dark"] .login-card .ant-form-item-has-error .ant-form-item-label > label.ant-form-item-required::before {
  color: #D4A574 !important;
}

[data-theme="dark"] .login-card .ant-alert-error {
  background: rgba(212, 165, 116, 0.06) !important;
  border-color: rgba(212, 165, 116, 0.2) !important;
}

[data-theme="dark"] .login-card .ant-alert-error .ant-alert-message,
    [data-theme="dark"] .login-card .ant-alert-error .ant-alert-icon {
  color: #D4A574 !important;
}

[data-theme="dark"] .login-card .ant-alert-info {
  background: rgba(255, 102, 0, 0.06) !important;
  border-color: rgba(255, 102, 0, 0.15) !important;
}

[data-theme="dark"] .login-card .notification-success-modern,
  [data-theme="dark"] .login-card .notification-success-desc-modern {
  background: rgba(17, 24, 39, 0.95) !important;
  backdrop-filter: blur(24px) !important;
  border: 1px solid rgba(34, 197, 94, 0.3) !important;
  box-shadow: 0 8px 32px rgba(34, 197, 94, 0.2), 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .login-card .notification-success-modern .ant-notification-notice-message,
    [data-theme="dark"] .login-card .notification-success-desc-modern .ant-notification-notice-message {
  color: #F9FAFB !important;
}

[data-theme="dark"] .login-card .notification-success-modern .ant-notification-notice-description,
    [data-theme="dark"] .login-card .notification-success-desc-modern .ant-notification-notice-description {
  color: #D1D5DB !important;
}

[data-theme="dark"] .login-card .notification-success-modern .ant-notification-notice-close,
    [data-theme="dark"] .login-card .notification-success-desc-modern .ant-notification-notice-close {
  color: #9CA3AF !important;
}

[data-theme="dark"] .login-card .notification-success-modern .ant-notification-notice-close:hover,
      [data-theme="dark"] .login-card .notification-success-desc-modern .ant-notification-notice-close:hover {
  color: #F3F4F6 !important;
}

[data-theme="dark"] .login-card .notification-error-modern {
  background: rgba(17, 24, 39, 0.95) !important;
  backdrop-filter: blur(24px) !important;
  border: 1px solid rgba(239, 68, 68, 0.3) !important;
  box-shadow: 0 8px 32px rgba(239, 68, 68, 0.2), 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .login-card .notification-error-modern .ant-notification-notice-message {
  color: #F9FAFB !important;
}

[data-theme="dark"] .login-card .notification-error-modern .ant-notification-notice-description {
  color: #D1D5DB !important;
}

[data-theme="dark"] .login-card .notification-error-modern .ant-notification-notice-close {
  color: #9CA3AF !important;
}

[data-theme="dark"] .login-card .notification-error-modern .ant-notification-notice-close:hover {
  color: #F3F4F6 !important;
}

[data-theme="dark"] .login-card .notification-icon-success {
  color: #34D399 !important;
}

[data-theme="dark"] .login-card .notification-icon-error {
  color: #F87171 !important;
}

[data-theme="dark"] .login-card .btn-login-google-modern {
  background: #121212 !important;
  border: 1px solid #535353 !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .login-card .btn-login-google-modern:hover, [data-theme="dark"] .login-card .btn-login-google-modern:focus {
  background: #1F1F1F !important;
  border-color: #B3B3B3 !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .login-card .login, [data-theme="dark"] .login-card .registration {
  background: linear-gradient(rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.05) 100%), var(--background-color) !important;
}

[data-theme="dark"] .login-card .login-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

[data-theme="dark"] .login-card .bottom-navigation {
  background-color: #1F2937 !important;
  border-color: #374151 !important;
  box-shadow: 0 -2px 20px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .login-card h1,
  [data-theme="dark"] .login-card .login-selection,
  [data-theme="dark"] .login-card label,
  [data-theme="dark"] .login-card .ant-form-item-required,
  [data-theme="dark"] .login-card .ant-checkbox + span {
  color: var(--text-color) !important;
}

[data-theme="dark"] .login-card .btn-login-email,
  [data-theme="dark"] .login-card .btn-login-phone,
  [data-theme="dark"] .login-card .btn-login-google,
  [data-theme="dark"] .login-card .btn-login-temporary {
  color: var(--text-color) !important;
  background-color: var(--surface-color);
  border-color: var(--border-color);
}

[data-theme="dark"] .login-card .login-card .ant-input,
  [data-theme="dark"] .login-card .login-card .ant-input-password,
  [data-theme="dark"] .login-card .login-card .ant-input-affix-wrapper {
  background: transparent !important;
  border-color: #333333 !important;
}

[data-theme="dark"] .login-card .login-card .btn-login-temporary,
  [data-theme="dark"] .login-card .login-card .btn-login-temporary.ant-btn,
  [data-theme="dark"] .login-card .login-card .btn-login-temporary.ant-btn-default {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--primary-color) !important;
}

[data-theme="dark"] .list-card-home-events,
[data-theme="dark"] .event-categories-container .cards {
  background-color: var(--surface-color) !important;
  color: var(--text-color) !important;
}

[data-theme="dark"] .event-categories-container .cards.selected {
  background-color: #FFFFFF !important;
  color: #222222 !important;
  border: 1px solid var(--border-color) !important;
}

[data-theme="dark"] .event-categories-container .cards img {
  filter: brightness(0) !important;
}

[data-theme="dark"] .event-categories-container .cards span:not(.selected) {
  color: #4F4545 !important;
}

[data-theme="dark"] .ant-tabs-top > .ant-tabs-nav,
[data-theme="dark"] .ant-tabs {
  background: var(--surface-color) !important;
}

[data-theme="dark"] .ant-tabs-top > .ant-tabs-nav .ant-tabs-nav-list,
  [data-theme="dark"] .ant-tabs .ant-tabs-nav-list {
  width: 100%;
}

[data-theme="dark"] .ant-tabs-tab-btn {
  color: var(--text-color) !important;
}

[data-theme="dark"] .ant-tabs-tab-active .ant-tabs-tab-btn,
[data-theme="dark"] .ant-tabs-tab:hover .ant-tabs-tab-btn {
  color: var(--primary-color) !important;
}

[data-theme="dark"] .ant-tabs-ink-bar {
  background: var(--primary-color) !important;
}

[data-theme="dark"] .btn-login-google,
[data-theme="dark"] .btn-login-email,
[data-theme="dark"] .btn-login-phone {
  background-color: var(--surface-color) !important;
  color: var(--text-color) !important;
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .btn-login-google:hover,
[data-theme="dark"] .btn-login-email:hover,
[data-theme="dark"] .btn-login-phone:hover {
  border-color: var(--primary-color) !important;
}

.ant-layout-header {
  background: #FFFFFF !important;
}

.ant-layout-header .country-locale {
  color: #333333 !important;
}

.ant-layout-header .icon-menu-header-mobile {
  color: #333333 !important;
}

.ant-layout-header .cart-header {
  color: #333333 !important;
  font-size: 20px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.ant-layout-header .cart-header:hover {
  color: #FF6200 !important;
  transform: scale(1.1);
  filter: drop-shadow(0 2px 4px rgba(255, 98, 0, 0.2));
}

.ant-layout-header .button-header-access {
  color: #333333 !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  padding: 10px 20px !important;
  border-radius: 12px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  letter-spacing: -0.01em !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 40px !important;
  line-height: 1 !important;
}

.ant-layout-header .button-header-access.login-button {
  background: transparent !important;
  border: 1px solid rgba(51, 51, 51, 0.2) !important;
  font-weight: 600 !important;
}

.ant-layout-header .button-header-access.login-button:hover {
  background: rgba(51, 51, 51, 0.05) !important;
  border-color: #333333 !important;
  transform: translateY(-1px);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.ant-layout-header .button-header-access.register-button {
  background: #222222 !important;
  border: 1px solid #222222 !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
}

.ant-layout-header .button-header-access.register-button:hover {
  background: #1a1a1a !important;
  border-color: #1a1a1a !important;
  color: #FFFFFF !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}

.ant-layout-header .button-header-prod {
  color: #666666 !important;
  background: transparent !important;
  border: none !important;
  padding: 10px 4px !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  letter-spacing: -0.01em !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 40px !important;
  line-height: 1 !important;
}

.ant-layout-header .button-header-prod:hover {
  background: transparent !important;
  color: #333333 !important;
  transform: none;
  box-shadow: none;
}

.ant-layout-header .header-search-icon {
  color: #333333 !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 8px !important;
  border-radius: 8px !important;
}

.ant-layout-header .header-search-icon:hover {
  color: #FF6200 !important;
  background: rgba(255, 98, 0, 0.08) !important;
  transform: scale(1.05);
  filter: drop-shadow(0 1px 3px rgba(255, 98, 0, 0.15));
}

[data-theme="dark"] .ant-layout-header {
  background: #000000 !important;
}

[data-theme="dark"] .ant-layout-header .country-locale {
  color: #FFFFFF !important;
}

[data-theme="dark"] .ant-layout-header .icon-menu-header-mobile {
  color: #FFFFFF !important;
}

[data-theme="dark"] .ant-layout-header .cart-header {
  color: #FFFFFF !important;
  font-size: 20px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

[data-theme="dark"] .ant-layout-header .cart-header:hover {
  color: #FF8C42 !important;
  transform: scale(1.1);
  filter: drop-shadow(0 2px 4px rgba(255, 140, 66, 0.3));
}

[data-theme="dark"] .ant-layout-header .button-header-access {
  color: #FFFFFF !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  padding: 10px 20px !important;
  border-radius: 12px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  letter-spacing: -0.01em !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 40px !important;
  line-height: 1 !important;
}

[data-theme="dark"] .ant-layout-header .button-header-access.login-button {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  font-weight: 600 !important;
}

[data-theme="dark"] .ant-layout-header .button-header-access.login-button:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  transform: translateY(-1px);
  box-shadow: 0 2px 12px rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .ant-layout-header .button-header-access.register-button {
  background: #000000 !important;
  border: 1px solid #333333 !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
}

[data-theme="dark"] .ant-layout-header .button-header-access.register-button:hover {
  background: #1a1a1a !important;
  border-color: #555555 !important;
  color: #FFFFFF !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.6);
}

[data-theme="dark"] .ant-layout-header .button-header-prod {
  background: #000000 !important;
  border: 1px solid #333333 !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  letter-spacing: -0.01em !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 40px !important;
  line-height: 1 !important;
  border-radius: 12px !important;
}

[data-theme="dark"] .ant-layout-header .button-header-prod:hover {
  background: #1a1a1a !important;
  border-color: #555555 !important;
  color: #FFFFFF !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.6);
}

[data-theme="dark"] .ant-layout-header .header-search-icon {
  color: #FFFFFF !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 8px !important;
  border-radius: 8px !important;
}

[data-theme="dark"] .ant-layout-header .header-search-icon:hover {
  color: #FF8C42 !important;
  background: rgba(255, 140, 66, 0.12) !important;
  transform: scale(1.05);
  filter: drop-shadow(0 1px 3px rgba(255, 140, 66, 0.2));
}

.ant-btn-primary,
.ant-btn[type="primary"] {
  background: #222222 !important;
  border: 1px solid #222222 !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  border-radius: 12px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  letter-spacing: -0.01em !important;
}

.ant-btn-primary:hover, .ant-btn-primary:focus,
  .ant-btn[type="primary"]:hover,
  .ant-btn[type="primary"]:focus {
  background: #1a1a1a !important;
  border-color: #1a1a1a !important;
  color: #FFFFFF !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}

.ant-btn-primary:active,
  .ant-btn[type="primary"]:active {
  background: #1a1a1a !important;
  transform: translateY(0px);
}

.modal-UserNotLogged .button-text:not([type="primary"]) {
  border-radius: 12px !important;
}

.modal-UserNotLogged .ant-modal-close-icon {
  background: #000000 !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] body,
[data-theme="dark"] #__next,
[data-theme="dark"] .ant-layout,
[data-theme="dark"] .ant-layout-content {
  background-color: #000000 !important;
}

[data-theme="dark"] .event-categories-container .cards.selected {
  background-color: #000000 !important;
  color: #FFFFFF !important;
  border: 1px solid #333333 !important;
}

[data-theme="dark"] .event-categories-container .cards img {
  filter: brightness(0) invert(1) !important;
}

[data-theme="dark"] .event-categories-container .cards span:not(.selected) {
  color: #ffffff !important;
}

[data-theme="dark"] .event-categories-container .cards span.selected {
  color: #f57423 !important;
}

[data-theme="dark"] .ant-btn-primary,
[data-theme="dark"] .ant-btn[type="primary"] {
  background: #000000 !important;
  border: 1px solid #333333 !important;
  color: #FFFFFF !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  border-radius: 12px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  letter-spacing: -0.01em !important;
}

[data-theme="dark"] .ant-btn-primary:hover, [data-theme="dark"] .ant-btn-primary:focus,
  [data-theme="dark"] .ant-btn[type="primary"]:hover,
  [data-theme="dark"] .ant-btn[type="primary"]:focus {
  background: #1a1a1a !important;
  border-color: #555555 !important;
  color: #FFFFFF !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.6);
}

[data-theme="dark"] .ant-btn-primary:active,
  [data-theme="dark"] .ant-btn[type="primary"]:active {
  background: #000000 !important;
  transform: translateY(0px);
}

[data-theme="dark"] .modal-UserNotLogged .ant-modal-close-icon {
  background: #000000 !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .ant-card,
[data-theme="dark"] .ant-modal-content,
[data-theme="dark"] .ant-drawer-content-wrapper,
[data-theme="dark"] .ant-drawer-body,
[data-theme="dark"] .ant-popover-inner,
[data-theme="dark"] .ant-dropdown-menu,
[data-theme="dark"] .ant-select-dropdown,
[data-theme="dark"] .ant-picker-panel-container {
  background: #000000 !important;
  color: var(--text-color) !important;
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .login-card {
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

[data-theme="dark"] .login-card::before {
  background: transparent !important;
}

[data-theme="dark"] .login-card h1 {
  color: var(--text-color) !important;
}

[data-theme="dark"] .btn-login-google-modern {
  background: rgba(0, 0, 0, 0.8) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

[data-theme="dark"] .btn-login-google-modern:hover {
  background: rgba(0, 0, 0, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 32px rgba(0, 0, 0, 0.5), 0 3px 12px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .btn-login-google-modern:focus {
  border-color: rgba(66, 133, 244, 0.5) !important;
  box-shadow: 0 6px 32px rgba(0, 0, 0, 0.5), 0 0 0 3px rgba(66, 133, 244, 0.2) !important;
}

[data-theme="dark"] .ant-input,
[data-theme="dark"] .ant-input-password {
  background: rgba(0, 0, 0, 0.6) !important;
  border-color: var(--border-color) !important;
  color: var(--text-color) !important;
}

[data-theme="dark"] .ant-input:hover,
  [data-theme="dark"] .ant-input-password:hover {
  border-color: var(--primary-color) !important;
  background: rgba(0, 0, 0, 0.7) !important;
}

[data-theme="dark"] .ant-input:focus, [data-theme="dark"] .ant-input.ant-input-affix-wrapper-focused,
  [data-theme="dark"] .ant-input-password:focus,
  [data-theme="dark"] .ant-input-password.ant-input-affix-wrapper-focused {
  border-color: var(--primary-color) !important;
  background: rgba(0, 0, 0, 0.7) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4), 0 0 0 3px rgba(255, 102, 0, 0.2) !important;
}

[data-theme="dark"] .login .ant-tabs .ant-tabs-nav, [data-theme="dark"] .registration .ant-tabs .ant-tabs-nav {
  border-bottom-color: var(--border-color) !important;
}

[data-theme="dark"] .login .ant-tabs .ant-tabs-tab-btn, [data-theme="dark"] .registration .ant-tabs .ant-tabs-tab-btn {
  color: #CCCCCC !important;
}

[data-theme="dark"] .login .ant-tabs .ant-tabs-tab:hover .ant-tabs-tab-btn, [data-theme="dark"] .registration .ant-tabs .ant-tabs-tab:hover .ant-tabs-tab-btn {
  color: #FFFFFF !important;
}

[data-theme="dark"] .login .ant-tabs .ant-tabs-tab-active, [data-theme="dark"] .registration .ant-tabs .ant-tabs-tab-active {
  border-bottom-color: #FFFFFF !important;
}

[data-theme="dark"] .login .ant-tabs .ant-tabs-tab-active .ant-tabs-tab-btn, [data-theme="dark"] .registration .ant-tabs .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #FFFFFF !important;
}

[data-theme="dark"] .lateral-menu {
  border-right: 1px solid var(--border-color-subtle) !important;
}

[data-theme="dark"] .ant-divider,
[data-theme="dark"] hr {
  border-color: var(--border-color-subtle) !important;
}

[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6,
[data-theme="dark"] .content-title h2 {
  color: var(--text-color) !important;
}

[data-theme="dark"] .date-filters {
  background: rgba(0, 0, 0, 0.85) !important;
  backdrop-filter: blur(15px) !important;
}

[data-theme="dark"] .date-title {
  background-color: #000000 !important;
  border: 1px solid #333333 !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .ant-timeline .ant-timeline-item-tail {
  border-left: 1px solid transparent !important;
}

[data-theme="dark"] .ant-timeline .ant-timeline-item-head {
  border: 1px solid transparent !important;
  background-color: transparent !important;
}

[data-theme="dark"] .tabs-timeline {
  color: #CCCCCC !important;
}

[data-theme="dark"] .tabs-timeline:hover {
  color: #FFFFFF !important;
}

[data-theme="dark"] .tabs-timeline.selected {
  color: #FFFFFF !important;
  border-bottom-color: #FFFFFF !important;
}

[data-theme="dark"] .ant-input,
[data-theme="dark"] .ant-input-affix-wrapper,
[data-theme="dark"] .ant-select-selector,
[data-theme="dark"] .ant-picker,
[data-theme="dark"] .ant-input-number,
[data-theme="dark"] textarea {
  background: var(--surface-color) !important;
  color: var(--text-color) !important;
  border-color: var(--border-color) !important;
}

[data-theme="dark"] .ant-input::-moz-placeholder, [data-theme="dark"] textarea::-moz-placeholder, [data-theme="dark"] .ant-picker-input > input::-moz-placeholder {
  color: var(--text-secondary-color) !important;
}

[data-theme="dark"] .ant-input:-ms-input-placeholder, [data-theme="dark"] textarea:-ms-input-placeholder, [data-theme="dark"] .ant-picker-input > input:-ms-input-placeholder {
  color: var(--text-secondary-color) !important;
}

[data-theme="dark"] .ant-input::placeholder,
[data-theme="dark"] textarea::placeholder,
[data-theme="dark"] .ant-select-selection-placeholder,
[data-theme="dark"] .ant-picker-input > input::placeholder {
  color: var(--text-secondary-color) !important;
}

[data-theme="dark"] .ant-menu-item-active,
[data-theme="dark"] .ant-menu-item-selected {
  background: rgba(255, 98, 0, 0.2) !important;
}

.button-header-prod-text {
  color: var(--text-secondary-color) !important;
  font-weight: 500 !important;
  font-size: 15px !important;
  letter-spacing: -0.01em !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none !important;
}

.button-header-prod-text:hover {
  color: var(--text-color) !important;
  text-decoration: none !important;
}

.user-avatar-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.user-avatar-button .avatar-circle {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: #000000 !important;
  color: #FFFFFF !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  letter-spacing: 0 !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

.user-avatar-button .avatar-circle:hover {
  background: #1a1a1a !important;
  transform: scale(1.05) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] .user-avatar-button .avatar-circle {
  background: #000000 !important;
  box-shadow: 0 2px 8px rgba(255, 255, 255, 0.1) !important;
  border: 1px solid #333333 !important;
}

[data-theme="dark"] .user-avatar-button .avatar-circle:hover {
  background: #1a1a1a !important;
  border-color: #555555 !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.user-avatar-button-mobile {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 24px !important;
  margin-right: 10px !important;
}

.user-avatar-button-mobile .avatar-circle-mobile {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: #000000 !important;
  color: #FFFFFF !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  letter-spacing: 0 !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;
}

.user-avatar-button-mobile .avatar-circle-mobile:hover {
  background: #1a1a1a !important;
  transform: scale(1.05) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] .user-avatar-button-mobile .avatar-circle-mobile {
  background: #000000 !important;
  box-shadow: 0 2px 8px rgba(255, 255, 255, 0.1) !important;
  border: 1px solid #333333 !important;
}

[data-theme="dark"] .user-avatar-button-mobile .avatar-circle-mobile:hover {
  background: #1a1a1a !important;
  border-color: #555555 !important;
  box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2) !important;
}

.button-header-access-mobile {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
}

.modern-menu {
  background: var(--background-color) !important;
  border: 1px solid var(--border-color) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12) !important;
  padding: 8px 0 !important;
  min-width: 240px !important;
}

.modern-menu .ant-dropdown-menu,
  .modern-menu .ant-menu {
  background: transparent !important;
  box-shadow: none !important;
}

.modern-menu .ant-menu-item,
  .modern-menu .ant-dropdown-menu-item {
  border: none !important;
  box-shadow: none !important;
}

.modern-menu .ant-menu-item::after, .modern-menu .ant-menu-item::before,
    .modern-menu .ant-dropdown-menu-item::after,
    .modern-menu .ant-dropdown-menu-item::before {
  display: none !important;
}

.modern-menu .ant-dropdown-menu-item,
  .modern-menu .ant-menu-item {
  padding: 8px 16px !important;
  margin: 2px 6px !important;
  border-radius: 6px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border: none !important;
  height: auto !important;
  line-height: 1.5 !important;
}

.modern-menu .ant-dropdown-menu-item:hover,
    .modern-menu .ant-menu-item:hover {
  background: rgba(0, 0, 0, 0.04) !important;
  transform: translateX(2px) !important;
}

.modern-menu .ant-dropdown-menu-item div,
    .modern-menu .ant-menu-item div {
  display: grid !important;
  grid-template-columns: 20px 1fr 14px !important;
  align-items: center !important;
  -moz-column-gap: 8px !important;
       column-gap: 8px !important;
  min-height: 20px !important;
}

.modern-menu .ant-dropdown-menu-item div .anticon,
      .modern-menu .ant-menu-item div .anticon {
  color: var(--text-secondary-color) !important;
  font-size: 14px !important;
  transition: all 0.2s ease !important;
  width: 14px !important;
  height: 14px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.modern-menu .ant-dropdown-menu-item div .anticon-right,
      .modern-menu .ant-dropdown-menu-item div .anticon-arrow-right,
      .modern-menu .ant-menu-item div .anticon-right,
      .modern-menu .ant-menu-item div .anticon-arrow-right {
  justify-self: end !important;
  color: var(--text-secondary-color) !important;
  font-size: 12px !important;
}

.modern-menu .ant-dropdown-menu-item div a, .modern-menu .ant-dropdown-menu-item div span,
      .modern-menu .ant-menu-item div a,
      .modern-menu .ant-menu-item div span {
  color: var(--text-color) !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  padding-left: 0 !important;
  letter-spacing: -0.01em !important;
  flex: 1 !important;
  line-height: 20px !important;
}

.modern-menu .ant-dropdown-menu-item:hover div .anticon,
    .modern-menu .ant-menu-item:hover div .anticon {
  color: var(--text-color) !important;
  transform: scale(1.1) !important;
}

.modern-menu .ant-dropdown-menu-item-divider,
  .modern-menu .ant-menu-divider {
  margin: 4px 16px !important;
  background: var(--border-color) !important;
  opacity: 0.1 !important;
  height: 1px !important;
}

.modern-menu .ant-menu-item:nth-of-type(2) a,
  .modern-menu .ant-menu-item:nth-of-type(2) span,
  .modern-menu .ant-menu-item:nth-of-type(3) a,
  .modern-menu .ant-menu-item:nth-of-type(3) span {
  font-weight: 700 !important;
  color: var(--text-color) !important;
}

.modern-menu .ant-menu-item:nth-of-type(2) .anticon,
  .modern-menu .ant-menu-item:nth-of-type(3) .anticon {
  color: var(--text-color) !important;
}

.modern-menu .ant-menu-item-disabled {
  color: var(--text-secondary-color) !important;
  font-weight: 600 !important;
  font-size: 10px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  padding: 8px 16px 4px !important;
  cursor: default !important;
  margin: 0 6px !important;
  opacity: 0.7 !important;
}

.modern-menu .ant-menu-item-disabled:hover {
  background: transparent !important;
  transform: none !important;
}

[data-theme="dark"] .modern-menu {
  background: #000000 !important;
  border: 1px solid var(--border-color) !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] .modern-menu .ant-dropdown-menu-item:hover,
  [data-theme="dark"] .modern-menu .ant-menu-item:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] a,
[data-theme="dark"] .link {
  color: var(--primary-color);
}

.notification-modern {
  background: rgba(0, 0, 0, 0.85) !important;
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45) !important;
  color: #fff !important;
}

.notification-modern .ant-notification-notice-message {
  color: #fff !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px;
}

.notification-modern.with-description .ant-notification-notice-description {
  color: #cfcfcf !important;
  margin-top: 4px;
}

@keyframes notificationSlideIn {
  0% {
    opacity: 0;
    transform: translateY(-6px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.notification-modern.notification-success {
  border-color: rgba(46, 204, 113, 0.25) !important;
}

.notification-modern.notification-error {
  border-color: rgba(231, 76, 60, 0.25) !important;
}

[data-theme="dark"] .login .login-card .ant-input,
[data-theme="dark"] .login .login-card .ant-input-password,
[data-theme="dark"] .login .login-card .ant-input-affix-wrapper,
[data-theme="dark"] .login .login-card .ant-input-affix-wrapper .ant-input,
[data-theme="dark"] .login .login-card .ant-select-selector,
[data-theme="dark"] .login .login-card .ant-input-number,
[data-theme="dark"] .login .login-card input,
[data-theme="dark"] .login .login-card textarea,
[data-theme="dark"] .login .login-card select,
[data-theme="dark"] .registration .login-card .ant-input,
[data-theme="dark"] .registration .login-card .ant-input-password,
[data-theme="dark"] .registration .login-card .ant-input-affix-wrapper,
[data-theme="dark"] .registration .login-card .ant-input-affix-wrapper .ant-input,
[data-theme="dark"] .registration .login-card .ant-select-selector,
[data-theme="dark"] .registration .login-card .ant-input-number,
[data-theme="dark"] .registration .login-card input,
[data-theme="dark"] .registration .login-card textarea,
[data-theme="dark"] .registration .login-card select {
  background: transparent !important;
  border-color: #333333 !important;
  background-color: transparent !important;
}

[data-theme="dark"] .login .login-card .btn-login-temporary,
[data-theme="dark"] .registration .login-card .btn-login-temporary {
  background: transparent !important;
}

[data-theme="dark"] .login .login-card .ant-select-selector,
[data-theme="dark"] .registration .login-card .ant-select-selector {
  background: transparent !important;
  border-color: transparent !important;
}

[data-theme="dark"] .login .login-card .ant-checkbox-wrapper,
[data-theme="dark"] .login .login-card .ant-switch,
[data-theme="dark"] .registration .login-card .ant-checkbox-wrapper,
[data-theme="dark"] .registration .login-card .ant-switch {
  background: transparent !important;
}

[data-theme="dark"] .login .login-card .ant-checkbox .ant-checkbox-inner,
[data-theme="dark"] .registration .login-card .ant-checkbox .ant-checkbox-inner {
  background: transparent !important;
  border: 1px solid #555555 !important;
  border-radius: 4px !important;
  transition: all 0.2s ease !important;
}

[data-theme="dark"] .login .login-card .ant-checkbox:hover .ant-checkbox-inner,
[data-theme="dark"] .registration .login-card .ant-checkbox:hover .ant-checkbox-inner {
  border-color: #888888 !important;
}

[data-theme="dark"] .login .login-card .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner,
[data-theme="dark"] .registration .login-card .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner {
  background: #FFFFFF !important;
  border-color: #FFFFFF !important;
}

[data-theme="dark"] .login .login-card .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after,
  [data-theme="dark"] .registration .login-card .ant-checkbox.ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: #000000 !important;
  border-width: 2px !important;
}

[data-theme="dark"] .login .login-card .ant-checkbox.ant-checkbox-checked:hover .ant-checkbox-inner,
[data-theme="dark"] .registration .login-card .ant-checkbox.ant-checkbox-checked:hover .ant-checkbox-inner {
  background: #F0F0F0 !important;
  border-color: #F0F0F0 !important;
}

[data-theme="dark"] .login .login-card .password-toggle-switch.ant-switch,
[data-theme="dark"] .registration .login-card .password-toggle-switch.ant-switch {
  background: var(--border-color) !important;
}

[data-theme="dark"] .login .login-card .password-toggle-switch.ant-switch.ant-switch-checked,
  [data-theme="dark"] .registration .login-card .password-toggle-switch.ant-switch.ant-switch-checked {
  background: var(--primary-color) !important;
}

[data-theme="dark"] .login .login-card .password-toggle-switch.ant-switch:hover:not(.ant-switch-disabled),
  [data-theme="dark"] .registration .login-card .password-toggle-switch.ant-switch:hover:not(.ant-switch-disabled) {
  background: var(--text-secondary-color) !important;
}

[data-theme="dark"] .login .login-card .password-toggle-switch.ant-switch.ant-switch-checked:hover:not(.ant-switch-disabled),
  [data-theme="dark"] .registration .login-card .password-toggle-switch.ant-switch.ant-switch-checked:hover:not(.ant-switch-disabled) {
  background: #e55a00 !important;
}

[data-theme="dark"] .ant-select-dropdown {
  background: #000000 !important;
  border: 1px solid #333333 !important;
}

[data-theme="dark"] .ant-select-dropdown .ant-select-item {
  background: #000000 !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .ant-select-dropdown .ant-select-item:hover, [data-theme="dark"] .ant-select-dropdown .ant-select-item.ant-select-item-option-active {
  background: #333333 !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .ant-select-dropdown .ant-select-item.ant-select-item-option-selected {
  background: #FF6600 !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .ant-select-dropdown .ant-form,
  [data-theme="dark"] .ant-select-dropdown .ant-form-item,
  [data-theme="dark"] .ant-select-dropdown form,
  [data-theme="dark"] .ant-select-dropdown div[class*="form"],
  [data-theme="dark"] .ant-select-dropdown div[class*="input"] {
  background: transparent !important;
  background-color: transparent !important;
}

[data-theme="dark"] .ant-select-dropdown .phone-countries,
  [data-theme="dark"] .ant-select-dropdown .phone-countries-optional,
  [data-theme="dark"] .ant-select-dropdown .password-switch-container {
  background: transparent !important;
}

[data-theme="dark"] .registration-form,
[data-theme="dark"] .registration-form * {
  background: transparent !important;
  background-color: transparent !important;
}

[data-theme="dark"] .phone-countries-custom .ant-select-selector,
[data-theme="dark"] .phone-countries-custom .ant-input,
[data-theme="dark"] .phone-countries-custom-error .ant-select-selector,
[data-theme="dark"] .phone-countries-custom-error .ant-input {
  background: rgba(0, 0, 0, 0.6) !important;
  border-color: #444444 !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .phone-countries-custom .ant-select-selector:hover,
  [data-theme="dark"] .phone-countries-custom .ant-input:hover,
  [data-theme="dark"] .phone-countries-custom-error .ant-select-selector:hover,
  [data-theme="dark"] .phone-countries-custom-error .ant-input:hover {
  border-color: #666666 !important;
  background: rgba(0, 0, 0, 0.7) !important;
}

[data-theme="dark"] .phone-countries-custom .ant-select-selector:focus, [data-theme="dark"] .phone-countries-custom .ant-select-selector.ant-select-focused,
  [data-theme="dark"] .phone-countries-custom .ant-input:focus,
  [data-theme="dark"] .phone-countries-custom .ant-input.ant-select-focused,
  [data-theme="dark"] .phone-countries-custom-error .ant-select-selector:focus,
  [data-theme="dark"] .phone-countries-custom-error .ant-select-selector.ant-select-focused,
  [data-theme="dark"] .phone-countries-custom-error .ant-input:focus,
  [data-theme="dark"] .phone-countries-custom-error .ant-input.ant-select-focused {
  border-color: var(--primary-color) !important;
  background: rgba(0, 0, 0, 0.8) !important;
  box-shadow: 0 0 0 3px rgba(255, 102, 0, 0.15) !important;
}

[data-theme="dark"] .phone-countries-custom-error .ant-select-selector,
[data-theme="dark"] .phone-countries-custom-error .ant-input {
  border-color: #8B6914 !important;
  background: rgba(212, 165, 116, 0.05) !important;
}

[data-theme="dark"] .phone-countries-custom-message {
  color: #D4A574 !important;
  font-size: 13px;
  margin-top: 4px;
}

[data-theme="dark"] .phone-countries-custom-message .ant-breadcrumb {
  color: var(--text-secondary-color) !important;
}

[data-theme="dark"] .phone-countries-custom-message .ant-breadcrumb a {
  color: var(--text-secondary-color) !important;
  transition: color 0.2s ease;
}

[data-theme="dark"] .phone-countries-custom-message .ant-breadcrumb a:hover {
  color: var(--text-color) !important;
}

[data-theme="dark"] .phone-countries-custom-message .cursor-pointer:hover {
  opacity: 0.8 !important;
  transform: translateX(-2px) !important;
}

[data-theme="dark"] .cart-event {
  background: rgba(255, 255, 255, 0.02) !important;
  border: 1px solid #333333 !important;
  border-radius: 12px !important;
  padding: 20px !important;
  margin-bottom: 20px !important;
  transition: all 0.3s ease;
}

[data-theme="dark"] .cart-event:hover {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: #444444 !important;
}

[data-theme="dark"] .cart-event .cart-title-event {
  color: #FFFFFF !important;
  margin-bottom: 8px !important;
}

[data-theme="dark"] .cart-event .cart-desc-event {
  color: #CCCCCC !important;
}

[data-theme="dark"] .checkout-wrap h1 {
  color: #FFFFFF !important;
  font-weight: 700 !important;
  margin-bottom: 32px !important;
}

[data-theme="dark"] .checkout-wrap h2 {
  color: #FFFFFF !important;
  font-weight: 600 !important;
  margin-bottom: 16px !important;
}

[data-theme="dark"] .checkout-wrap h3 {
  color: #FFFFFF !important;
  font-weight: 600 !important;
  margin-bottom: 12px !important;
}

[data-theme="dark"] .checkout-wrap p {
  color: #CCCCCC !important;
  line-height: 1.6 !important;
}

[data-theme="dark"] .checkout-wrap .ant-alert {
  background: rgba(0, 0, 0, 0.8) !important;
  border: 1px solid #333333 !important;
  border-radius: 8px !important;
}

[data-theme="dark"] .checkout-wrap .ant-alert.ant-alert-success {
  border-color: rgba(115, 209, 61, 0.3) !important;
  background: rgba(115, 209, 61, 0.08) !important;
}

[data-theme="dark"] .checkout-wrap .ant-alert.ant-alert-success .ant-alert-message,
    [data-theme="dark"] .checkout-wrap .ant-alert.ant-alert-success .ant-alert-description {
  color: #73D13D !important;
}

[data-theme="dark"] .checkout-wrap .ant-alert.ant-alert-warning {
  border-color: rgba(255, 197, 61, 0.3) !important;
  background: rgba(255, 197, 61, 0.08) !important;
}

[data-theme="dark"] .checkout-wrap .ant-alert.ant-alert-warning .ant-alert-message,
    [data-theme="dark"] .checkout-wrap .ant-alert.ant-alert-warning .ant-alert-description {
  color: #FFC53D !important;
}

[data-theme="dark"] .checkout-wrap .ant-alert.ant-alert-error {
  border-color: rgba(255, 120, 117, 0.3) !important;
  background: rgba(255, 120, 117, 0.08) !important;
}

[data-theme="dark"] .checkout-wrap .ant-alert.ant-alert-error .ant-alert-message,
    [data-theme="dark"] .checkout-wrap .ant-alert.ant-alert-error .ant-alert-description {
  color: #FF7875 !important;
}

[data-theme="dark"] .checkout-wrap .ant-radio-group .ant-radio-wrapper {
  color: var(--text-color) !important;
}

[data-theme="dark"] .checkout-wrap .ant-radio-group .ant-radio-wrapper .ant-radio .ant-radio-inner {
  background: transparent !important;
  border-color: #555555 !important;
}

[data-theme="dark"] .checkout-wrap .ant-radio-group .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

[data-theme="dark"] .checkout-wrap .ant-radio-group .ant-radio-wrapper .ant-radio.ant-radio-checked .ant-radio-inner::after {
  background: #000000 !important;
}

[data-theme="dark"] .checkout-wrap .ant-select .ant-select-selector {
  background: rgba(0, 0, 0, 0.6) !important;
  border-color: #444444 !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .checkout-wrap .ant-select .ant-select-selector .ant-select-selection-placeholder {
  color: #888888 !important;
}

[data-theme="dark"] .checkout-wrap .ant-select.ant-select-focused .ant-select-selector {
  border-color: var(--primary-color) !important;
  box-shadow: 0 0 0 3px rgba(255, 102, 0, 0.15) !important;
}

[data-theme="dark"] .checkout-wrap .ant-divider {
  border-color: #333333 !important;
}

/* 🔔 NOTIFICACIONES PREMIUM - Estilo Apple/macOS */

/* Animaciones de entrada */

@keyframes notificationSlideIn {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0) scale(0.9);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@keyframes notificationFadeOut {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }

  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) scale(0.95);
  }
}

/* Base de notificaciones premium */

.notification-premium {
  overflow: hidden !important;
  position: relative !important;
}

.notification-premium .ant-notification-notice-content {
  padding: 20px 24px !important;
  background: rgba(255, 255, 255, 0.75) !important;
  border-radius: 16px !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  animation: notifSlideDownFadeIn 0.3s ease !important;
}

.notification-premium .notification-content {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
}

.notification-premium .notification-icon {
  width: 28px !important;
  height: 28px !important;
  flex-shrink: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  padding: 6px !important;
  background: transparent !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
}

.notification-premium .notification-icon svg {
  width: 20px !important;
  height: 20px !important;
}

.notification-premium .notification-text {
  flex: 1 !important;
  min-width: 0 !important;
}

.notification-premium .notification-title {
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin-bottom: 4px !important;
  color: #1A1A1A !important;
}

.notification-premium .notification-message {
  font-size: 14px !important;
  line-height: 1.4 !important;
  color: #666666 !important;
  margin: 0 !important;
}

/* Animaciones de entrada/salida */

@keyframes notifSlideDownFadeIn {
  from {
    opacity: 0;
    transform: translateY(-8px) scale(0.98);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes notifFadeOutShrink {
  from {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  to {
    opacity: 0;
    transform: translateY(-6px) scale(0.96);
  }
}

/* Animación de salida completa - todo desaparece al mismo tiempo */

@keyframes notifCompleteFadeOut {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }

  100% {
    opacity: 0;
    transform: translateY(-8px) scale(0.97);
  }
}

.ant-notification-fade-leave .ant-notification-notice-content {
  animation: notifCompleteFadeOut 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards !important;
}

/* Evitar que el contenido interno se desvanezca por separado */

.ant-notification-fade-leave .notification-content,
.ant-notification-fade-leave .notification-icon,
.ant-notification-fade-leave .notification-text,
.ant-notification-fade-leave .notification-title,
.ant-notification-fade-leave .notification-message {
  animation: none !important;
  transition: none !important;
}

/* Notificación de éxito */

.notification-premium.notification-success .ant-notification-notice-content {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.35) 100%) !important;
  border: 1px solid rgba(82, 196, 26, 0.22) !important;
}

.notification-premium.notification-success .notification-icon-success {
  background: transparent !important;
  border-color: rgba(82, 196, 26, 0.35) !important;
  color: #389E0D !important;
}

.notification-premium.notification-success .notification-title {
  color: #389E0D !important;
}

/* Notificación de error */

.notification-premium.notification-error .ant-notification-notice-content {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.35) 100%) !important;
  border: 1px solid rgba(255, 77, 79, 0.25) !important;
}

.notification-premium.notification-error .notification-icon-error {
  background: transparent !important;
  border-color: rgba(255, 77, 79, 0.35) !important;
  color: #CF1322 !important;
}

.notification-premium.notification-error .notification-title {
  color: #CF1322 !important;
}

/* Notificación de advertencia */

.notification-premium.notification-warning .ant-notification-notice-content {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.35) 100%) !important;
  border: 1px solid rgba(250, 173, 20, 0.22) !important;
}

.notification-premium.notification-warning .notification-icon-warning {
  background: transparent !important;
  border-color: rgba(250, 173, 20, 0.35) !important;
  color: #D48806 !important;
}

.notification-premium.notification-warning .notification-title {
  color: #D48806 !important;
}

/* Tema oscuro para notificaciones */

[data-theme="dark"] .notification-premium .ant-notification-notice-content {
  background: rgba(40, 40, 40, 0.9) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .notification-premium .notification-title {
  color: #EAEAEA !important;
}

[data-theme="dark"] .notification-premium .notification-message {
  color: #D9D9D9 !important;
}

[data-theme="dark"] .notification-premium .ant-notification-notice-close, [data-theme="dark"] .notification-premium .ant-notification-notice-close-x {
  color: #EAEAEA !important;
  opacity: 0.9 !important;
}

[data-theme="dark"] .notification-premium .ant-notification-notice-close:hover, [data-theme="dark"] .notification-premium .ant-notification-notice-close-x:hover {
  color: #FFFFFF !important;
  opacity: 1 !important;
}

[data-theme="dark"] .notification-premium.notification-success .ant-notification-notice-content {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.35) 100%) !important;
  border: 1px solid rgba(115, 209, 61, 0.28) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45), 0 0 18px rgba(115, 209, 61, 0.15) !important;
}

[data-theme="dark"] .notification-premium.notification-success .notification-title {
  color: #73D13D !important;
}

[data-theme="dark"] .notification-premium.notification-error .ant-notification-notice-content {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.35) 100%) !important;
  border: 1px solid rgba(255, 92, 92, 0.35) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45), 0 0 18px rgba(255, 92, 92, 0.18) !important;
}

[data-theme="dark"] .notification-premium.notification-error .notification-title {
  color: #FF5C5C !important;
}

[data-theme="dark"] .notification-premium.notification-warning .ant-notification-notice-content {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.35) 100%) !important;
  border: 1px solid rgba(255, 197, 61, 0.28) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, 0.45), 0 0 18px rgba(255, 197, 61, 0.15) !important;
}

[data-theme="dark"] .notification-icon-success {
  border-color: rgba(115, 209, 61, 0.45) !important;
  color: #73D13D !important;
  filter: drop-shadow(0 0 8px rgba(115, 209, 61, 0.25)) !important;
}

[data-theme="dark"] .notification-icon-error {
  border-color: rgba(255, 92, 92, 0.45) !important;
  color: #FF5C5C !important;
  filter: drop-shadow(0 0 8px rgba(255, 92, 92, 0.28)) !important;
}

[data-theme="dark"] .notification-icon-warning {
  border-color: rgba(255, 197, 61, 0.45) !important;
  color: #FFC53D !important;
  filter: drop-shadow(0 0 8px rgba(255, 197, 61, 0.25)) !important;
}

[data-theme="dark"] .notification-icon-warning .notification-title {
  color: #FFC53D !important;
}

/* Efectos de micro-interacción */

.notification-premium:hover .ant-notification-notice-content {
  transform: translateY(-2px) !important;
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.15), 0 10px 30px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.notification-premium .ant-notification-notice-content {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.notification-premium .ant-notification-notice {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.notification-premium .notification-content,
.notification-premium .notification-text,
.notification-premium .notification-title,
.notification-premium .notification-message,
.notification-premium .notification-icon {
  transition: none !important;
}

.notification-premium.ant-notification-fade-leave-active {
  opacity: 0 !important;
  transform: translateY(-10px) scale(0.95) !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.notification-premium.ant-notification-fade-leave-active .ant-notification-notice-content {
  opacity: 0 !important;
  transform: scale(0.95) !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.notification-premium.ant-notification-fade-leave-active .notification-content,
  .notification-premium.ant-notification-fade-leave-active .notification-text,
  .notification-premium.ant-notification-fade-leave-active .notification-title,
  .notification-premium.ant-notification-fade-leave-active .notification-message,
  .notification-premium.ant-notification-fade-leave-active .notification-icon {
  opacity: 0 !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* Responsive para mobile */

@media screen and (max-width: 768px) {
  .notification-premium .ant-notification-notice-content {
    padding: 16px 20px !important;
  }

  .notification-premium .notification-content {
    gap: 12px !important;
  }

  .notification-premium .notification-icon {
    width: 20px !important;
    height: 20px !important;
    padding: 6px !important;
  }

  .notification-premium .notification-icon svg {
    width: 16px !important;
    height: 16px !important;
  }

  .notification-premium .notification-title {
    font-size: 14px !important;
  }

  .notification-premium .notification-message {
    font-size: 13px !important;
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.index-wrap {
  padding-inline: 5px;
}

.index-wrap .ant-modal-footer {
  display: none;
}

.index-wrap .address-hover-select:hover {
  background-color: #DBDBDB;
}

.index-wrap .address-select-container {
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px 4px 0 0;
}

.index-wrap .hide-map {
  display: none;
}

.index-wrap .text-instructions {
  margin-top: 20px;
  color: #969696;
  font-size: .8rem;
  margin-bottom: 10px;
}

.index-wrap .div-containt-map {
  border: 1px solid #DBDBDB;
  border-radius: 5px;
}

.index-wrap .padding-text-map {
  padding-left: 10px;
  padding-right: 10px;
}

.ant-btn {
  border-radius: .25rem;
}

.ant-btn-primary {
  font-weight: 700;
}

.ant-notification-notice-closable {
  max-width: 100%;
}

@keyframes notificationSlideIn {
  0% {
    opacity: 0;
    transform: translateX(100%) translateY(-20px);
  }

  60% {
    opacity: 0.8;
    transform: translateX(-8px) translateY(0);
  }

  100% {
    opacity: 1;
    transform: translateX(0) translateY(0);
  }
}

.notification-success-modern,
.notification-success-desc-modern {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(34, 197, 94, 0.2) !important;
  box-shadow: 0 8px 32px rgba(34, 197, 94, 0.15), 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

.notification-success-modern .ant-notification-notice-message,
  .notification-success-desc-modern .ant-notification-notice-message {
  color: #1F2937 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-bottom: 4px !important;
  line-height: 1.4 !important;
}

.notification-success-modern .ant-notification-notice-description,
  .notification-success-desc-modern .ant-notification-notice-description {
  color: #4B5563 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  margin-top: 8px !important;
}

.notification-success-modern .ant-notification-notice-icon,
  .notification-success-desc-modern .ant-notification-notice-icon {
  margin-top: 2px !important;
  font-size: 18px !important;
}

.notification-success-modern .ant-notification-notice-close,
  .notification-success-desc-modern .ant-notification-notice-close {
  color: #6B7280 !important;
  opacity: 0.6 !important;
  transition: all 0.2s ease !important;
}

.notification-success-modern .ant-notification-notice-close:hover,
    .notification-success-desc-modern .ant-notification-notice-close:hover {
  opacity: 1 !important;
  color: #374151 !important;
}

.notification-error-modern {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(239, 68, 68, 0.2) !important;
  box-shadow: 0 8px 32px rgba(239, 68, 68, 0.15), 0 2px 8px rgba(0, 0, 0, 0.08) !important;
}

.notification-error-modern .ant-notification-notice-message {
  color: #1F2937 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-bottom: 4px !important;
  line-height: 1.4 !important;
}

.notification-error-modern .ant-notification-notice-description {
  color: #4B5563 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  margin-top: 8px !important;
}

.notification-error-modern .ant-notification-notice-icon {
  margin-top: 2px !important;
  font-size: 18px !important;
}

.notification-error-modern .ant-notification-notice-close {
  color: #6B7280 !important;
  opacity: 0.6 !important;
  transition: all 0.2s ease !important;
}

.notification-error-modern .ant-notification-notice-close:hover {
  opacity: 1 !important;
  color: #374151 !important;
}

.notification-icon-success {
  color: #22C55E !important;
}

.notification-icon-error {
  color: #EF4444 !important;
}

.avatar-container {
  text-align: center;
}

.avatar-container .ant-col {
  margin-top: 20px;
  margin-bottom: 10px;
}

.avatar-about-us {
  border-radius: 3px;
  margin-bottom: 14px;
}

.culture-container {
  margin-top: 20px;
}

.culture-container p {
  width: 94%;
  text-align: justify;
}

.culture-container h4 {
  font-weight: bold;
}

.ant-modal-close-icon {
  background: #f57423;
  color: #fff;
  padding: 10px;
  border-radius: 30px;
}

.modal-show-city-home .ant-form-vertical .ant-form-item {
  flex-direction: row;
}

@media (min-width: 767px) {
  .modal-show-city-home .ant-form-vertical .ant-form-item {
    flex-direction: column;
  }
}

.modal-show-city-home .ant-modal-body {
  padding: 40px;
}

.modal-show-city-home h2 {
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1.2;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

.modal-show-city-home h2:first-letter {
  text-transform: uppercase;
}

.modal-show-city-home h3 {
  font-weight: 700;
  font-size: 1.25rem;
  margin-bottom: 0;
}

.modal-show-city-home h3:first-letter {
  text-transform: uppercase;
}

.modal-show-city-home p:first-letter {
  text-transform: uppercase;
}

.modal-show-city-home .gap {
  gap: .5rem;
}

.modal-show-city-home .address {
  display: grid;
  grid-template-columns: 1fr;
  gap: .5rem;
  width: 100%;
}

@media (min-width: 767px) {
  .modal-show-city-home .address {
    grid-template-columns: 1fr 1fr;
  }
}

.modal-show-city-home .address-option {
  text-transform: capitalize;
  padding: .75rem .5rem;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  transition: .3s ease;
  font-weight: 700;
  cursor: pointer;
}

.modal-show-city-home .address-option:hover {
  border-color: #F57423;
  color: #F57423;
}

.modal-show-city-home .address-options > * + * {
  margin-top: .5rem;
}

.modal-show-city-home .new-address {
  color: white;
  background-color: #73C64C;
  text-align: center;
  padding: .5rem;
  margin-top: 1rem;
}

.modal-show-city-home .new-address:hover {
  color: #73C64C;
  border-color: #73C64C;
  background-color: white;
}

.modal-show-city-home .address-check {
  position: absolute;
}

.modal-show-city-home .address-name {
  margin-left: 2rem;
}

.modal-show-city-home .hide-map {
  display: none;
}

.modal-show-city-home .text-instructions {
  margin-top: 20px;
  color: #969696;
  font-size: .8rem;
  margin-bottom: 10px;
}

.modal-show-city-home .div-containt-map {
  border: 1px solid #DBDBDB;
  border-radius: 5px;
}

@media (min-width: 767px) {
  .modal-show-city-home .street {
    grid-column: span 2;
  }
}

.order-home {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  border-radius: 8px;
  font-size: 17px;
  font-weight: bold;
  padding-left: 20px;
  padding-right: 20px;
  border-width: 1px;
  border-style: solid;
  border-color: #DBDBDB;
}

.div-street-home-mobile {
  text-transform: capitalize;
  color: #F57423;
  font-weight: bold;
  font-size: 15px;
  cursor: pointer;
  margin-top: 4px;
  text-align: center;
  padding-bottom: 10px;
  padding-top: 10px;
}

.container-home-components {
  padding: 0 15px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 767px) {
  .hide-component-desktop {
    display: none !important;
  }
}

.modal-map-hero .header-modal {
  display: grid;
  gap: 0 .75rem;
  padding: .75rem 0;
  grid-template-areas: "logo title" "street street" "time time";
  grid-template-columns: min-content 1fr;
}

@media (min-width: 767px) {
  .modal-map-hero .header-modal {
    grid-template-areas: "logo title" "logo street" "logo time";
  }
}

.modal-map-hero .logo-branchoffice {
  border-radius: 4px;
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid #DBDBDB;
  grid-area: logo;
}

.modal-map-hero .resume-div-container {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}

.modal-map-hero .img-hero {
  margin-right: 20px;
  width: 43px;
}

.modal-map-hero .map {
  border: 1px solid #DBDBDB;
  margin: 0 -24px;
}

.modal-map-hero .hide-map {
  display: none;
}

.modal-map-hero .modal-title {
  font-weight: bold;
  grid-area: title;
  margin-bottom: 0;
}

.modal-map-hero .modal-time {
  margin-top: .5rem;
  font-weight: bold;
  grid-area: time;
}

@media (min-width: 767px) {
  .modal-map-hero .modal-time {
    margin-top: 0;
  }
}

.modal-map-hero .delivery-date {
  font-size: 1rem;
  grid-area: date;
}

.modal-map-hero .modal-street-delivery {
  grid-area: street;
}

.modal-map-hero .hero {
  display: grid;
  gap: 0 .75rem;
  padding: .75rem 0;
  grid-template-columns: min-content 1fr;
  font-weight: bold;
}

.modal-map-hero .my-products {
  font-weight: bold;
  margin-top: .5rem;
}

.modal-map-hero .ant-collapse-header {
  font-weight: bold;
}

.modal-map-hero .vertical-center {
  display: grid;
  align-items: center;
}

.modal-map-hero .product-price {
  margin-top: 11px;
  font-weight: bold;
}

.modal-map-hero .products-total {
  font-weight: bold;
  font-size: 1rem;
}

.modal-map-hero .steps {
  gap: 0.5rem;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  padding: 1rem 0;
}

.modal-map-hero .step {
  background-color: #DBDBDB;
  height: 8px;
  border-radius: 6px;
}

.modal-map-hero .is-active {
  background-color: #F57423;
}

.modal-map-hero .status {
  text-align: center;
  font-weight: bold;
  font-size: 1.25rem;
}

.modal-map-hero .delivery-current-state {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {
  30% {
    opacity: 0.5;
  }
}

.modal-search-events {
  width: 100% !important;
  max-width: 100%;
  margin: 0px;
  top: auto;
  padding-bottom: 0px;
}

.modal-search-events .ant-form-vertical .ant-form-item {
  flex-direction: row;
}

@media (min-width: 767px) {
  .modal-search-events .ant-form-vertical .ant-form-item {
    flex-direction: column;
  }
}

.modal-search-events .ant-modal-wrap .ant-modal {
  max-width: 100% !important;
  width: 100% !important;
  top: 0px;
  padding-bottom: 0px;
}

.modal-search-events .ant-modal-body {
  padding: 40px;
}

.modal-search-events h2 {
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1.2;
  font-size: 1.25rem;
  margin-bottom: 1rem;
}

.modal-search-events h2:first-letter {
  text-transform: uppercase;
}

@media (min-width: 767px) {
  .modal-search-events h2 {
    font-size: 1.5rem;
  }
}

.modal-search-events .modal-back-icon,
  .modal-search-events .search-icon,
  .modal-search-events .location-icon,
  .modal-search-events .down-icon {
  font-size: 20px;
  color: #FF6200;
  cursor: pointer;
}

.modal-search-events .location-icon {
  font-size: 16px;
  margin-right: 5px;
}

.modal-search-events .down-icon {
  font-size: 12px;
  margin-left: 5px;
  font-weight: 700;
}

.modal-search-events.text .ant-modal-content {
  height: 100%;
}

.modal-search-events.text .ant-modal-content .ant-modal-close {
  display: none;
}

.modal-search-events.text .ant-modal-content .ant-modal-header {
  border: 0;
  padding: 10px;
  height: 6vh;
}

.modal-search-events.text .ant-modal-content .ant-modal-body {
  padding: 0px 10px 10px 10px;
  overflow-y: scroll;
  height: 94vh;
}

.modal-search-events.text .ant-modal-content .ant-input-affix-wrapper {
  border: 0;
  border-bottom: 1px solid #969696;
  border-radius: 0px;
}

.modal-search-events.text .ant-modal-content .ant-input-affix-wrapper.ant-input-affix-wrapper-focused {
  box-shadow: none;
}

.modal-search-events.text .ant-modal-content .ant-select-selector {
  border-radius: 10px;
  padding: 0px 10px;
  height: 42px;
  display: flex;
  align-items: center;
  border-color: var(--border-color);
}

.modal-search-events.text .ant-modal-content .ant-select-selector .ant-select-selection-item {
  padding: 10px 0px;
  font-weight: 700;
  font-size: 14px;
  color: #4F4545;
}

.modal-countries .ant-form-vertical .ant-form-item {
  flex-direction: row;
}

@media (min-width: 767px) {
  .modal-countries .ant-form-vertical .ant-form-item {
    flex-direction: column;
  }
}

.modal-countries .ant-modal-body {
  padding: 40px;
}

.modal-countries h2 {
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1.2;
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
}

.modal-countries h2:first-letter {
  text-transform: uppercase;
}

@media (min-width: 767px) {
  .modal-countries h2 {
    font-size: 1.5rem;
  }
}

.modal-countries .flag {
  width: 50px;
}

.modal-countries .name {
  font-weight: bold;
}

.description-html img {
  max-width: 100%;
}

.tag {
  border-radius: 100px;
  padding: 5px 10px;
  background-color: #FDE3D3;
  color: #F57423;
  cursor: pointer;
}

.tag:hover {
  opacity: 80%;
}

.tag-box {
  border: 1px solid var(--border-color);
  border-radius: 10px;
}

.tag-box .title-box {
  border-bottom: 1px solid var(--border-color);
  border-radius: 10px;
  padding: 20px;
  font-weight: 700;
  font-size: 16px;
  color: #4F4545;
}

.button-search-modal {
  width: 250px;
}

/* purgecss end ignore */

/* purgecss start ignore */

@charset "UTF-8";

.ant-divider-inner-text {
  white-space: normal;
}

@media (min-width: 767px) {
  .ant-divider-inner-text {
    white-space: nowrap;
  }
}

.login, .registration {
  padding: 20px 15px 20px 15px;
  background: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), var(--background-color);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  border-radius: 0;
  overflow: hidden;
}

@media (min-width: 767px) {
  .login, .registration {
    border-radius: 20px;
    margin-top: 24px;
    min-height: calc(100vh - 24px);
  }
}

.login .ant-tabs .ant-tabs-nav, .registration .ant-tabs .ant-tabs-nav {
  margin: 0 !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin-bottom: 24px !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}

.login .ant-tabs .ant-tabs-nav::before, .registration .ant-tabs .ant-tabs-nav::before {
  display: none !important;
}

.login .ant-tabs .ant-tabs-nav-list, .registration .ant-tabs .ant-tabs-nav-list {
  width: 100%;
  display: flex;
  background: transparent;
  padding: 0;
  border: none;
  justify-content: center;
}

.login .ant-tabs .ant-tabs-tab, .registration .ant-tabs .ant-tabs-tab {
  margin: 0 !important;
  padding: 12px 32px !important;
  border: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  transition: all 0.2s ease !important;
  justify-content: center;
  border-bottom: 1px solid transparent !important;
  cursor: pointer;
}

.login .ant-tabs .ant-tabs-tab:hover, .registration .ant-tabs .ant-tabs-tab:hover {
  background: transparent !important;
}

.login .ant-tabs .ant-tabs-tab.ant-tabs-tab-active, .registration .ant-tabs .ant-tabs-tab.ant-tabs-tab-active {
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 1px solid #222222 !important;
}

.login .ant-tabs .ant-tabs-tab-btn, .registration .ant-tabs .ant-tabs-tab-btn {
  font-weight: 500 !important;
  font-size: 16px !important;
  color: #666666 !important;
  transition: all 0.2s ease !important;
}

.login .ant-tabs .ant-tabs-tab:hover .ant-tabs-tab-btn, .registration .ant-tabs .ant-tabs-tab:hover .ant-tabs-tab-btn {
  color: #222222 !important;
}

.login .ant-tabs .ant-tabs-tab-active .ant-tabs-tab-btn, .registration .ant-tabs .ant-tabs-tab-active .ant-tabs-tab-btn {
  color: #222222 !important;
  font-weight: 600 !important;
}

.login .ant-tabs .ant-tabs-ink-bar, .registration .ant-tabs .ant-tabs-ink-bar {
  display: none !important;
}

.styles_react-code-input__CRulA input {
  font-family: "Inter", sans-serif !important;
}

.login-logo {
  text-align: center;
  margin-bottom: 0.9rem;
}

.login-logo .logo-toliv {
  color: var(--text-color);
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-family: "Inter", sans-serif;
}

.login-logo .logo-events {
  background: linear-gradient(135deg, #ff6b35 0%, #9b59b6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-family: "Inter", sans-serif;
}

@media (min-width: 767px) {
  .login-logo {
    margin-bottom: 1.1rem;
  }

  .login-logo .logo-toliv, .login-logo .logo-events {
    font-size: 2.8rem;
  }
}

.toliv-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.toliv-logo .logo-toliv {
  color: var(--text-color);
  font-weight: 700;
  letter-spacing: -0.02em;
  font-family: "Inter", sans-serif;
}

.toliv-logo .logo-events {
  background: linear-gradient(135deg, #ff6b35 0%, #9b59b6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-family: "Inter", sans-serif;
}

.toliv-logo--large {
  text-align: center;
  margin-bottom: 0.9rem;
}

.toliv-logo--large .logo-toliv, .toliv-logo--large .logo-events {
  font-size: 2.5rem;
}

@media (min-width: 767px) {
  .toliv-logo--large {
    margin-bottom: 1.1rem;
  }

  .toliv-logo--large .logo-toliv, .toliv-logo--large .logo-events {
    font-size: 2.8rem;
  }
}

.toliv-logo--medium {
  cursor: pointer;
  transition: all 0.3s ease;
}

.toliv-logo--medium .logo-toliv, .toliv-logo--medium .logo-events {
  font-size: 1.5rem;
}

.toliv-logo--medium:hover {
  transform: translateY(-1px);
}

.toliv-logo--small .logo-toliv, .toliv-logo--small .logo-events {
  font-size: 1.2rem;
}

.login-title {
  text-align: center;
  color: var(--text-color);
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 1.25rem;
  font-family: "Inter", sans-serif;
  letter-spacing: -0.01em;
}

@media (min-width: 767px) {
  .login-title {
    font-size: 2rem;
    margin-bottom: 1.5rem;
  }
}

.login-card {
  background: transparent;
  padding: 2rem;
  width: 100%;
  max-width: 400px;
  border-radius: 20px;
  text-align: center;
  box-shadow: none;
  border: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
  margin: 0 auto;
}

@media (min-width: 767px) {
  .login-card {
    padding: 2.5rem;
    max-width: 440px;
    margin: 0 auto;
  }
}

.login-card h1 {
  display: none;
}

.login-card .text-or {
  color: var(--text-secondary-color);
  font-size: 14px;
  margin-bottom: 24px;
  text-align: center;
}

.login-card .btn-container-access {
  margin-bottom: 1rem;
}

.login-card .btn-login-email, .login-card .btn-login-phone {
  font-weight: 400;
  color: #9CA3AF;
  background: transparent;
  border: 1px solid #E5E7EB;
  width: 100%;
  height: 48px;
  border-radius: 12px;
  box-shadow: none;
  font-size: 14px;
  letter-spacing: -0.01em;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  margin-bottom: 16px;
}

.login-card .btn-login-email:hover, .login-card .btn-login-phone:hover {
  border-color: #D1D5DB;
  background: rgba(0, 0, 0, 0.01);
  transform: translateY(-0.5px);
  color: #6B7280;
}

.login-card .btn-login-email:focus, .login-card .btn-login-phone:focus {
  border-color: #9CA3AF;
  background: rgba(0, 0, 0, 0.01);
  box-shadow: 0 0 0 3px rgba(156, 163, 175, 0.1);
  color: #6B7280;
}

.login-card .btn-login-temporary {
  color: var(--primary-color);
  background: transparent;
  border: none;
  width: 100%;
  height: auto;
  padding: 20px 0;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.01em;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

.login-card .btn-login-temporary:hover {
  background: transparent;
  transform: none;
  box-shadow: none;
  text-decoration-thickness: 2px;
  color: var(--primary-color);
}

@media (min-width: 767px) {
  .login-card .btn-login-temporary {
    font-size: 16px;
  }
}

.login-card .width-btn-login {
  width: 100%;
}

.login-card .divider-or {
  color: #9CA3AF;
  font-size: 11px;
  font-weight: 500;
  margin: 24px 0;
  opacity: 0.8;
}

.login-card .divider-or .ant-divider-inner-text {
  color: #9CA3AF;
  background: var(--background-color);
  padding: 0 16px;
  font-size: 11px;
  text-transform: none;
  letter-spacing: 0.2px;
}

.login-card .divider-or::before, .login-card .divider-or::after {
  border-top-color: var(--border-color) !important;
  border-top-width: 1px !important;
}

.login-card .btn-login-google {
  font-weight: 700;
  color: black;
  width: 100%;
  height: 48px;
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15) !important;
  justify-content: center;
  border-color: #d9d9d9 !important;
  border-radius: .25rem !important;
}

.login-card .btn-login-google-modern {
  margin-bottom: 32px !important;
  width: 100% !important;
  height: 52px !important;
  border-radius: 500px !important;
  background: #FFFFFF !important;
  border: 1px solid #727272 !important;
  color: #191414 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 0.5px !important;
  text-transform: none !important;
  transition: all 0.2s ease !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}

.login-card .btn-login-google-modern .anticon,
    .login-card .btn-login-google-modern > span:first-child {
  margin-right: 12px !important;
  display: flex !important;
  align-items: center !important;
}

.login-card .btn-login-google-modern:hover, .login-card .btn-login-google-modern:focus {
  background: #F7F7F7 !important;
  border-color: #000000 !important;
  transform: scale(1.04) !important;
  color: #191414 !important;
}

.login-card .btn-login-google-modern:active {
  transform: translateY(0px) !important;
  transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.login-card .btn-login-google-modern:focus {
  border-color: rgba(66, 133, 244, 0.3) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08), 0 0 0 3px rgba(66, 133, 244, 0.1) !important;
}

.login-card .btn-login-google-modern.ant-btn-loading {
  pointer-events: none !important;
  opacity: 0.8 !important;
}

.login-card .btn-login-google-modern .ant-btn-loading-icon {
  color: #666666 !important;
}

.login-card .login-selection {
  margin-top: 20px;
  color: var(--text-secondary-color);
  font-size: 14px;
  margin-bottom: 1.25rem;
}

.login-card .login-footer-text {
  color: var(--text-secondary-color) !important;
  font-size: 14px;
  margin-top: 16px;
}

.login-card .ant-form-item-label {
  font-weight: 600;
  font-size: 14px;
  color: var(--text-color);
  margin-bottom: 8px;
}

.login-card .ant-form-item-required {
  color: var(--text-color);
  font-size: 14px;
}

.login-card .ant-input {
  color: var(--text-color);
  background: var(--surface-color);
  border: 1px solid var(--border-color);
  height: 48px;
  border-radius: 12px;
  font-size: 15px;
  padding: 12px 16px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}

.login-card .ant-input:hover {
  border-color: #666666;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

.login-card .ant-input:focus {
  border-color: #BBBBBB;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(187, 187, 187, 0.1);
}

.login-card .ant-input::-moz-placeholder {
  color: var(--text-secondary-color);
  font-weight: 400;
}

.login-card .ant-input:-ms-input-placeholder {
  color: var(--text-secondary-color);
  font-weight: 400;
}

.login-card .ant-input::placeholder {
  color: var(--text-secondary-color);
  font-weight: 400;
}

.login-card .ant-input-password {
  border-radius: 12px;
  background: var(--surface-color);
  border: 1px solid var(--border-color);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
  height: 48px;
  display: flex;
  align-items: center;
}

.login-card .ant-input-password:hover {
  border-color: #666666;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
}

.login-card .ant-input-password.ant-input-affix-wrapper-focused {
  border-color: #BBBBBB;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(187, 187, 187, 0.1);
}

.login-card .ant-input-password .ant-input {
  color: var(--text-color);
  background: transparent;
  border: none;
  height: 100%;
  padding: 12px 16px;
  box-shadow: none;
  width: 100%;
}

.login-card .ant-input-password .ant-input:hover, .login-card .ant-input-password .ant-input:focus {
  border: none;
  box-shadow: none;
}

.login-card .ant-input-affix-wrapper {
  border-radius: 12px;
}

.login-card .ant-checkbox + span {
  color: var(--text-secondary-color);
  font-size: 14px;
  transition: color 0.3s ease;
}

.login-card .ant-checkbox + span:hover {
  color: var(--text-color);
}

.login-card .btn-login-email.active, .login-card .btn-login-phone.active {
  border-color: #F57423;
  color: #F57423;
}

.login-card .btn-login-email.active svg, .login-card .btn-login-phone.active svg {
  fill: #F57423;
}

.login-card .login-terms {
  margin: 1rem 0;
}

.login-card .login-terms a {
  text-decoration: underline !important;
}

.login-card .phone-number {
  color: #F57423;
  font-size: 1rem;
}

@media (min-width: 767px) {
  .login-card .phone-number {
    font-size: 1.5rem;
  }
}

.login-card a {
  color: var(--text-secondary-color) !important;
  text-decoration: none !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  transition: color 0.2s ease !important;
}

.login-card a:hover {
  color: var(--text-color) !important;
  text-decoration: none !important;
}

.login-card .login-form-forgot {
  color: var(--text-secondary-color) !important;
  font-weight: 500 !important;
}

.login-card .login-form-forgot:hover {
  color: var(--text-color) !important;
}

.verification-code .verification-header {
  text-align: center;
  margin-bottom: 2rem;
}

.verification-code .verification-title {
  color: var(--text-color);
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
  line-height: 1.3;
}

@media (min-width: 767px) {
  .verification-code .verification-title {
    font-size: 24px;
    margin-bottom: 12px;
  }
}

.verification-code .verification-subtitle {
  color: var(--text-secondary-color);
  font-size: 14px;
  font-weight: 400;
}

.verification-code .email-address {
  color: var(--primary-color) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  background: rgba(255, 102, 0, 0.1) !important;
  padding: 8px 16px !important;
  border-radius: 8px !important;
  display: inline-block !important;
  word-break: break-all !important;
  text-align: center !important;
  max-width: 100% !important;
  overflow-wrap: break-word !important;
  /* 🌙 Dark Mode */
}

[data-theme="dark"] .verification-code .email-address {
  background: rgba(255, 102, 0, 0.15) !important;
  color: #FF6600 !important;
}

.verification-code .verification-input {
  margin-bottom: 2rem;
}

.verification-code .verification-input div {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
}

@media (min-width: 767px) {
  .verification-code .verification-input div {
    gap: 16px !important;
  }
}

.verification-code .verification-input input {
  height: 56px !important;
  width: 56px !important;
  border-radius: 12px !important;
  border: 2px solid var(--border-color) !important;
  background: var(--surface-color) !important;
  color: var(--text-color) !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  text-align: center !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  margin: 0 !important;
  display: inline-block !important;
  float: none !important;
  position: static !important;
}

@media (min-width: 767px) {
  .verification-code .verification-input input {
    height: 64px !important;
    width: 64px !important;
    font-size: 24px !important;
  }
}

.verification-code .verification-input input:focus {
  border-color: var(--primary-color) !important;
  box-shadow: 0 2px 16px rgba(255, 102, 0, 0.15) !important;
  transform: translateY(-1px) !important;
}

.verification-code .verification-input input:hover {
  border-color: var(--text-secondary-color) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
}

.verification-code .verification-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 1.5rem;
}

@media (min-width: 767px) {
  .verification-code .verification-actions {
    flex-direction: row;
    justify-content: center;
    gap: 16px;
  }
}

.verification-code .btn-verification-back {
  background: transparent !important;
  border: 1px solid var(--border-color) !important;
  color: var(--text-secondary-color) !important;
  font-weight: 500 !important;
  height: 48px !important;
  border-radius: 12px !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.verification-code .btn-verification-back:hover {
  border-color: var(--text-color) !important;
  color: var(--text-color) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
}

.verification-code .btn-verification-resend {
  background: var(--primary-color) !important;
  border: none !important;
  color: white !important;
  font-weight: 600 !important;
  height: 48px !important;
  border-radius: 12px !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  min-width: 160px !important;
}

.verification-code .btn-verification-resend:hover:not(:disabled) {
  background: #e55a00 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(255, 102, 0, 0.3) !important;
}

.verification-code .btn-verification-resend:disabled {
  background: var(--border-color) !important;
  color: var(--text-secondary-color) !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
}

.verification-code .countdown-text {
  font-size: 14px;
  font-weight: 500;
}

.login .ant-form-item-explain-error,
.login .ant-form-item-explain, .registration .ant-form-item-explain-error,
.registration .ant-form-item-explain {
  color: #8B5A5A !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  margin-top: 4px !important;
  padding-left: 2px !important;
  line-height: 1.3 !important;
  opacity: 0.85 !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  letter-spacing: 0.2px !important;
  animation: errorFadeIn 0.3s ease-out !important;
}

.login .ant-form-item-explain-error div,
  .login .ant-form-item-explain div, .registration .ant-form-item-explain-error div,
  .registration .ant-form-item-explain div {
  color: #8B5A5A !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  opacity: 0.85 !important;
}

.login .ant-form-item-has-error .ant-input,
.login .ant-form-item-has-error .ant-input-password,
.login .ant-form-item-has-error .ant-input-affix-wrapper, .registration .ant-form-item-has-error .ant-input,
.registration .ant-form-item-has-error .ant-input-password,
.registration .ant-form-item-has-error .ant-input-affix-wrapper {
  border-color: #D1A3A4 !important;
  background: rgba(139, 90, 90, 0.02) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.login .ant-form-item-has-error .ant-input:hover,
  .login .ant-form-item-has-error .ant-input-password:hover,
  .login .ant-form-item-has-error .ant-input-affix-wrapper:hover, .registration .ant-form-item-has-error .ant-input:hover,
  .registration .ant-form-item-has-error .ant-input-password:hover,
  .registration .ant-form-item-has-error .ant-input-affix-wrapper:hover {
  border-color: #B58585 !important;
  background: rgba(139, 90, 90, 0.04) !important;
}

.login .ant-form-item-has-error .ant-input:focus, .login .ant-form-item-has-error .ant-input.ant-input-affix-wrapper-focused,
  .login .ant-form-item-has-error .ant-input-password:focus,
  .login .ant-form-item-has-error .ant-input-password.ant-input-affix-wrapper-focused,
  .login .ant-form-item-has-error .ant-input-affix-wrapper:focus,
  .login .ant-form-item-has-error .ant-input-affix-wrapper.ant-input-affix-wrapper-focused, .registration .ant-form-item-has-error .ant-input:focus, .registration .ant-form-item-has-error .ant-input.ant-input-affix-wrapper-focused,
  .registration .ant-form-item-has-error .ant-input-password:focus,
  .registration .ant-form-item-has-error .ant-input-password.ant-input-affix-wrapper-focused,
  .registration .ant-form-item-has-error .ant-input-affix-wrapper:focus,
  .registration .ant-form-item-has-error .ant-input-affix-wrapper.ant-input-affix-wrapper-focused {
  border-color: #8B5A5A !important;
  box-shadow: 0 0 0 3px rgba(139, 90, 90, 0.08) !important;
  background: var(--surface-color) !important;
}

.login .ant-alert-error, .registration .ant-alert-error {
  background: rgba(139, 90, 90, 0.05) !important;
  border: 1px solid rgba(139, 90, 90, 0.15) !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  margin-bottom: 1rem !important;
}

.login .ant-alert-error .ant-alert-message, .registration .ant-alert-error .ant-alert-message {
  color: #8B5A5A !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}

.login .ant-alert-error .ant-alert-icon, .registration .ant-alert-error .ant-alert-icon {
  color: #8B5A5A !important;
  margin-top: 1px !important;
}

.login .ant-alert-info, .registration .ant-alert-info {
  background: rgba(255, 102, 0, 0.04) !important;
  border: 1px solid rgba(255, 102, 0, 0.1) !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
}

.login .ant-alert-info .ant-alert-message, .registration .ant-alert-info .ant-alert-message {
  color: var(--primary-color) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}

.login .ant-alert-info .ant-alert-icon, .registration .ant-alert-info .ant-alert-icon {
  color: var(--primary-color) !important;
}

@keyframes errorFadeIn {
  0% {
    opacity: 0;
    transform: translateY(-4px);
  }

  100% {
    opacity: 0.85;
    transform: translateY(0);
  }
}

.form-phone {
  margin-left: .5rem;
}

.form-phone .btn-back-modern {
  color: var(--text-secondary-color) !important;
  background: transparent !important;
  border: none !important;
  font-weight: 500 !important;
  border-radius: 12px !important;
  padding: 0 16px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.form-phone .btn-back-modern:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  color: var(--text-color) !important;
  transform: translateX(-2px);
}

.form-phone .btn-back-modern:active {
  transform: translateX(-1px);
}

.form-phone .btn-back-modern .anticon {
  font-size: 14px !important;
  margin-right: 4px !important;
}

.form-phone .verification-input[disabled] {
  opacity: 0.6 !important;
  pointer-events: none !important;
}

.form-phone .verification-input .verification-loading-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--primary-color);
  font-size: 14px;
  font-weight: 500;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 8px;
}

.form-phone .verification-input .verification-loading-overlay::after {
  content: "";
  width: 16px;
  height: 16px;
  border: 2px solid var(--primary-color);
  border-top: 2px solid transparent;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.grecaptcha-badge {
  display: none;
}

.registration-form-compact {
  padding-top: 5px !important;
}

.registration-form-compact .ant-tabs .ant-tabs-nav {
  margin-bottom: 12px !important;
}

.registration-form-compact .login-card {
  padding-top: 0.5rem !important;
}

.registration-form-compact .ant-select-selector {
  color: var(--text-color) !important;
}

.registration-form-compact .ant-select-selection-item {
  color: var(--text-color) !important;
}

.login .ant-input-affix-wrapper > input.ant-input, .registration .ant-input-affix-wrapper > input.ant-input {
  padding-left: 14px !important;
}

.login .ant-select-selector, .registration .ant-select-selector {
  border-right: 1px solid var(--border-color) !important;
  padding: 0 12px !important;
  font-weight: 500 !important;
  background: rgba(255, 255, 255, 0.02) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.login .ant-select-selector:hover, .registration .ant-select-selector:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: var(--text-secondary-color) !important;
}

.login .ant-input-password, .registration .ant-input-password {
  height: 48px !important;
  padding: 0 12px !important;
  display: flex !important;
  align-items: center !important;
  box-shadow: none !important;
}

.login .ant-input-password.ant-input-affix-wrapper-focused, .login .ant-input-password:hover, .login .ant-input-password:active, .login .ant-input-password:focus, .login .ant-input-password:focus-within, .registration .ant-input-password.ant-input-affix-wrapper-focused, .registration .ant-input-password:hover, .registration .ant-input-password:active, .registration .ant-input-password:focus, .registration .ant-input-password:focus-within {
  box-shadow: none !important;
}

.login .ant-input-password input.ant-input[type="password"], .registration .ant-input-password input.ant-input[type="password"] {
  height: 100% !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.password-switch-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 0;
  margin-bottom: 8px;
  border-bottom: 1px solid var(--border-color);
}

.password-switch-label {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.password-switch-label span:first-child {
  color: var(--text-color);
  font-size: 14px;
  font-weight: 600;
}

.password-switch-label .password-switch-subtitle {
  color: var(--text-secondary-color);
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}

.password-toggle-switch.ant-switch {
  background-color: var(--border-color) !important;
  border: none !important;
  border-radius: 24px !important;
  width: 48px !important;
  height: 24px !important;
  min-width: 48px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.password-toggle-switch.ant-switch:hover:not(.ant-switch-disabled) {
  background-color: var(--text-secondary-color) !important;
}

.password-toggle-switch.ant-switch.ant-switch-checked {
  background-color: var(--primary-color) !important;
}

.password-toggle-switch.ant-switch.ant-switch-checked:hover:not(.ant-switch-disabled) {
  background-color: #e55a00 !important;
}

.password-toggle-switch.ant-switch .ant-switch-handle {
  background-color: #ffffff !important;
  border-radius: 50% !important;
  width: 20px !important;
  height: 20px !important;
  top: 2px !important;
  left: 2px !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1) !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.password-toggle-switch.ant-switch .ant-switch-handle::before {
  border-radius: 50% !important;
}

.password-toggle-switch.ant-switch.ant-switch-checked .ant-switch-handle {
  left: calc(100% - 22px) !important;
}

.login .phone-new-clean input[type="tel"],
.login .phone-new-error input[type="tel"], .registration .phone-new-clean input[type="tel"],
.registration .phone-new-error input[type="tel"] {
  color: var(--text-color) !important;
  -webkit-text-fill-color: var(--text-color) !important;
  opacity: 1 !important;
}

.login .phone-new-clean .PhoneInput,
.login .phone-new-error .PhoneInput, .registration .phone-new-clean .PhoneInput,
.registration .phone-new-error .PhoneInput {
  display: flex !important;
  height: 48px !important;
  border-radius: 12px !important;
  border: 1px solid var(--border-color) !important;
  background: var(--surface-color) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02) !important;
  overflow: hidden !important;
}

.login .phone-new-clean .PhoneInput:hover,
  .login .phone-new-error .PhoneInput:hover, .registration .phone-new-clean .PhoneInput:hover,
  .registration .phone-new-error .PhoneInput:hover {
  border-color: #666666 !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
}

.login .phone-new-clean .PhoneInput:focus-within,
  .login .phone-new-error .PhoneInput:focus-within, .registration .phone-new-clean .PhoneInput:focus-within,
  .registration .phone-new-error .PhoneInput:focus-within {
  border-color: #BBBBBB !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04), 0 0 0 3px rgba(187, 187, 187, 0.1) !important;
}

.login .phone-new-clean .PhoneInputCountrySelect,
.login .phone-new-error .PhoneInputCountrySelect, .registration .phone-new-clean .PhoneInputCountrySelect,
.registration .phone-new-error .PhoneInputCountrySelect {
  border: none !important;
  background: transparent !important;
  padding: 0 16px !important;
  padding-left: 24px !important;
  border-right: 1px solid var(--border-color) !important;
  margin: 0 !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 90px !important;
}

.login .phone-new-clean .PhoneInputCountry,
.login .phone-new-error .PhoneInputCountry, .registration .phone-new-clean .PhoneInputCountry,
.registration .phone-new-error .PhoneInputCountry {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-left: 21px !important;
}

.login .phone-new-clean .PhoneInputCountryIcon,
.login .phone-new-error .PhoneInputCountryIcon, .registration .phone-new-clean .PhoneInputCountryIcon,
.registration .phone-new-error .PhoneInputCountryIcon {
  margin-right: 8px !important;
}

.login .phone-new-clean .PhoneInputCountryIconImg,
.login .phone-new-error .PhoneInputCountryIconImg, .registration .phone-new-clean .PhoneInputCountryIconImg,
.registration .phone-new-error .PhoneInputCountryIconImg {
  margin-right: 8px !important;
}

.login .phone-new-clean .PhoneInputInput,
.login .phone-new-error .PhoneInputInput, .registration .phone-new-clean .PhoneInputInput,
.registration .phone-new-error .PhoneInputInput {
  border: none !important;
  background: transparent !important;
  color: var(--text-color) !important;
  font-size: 15px !important;
  padding: 12px 16px !important;
  height: 100% !important;
  flex: 1 !important;
  outline: none !important;
}

.login .phone-new-clean .PhoneInputInput::-moz-placeholder, .login .phone-new-error .PhoneInputInput::-moz-placeholder, .registration .phone-new-clean .PhoneInputInput::-moz-placeholder, .registration .phone-new-error .PhoneInputInput::-moz-placeholder {
  color: var(--text-secondary-color) !important;
  opacity: 0.6 !important;
  font-weight: 400 !important;
}

.login .phone-new-clean .PhoneInputInput:-ms-input-placeholder, .login .phone-new-error .PhoneInputInput:-ms-input-placeholder, .registration .phone-new-clean .PhoneInputInput:-ms-input-placeholder, .registration .phone-new-error .PhoneInputInput:-ms-input-placeholder {
  color: var(--text-secondary-color) !important;
  opacity: 0.6 !important;
  font-weight: 400 !important;
}

.login .phone-new-clean .PhoneInputInput::placeholder,
  .login .phone-new-error .PhoneInputInput::placeholder, .registration .phone-new-clean .PhoneInputInput::placeholder,
  .registration .phone-new-error .PhoneInputInput::placeholder {
  color: var(--text-secondary-color) !important;
  opacity: 0.6 !important;
  font-weight: 400 !important;
}

.login .phone-new-error .PhoneInput, .registration .phone-new-error .PhoneInput {
  border-color: #D1A3A4 !important;
  background: rgba(139, 90, 90, 0.02) !important;
}

.login .phone-new-message, .registration .phone-new-message {
  color: #8B5A5A !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  margin-top: 4px !important;
  padding-left: 2px !important;
  opacity: 0.85 !important;
}

[data-theme="dark"] .login .phone-new-clean input[type="tel"],
[data-theme="dark"] .login .phone-new-error input[type="tel"], [data-theme="dark"] .registration .phone-new-clean input[type="tel"],
[data-theme="dark"] .registration .phone-new-error input[type="tel"] {
  color: #FFFFFF !important;
  -webkit-text-fill-color: #FFFFFF !important;
  opacity: 1 !important;
}

[data-theme="dark"] .login .phone-new-clean .PhoneInput,
[data-theme="dark"] .login .phone-new-error .PhoneInput, [data-theme="dark"] .registration .phone-new-clean .PhoneInput,
[data-theme="dark"] .registration .phone-new-error .PhoneInput {
  background: transparent !important;
  border-color: #333333 !important;
}

[data-theme="dark"] .login .phone-new-clean .PhoneInput:hover,
  [data-theme="dark"] .login .phone-new-error .PhoneInput:hover, [data-theme="dark"] .registration .phone-new-clean .PhoneInput:hover,
  [data-theme="dark"] .registration .phone-new-error .PhoneInput:hover {
  border-color: #4B5563 !important;
}

[data-theme="dark"] .login .phone-new-clean .PhoneInput:focus-within,
  [data-theme="dark"] .login .phone-new-error .PhoneInput:focus-within, [data-theme="dark"] .registration .phone-new-clean .PhoneInput:focus-within,
  [data-theme="dark"] .registration .phone-new-error .PhoneInput:focus-within {
  border-color: #9CA3AF !important;
  box-shadow: 0 0 0 3px rgba(156, 163, 175, 0.1) !important;
}

[data-theme="dark"] .login .phone-new-clean .PhoneInputCountrySelect,
[data-theme="dark"] .login .phone-new-error .PhoneInputCountrySelect, [data-theme="dark"] .registration .phone-new-clean .PhoneInputCountrySelect,
[data-theme="dark"] .registration .phone-new-error .PhoneInputCountrySelect {
  border-right-color: #333333 !important;
  padding-left: 24px !important;
  min-width: 90px !important;
}

[data-theme="dark"] .login .phone-new-clean .PhoneInputCountry,
[data-theme="dark"] .login .phone-new-error .PhoneInputCountry, [data-theme="dark"] .registration .phone-new-clean .PhoneInputCountry,
[data-theme="dark"] .registration .phone-new-error .PhoneInputCountry {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-left: 21px !important;
}

[data-theme="dark"] .login .phone-new-clean .PhoneInputCountryIcon,
[data-theme="dark"] .login .phone-new-error .PhoneInputCountryIcon, [data-theme="dark"] .registration .phone-new-clean .PhoneInputCountryIcon,
[data-theme="dark"] .registration .phone-new-error .PhoneInputCountryIcon {
  margin-right: 8px !important;
}

[data-theme="dark"] .login .phone-new-clean .PhoneInputCountryIconImg,
[data-theme="dark"] .login .phone-new-error .PhoneInputCountryIconImg, [data-theme="dark"] .registration .phone-new-clean .PhoneInputCountryIconImg,
[data-theme="dark"] .registration .phone-new-error .PhoneInputCountryIconImg {
  margin-right: 8px !important;
}

[data-theme="dark"] .login .phone-new-clean .PhoneInputInput,
[data-theme="dark"] .login .phone-new-error .PhoneInputInput, [data-theme="dark"] .registration .phone-new-clean .PhoneInputInput,
[data-theme="dark"] .registration .phone-new-error .PhoneInputInput {
  color: #FFFFFF !important;
}

[data-theme="dark"] .login .phone-new-clean .PhoneInputInput::-moz-placeholder, [data-theme="dark"] .login .phone-new-error .PhoneInputInput::-moz-placeholder, [data-theme="dark"] .registration .phone-new-clean .PhoneInputInput::-moz-placeholder, [data-theme="dark"] .registration .phone-new-error .PhoneInputInput::-moz-placeholder {
  color: #9CA3AF !important;
  opacity: 0.6 !important;
  font-weight: 400 !important;
}

[data-theme="dark"] .login .phone-new-clean .PhoneInputInput:-ms-input-placeholder, [data-theme="dark"] .login .phone-new-error .PhoneInputInput:-ms-input-placeholder, [data-theme="dark"] .registration .phone-new-clean .PhoneInputInput:-ms-input-placeholder, [data-theme="dark"] .registration .phone-new-error .PhoneInputInput:-ms-input-placeholder {
  color: #9CA3AF !important;
  opacity: 0.6 !important;
  font-weight: 400 !important;
}

[data-theme="dark"] .login .phone-new-clean .PhoneInputInput::placeholder,
  [data-theme="dark"] .login .phone-new-error .PhoneInputInput::placeholder, [data-theme="dark"] .registration .phone-new-clean .PhoneInputInput::placeholder,
  [data-theme="dark"] .registration .phone-new-error .PhoneInputInput::placeholder {
  color: #9CA3AF !important;
  opacity: 0.6 !important;
  font-weight: 400 !important;
}

/* purgecss end ignore */

/*purgecss start ignore*/

.restaurants-warp {
  padding: 0 15px 20px 15px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.restaurants-warp h2 {
  font-weight: bold;
}

.restaurants-warp .city {
  color: #F57423;
  margin-left: 5px;
}

.restaurants-warp .ant-card:hover, .restaurants-warp .ant-card-hoverable:hover {
  box-shadow: none !important;
  border: #000;
}

.restaurants-warp .ant-card {
  /*box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15)*/
  border-radius: 4px 4px 0 0;
  height: 100%;
}

.restaurants-warp .ant-card-cover img {
  -o-object-fit: cover;
     object-fit: cover;
}

.restaurants-warp .ant-card-meta-title {
  color: #000;
  font-weight: bold;
  font-size: 1rem;
}

.restaurants-warp .ant-card-meta-description {
  line-height: 1.2;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.restaurants-warp .ant-row > .ant-col {
  margin-bottom: 1rem;
}

.restaurants-warp .ant-card-body {
  position: relative;
}

.restaurants-warp .box {
  position: absolute;
  top: -3rem;
  left: 0;
  right: 0;
  text-align: center;
}

.store-status {
  position: absolute;
  bottom: .5rem;
  right: .5rem;
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.is-scheduled {
  background-color: white;
  padding: .25rem;
  border-radius: .23rem;
  display: grid;
  grid-template-columns: min-content 1fr;
  gap: .25rem;
  color: black;
  font-weight: 600;
}

.is-closed {
  background-color: rgba(255, 214, 206, 0.9);
  padding: .25rem .5rem;
  border-radius: 2rem;
  font-weight: 700;
  letter-spacing: -.5px;
  display: inline-block;
}

/*purgecss end ignore*/

/* purgecss start ignore */

.myaccount-container {
  min-height: 100vh;
  background-color: var(--background-color);
  color: var(--text-color);
}

.myaccount-layout {
  min-height: 100vh;
  background-color: var(--background-color) !important;
}

.myaccount-mobile-header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  background-color: var(--surface-color);
  border-bottom: 1px solid var(--border-color);
  position: sticky;
  top: 0;
  z-index: 100;
  backdrop-filter: blur(10px);
}

.myaccount-mobile-header h1 {
  margin: 0;
  font-size: 20px;
  font-weight: 700;
  color: var(--text-color);
}

.myaccount-mobile-header .myaccount-menu-toggle {
  font-size: 20px;
  color: var(--text-color);
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: all 0.2s ease;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}

.myaccount-mobile-header .myaccount-menu-toggle:hover {
  background-color: rgba(247, 147, 30, 0.1);
  color: #f7931e;
}

.myaccount-mobile-header .myaccount-menu-toggle:active {
  transform: scale(0.95);
}

.myaccount-sidebar {
  background-color: transparent !important;
  border-right: none !important;
  padding: 32px 24px;
  display: flex;
  align-items: stretch;
  justify-content: center;
  overflow-y: auto;
}

.myaccount-sidebar::-webkit-scrollbar {
  width: 6px;
}

.myaccount-sidebar::-webkit-scrollbar-track {
  background: transparent;
}

.myaccount-sidebar::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 3px;
}

.myaccount-sidebar::-webkit-scrollbar-thumb:hover {
  background: rgba(247, 147, 30, 0.3);
}

.myaccount-sidebar-inner {
  background: transparent;
  padding: 20px;
  width: 100%;
  max-width: 280px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (max-width: 767px) {
  .myaccount-sidebar-inner {
    max-width: none;
    padding: 24px 20px;
  }
}

.myaccount-sidebar-footer {
  padding: 14px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
}

.myaccount-sidebar-footer .myaccount-sidebar-footer-title {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--text-secondary-color);
  margin: 0;
  text-transform: uppercase;
  text-align: center;
}

.myaccount-sidebar-footer .myaccount-sidebar-footer-text {
  font-size: 10px;
  line-height: 1.4;
  color: var(--text-secondary-color);
  margin: 0;
  opacity: 0.7;
  text-align: center;
}

.myaccount-sidebar-support {
  height: 36px;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 600;
  font-size: 11px;
  border-radius: 8px !important;
  background: var(--primary-color) !important;
  border: none !important;
  transition: all 0.28s ease !important;
}

.myaccount-sidebar-support:hover {
  background: var(--primary-color) !important;
  opacity: 0.9;
  transform: translateY(-1px);
}

.myaccount-sidebar-header {
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
}

.myaccount-sidebar-header h2 {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  color: var(--text-color);
  letter-spacing: -0.02em;
  line-height: 1.2;
}

.myaccount-sidebar-header p {
  margin: 0;
  font-size: 12px;
  color: var(--text-secondary-color);
  line-height: 1.4;
  opacity: 0.8;
}

.myaccount-sidebar-header .myaccount-sidebar-back-button {
  margin-bottom: 16px;
}

.myaccount-sidebar-header .myaccount-sidebar-back-button .back-button-minimal {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.myaccount-sidebar-header .myaccount-sidebar-back-button .back-button-minimal:hover {
  background: transparent !important;
  transform: translateX(-2px) !important;
}

.myaccount-sidebar-header .myaccount-sidebar-back-button .back-button-minimal .custom-arrow-icon {
  color: var(--text-color) !important;
  width: 28px !important;
  height: 19px !important;
  margin-right: 8px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  opacity: 0.8;
}

.myaccount-sidebar-header .myaccount-sidebar-back-button .back-button-minimal .back-text {
  color: var(--text-color) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  margin-right: 12px !important;
  transition: color 0.2s ease !important;
  opacity: 0.9;
}

.myaccount-sidebar-header .myaccount-sidebar-back-button .back-button-minimal:hover .custom-arrow-icon {
  opacity: 1;
  color: var(--primary-color) !important;
}

.myaccount-sidebar-header .myaccount-sidebar-back-button .back-button-minimal:hover .back-text {
  color: var(--primary-color) !important;
  opacity: 1;
}

.myaccount-sidebar-menu-wrapper {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.myaccount-sidebar-menu {
  background-color: transparent !important;
  border: none !important;
  padding: 8px 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.myaccount-sidebar-menu .ant-menu-item {
  border-radius: 14px;
  margin: 0 !important;
  height: 52px;
  line-height: 52px;
  padding: 0 20px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.32s cubic-bezier(0.4, 0, 0.2, 1);
  color: var(--text-secondary-color);
  font-size: 13px;
  font-weight: 500;
  border: none;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  position: relative;
  cursor: pointer;
}

.myaccount-sidebar-menu .ant-menu-item .myaccount-menu-label {
  flex: 1;
  text-align: left;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-weight: 500;
}

.myaccount-sidebar-menu .ant-menu-item .anticon, .myaccount-sidebar-menu .ant-menu-item svg {
  font-size: 18px;
  color: var(--text-secondary-color);
  transition: all 0.28s ease;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

.myaccount-sidebar-menu .ant-menu-item:hover {
  color: var(--text-color) !important;
  transform: translateX(4px);
}

.myaccount-sidebar-menu .ant-menu-item:hover .anticon, .myaccount-sidebar-menu .ant-menu-item:hover svg {
  color: var(--primary-color) !important;
}

.myaccount-sidebar-menu .ant-menu-item.ant-menu-item-selected {
  color: var(--primary-color) !important;
  font-weight: 600;
  transform: translateX(4px);
}

.myaccount-sidebar-menu .ant-menu-item.ant-menu-item-selected .anticon, .myaccount-sidebar-menu .ant-menu-item.ant-menu-item-selected svg {
  color: var(--primary-color) !important;
}

.myaccount-sidebar-menu .ant-menu-item.ant-menu-item-selected::after {
  display: none;
}

.myaccount-drawer {
  z-index: 1050 !important;
  position: fixed !important;
}

.myaccount-drawer .ant-drawer-mask {
  background-color: rgba(0, 0, 0, 0.45) !important;
  z-index: 1049 !important;
}

.myaccount-drawer .ant-drawer-content-wrapper {
  z-index: 1050 !important;
}

.myaccount-drawer .ant-drawer-content {
  background-color: var(--surface-color) !important;
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15) !important;
  z-index: 1050 !important;
}

.myaccount-drawer .ant-drawer-header {
  background-color: var(--surface-color);
  border-bottom: 1px solid var(--border-color);
  padding: 16px 24px;
}

.myaccount-drawer .ant-drawer-body {
  background-color: var(--surface-color);
  padding: 0;
  height: 100%;
  overflow: hidden;
}

.myaccount-drawer .ant-drawer-close {
  color: var(--text-color);
  z-index: 1051 !important;
  right: 16px !important;
  top: 16px !important;
}

.myaccount-drawer .ant-drawer-close:hover {
  color: #f7931e;
}

.myaccount-drawer .myaccount-sidebar-inner {
  background-color: var(--surface-color);
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.myaccount-content {
  background-color: var(--background-color) !important;
  min-height: 100vh;
  padding: 0;
}

@media (min-width: 1023px) {
  .myaccount-content {
    padding: 32px 40px;
  }
}

.myaccount-content-inner {
  max-width: 1200px;
  margin: 0 auto;
  background-color: var(--surface-color);
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  min-height: calc(100vh - 64px);
}

@media (min-width: 1023px) {
  .myaccount-content-inner {
    padding: 40px;
    min-height: auto;
  }
}

[data-theme="dark"] .myaccount-container {
  background-color: #0a0a0a;
}

[data-theme="dark"] .myaccount-sidebar {
  background-color: transparent !important;
}

[data-theme="dark"] .myaccount-mobile-header {
  background-color: #141414;
  border-bottom-color: #2a2a2a;
}

[data-theme="dark"] .myaccount-mobile-header .myaccount-menu-toggle {
  color: #ffffff;
}

[data-theme="dark"] .myaccount-mobile-header .myaccount-menu-toggle:hover {
  background-color: rgba(247, 147, 30, 0.15);
  color: #f7931e;
}

[data-theme="dark"] .myaccount-content {
  background-color: #0a0a0a !important;
}

[data-theme="dark"] .myaccount-content-inner {
  background-color: #000000;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .myaccount-sidebar-menu .ant-menu-item:hover {
  color: #FFFFFF !important;
}

[data-theme="dark"] .myaccount-sidebar-menu .ant-menu-item.ant-menu-item-selected {
  color: var(--primary-color) !important;
}

[data-theme="dark"] .myaccount-sidebar-back-button .back-button-minimal .custom-arrow-icon {
  color: #FFFFFF !important;
  opacity: 0.8;
}

[data-theme="dark"] .myaccount-sidebar-back-button .back-button-minimal .back-text {
  color: #FFFFFF !important;
  opacity: 0.9;
}

[data-theme="dark"] .myaccount-sidebar-back-button .back-button-minimal:hover .custom-arrow-icon {
  color: var(--primary-color) !important;
  opacity: 1;
}

[data-theme="dark"] .myaccount-sidebar-back-button .back-button-minimal:hover .back-text {
  color: var(--primary-color) !important;
  opacity: 1;
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.myaccount-content-inner {
  animation: slideInRight 0.3s ease-out;
}

@media (max-width: 767px) {
  .myaccount-content-inner {
    border-radius: 0;
    box-shadow: none;
    padding: 20px 16px;
  }

  .myaccount-sidebar-back-button .back-button-minimal .custom-arrow-icon {
    width: 24px !important;
    height: 16px !important;
    margin-right: 6px !important;
  }

  .myaccount-sidebar-back-button .back-button-minimal .back-text {
    font-size: 14px !important;
    margin-right: 8px !important;
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

@charset "UTF-8";

/* 🎯 ESTILOS PARA DELETE ACCOUNT */

.delete-account-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 24px 0;
}

.delete-account-container .ant-alert-warning {
  border-radius: 12px;
  border-left: 4px solid #faad14;
  background: rgba(250, 173, 20, 0.1);
  border: 1px solid #faad14;
  /* 🌙 Dark Mode */
}

.delete-account-container .ant-alert-warning .ant-alert-icon {
  font-size: 20px;
  color: #faad14;
}

.delete-account-container .ant-alert-warning .ant-alert-message {
  font-weight: 600;
  color: #d48806;
}

.delete-account-container .ant-alert-warning .ant-alert-description {
  color: #8c8c8c;
}

[data-theme="dark"] .delete-account-container .ant-alert-warning {
  background: rgba(250, 173, 20, 0.1);
  border-color: #faad14;
}

[data-theme="dark"] .delete-account-container .ant-alert-warning .ant-alert-message {
  color: #ffc53d !important;
}

[data-theme="dark"] .delete-account-container .ant-alert-warning .ant-alert-description {
  color: #bfbfbf !important;
}

.delete-account-container .delete-account-content {
  text-align: center;
  padding: 32px;
  background: transparent;
  border-radius: 16px;
  border: 2px solid var(--border-color, #E5E5E5);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  transition: all 0.3s ease;
  /* 🌙 Dark Mode */
  /* ☀️ Light Mode */
  /* 🌙 Dark Mode específico para textos */
}

[data-theme="dark"] .delete-account-container .delete-account-content {
  background: transparent;
  border-color: #333333;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

[data-theme="light"] .delete-account-container .delete-account-content {
  background: transparent;
  border-color: #E5E5E5;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.delete-account-container .delete-account-content h4 {
  color: var(--text-color) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  margin-bottom: 12px !important;
}

.delete-account-container .delete-account-content .ant-typography-secondary {
  font-size: 14px;
  line-height: 1.6;
}

[data-theme="dark"] .delete-account-container .delete-account-content h4 {
  color: #FFFFFF !important;
}

[data-theme="dark"] .delete-account-container .delete-account-content .ant-typography-secondary {
  color: #BFBFBF !important;
}

/* 🎯 MODAL DELETE ACCOUNT */

.ant-modal.modal-delete-account {
  /* 🔧 Fix para X del modal - ocultar la default */
  /* 🌙 Dark Mode para modal */
}

.ant-modal.modal-delete-account .ant-modal-content {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.ant-modal.modal-delete-account .ant-modal-content .ant-modal-body {
  padding: 32px;
}

.ant-modal.modal-delete-account .ant-modal-content .modal-custom-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border-color, #E5E5E5);
  /* 🌙 Dark Mode */
}

.ant-modal.modal-delete-account .ant-modal-content .modal-custom-header h3 {
  margin: 0;
  font-size: 20px;
  font-weight: 600;
  color: var(--text-color, #1A1A1A);
}

.ant-modal.modal-delete-account .ant-modal-content .modal-custom-header .modal-close-button {
  background: transparent;
  border: none;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  color: var(--text-secondary-color, #6B7280);
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  transition: all 0.2s ease;
}

.ant-modal.modal-delete-account .ant-modal-content .modal-custom-header .modal-close-button:hover {
  background: rgba(0, 0, 0, 0.06);
  color: var(--text-color);
}

[data-theme="dark"] .ant-modal.modal-delete-account .ant-modal-content .modal-custom-header {
  border-color: #333333;
}

[data-theme="dark"] .ant-modal.modal-delete-account .ant-modal-content .modal-custom-header h3 {
  color: #FFFFFF;
}

[data-theme="dark"] .ant-modal.modal-delete-account .ant-modal-content .modal-custom-header .modal-close-button {
  color: #9CA3AF !important;
}

[data-theme="dark"] .ant-modal.modal-delete-account .ant-modal-content .modal-custom-header .modal-close-button:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #FFFFFF !important;
}

.ant-modal.modal-delete-account .ant-modal-content .ant-alert-warning {
  border-radius: 12px;
  border-left: 4px solid #faad14;
  background: rgba(250, 173, 20, 0.1);
  border: 1px solid #faad14;
  /* 🌙 Dark Mode */
}

.ant-modal.modal-delete-account .ant-modal-content .ant-alert-warning .ant-alert-icon {
  color: #faad14;
}

.ant-modal.modal-delete-account .ant-modal-content .ant-alert-warning .ant-alert-message {
  font-weight: 600;
  color: #d48806;
}

.ant-modal.modal-delete-account .ant-modal-content .ant-alert-warning .ant-alert-description {
  color: #8c8c8c;
}

[data-theme="dark"] .ant-modal.modal-delete-account .ant-modal-content .ant-alert-warning {
  background: rgba(250, 173, 20, 0.15);
  border-color: #faad14;
}

[data-theme="dark"] .ant-modal.modal-delete-account .ant-modal-content .ant-alert-warning .ant-alert-message {
  color: #ffc53d !important;
}

[data-theme="dark"] .ant-modal.modal-delete-account .ant-modal-content .ant-alert-warning .ant-alert-description {
  color: #bfbfbf !important;
}

.ant-modal.modal-delete-account .ant-modal-close {
  display: none !important;
}

.ant-modal.modal-delete-account .ant-modal-close .ant-alert-error {
  border-radius: 12px;
  border-left: 4px solid #ff4d4f;
  background: rgba(255, 77, 79, 0.1);
  border: 1px solid #ff4d4f;
  /* 🌙 Dark Mode */
}

.ant-modal.modal-delete-account .ant-modal-close .ant-alert-error .ant-alert-icon {
  color: #ff4d4f;
}

.ant-modal.modal-delete-account .ant-modal-close .ant-alert-error .ant-alert-message {
  font-weight: 600;
  color: #cf1322;
}

.ant-modal.modal-delete-account .ant-modal-close .ant-alert-error .ant-alert-description {
  color: #8c8c8c;
}

[data-theme="dark"] .ant-modal.modal-delete-account .ant-modal-close .ant-alert-error {
  background: rgba(255, 77, 79, 0.15);
  border-color: #ff4d4f;
}

.ant-modal.modal-delete-account .ant-modal-close .ant-alert-error .ant-alert-message {
  color: #ff7875 !important;
}

.ant-modal.modal-delete-account .ant-modal-close .ant-alert-error .ant-alert-description {
  color: #bfbfbf !important;
}

.ant-modal.modal-delete-account .ant-modal-close .delete-account-form .form-actions {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-top: 32px !important;
  flex-wrap: nowrap !important;
}

.ant-modal.modal-delete-account .ant-modal-close .delete-account-form .form-actions .ant-btn {
  flex: 1 !important;
  min-width: 0 !important;
  max-width: 50% !important;
  height: 48px !important;
  border-radius: 12px !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  transition: all 0.3s ease !important;
}

.ant-modal.modal-delete-account .ant-modal-close .delete-account-form .form-actions .ant-btn:not(.ant-btn-danger) {
  background: transparent !important;
  border: 2px solid var(--border-color, #E5E5E5) !important;
  color: var(--text-color, #1A1A1A) !important;
}

.ant-modal.modal-delete-account .ant-modal-close .delete-account-form .form-actions .ant-btn:not(.ant-btn-danger):hover {
  border-color: #999999 !important;
  background: rgba(0, 0, 0, 0.04) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

.ant-modal.modal-delete-account .ant-modal-close .delete-account-form .form-actions .ant-btn.ant-btn-danger {
  background: #ff4d4f !important;
  border: 2px solid #ff4d4f !important;
  color: #FFFFFF !important;
}

.ant-modal.modal-delete-account .ant-modal-close .delete-account-form .form-actions .ant-btn.ant-btn-danger:hover {
  background: #ff7875 !important;
  border-color: #ff7875 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(255, 77, 79, 0.3) !important;
}

.ant-modal.modal-delete-account .ant-modal-close .delete-account-form .ant-form-item {
  margin-bottom: 24px;
}

.ant-modal.modal-delete-account .ant-modal-close .delete-account-form .ant-form-item label {
  font-weight: 500;
  color: var(--text-color, #1A1A1A);
  font-size: 14px;
}

.ant-modal.modal-delete-account .ant-modal-close .delete-account-form .ant-form-item .ant-select {
  height: 48px;
  border-radius: 12px;
  font-size: 15px;
}

.ant-modal.modal-delete-account .ant-modal-close .delete-account-form .ant-form-item .ant-select .ant-select-selector {
  height: 48px !important;
  border-radius: 12px !important;
  padding: 0 16px !important;
  display: flex !important;
  align-items: center !important;
  border: 2px solid var(--border-color, #E5E5E5) !important;
  transition: all 0.3s ease !important;
}

.ant-modal.modal-delete-account .ant-modal-close .delete-account-form .ant-form-item .ant-select .ant-select-selector:hover {
  border-color: #ff4d4f !important;
}

.ant-modal.modal-delete-account .ant-modal-close .delete-account-form .ant-form-item .ant-select .ant-select-selection-item {
  line-height: 48px !important;
}

.ant-modal.modal-delete-account .ant-modal-close .delete-account-form .ant-form-item .ant-select.ant-select-focused .ant-select-selector {
  border-color: #ff4d4f !important;
  box-shadow: 0 0 0 3px rgba(255, 77, 79, 0.1) !important;
}

.ant-modal.modal-delete-account .ant-modal-close .delete-account-form .ant-form-item .ant-input-affix-wrapper {
  height: 48px;
  border-radius: 12px;
  font-size: 15px;
  padding: 0 16px !important;
  line-height: 48px !important;
  display: flex;
  align-items: center;
  border: 2px solid var(--border-color, #E5E5E5) !important;
  transition: all 0.3s ease !important;
}

.ant-modal.modal-delete-account .ant-modal-close .delete-account-form .ant-form-item .ant-input-affix-wrapper:hover {
  border-color: #ff4d4f !important;
}

.ant-modal.modal-delete-account .ant-modal-close .delete-account-form .ant-form-item .ant-input-affix-wrapper:focus, .ant-modal.modal-delete-account .ant-modal-close .delete-account-form .ant-form-item .ant-input-affix-wrapper.ant-input-affix-wrapper-focused {
  border-color: #ff4d4f !important;
  box-shadow: 0 0 0 3px rgba(255, 77, 79, 0.1) !important;
}

.ant-modal.modal-delete-account .ant-modal-close .delete-account-form .ant-form-item .ant-input-affix-wrapper input {
  padding: 0 !important;
  line-height: normal !important;
  height: auto !important;
}

[data-theme="dark"] .ant-modal.modal-delete-account .ant-modal-content {
  background: #1a1a1a;
  border: 1px solid #333333;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .ant-modal.modal-delete-account .delete-account-form .ant-form-item label {
  color: #FFFFFF;
}

[data-theme="dark"] .ant-modal.modal-delete-account .delete-account-form .ant-form-item .ant-select .ant-select-selector {
  background: transparent !important;
  border-color: #4B5563 !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .ant-modal.modal-delete-account .delete-account-form .ant-form-item .ant-select .ant-select-selector:hover {
  border-color: #ff4d4f !important;
}

[data-theme="dark"] .ant-modal.modal-delete-account .delete-account-form .ant-form-item .ant-select .ant-select-selection-item {
  color: #FFFFFF !important;
}

[data-theme="dark"] .ant-modal.modal-delete-account .delete-account-form .ant-form-item .ant-select.ant-select-focused .ant-select-selector {
  border-color: #ff4d4f !important;
  box-shadow: 0 0 0 3px rgba(255, 77, 79, 0.2) !important;
}

[data-theme="dark"] .ant-modal.modal-delete-account .delete-account-form .ant-form-item .ant-input-affix-wrapper {
  background: transparent !important;
  border-color: #4B5563 !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .ant-modal.modal-delete-account .delete-account-form .ant-form-item .ant-input-affix-wrapper input {
  background: transparent !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .ant-modal.modal-delete-account .delete-account-form .ant-form-item .ant-input-affix-wrapper:hover {
  border-color: #ff4d4f !important;
}

[data-theme="dark"] .ant-modal.modal-delete-account .delete-account-form .ant-form-item .ant-input-affix-wrapper:focus, [data-theme="dark"] .ant-modal.modal-delete-account .delete-account-form .ant-form-item .ant-input-affix-wrapper.ant-input-affix-wrapper-focused {
  border-color: #ff4d4f !important;
  box-shadow: 0 0 0 3px rgba(255, 77, 79, 0.2) !important;
}

[data-theme="dark"] .ant-modal.modal-delete-account .delete-account-form .form-actions .ant-btn:not(.ant-btn-dangerous) {
  border-color: #4B5563;
  color: #FFFFFF;
}

[data-theme="dark"] .ant-modal.modal-delete-account .delete-account-form .form-actions .ant-btn:not(.ant-btn-dangerous):hover {
  border-color: #6B7280;
  background: rgba(255, 255, 255, 0.05);
}

/* purgecss end ignore */

/* purgecss start ignore */

.payment-methods-container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 32px;
}

@media (max-width: 767px) {
  .payment-methods-container {
    padding: 0 20px;
  }
}

.payment-methods-container .payment-methods-header {
  margin-bottom: 64px;
}

.payment-methods-container .payment-methods-header .payment-methods-title {
  font-size: 32px !important;
  font-weight: 700 !important;
  letter-spacing: -0.025em !important;
  color: var(--text-color) !important;
  line-height: 1.1 !important;
  margin: 0 0 12px 0 !important;
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;
}

.payment-methods-container .payment-methods-header .payment-methods-subtitle {
  font-size: 18px !important;
  font-weight: 400 !important;
  color: var(--text-color-secondary, rgba(0, 0, 0, 0.6)) !important;
  line-height: 1.4 !important;
  margin-bottom: 40px !important;
  letter-spacing: -0.01em !important;
}

.payment-methods-container .payment-methods-header .payment-methods-actions {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .payment-methods-container .payment-methods-header .payment-methods-actions {
    gap: 12px;
  }
}

.payment-methods-container .payment-methods-header .payment-methods-actions .ant-btn {
  height: 52px !important;
  border-radius: 16px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  padding: 0 32px !important;
  letter-spacing: -0.01em !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border: none !important;
  position: relative !important;
  overflow: hidden !important;
}

.payment-methods-container .payment-methods-header .payment-methods-actions .ant-btn::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}

.payment-methods-container .payment-methods-header .payment-methods-actions .ant-btn.ant-btn-primary {
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 32px rgba(247, 147, 30, 0.3) !important;
}

.payment-methods-container .payment-methods-header .payment-methods-actions .ant-btn.ant-btn-primary:hover {
  background: linear-gradient(135deg, #f7931e 0%, #ff6b35 100%) !important;
  transform: translateY(-2px) scale(1.02) !important;
  box-shadow: 0 12px 40px rgba(247, 147, 30, 0.4) !important;
}

.payment-methods-container .payment-methods-header .payment-methods-actions .ant-btn.ant-btn-primary:hover::before {
  opacity: 1 !important;
}

.payment-methods-container .payment-methods-header .payment-methods-actions .ant-btn.ant-btn-default {
  background: rgba(142, 142, 147, 0.12) !important;
  color: var(--text-color, #1A1A1A) !important;
  backdrop-filter: blur(20px) !important;
}

.payment-methods-container .payment-methods-header .payment-methods-actions .ant-btn.ant-btn-default:hover {
  background: rgba(142, 142, 147, 0.24) !important;
  color: var(--text-color, #1A1A1A) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
}

.payment-methods-container .payment-methods-grid .ant-alert {
  border-radius: 16px !important;
  border: 1px solid rgba(0, 122, 255, 0.2) !important;
  background: linear-gradient(135deg, rgba(0, 122, 255, 0.08) 0%, rgba(88, 86, 214, 0.04) 100%) !important;
  backdrop-filter: blur(20px) !important;
  color: var(--text-color, #1A1A1A) !important;
  margin-bottom: 48px !important;
  padding: 20px 24px !important;
  box-shadow: 0 4px 16px rgba(0, 122, 255, 0.1) !important;
}

.payment-methods-container .payment-methods-grid .ant-alert .ant-alert-message {
  font-weight: 500 !important;
  font-size: 16px !important;
  letter-spacing: -0.01em !important;
}

.payment-methods-container .payment-methods-grid .ant-alert .ant-alert-icon {
  color: #F57423 !important;
  font-size: 20px !important;
}

.payment-methods-container .payment-methods-grid .payment-methods-col {
  display: flex !important;
  align-items: stretch !important;
  margin-bottom: 32px !important;
}

.payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card {
  position: relative !important;
  width: 100% !important;
  border-radius: 20px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  background: var(--background-color, #FFFFFF) !important;
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  overflow: hidden !important;
  cursor: default !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06), 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card .card-delete-icon {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  z-index: 10 !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: rgba(0, 0, 0, 0.04) !important;
  border: none !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  opacity: 0.6 !important;
}

.payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card .card-delete-icon svg {
  width: 16px !important;
  height: 16px !important;
  stroke: #6B7280 !important;
  stroke-width: 2 !important;
  transition: all 0.3s ease !important;
}

.payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card .card-delete-icon:hover {
  background: rgba(255, 59, 48, 0.1) !important;
  opacity: 1 !important;
  transform: scale(1.05) !important;
}

.payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card .card-delete-icon:hover svg {
  stroke: #FF3B30 !important;
  transform: scale(1.1) !important;
}

.payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 100%) !important;
  opacity: 0.7 !important;
  pointer-events: none !important;
}

.payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card:hover {
  transform: translateY(-8px) scale(1.02) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), 0 8px 24px rgba(0, 122, 255, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(0, 122, 255, 0.3) !important;
}

.payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card:hover .card-delete-icon {
  opacity: 0.8 !important;
}

.payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card .ant-card-body {
  padding: 32px !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  gap: 24px !important;
  position: relative !important;
  z-index: 2 !important;
}

.payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card .card-header {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  margin-bottom: 8px !important;
}

.payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card .card-header .card-icon {
  height: 36px !important;
  width: auto !important;
  filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.15)) !important;
  opacity: 0.9 !important;
  transition: all 0.3s ease !important;
}

.payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card .card-header .card-icon:hover {
  opacity: 1 !important;
  transform: scale(1.05) !important;
}

.payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card .card-number {
  font-family: 'SF Mono', 'SFMono-Regular', 'Monaco', 'Inconsolata', monospace !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  color: var(--text-color, #1A1A1A) !important;
  letter-spacing: 2px !important;
  line-height: 1.3 !important;
  margin: 16px 0 20px 0 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

.payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card .card-type {
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.025em !important;
  text-transform: uppercase !important;
  color: var(--text-color-secondary, rgba(0, 0, 0, 0.6)) !important;
  opacity: 0.8 !important;
}

[data-theme="dark"] .payment-methods-container .payment-methods-title {
  color: #FFFFFF !important;
}

[data-theme="dark"] .payment-methods-container .payment-methods-subtitle {
  color: rgba(255, 255, 255, 0.7) !important;
}

[data-theme="dark"] .payment-methods-container .payment-methods-actions .ant-btn.ant-btn-primary {
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%) !important;
  box-shadow: 0 8px 32px rgba(247, 147, 30, 0.4) !important;
}

[data-theme="dark"] .payment-methods-container .payment-methods-actions .ant-btn.ant-btn-primary:hover {
  box-shadow: 0 12px 40px rgba(247, 147, 30, 0.5) !important;
}

[data-theme="dark"] .payment-methods-container .payment-methods-actions .ant-btn.ant-btn-default {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .payment-methods-container .payment-methods-actions .ant-btn.ant-btn-default:hover {
  background: rgba(255, 255, 255, 0.24) !important;
}

[data-theme="dark"] .payment-methods-container .payment-methods-grid .ant-alert {
  background: linear-gradient(135deg, rgba(0, 122, 255, 0.15) 0%, rgba(88, 86, 214, 0.08) 100%) !important;
  border-color: rgba(0, 122, 255, 0.3) !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 16px rgba(0, 122, 255, 0.2) !important;
}

[data-theme="dark"] .payment-methods-container .payment-methods-grid .ant-alert .ant-alert-icon {
  color: #40a9ff !important;
}

[data-theme="dark"] .payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%) !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card::before {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
  opacity: 0.4 !important;
}

[data-theme="dark"] .payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card:hover {
  border-color: rgba(0, 122, 255, 0.4) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 8px 24px rgba(0, 122, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card .card-delete-icon {
  background: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card .card-delete-icon svg {
  stroke: #9CA3AF !important;
}

[data-theme="dark"] .payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card .card-delete-icon:hover {
  background: rgba(255, 59, 48, 0.15) !important;
}

[data-theme="dark"] .payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card .card-number {
  color: #FFFFFF !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8) !important;
}

[data-theme="dark"] .payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card .card-type {
  color: rgba(255, 255, 255, 0.7) !important;
}

[data-theme="light"] .payment-methods-container .payment-methods-title {
  color: #1A1A1A !important;
}

[data-theme="light"] .payment-methods-container .payment-methods-subtitle {
  color: rgba(0, 0, 0, 0.6) !important;
}

[data-theme="light"] .payment-methods-container .payment-methods-actions .ant-btn.ant-btn-default {
  background: rgba(142, 142, 147, 0.12) !important;
  color: #1A1A1A !important;
}

[data-theme="light"] .payment-methods-container .payment-methods-actions .ant-btn.ant-btn-default:hover {
  background: rgba(142, 142, 147, 0.24) !important;
}

[data-theme="light"] .payment-methods-container .payment-methods-grid .ant-alert {
  background: linear-gradient(135deg, rgba(0, 122, 255, 0.08) 0%, rgba(88, 86, 214, 0.04) 100%) !important;
  border-color: rgba(0, 122, 255, 0.2) !important;
  color: #1A1A1A !important;
}

[data-theme="light"] .payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card {
  border-color: rgba(0, 0, 0, 0.08) !important;
  background: #FFFFFF !important;
}

[data-theme="light"] .payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card::before {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 100%) !important;
}

[data-theme="light"] .payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card:hover {
  border-color: rgba(0, 122, 255, 0.3) !important;
}

[data-theme="light"] .payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card .card-number {
  color: #1A1A1A !important;
}

[data-theme="light"] .payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card .card-type {
  color: rgba(0, 0, 0, 0.6) !important;
}

@media (max-width: 767px) {
  .payment-methods-container {
    padding: 0 20px;
  }

  .payment-methods-container .payment-methods-header {
    margin-bottom: 48px;
  }

  .payment-methods-container .payment-methods-header .payment-methods-title {
    font-size: 28px !important;
  }

  .payment-methods-container .payment-methods-header .payment-methods-subtitle {
    font-size: 16px !important;
  }

  .payment-methods-container .payment-methods-grid .payment-methods-col {
    margin-bottom: 24px;
  }

  .payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card .ant-card-body {
    padding: 24px !important;
  }

  .payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card .card-number {
    font-size: 18px !important;
  }

  .payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card .card-delete-icon {
    width: 36px !important;
    height: 36px !important;
    top: 12px !important;
    right: 12px !important;
  }

  .payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card .card-delete-icon svg {
    width: 18px !important;
    height: 18px !important;
  }

  .payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card .card-type {
    font-size: 15px !important;
    margin-top: 16px !important;
  }
}

@media (min-width: 1023px) {
  .payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card {
    transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  }

  .payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card:hover {
    transform: translateY(-12px) scale(1.03) !important;
  }
}

@media (min-width: 1360px) {
  .payment-methods-container .payment-methods-header .payment-methods-title {
    font-size: 36px !important;
    letter-spacing: -0.04em !important;
  }

  .payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card {
    min-height: 240px !important;
  }

  .payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card .ant-card-body {
    padding: 36px !important;
  }

  .payment-methods-container .payment-methods-grid .payment-methods-col .payment-methods-card .card-number {
    font-size: 24px !important;
    margin: 20px 0 !important;
  }
}

.payment-delete-modal {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 999999 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}

.payment-delete-modal .ant-modal-wrap {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  align-items: flex-start !important;
  justify-content: center !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  overflow: auto !important;
  padding-top: 120px !important;
}

.payment-delete-modal .ant-modal {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  top: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

.payment-delete-modal .ant-modal-content {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: var(--background-color) !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
  backdrop-filter: blur(20px) !important;
  overflow: hidden !important;
}

.payment-delete-modal .ant-modal-content::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%) !important;
  border-radius: 20px !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.payment-delete-modal .ant-modal-body {
  padding: 32px !important;
  position: relative !important;
  z-index: 1 !important;
}

.payment-delete-modal .ant-modal-close {
  top: 16px !important;
  right: 16px !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: rgba(0, 0, 0, 0.04) !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.payment-delete-modal .ant-modal-close:hover {
  background: rgba(0, 0, 0, 0.08) !important;
  transform: scale(1.05) !important;
}

.payment-delete-modal .ant-modal-close .ant-modal-close-x {
  width: 16px !important;
  height: 16px !important;
  line-height: 1 !important;
}

.payment-delete-modal .ant-modal-close .ant-modal-close-x svg {
  width: 16px !important;
  height: 16px !important;
  stroke: var(--text-color) !important;
  stroke-width: 2 !important;
}

.delete-modal-content {
  text-align: center !important;
}

.delete-modal-icon {
  margin-bottom: 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  background: rgba(255, 59, 48, 0.1) !important;
  border: 2px solid rgba(255, 59, 48, 0.2) !important;
}

.delete-modal-icon svg {
  width: 32px !important;
  height: 32px !important;
  stroke: #FF3B30 !important;
  stroke-width: 2 !important;
}

.delete-modal-title {
  font-size: 20px !important;
  font-weight: 600 !important;
  color: var(--text-color) !important;
  margin-bottom: 16px !important;
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;
}

.delete-modal-description {
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: var(--text-muted) !important;
  margin-bottom: 32px !important;
}

.delete-modal-description strong {
  color: var(--text-color) !important;
  font-weight: 500 !important;
}

.delete-modal-actions {
  display: flex !important;
  gap: 12px !important;
  justify-content: center !important;
}

.delete-modal-actions .ant-btn {
  flex: 1 !important;
  height: 44px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif !important;
}

.delete-modal-cancel-btn {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  color: var(--text-color) !important;
}

.delete-modal-cancel-btn:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.delete-modal-confirm-btn {
  background: linear-gradient(135deg, #FF3B30 0%, #FF6B6B 100%) !important;
  border: none !important;
  color: white !important;
  box-shadow: 0 4px 12px rgba(255, 59, 48, 0.3) !important;
}

.delete-modal-confirm-btn:hover {
  background: linear-gradient(135deg, #FF2A1F 0%, #FF5A5A 100%) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(255, 59, 48, 0.4) !important;
}

.delete-modal-confirm-btn:focus {
  background: linear-gradient(135deg, #FF2A1F 0%, #FF5A5A 100%) !important;
}

[data-theme="dark"] .payment-delete-modal .ant-modal-content {
  background: #1a1a1a !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .payment-delete-modal .ant-modal-content::before {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.01) 100%) !important;
}

[data-theme="dark"] .payment-delete-modal .ant-modal-close {
  background: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .payment-delete-modal .ant-modal-close:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .payment-delete-modal .delete-modal-cancel-btn {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .payment-delete-modal .delete-modal-cancel-btn:hover {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
}

@media (max-width: 767px) {
  .payment-delete-modal .ant-modal-content {
    margin: 16px !important;
    width: calc(100vw - 32px) !important;
  }

  .payment-delete-modal .ant-modal-body {
    padding: 24px !important;
  }

  .payment-delete-modal .delete-modal-icon {
    width: 56px !important;
    height: 56px !important;
    margin-bottom: 20px !important;
  }

  .payment-delete-modal .delete-modal-icon svg {
    width: 28px !important;
    height: 28px !important;
  }

  .payment-delete-modal .delete-modal-title {
    font-size: 18px !important;
    margin-bottom: 12px !important;
  }

  .payment-delete-modal .delete-modal-description {
    font-size: 13px !important;
    margin-bottom: 24px !important;
  }

  .payment-delete-modal .delete-modal-actions {
    flex-direction: column !important;
    gap: 8px !important;
  }

  .payment-delete-modal .delete-modal-actions .ant-btn {
    width: 100% !important;
  }
}

.empty-state-minimal {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 32px 24px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 16px;
  margin: 20px 0;
  flex-wrap: wrap;
}

[data-theme="dark"] .empty-state-minimal {
  background: rgba(255, 255, 255, 0.01);
  border-color: rgba(255, 255, 255, 0.04);
}

.empty-state-minimal .empty-state-icon {
  width: 48px;
  height: 48px;
  background: rgba(245, 116, 35, 0.1);
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.empty-state-minimal .empty-state-icon svg {
  width: 20px;
  height: 20px;
  color: #F57423;
}

.empty-state-minimal .empty-state-text {
  flex: 1;
  min-width: 200px;
}

.empty-state-minimal .empty-state-text .empty-state-title {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-color);
  margin: 0 0 4px;
  letter-spacing: -0.2px;
}

.empty-state-minimal .empty-state-text .empty-state-subtitle {
  font-size: 13px;
  color: var(--text-color-secondary, rgba(0, 0, 0, 0.6));
  margin: 0;
  line-height: 1.4;
}

[data-theme="dark"] .empty-state-minimal .empty-state-text .empty-state-subtitle {
  color: rgba(255, 255, 255, 0.8);
}

.empty-state-minimal .empty-state-btn {
  flex-shrink: 0;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.empty-state-minimal .empty-state-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(247, 147, 30, 0.4) !important;
}

.security-info-compact {
  margin-top: 16px;
  text-align: center;
}

.security-info-compact .security-badge-compact {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: rgba(34, 197, 94, 0.08);
  border: 1px solid rgba(34, 197, 94, 0.15);
  border-radius: 20px;
  font-size: 12px;
  color: #22c55e;
  font-weight: 500;
}

.security-info-compact .security-badge-compact .security-icon {
  font-size: 12px;
}

.security-info-compact .security-badge-compact .security-text {
  color: var(--text-color-secondary, rgba(0, 0, 0, 0.7));
}

[data-theme="dark"] .security-info-compact .security-badge-compact .security-text {
  color: rgba(255, 255, 255, 0.8);
}

.add-more-minimal {
  text-align: center;
  margin-top: 24px;
}

.add-more-minimal .add-more-btn-minimal {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.add-more-minimal .add-more-btn-minimal:hover {
  border-color: rgba(245, 116, 35, 0.6) !important;
  background: rgba(245, 116, 35, 0.05) !important;
  color: #F57423 !important;
  transform: translateY(-1px);
}

/* purgecss end ignore */

/* purgecss start ignore */

.search-product-content {
  padding-top: 1.25rem;
  width: 100%;
}

@media (min-width: 767px) {
  .search-product-content {
    width: 100%;
  }

  .search-product-content .ant-input-lg {
    border-radius: 5px 0 0 5px;
  }
}

.search-product-content h3 {
  font-weight: bold;
}

.search-product-content-rating {
  background-color: #F9F1EE;
  padding-top: 1.25rem;
  width: 100%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-right: 2rem;
  padding-left: 2rem;
  border-radius: 8px;
  margin-top: 1.25rem;
}

@media (min-width: 767px) {
  .search-product-content-rating {
    width: 100%;
  }

  .search-product-content-rating .ant-input-lg {
    border-radius: 5px 0 0 5px;
  }
}

.search-product-content-rating h3 {
  font-weight: bold;
}

.rating-content {
  background-color: #F9F1EE;
  color: #1C1C1C;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-right: 2rem;
  padding-left: 2rem;
  border-radius: 8px;
  margin-top: 1.25rem;
}

@media (min-width: 767px) {
  .rating-content {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

.rating-content .icon {
  width: 20px;
}

.rating-content .text {
  font-weight: bold;
  font-size: 1rem;
}

@media (min-width: 767px) {
  .rating-content .text {
    font-size: 1.17rem;
  }
}

.rating-content .hide-mobile {
  display: none;
}

@media (min-width: 767px) {
  .rating-content .hide-mobile {
    display: inline;
  }
}

.flow-rating > * + * {
  margin-top: 20px;
}

.card-empy-product {
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
}

.product-required-modal {
  background-color: #fff7e6;
  padding: 4px;
  border-radius: 4px;
  color: #696969;
}

.product-option-desc {
  font-size: 13px;
  color: #969696;
  padding-top: 9px;
  margin-left: 0;
}

.product-option-desc-new {
  font-size: 12px;
  color: #969696;
  margin-top: 0px;
}

.list-products-selection {
  margin: 20px -15px 0 -15px;
}

.list-products-selection .ant-anchor-wrapper {
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.list-products-selection .ant-anchor-wrapper::-webkit-scrollbar {
  display: none;
}

.list-products-selection .ant-anchor {
  display: flex;
}

.list-products-selection .ant-anchor-link {
  display: inline-block;
  font-weight: 600;
  padding: .85rem 1rem;
  position: relative;
}

.list-products-selection .ant-anchor-ink {
  display: none;
}

.branch-office-products {
  padding-top: 3rem;
  margin-top: -2rem;
}

.ant-anchor-link .ant-anchor-link-title {
  position: unset;
}

.ant-anchor-link .ant-anchor-link-title::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.products-group-title {
  font-weight: 600;
  padding-top: 0;
}

.restaurant-wrap {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 15px 20px 15px;
}

.restaurant-wrap .ant-carousel .slick-prev,
  .restaurant-wrap .ant-carousel .slick-next,
  .restaurant-wrap .ant-carousel .slick-prev:hover,
  .restaurant-wrap .ant-carousel .slick-next:hover {
  background-color: #F57423;
  font-size: 1.25rem;
  color: #fff;
  z-index: 2;
  width: 2rem;
  height: 2rem;
  padding: 6px;
  border-radius: 50%;
  top: 46%;
}

.restaurant-wrap .slick-disabled {
  display: none !important;
}

.restaurant-wrap .slick-slide {
  padding: 8px;
}

.restaurant-wrap .ant-carousel .slick-prev {
  left: 0;
}

@media (min-width: 1023px) {
  .restaurant-wrap .ant-carousel .slick-prev {
    left: -.5rem;
  }
}

.restaurant-wrap .ant-carousel .slick-next {
  right: 0;
}

@media (min-width: 1023px) {
  .restaurant-wrap .ant-carousel .slick-next {
    right: -.5rem;
  }
}

.restaurant-wrap .header-restaurant {
  border-radius: 1rem;
  padding: 2rem .5rem .5rem .5rem;
  margin-top: 20px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-size: cover;
  margin-bottom: 5rem;
}

@media (min-width: 767px) {
  .restaurant-wrap .header-restaurant {
    height: 22rem;
    padding: 1rem;
    margin-bottom: 0;
  }
}

.restaurant-wrap .header-restaurant .content {
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(4px);
  border-radius: 1rem;
  padding: .85rem;
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: .5rem;
  width: 100%;
  bottom: -6rem;
}

@media (min-width: 767px) {
  .restaurant-wrap .header-restaurant .content {
    grid-template-columns: 100px 1fr 1.5fr;
    padding: 1rem;
    gap: 1rem;
    bottom: 0rem;
  }
}

.restaurant-wrap .header-restaurant .content h1 {
  margin-bottom: .5rem;
  line-height: 1;
  font-size: 1.25rem;
  font-weight: 600;
}

@media (min-width: 767px) {
  .restaurant-wrap .header-restaurant .content h1 {
    font-size: 1.4rem;
  }
}

.restaurant-wrap .header-restaurant .content .store-status {
  position: relative;
  bottom: inherit;
  right: inherit;
  justify-content: flex-start;
}

.restaurant-wrap .header-restaurant .content .store-status .is-scheduled {
  background-color: transparent;
}

.restaurant-wrap .header-restaurant .description {
  font-size: .85rem;
  font-weight: 500;
  line-height: 1.2;
  margin-top: .5rem;
  margin-bottom: .25rem;
}

.restaurant-wrap .header-restaurant .logo {
  width: 72px;
  height: 72px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: .25rem;
}

@media (min-width: 767px) {
  .restaurant-wrap .header-restaurant .logo {
    width: 100px;
    height: 100px;
  }
}

.restaurant-wrap .header-restaurant .info {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column: span 2;
}

@media (min-width: 767px) {
  .restaurant-wrap .header-restaurant .info {
    grid-template-columns: 1fr 1fr 1fr;
    grid-column: auto;
  }
}

.restaurant-wrap .header-restaurant .info p {
  margin-bottom: 0;
  border-radius: .5rem;
}

.restaurant-wrap .header-restaurant .info > div:nth-child(4) {
  grid-column: span 2;
}

.restaurant-wrap .header-restaurant .not-info {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  grid-column: span 2;
}

@media (min-width: 767px) {
  .restaurant-wrap .header-restaurant .not-info {
    grid-column: auto;
  }
}

.restaurant-wrap .header-restaurant .not-available {
  grid-column: span 3;
  background-color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: .25rem .75rem;
  border-radius: .25rem;
  display: inline-block;
}

@media (min-width: 767px) {
  .restaurant-wrap .header-restaurant .not-available {
    font-size: 1.25rem;
    padding: .5rem 1rem;
  }
}

.restaurant-wrap .content-bread-crumb {
  padding-top: 10px;
  padding-bottom: 10px;
}

.restaurant-wrap #info-more-information {
  padding-left: 0;
}

.restaurant-wrap .cursor-pointer {
  cursor: pointer;
}

.restaurant-wrap .ant-card {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: .5rem;
  height: 100%;
}

.restaurant-wrap .ant-card .price {
  font-weight: 700;
  font-size: 1.15rem;
  margin-bottom: 0;
}

.restaurant-wrap .card-food .ant-card-body {
  padding: .75rem;
  display: grid;
  height: 100%;
  grid-template-columns: 1fr auto;
  grid-template-rows: 1fr min-content;
  gap: 1rem;
}

.restaurant-wrap .card-food .ant-card-body:before {
  display: none;
}

.restaurant-wrap .card-food .ant-card-body:after {
  display: none;
}

.restaurant-wrap .card-food img {
  height: 6rem;
  width: 6rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: .5rem;
}

.restaurant-wrap .ant-card-title {
  color: #000;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.25rem;
  margin-bottom: .5rem;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.restaurant-wrap .card-food .ant-card-description {
  font-size: .85rem;
  line-height: 1rem;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 48px;
  max-height: 48px;
  overflow-wrap: anywhere;
}

.restaurant-wrap .companies-button-acction {
  grid-column: span 2;
}

.restaurant-wrap .img-restaurant-header {
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}

.restaurant-wrap h1 {
  font-size: 1.6rem;
  color: #000;
}

.restaurant-wrap h2 {
  font-size: 20px;
  margin: 1rem 0;
  font-weight: bold;
  color: #000;
}

.restaurant-wrap .container-complements-header {
  display: flex;
  font-size: 15px;
  color: #585757;
}

.restaurant-wrap .container-complements-header .margin-left-div {
  margin-left: 20px;
}

.modal-add-product h1 {
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0;
  margin-bottom: 1rem;
}

.modal-add-product h1:first-letter {
  text-transform: uppercase;
}

.modal-add-product h3 {
  font-weight: 700;
  font-size: 1rem;
  margin-top: 4px;
  line-height: 1.2;
}

.modal-add-product h3:first-letter {
  text-transform: uppercase;
}

.modal-add-product .ant-row-middle {
  margin-top: 12px;
}

.modal-add-product p:first-letter {
  text-transform: uppercase;
}

.modal-add-product .div-contaner-no-stock {
  background-color: #DBDBDB;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.modal-add-product .ant-radio-wrapper {
  white-space: unset;
  margin-bottom: 4px;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 9px;
  padding-top: 9px;
}

.modal-add-product .ant-checkbox-group-item {
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 9px;
  padding-top: 9px;
}

.modal-add-product .title-no-stock {
  font-weight: 700;
  font-size: 1rem;
}

.modal-add-product .text-instructions {
  margin-top: 0;
  margin-bottom: 1.25rem;
  white-space: break-spaces;
}

.modal-add-product .cart-input {
  width: 40px;
  text-align: center;
}

.modal-add-product .ant-checkbox-group {
  display: grid;
  gap: .5rem;
  margin-bottom: 12px;
}

.modal-add-product .options {
  display: grid;
  gap: .5rem;
}

.modal-add-product .option-grid {
  display: grid;
  grid-template-columns: 2fr auto;
  gap: .5rem;
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 9px;
  padding-top: 2px;
}

.modal-add-product .comments {
  margin-top: 2rem;
}

.modal-add-product .gap {
  gap: .5rem;
}

.modal-add-product .alert {
  color: #E15555;
}

.modal-add-product .success {
  color: #73C64C;
}

.modal-add-product .error {
  color: #E15555;
}

.modal-add-product .ant-alert-error {
  margin-bottom: 1rem;
}

.modal-add-product .continue-buttons > * + * {
  margin-left: .5rem;
}

.modal-add-product .ant-select-selector {
  width: 55px;
}

.modal-add-product .ant-select-single {
  text-align: center;
}

.modal-product-image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  border-radius: .5rem;
  margin-bottom: 1rem;
}

.modal-show-details .title {
  font-weight: 700;
  margin-top: 1.25rem;
}

.modal-show-details .day {
  font-weight: 700;
  margin-bottom: 0;
  margin-top: .75rem;
}

.modal-show-remove-cart h1 {
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1.2;
  font-size: 1.5rem;
  margin-bottom: .5rem;
}

.modal-show-remove-cart h1:first-letter {
  text-transform: uppercase;
}

.modal-show-remove-cart p:first-letter {
  text-transform: uppercase;
}

.modal-show-remove-cart .gap {
  gap: .5rem;
}

.modal-ratings-branch-office h2 {
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
}

.modal-ratings-branch-office .icon {
  width: 20px;
}

.modal-ratings-branch-office .icon-product {
  width: 58px;
}

.modal-ratings-branch-office .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.modal-ratings-branch-office .name {
  font-weight: bold;
  margin-right: 10px;
  color: #1C1C1C;
  font-size: 18px;
}

.modal-ratings-branch-office .date {
  color: #1C1C1C;
  font-weight: bold;
}

.modal-ratings-branch-office .rate {
  color: #1C1C1C;
  font-weight: bold;
}

.modal-ratings-branch-office .ant-divider-horizontal {
  margin: 18px 0 !important;
}

/* purgecss end ignore */

/* purgecss start ignore */

.help-warp {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 15px 20px 15px;
}

.help-warp h1 {
  font-size: 36px;
  font-weight: bold;
  color: #000;
}

.help-warp h2 {
  font-size: 20px;
  font-weight: bold;
  color: #000;
}

.help-warp .image-toliv {
  width: 100%;
  border-radius: 18px;
  margin-bottom: 20px;
}

.help-warp p {
  font-size: 16px;
}

/* purgecss end ignore */

/* purgecss start ignore */

.help-center-container {
  width: 100%;
  min-height: 100vh;
  background: var(--background-color);
  color: var(--text-color);
}

.help-center-layout {
  display: flex;
  min-height: 100vh;
}

.help-center-mobile-header {
  display: none;
  position: sticky;
  top: 0;
  z-index: 1000;
  background: var(--background-color);
  border-bottom: 1px solid var(--border-color);
  padding: 12px 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

@media (max-width: 768px) {
  .help-center-mobile-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.mobile-header-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-color);
}

.help-center-menu-toggle {
  background: transparent;
  border: none;
  color: var(--text-color);
  font-size: 20px;
  cursor: pointer;
  padding: 8px;
  border-radius: 6px;
  transition: background-color 0.2s ease;
}

.help-center-menu-toggle:hover {
  background: var(--hover-color);
}

.help-center-sidebar {
  background: var(--sidebar-background, var(--background-color));
  border-right: 1px solid var(--border-color);
}

.help-center-sidebar-inner {
  padding: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.help-center-sidebar-header {
  margin-bottom: 32px;
}

.help-center-sidebar-back-button {
  margin-bottom: 16px;
}

.back-button-minimal {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.back-button-minimal:hover {
  background: transparent !important;
  transform: translateX(-2px) !important;
}

.custom-arrow-icon {
  color: var(--text-color) !important;
  width: 28px !important;
  height: 19px !important;
  margin-right: 8px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  opacity: 0.8;
}

.back-text {
  color: var(--text-color) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  margin-right: 12px !important;
  transition: color 0.2s ease !important;
  opacity: 0.9;
}

.back-button-minimal:hover .custom-arrow-icon {
  opacity: 1;
  color: var(--primary-color) !important;
}

.back-button-minimal:hover .back-text {
  color: var(--primary-color) !important;
  opacity: 1;
}

.help-center-sidebar-menu-wrapper {
  flex: 1;
}

.help-center-sidebar-menu .ant-menu-item {
  margin: 4px 0;
  border-radius: 8px;
  transition: all 0.2s ease;
}

.help-center-sidebar-menu .ant-menu-item:hover {
  background: var(--hover-color) !important;
}

.help-center-sidebar-menu .ant-menu-item.ant-menu-item-selected {
  background: var(--primary-color) !important;
  color: white !important;
}

.help-center-sidebar-menu .ant-menu-item.ant-menu-item-selected .ant-menu-title-content {
  color: white !important;
}

.help-center-sidebar-menu .ant-menu-title-content {
  display: flex;
  align-items: center;
  font-weight: 500;
}

.help-center-menu-item {
  display: flex !important;
  align-items: center !important;
  padding: 12px 16px !important;
}

.help-center-menu-item:hover {
  background: var(--hover-color) !important;
}

.help-center-menu-item.ant-menu-item-selected {
  background: var(--primary-color) !important;
}

.help-center-menu-item.ant-menu-item-selected .help-center-menu-label {
  color: white !important;
}

.help-center-menu-label {
  display: flex;
  align-items: center;
  color: var(--text-color);
  font-weight: 500;
  gap: 12px;
}

.help-center-sidebar-footer {
  margin-top: auto;
  padding-top: 24px;
  border-top: 1px solid var(--border-color);
}

.help-center-sidebar-footer-title {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-color);
  margin-bottom: 8px;
}

.help-center-sidebar-footer-text {
  font-size: 13px;
  color: var(--text-secondary-color);
  line-height: 1.4;
  margin-bottom: 16px;
}

.help-center-sidebar-support {
  width: 100%;
}

.help-center-content {
  flex: 1;
  padding: 32px;
  overflow-y: auto;
}

.help-center-content-inner {
  max-width: 800px;
  margin: 0 auto;
}

.help-center-drawer .ant-drawer-body {
  padding: 0;
}

@media (max-width: 768px) {
  .help-center-sidebar {
    display: none;
  }

  .help-center-content {
    padding: 16px;
  }

  .help-center-content-inner {
    margin: 0;
  }
}

@media (prefers-color-scheme: dark) {
  .help-center-container {
    background: var(--dark-background-color);
    color: var(--dark-text-color);
  }

  .help-center-sidebar {
    background: var(--dark-sidebar-background, var(--dark-background-color));
    border-right-color: var(--dark-border-color);
  }

  .help-center-mobile-header {
    background: var(--dark-background-color);
    border-bottom-color: var(--dark-border-color);
  }

  .help-center-sidebar-footer {
    border-top-color: var(--dark-border-color);
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.success-wrap {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
  padding: 20px 15px 20px 15px;
}

.success-wrap .cursor-pointer {
  cursor: pointer;
}

.success-wrap h1 {
  font-size: 36px;
  font-weight: bold;
  color: #000;
}

.success-wrap .card-title {
  color: #000;
  font-size: 24px;
  font-weight: bold;
}

.success-wrap .ant-card {
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px 4px 0 0;
  margin-bottom: 20px;
}

.success-wrap .ant-collapse-header {
  font-size: 15px !important;
  color: #585757 !important;
}

.success-wrap .ant-collapse > .ant-collapse-item > .ant-collapse-header {
  padding: 5px 35px;
}

.success-wrap .ant-collapse-content > .ant-collapse-content-box {
  padding: 37px;
}

.success-wrap .resume-div-container {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}

.success-wrap .cart-desc {
  font-size: 15px;
  color: #585757;
}

.success-wrap .cart-option {
  font-size: 13px;
  color: #585757;
}

.success-wrap .cart-title {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  margin-bottom: 0;
}

.success-wrap .cart-event {
  display: grid;
  grid-template-columns: min-content 1fr;
  gap: .75rem;
  padding: .75rem 0;
}

.success-wrap .cart-img-event {
  border-radius: 4px;
  width: 200px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}

.success-wrap .cart-title-event {
  font-size: 24px;
  font-weight: bold;
  color: #000;
  margin-bottom: 0;
}

.success-wrap .cart-img {
  border-radius: 4px;
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
}

.success-wrap .cart-title {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  margin-bottom: 0;
}

.success-wrap .cart-desc {
  font-size: 15px;
  color: #585757;
}

.success-wrap .cart-desc-event {
  font-size: 15px;
  color: #000;
  font-weight: bold;
}

.success-wrap .btn-download {
  background-color: #000;
  color: #fff;
  font-weight: bold;
  margin-right: 5px;
}

.success-wrap .content-download-desktop {
  display: none;
}

@media (min-width: 767px) {
  .success-wrap .content-download-desktop {
    display: initial;
  }
}

@media (min-width: 767px) {
  .success-wrap .content-download-mobile {
    display: none;
  }
}

[data-theme="dark"] .success-wrap {
  background-color: #0b1220;
  color: #f9fafb;
  min-height: 100vh;
}

[data-theme="dark"] .success-wrap .ant-card {
  background-color: #1a1a1a;
  border: 1px solid #374151;
}

[data-theme="dark"] .success-wrap .ant-card-body {
  background-color: #1a1a1a;
  color: #f9fafb;
}

[data-theme="dark"] .success-wrap .ant-card-head {
  background-color: #1a1a1a;
  border-bottom: 1px solid #374151;
}

[data-theme="dark"] .success-wrap .ant-card-head-title {
  color: #f9fafb;
}

[data-theme="dark"] .success-wrap h1, [data-theme="dark"] .success-wrap h2, [data-theme="dark"] .success-wrap h3, [data-theme="dark"] .success-wrap h4, [data-theme="dark"] .success-wrap h5, [data-theme="dark"] .success-wrap h6 {
  color: #f9fafb;
}

[data-theme="dark"] .success-wrap .ant-alert {
  background-color: rgba(34, 197, 94, 0.1);
  border: 1px solid rgba(34, 197, 94, 0.3);
}

[data-theme="dark"] .success-wrap .ant-alert-message {
  color: #86efac;
}

[data-theme="dark"] .success-wrap .ant-alert-success .anticon {
  color: #86efac;
}

[data-theme="dark"] .success-wrap .ant-btn {
  background-color: #1a1a1a;
  border-color: #374151;
  color: #f9fafb;
}

[data-theme="dark"] .success-wrap .ant-btn:hover {
  background-color: #374151;
  border-color: #60a5fa;
  color: #f9fafb;
}

[data-theme="dark"] .success-wrap .ant-btn-primary {
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
  border: none;
  color: #ffffff;
}

[data-theme="dark"] .success-wrap .ant-btn-primary:hover {
  background: linear-gradient(135deg, #ff7b45 0%, #ff9f2e 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(247, 147, 30, 0.4);
}

[data-theme="dark"] .success-wrap .ant-collapse {
  background-color: #1a1a1a;
  border: 1px solid #374151;
}

[data-theme="dark"] .success-wrap .ant-collapse-item {
  border-color: #374151;
}

[data-theme="dark"] .success-wrap .ant-collapse-header {
  background-color: #1a1a1a;
  color: #f9fafb;
}

[data-theme="dark"] .success-wrap .ant-collapse-content {
  background-color: #111827;
  border-color: #374151;
  color: #f9fafb;
}

[data-theme="dark"] .success-wrap .ant-collapse-content-box {
  color: #d1d5db;
}

[data-theme="dark"] .success-wrap .ant-divider {
  border-color: #374151;
}

[data-theme="dark"] .success-wrap .continue-buttons .ant-btn {
  margin: 0 8px;
}

[data-theme="dark"] .success-wrap p, [data-theme="dark"] .success-wrap span, [data-theme="dark"] .success-wrap div {
  color: inherit;
}

[data-theme="dark"] .success-wrap .card-title {
  color: #f9fafb;
}

[data-theme="dark"] .success-wrap .cart-title, [data-theme="dark"] .success-wrap .cart-title-event {
  color: #f9fafb;
}

[data-theme="dark"] .success-wrap .cart-desc, [data-theme="dark"] .success-wrap .cart-desc-event {
  color: #d1d5db;
}

[data-theme="dark"] .success-wrap .cart-option {
  color: #9ca3af;
}

[data-theme="dark"] .success-wrap .btn-download {
  background-color: #1a1a1a;
  color: #f9fafb;
  border: 1px solid #374151;
}

[data-theme="dark"] .success-wrap .btn-download:hover {
  background-color: #374151;
  color: #f9fafb;
}

[data-theme="light"] .success-wrap {
  background-color: #ffffff;
  color: #1a1a1a;
}

[data-theme="light"] .success-wrap .ant-card {
  background-color: #ffffff;
  border: 1px solid #d9d9d9;
}

[data-theme="light"] .success-wrap .ant-card-body {
  background-color: #ffffff;
  color: #1a1a1a;
}

[data-theme="light"] .success-wrap .ant-card-head {
  background-color: #fafafa;
  border-bottom: 1px solid #f0f0f0;
}

[data-theme="light"] .success-wrap .ant-card-head-title {
  color: #1a1a1a;
}

[data-theme="light"] .success-wrap h1, [data-theme="light"] .success-wrap h2, [data-theme="light"] .success-wrap h3, [data-theme="light"] .success-wrap h4, [data-theme="light"] .success-wrap h5, [data-theme="light"] .success-wrap h6 {
  color: #1a1a1a;
}

[data-theme="light"] .success-wrap .ant-alert {
  background-color: #f6ffed;
  border: 1px solid #b7eb8f;
}

[data-theme="light"] .success-wrap .ant-alert-message {
  color: #52c41a;
}

[data-theme="light"] .success-wrap .ant-alert-success .anticon {
  color: #52c41a;
}

[data-theme="light"] .success-wrap .ant-btn {
  background-color: #ffffff;
  border-color: #d9d9d9;
  color: #1a1a1a;
}

[data-theme="light"] .success-wrap .ant-btn:hover {
  background-color: #fafafa;
  border-color: #40a9ff;
  color: #1a1a1a;
}

[data-theme="light"] .success-wrap .ant-btn-primary {
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
  border: none;
  color: #ffffff;
}

[data-theme="light"] .success-wrap .ant-collapse {
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
}

[data-theme="light"] .success-wrap .ant-collapse-item {
  border-color: #d9d9d9;
}

[data-theme="light"] .success-wrap .ant-collapse-header {
  background-color: #fafafa;
  color: #1a1a1a;
}

[data-theme="light"] .success-wrap .ant-collapse-content {
  background-color: #ffffff;
  border-color: #d9d9d9;
  color: #1a1a1a;
}

[data-theme="light"] .success-wrap .ant-collapse-content-box {
  color: #666666;
}

[data-theme="light"] .success-wrap .ant-divider {
  border-color: #e8e8e8;
}

[data-theme="light"] .success-wrap .card-title {
  color: #000000;
}

[data-theme="light"] .success-wrap .cart-title, [data-theme="light"] .success-wrap .cart-title-event {
  color: #000000;
}

[data-theme="light"] .success-wrap .cart-desc, [data-theme="light"] .success-wrap .cart-desc-event {
  color: #000000;
}

[data-theme="light"] .success-wrap .cart-option {
  color: #666666;
}

[data-theme="light"] .success-wrap .btn-download {
  background-color: #000000;
  color: #ffffff;
}

[data-theme="light"] .success-wrap .btn-download:hover {
  background-color: #333333;
  color: #ffffff;
}

[data-theme="dark"] .success-wrap {
  background: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%), var(--background-color) !important;
  min-height: 100vh;
}

[data-theme="light"] .success-wrap {
  background: linear-gradient(rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.05) 100%), var(--background-color) !important;
  min-height: 100vh;
}

[data-theme="dark"] .success-wrap .ant-card,
[data-theme="dark"] .success-wrap .ant-card-body,
[data-theme="dark"] .success-wrap .ant-card-head {
  background-color: rgba(0, 0, 0, 0.4) !important;
  backdrop-filter: blur(15px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

[data-theme="light"] .success-wrap .ant-card,
[data-theme="light"] .success-wrap .ant-card-body,
[data-theme="light"] .success-wrap .ant-card-head {
  background-color: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.success-wrap .continue-buttons .ant-btn-primary {
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%) !important;
  border: none !important;
  box-shadow: 0 8px 32px rgba(247, 147, 30, 0.4) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.success-wrap .continue-buttons .ant-btn-primary:hover {
  background: linear-gradient(135deg, #f7931e 0%, #ff6b35 100%) !important;
  box-shadow: 0 12px 40px rgba(247, 147, 30, 0.5) !important;
  transform: translateY(-2px) !important;
}

.success-wrap .continue-buttons .ant-btn-primary:active {
  transform: translateY(0px) !important;
  box-shadow: 0 4px 16px rgba(247, 147, 30, 0.3) !important;
}

.success-wrap .ant-card {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.success-wrap .ant-card:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
}

.success-trust-logo {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px 16px 6px 16px;
  position: relative;
}

@media screen and (min-width: 576px) {
  .success-trust-logo {
    padding: 0px 20px 8px 20px;
  }
}

.success-trust-logo .toliv-logo {
  cursor: pointer;
  transition: all 0.3s ease;
  opacity: 0.9;
}

.success-trust-logo .toliv-logo:hover {
  opacity: 1;
  transform: translateY(-1px);
}

.success-trust-logo .toliv-logo .toliv-svg-image {
  width: 80px !important;
  height: auto !important;
  max-width: 80px !important;
}

.success-theme-toggle {
  position: relative;
  z-index: 10;
}

@keyframes successFadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.success-wrap {
  animation: successFadeInUp 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.success-wrap .ant-card {
  animation: successFadeInUp 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
  animation-delay: 0.2s !important;
  animation-fill-mode: both !important;
}

.success-wrap .continue-buttons {
  animation: successFadeInUp 1s cubic-bezier(0.4, 0, 0.2, 1) !important;
  animation-delay: 0.4s !important;
  animation-fill-mode: both !important;
}

.success-wrap .success-trust-logo {
  animation: successFadeInUp 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  animation-delay: 0.1s !important;
  animation-fill-mode: both !important;
}

.success-events-container {
  max-width: 900px;
  margin: 0 auto;
  padding: 0;
}

.success-event-header {
  margin-bottom: 24px;
  padding: 20px;
  background: var(--card-bg);
  border-radius: 16px;
  border: 1px solid var(--border-color);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  animation: eventsFadeInUp 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) both;
}

.success-event-header:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

[data-theme="dark"] .success-event-header {
  background: rgba(255, 255, 255, 0.02);
  border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .success-event-header:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 768px) {
  .success-event-header {
    padding: 16px;
  }
}

.success-event-info {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

@media screen and (max-width: 768px) {
  .success-event-info {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}

.success-event-cover {
  width: 100px;
  height: 100px;
  border-radius: 12px;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  flex-shrink: 0;
}

@media screen and (max-width: 768px) {
  .success-event-cover {
    width: 100%;
    max-width: 300px;
    height: auto;
    aspect-ratio: 1;
  }
}

[data-theme="dark"] .success-event-cover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.success-event-details {
  flex: 1;
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.success-event-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--text-color);
  margin: 0 0 12px 0;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .success-event-title {
    font-size: 18px;
    margin-bottom: 10px;
  }
}

.success-event-meta {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media screen and (max-width: 768px) {
  .success-event-meta {
    align-items: center;
  }
}

.success-event-meta-item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  transition: all 0.2s ease;
}

.success-event-meta-item:hover {
  transform: translateX(4px);
}

.success-event-meta-item:hover .meta-icon {
  color: var(--primary-color);
  transform: scale(1.1);
}

@media screen and (max-width: 768px) {
  .success-event-meta-item {
    justify-content: center;
  }

  .success-event-meta-item:hover {
    transform: translateX(0);
  }
}

.meta-icon {
  font-size: 16px;
  color: var(--text-secondary-color);
  flex-shrink: 0;
  margin-top: 2px;
  transition: all 0.2s ease;
}

@media screen and (max-width: 768px) {
  .meta-icon {
    font-size: 15px;
  }
}

.meta-text {
  font-size: 14px;
  color: var(--text-secondary-color);
  line-height: 1.5;
  flex: 1;
}

@media screen and (max-width: 768px) {
  .meta-text {
    font-size: 13px;
    text-align: left;
  }
}

.success-event-date {
  font-size: 16px;
  font-weight: 600;
  color: var(--primary-color);
  display: flex;
  align-items: center;
  gap: 8px;
}

@media screen and (max-width: 768px) {
  .success-event-date {
    justify-content: center;
  }
}

.success-event-location {
  font-size: 15px;
  color: var(--text-secondary-color);
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .success-event-location {
    font-size: 14px;
  }
}

.success-back-container {
  margin-bottom: 20px;
}

.success-back-wrapper {
  margin: 0 auto;
  padding: 0 20px;
}

@media screen and (max-width: 768px) {
  .success-back-wrapper {
    padding: 0 8px;
  }
}

.success-back-button {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 20px !important;
  background: transparent !important;
  border: none !important;
  color: var(--text-secondary-color) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  border-radius: 12px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
}

@media screen and (max-width: 768px) {
  .success-back-button {
    padding: 8px 16px 8px 0 !important;
  }
}

.success-back-button:hover {
  background: rgba(255, 102, 0, 0.08) !important;
  color: var(--primary-color) !important;
  transform: translateX(-3px) !important;
}

.success-back-button:hover .success-back-icon {
  transform: translateX(-2px);
}

.success-back-button:active {
  transform: translateX(-1px) scale(0.98) !important;
}

[data-theme="dark"] .success-back-button:hover {
  background: rgba(255, 102, 0, 0.12) !important;
}

.success-back-icon {
  width: 20px;
  height: 20px;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.success-back-text {
  font-weight: 500;
  letter-spacing: 0.01em;
}

.success-hero-celebration {
  text-align: center;
  padding: 40px 20px;
  margin-bottom: 24px;
  position: relative;
  overflow: visible;
  z-index: 10;
  filter: drop-shadow(0 0 50px rgba(16, 185, 129, 0.25)) drop-shadow(0 0 100px rgba(16, 185, 129, 0.15)) drop-shadow(0 0 150px rgba(16, 185, 129, 0.08));
  animation: heroContentGlow 3s ease-in-out infinite;
}

@keyframes heroContentGlow {
  0%, 100% {
    filter: drop-shadow(0 0 50px rgba(16, 185, 129, 0.25)) drop-shadow(0 0 100px rgba(16, 185, 129, 0.15)) drop-shadow(0 0 150px rgba(16, 185, 129, 0.08));
  }

  50% {
    filter: drop-shadow(0 0 60px rgba(16, 185, 129, 0.35)) drop-shadow(0 0 120px rgba(16, 185, 129, 0.2)) drop-shadow(0 0 180px rgba(16, 185, 129, 0.12));
  }
}

.success-hero-celebration .success-confetti-particles {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.success-hero-celebration .confetti-particle {
  position: absolute;
  width: 4px;
  height: 4px;
  background: white;
  border-radius: 50%;
  box-shadow: 0 0 10px white, 0 0 20px rgba(255, 215, 0, 0.8), 0 0 30px rgba(255, 215, 0, 0.4);
  animation: shootingStar 3s ease-in infinite;
}

.success-hero-celebration .confetti-particle.confetti-1 {
  left: 20%;
  animation-delay: 0s;
}

.success-hero-celebration .confetti-particle.confetti-2 {
  left: 40%;
  animation-delay: 0.8s;
}

.success-hero-celebration .confetti-particle.confetti-3 {
  left: 60%;
  animation-delay: 1.6s;
  width: 5px;
  height: 5px;
  box-shadow: 0 0 12px white, 0 0 24px rgba(255, 235, 59, 0.9), 0 0 36px rgba(255, 235, 59, 0.5);
}

.success-hero-celebration .confetti-particle.confetti-4 {
  left: 75%;
  animation-delay: 2.4s;
}

.success-hero-celebration .confetti-particle.confetti-5 {
  left: 85%;
  animation-delay: 3.2s;
  width: 5px;
  height: 5px;
  box-shadow: 0 0 12px white, 0 0 24px rgba(255, 245, 157, 0.9), 0 0 36px rgba(255, 245, 157, 0.5);
}

.success-hero-celebration .confetti-particle.confetti-6 {
  left: 30%;
  animation-delay: 4s;
}

@keyframes shootingStar {
  0% {
    transform: translate(-100px, -100px) rotate(-45deg);
    opacity: 0;
  }

  5% {
    opacity: 1;
  }

  95% {
    opacity: 1;
  }

  100% {
    transform: translate(600px, 600px) rotate(-45deg);
    opacity: 0;
  }
}

.success-hero-celebration .success-hero-stars-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}

.success-hero-celebration .success-hero-stars-bg .star-bg {
  position: absolute;
  width: 2px;
  height: 2px;
  background: white;
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(255, 255, 255, 0.8), 0 0 8px rgba(255, 255, 255, 0.4);
  animation: starBgTwinkle 2s ease-in-out infinite;
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-1 {
  left: 88%;
  top: 40%;
  animation-delay: 1.9s;
  animation-duration: 4s;
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-2 {
  left: 35%;
  top: 69%;
  animation-delay: 0.5s;
  animation-duration: 2.3s;
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-3 {
  left: 26%;
  top: 86%;
  animation-delay: 0.8s;
  animation-duration: 3.8s;
  width: 3px;
  height: 3px;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.9), 0 0 12px rgba(255, 255, 255, 0.5);
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-4 {
  left: 87%;
  top: 45%;
  animation-delay: 0.6s;
  animation-duration: 3.5s;
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-5 {
  left: 63%;
  top: 88%;
  animation-delay: 1s;
  animation-duration: 2.4s;
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-6 {
  left: 14%;
  top: 89%;
  animation-delay: 1.2s;
  animation-duration: 2.3s;
  width: 3px;
  height: 3px;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.9), 0 0 12px rgba(255, 255, 255, 0.5);
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-7 {
  left: 14%;
  top: 85%;
  animation-delay: 1.6s;
  animation-duration: 3.4s;
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-8 {
  left: 23%;
  top: 1%;
  animation-delay: 0.4s;
  animation-duration: 3.1s;
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-9 {
  left: 29%;
  top: 34%;
  animation-delay: 0.1s;
  animation-duration: 3.1s;
  width: 3px;
  height: 3px;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.9), 0 0 12px rgba(255, 255, 255, 0.5);
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-10 {
  left: 36%;
  top: 20%;
  animation-delay: 1.1s;
  animation-duration: 2.5s;
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-11 {
  left: 68%;
  top: 24%;
  animation-delay: 0.5s;
  animation-duration: 3.6s;
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-12 {
  left: 84%;
  top: 48%;
  animation-delay: 1s;
  animation-duration: 3.5s;
  width: 3px;
  height: 3px;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.9), 0 0 12px rgba(255, 255, 255, 0.5);
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-13 {
  left: 9%;
  top: 19%;
  animation-delay: 1.8s;
  animation-duration: 3.2s;
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-14 {
  left: 12%;
  top: 84%;
  animation-delay: 0.4s;
  animation-duration: 2.6s;
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-15 {
  left: 93%;
  top: 2%;
  animation-delay: 1.4s;
  animation-duration: 3.6s;
  width: 3px;
  height: 3px;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.9), 0 0 12px rgba(255, 255, 255, 0.5);
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-16 {
  left: 71%;
  top: 40%;
  animation-delay: 0.5s;
  animation-duration: 3.9s;
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-17 {
  left: 2%;
  top: 38%;
  animation-delay: 0.8s;
  animation-duration: 2.6s;
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-18 {
  left: 11%;
  top: 4%;
  animation-delay: 0.9s;
  animation-duration: 2.1s;
  width: 3px;
  height: 3px;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.9), 0 0 12px rgba(255, 255, 255, 0.5);
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-19 {
  left: 78%;
  top: 45%;
  animation-delay: 0.9s;
  animation-duration: 4s;
}

.success-hero-celebration .success-hero-stars-bg .star-bg.star-bg-20 {
  left: 94%;
  top: 80%;
  animation-delay: 1.2s;
  animation-duration: 3.8s;
}

@keyframes starBgTwinkle {
  0%, 100% {
    opacity: 0.3;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.2);
  }
}

.success-hero-celebration > * {
  position: relative;
  z-index: 12;
}

@media screen and (max-width: 768px) {
  .success-hero-celebration {
    padding: 20px 16px;
    margin-bottom: 20px;
  }

  .success-hero-celebration .success-hero-waves {
    display: none;
  }
}

.success-hero-icon-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  animation: heroIconPop 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s both;
}

@keyframes heroIconPop {
  0% {
    transform: scale(0) rotate(-180deg);
    opacity: 0;
  }

  60% {
    transform: scale(1.2) rotate(90deg);
  }

  100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}

.success-hero-icon-bg {
  position: absolute;
  width: 110px;
  height: 110px;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  border-radius: 50%;
  animation: heroPulseGlow 2s ease-in-out infinite;
  box-shadow: 0 20px 60px rgba(16, 185, 129, 0.4);
}

[data-theme="dark"] .success-hero-icon-bg {
  box-shadow: 0 20px 60px rgba(16, 185, 129, 0.6);
}

@media screen and (max-width: 768px) {
  .success-hero-icon-bg {
    width: 90px;
    height: 90px;
  }
}

@keyframes heroPulseGlow {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
  }

  50% {
    transform: scale(1.05);
    box-shadow: 0 0 0 20px rgba(16, 185, 129, 0);
  }
}

.success-hero-icon-glow {
  position: absolute;
  width: 130px;
  height: 130px;
  background: radial-gradient(circle, rgba(16, 185, 129, 0.3) 0%, transparent 70%);
  border-radius: 50%;
  animation: iconGlow 3s ease-in-out infinite;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .success-hero-icon-glow {
    width: 110px;
    height: 110px;
  }
}

@keyframes iconGlow {
  0%, 100% {
    opacity: 0.5;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }
}

.success-hero-check-icon {
  position: relative;
  font-size: 56px !important;
  color: white !important;
  z-index: 15;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2)) brightness(1.1);
  animation: checkRotate 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.8s both;
}

@media screen and (max-width: 768px) {
  .success-hero-check-icon {
    font-size: 48px !important;
  }
}

@keyframes checkRotate {
  0% {
    transform: rotate(-90deg) scale(0.5);
  }

  100% {
    transform: rotate(0deg) scale(1);
  }
}

.success-hero-title {
  font-size: 32px;
  font-weight: 800;
  color: var(--text-color);
  margin: 16px 0 12px 0;
  line-height: 1.2;
  letter-spacing: -0.02em;
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
  animation: heroTitleGlow 1s cubic-bezier(0.34, 1.56, 0.64, 1) 1s both;
}

[data-theme="dark"] .success-hero-title {
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 768px) {
  .success-hero-title {
    font-size: 28px;
    margin: 12px 0 10px 0;
  }
}

@keyframes heroTitleGlow {
  0% {
    transform: translateY(30px) scale(0.95);
    opacity: 0;
    filter: blur(4px);
  }

  100% {
    transform: translateY(0) scale(1);
    opacity: 1;
    filter: blur(0px);
  }
}

.success-hero-subtitle {
  font-size: 18px;
  color: var(--text-secondary-color);
  line-height: 1.6;
  max-width: 600px;
  margin: 0 auto 20px auto;
  animation: heroSubtitleFade 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 1.4s both;
}

@media screen and (max-width: 768px) {
  .success-hero-subtitle {
    font-size: 16px;
    margin: 0 auto 24px auto;
  }
}

@keyframes heroSubtitleFade {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.success-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(5, 150, 105, 0.15) 100%);
  border: 2px solid rgba(16, 185, 129, 0.3);
  border-radius: 100px;
  font-weight: 600;
  color: #10b981;
  animation: heroBadgePop 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 1.8s both;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
  cursor: pointer;
  position: relative;
  overflow: hidden;
}

.success-hero-badge:hover {
  transform: translateY(-4px) scale(1.02);
  box-shadow: 0 12px 30px rgba(16, 185, 129, 0.3);
}

.success-hero-badge:hover .ticket-emoji {
  opacity: 1;
  transform: translateX(0);
}

.success-hero-badge:active {
  transform: translateY(-2px) scale(0.98);
}

[data-theme="dark"] .success-hero-badge {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.15) 0%, rgba(5, 150, 105, 0.2) 100%);
  border-color: rgba(16, 185, 129, 0.4);
  color: #34d399;
}

@media screen and (max-width: 768px) {
  .success-hero-badge {
    padding: 10px 20px;
    font-size: 14px;
  }
}

@keyframes heroBadgePop {
  0% {
    transform: scale(0) rotate(180deg);
    opacity: 0;
  }

  100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}

.success-hero-badge-icon {
  font-size: 20px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.3);
  transition: all 0.3s ease;
}

.success-hero-badge-icon:hover {
  transform: rotate(360deg) scale(1.1);
}

@media screen and (max-width: 768px) {
  .success-hero-badge-icon {
    width: 20px;
    height: 20px;
    font-size: 16px;
  }
}

.ticket-emoji {
  opacity: 0;
  transform: translateX(10px);
  transition: all 0.3s ease;
  margin-left: 4px;
}

.success-hero-badge-text {
  font-size: 16px;
  letter-spacing: 0.02em;
}

@media screen and (max-width: 768px) {
  .success-hero-badge-text {
    font-size: 14px;
  }
}

.success-tickets-section {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 20px;
  margin-bottom: 48px;
}

@media screen and (max-width: 768px) {
  .success-tickets-section {
    padding: 0 16px;
    margin-bottom: 32px;
  }
}

.success-tickets-header {
  text-align: center;
  margin-bottom: 32px;
}

.success-tickets-title {
  font-size: 28px;
  font-weight: 700;
  color: var(--text-color);
  margin: 0 0 8px 0;
  line-height: 1.2;
}

@media screen and (max-width: 768px) {
  .success-tickets-title {
    font-size: 24px;
  }
}

.success-tickets-subtitle {
  font-size: 16px;
  color: var(--text-secondary-color);
  margin: 0;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .success-tickets-subtitle {
    font-size: 14px;
  }
}

.success-tickets-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  justify-items: center;
}

@media screen and (min-width: 768px) {
  .success-tickets-grid {
    grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
  }

  .success-tickets-grid:has(.success-ticket-card:only-child) {
    grid-template-columns: 1fr;
    max-width: 600px;
    margin: 0 auto;
  }
}

.success-ticket-card {
  background: var(--card-background);
  border: 2px solid rgba(255, 102, 0, 0.15);
  border-radius: 20px;
  padding: 24px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  animation: ticketSlideIn 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) backwards;
  position: relative;
  overflow: hidden;
}

.success-ticket-card:nth-child(1) {
  animation-delay: 0.1s;
}

.success-ticket-card:nth-child(2) {
  animation-delay: 0.2s;
}

.success-ticket-card:nth-child(3) {
  animation-delay: 0.3s;
}

.success-ticket-card:nth-child(4) {
  animation-delay: 0.4s;
}

.success-ticket-card:nth-child(5) {
  animation-delay: 0.5s;
}

.success-ticket-card:nth-child(6) {
  animation-delay: 0.6s;
}

.success-ticket-card:nth-child(7) {
  animation-delay: 0.7s;
}

.success-ticket-card:nth-child(8) {
  animation-delay: 0.8s;
}

.success-ticket-card:nth-child(9) {
  animation-delay: 0.9s;
}

.success-ticket-card:nth-child(10) {
  animation-delay: 1s;
}

.success-ticket-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(135deg, var(--primary-color) 0%, #f7931e 100%);
  opacity: 0;
  transition: opacity 0.3s ease;
}

.success-ticket-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 40px rgba(255, 102, 0, 0.2);
  border-color: var(--primary-color);
}

.success-ticket-card:hover::before {
  opacity: 1;
}

[data-theme="dark"] .success-ticket-card {
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(10px);
  border-color: rgba(255, 102, 0, 0.2);
}

[data-theme="dark"] .success-ticket-card:hover {
  background: rgba(0, 0, 0, 0.5);
  box-shadow: 0 12px 40px rgba(255, 102, 0, 0.3);
}

@keyframes ticketSlideIn {
  0% {
    opacity: 0;
    transform: translateY(30px) scale(0.95);
  }

  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.ticket-card-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
  gap: 16px;
}

.ticket-info {
  flex: 1;
}

.ticket-type {
  font-size: 20px;
  font-weight: 700;
  color: var(--text-color);
  margin-bottom: 8px;
  line-height: 1.3;
  word-break: break-word;
}

@media screen and (max-width: 768px) {
  .ticket-type {
    font-size: 16px;
    line-height: 1.2;
  }
}

.ticket-seat {
  font-size: 14px;
  color: var(--text-secondary-color);
  margin-bottom: 6px;
  font-weight: 500;
}

.ticket-extra {
  font-size: 14px;
  color: var(--text-secondary-color);
  margin-top: 6px;
}

.ticket-extra strong {
  color: var(--text-color);
}

.ticket-price {
  font-size: 24px;
  font-weight: 700;
  color: var(--primary-color);
  white-space: nowrap;
  flex-shrink: 0;
}

@media screen and (max-width: 768px) {
  .ticket-price {
    font-size: 18px;
  }
}

.ticket-download-link {
  display: block;
  text-decoration: none;
  margin-bottom: 16px;
}

.ticket-download-button {
  background: linear-gradient(135deg, var(--primary-color) 0%, #f7931e 100%) !important;
  border: none !important;
  color: white !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  height: 48px !important;
  border-radius: 12px !important;
  box-shadow: 0 4px 12px rgba(255, 102, 0, 0.25) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ticket-download-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 20px rgba(255, 102, 0, 0.35) !important;
  background: linear-gradient(135deg, #f7931e 0%, var(--primary-color) 100%) !important;
}

.ticket-download-button:active {
  transform: translateY(0) !important;
}

.ticket-download-button .anticon {
  font-size: 18px !important;
}

.ticket-email-info {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  background: rgba(16, 185, 129, 0.08);
  border-radius: 10px;
  font-size: 14px;
  color: var(--text-secondary-color);
}

[data-theme="dark"] .ticket-email-info {
  background: rgba(16, 185, 129, 0.12);
}

.ticket-email-icon {
  font-size: 16px;
  flex-shrink: 0;
}

.ticket-email-text {
  line-height: 1.4;
  word-break: break-word;
}

.success-summary-section {
  max-width: 900px;
  margin: 48px auto;
  padding: 0 20px;
}

@media screen and (max-width: 768px) {
  .success-summary-section {
    margin: 32px auto;
    padding: 0 16px;
  }
}

.success-summary-card {
  background: var(--card-background);
  border: 2px solid rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  padding: 32px;
  margin-bottom: 24px;
  animation: summaryFadeIn 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.5s backwards;
}

[data-theme="dark"] .success-summary-card {
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(10px);
  border-color: rgba(255, 255, 255, 0.1);
}

@media screen and (max-width: 768px) {
  .success-summary-card {
    padding: 24px 20px;
  }
}

@keyframes summaryFadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.summary-title {
  font-size: 22px;
  font-weight: 700;
  color: var(--text-color);
  margin: 0 0 24px 0;
}

@media screen and (max-width: 768px) {
  .summary-title {
    font-size: 20px;
    margin: 0 0 20px 0;
  }
}

.summary-items {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-bottom: 24px;
}

.summary-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.summary-row.summary-discount .summary-label {
  color: #10b981;
}

.summary-row.summary-discount .summary-value {
  color: #10b981;
}

.summary-label {
  font-size: 16px;
  color: var(--text-secondary-color);
  font-weight: 500;
}

.summary-value {
  font-size: 16px;
  color: var(--text-color);
  font-weight: 600;
  white-space: nowrap;
}

.summary-divider {
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, var(--primary-color) 50%, transparent 100%);
  margin: 24px 0;
  opacity: 0.3;
}

.summary-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 20px;
  background: linear-gradient(135deg, rgba(255, 102, 0, 0.08) 0%, rgba(247, 147, 30, 0.05) 100%);
  border-radius: 12px;
  margin-top: 20px;
}

[data-theme="dark"] .summary-total {
  background: linear-gradient(135deg, rgba(255, 102, 0, 0.12) 0%, rgba(247, 147, 30, 0.08) 100%);
}

.summary-total-label {
  font-size: 20px;
  color: var(--text-color);
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .summary-total-label {
    font-size: 18px;
  }
}

.summary-total-value {
  font-size: 24px;
  color: var(--primary-color);
  font-weight: 800;
}

@media screen and (max-width: 768px) {
  .summary-total-value {
    font-size: 22px;
  }
}

.success-transaction-details {
  background: var(--card-background);
  border: 2px solid rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  padding: 28px;
  animation: transactionFadeIn 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.7s backwards;
}

[data-theme="dark"] .success-transaction-details {
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(10px);
  border-color: rgba(255, 255, 255, 0.1);
}

@media screen and (max-width: 768px) {
  .success-transaction-details {
    padding: 20px;
  }
}

@keyframes transactionFadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.transaction-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--text-color);
  margin: 0 0 20px 0;
}

@media screen and (max-width: 768px) {
  .transaction-title {
    font-size: 18px;
    margin: 0 0 16px 0;
  }
}

.transaction-tags {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.transaction-tag {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 12px 16px;
  background: rgba(0, 0, 0, 0.03);
  border-radius: 10px;
  transition: all 0.2s ease;
}

.transaction-tag:hover {
  background: rgba(255, 102, 0, 0.05);
  transform: translateX(4px);
}

[data-theme="dark"] .transaction-tag {
  background: rgba(255, 255, 255, 0.05);
}

[data-theme="dark"] .transaction-tag:hover {
  background: rgba(255, 102, 0, 0.08);
}

.tag-name {
  font-size: 15px;
  color: var(--text-secondary-color);
  font-weight: 500;
}

.tag-value {
  font-size: 15px;
  color: var(--text-color);
  font-weight: 600;
}

.event-app-download-section {
  margin-top: 2.5rem;
  padding: 2rem 1.5rem;
  background: linear-gradient(135deg, rgba(247, 116, 35, 0.05) 0%, rgba(155, 89, 182, 0.05) 100%);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
}

.event-app-download-section:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(247, 116, 35, 0.15);
  border-color: rgba(247, 116, 35, 0.3);
}

.event-app-download-section:active {
  transform: translateY(0);
}

.event-app-download-section .app-download-content {
  max-width: 400px;
  margin: 0 auto;
}

.event-app-download-section .app-download-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-color);
  margin-bottom: 8px;
  text-align: center;
}

.event-app-download-section .app-download-description {
  font-size: 14px;
  color: var(--text-secondary-color);
  line-height: 1.5;
  text-align: center;
}

.event-app-download-section .app-download-description strong {
  color: var(--text-color);
}

.event-app-download-section .app-download-footer {
  font-size: 14px;
  color: var(--text-secondary-color);
  text-align: center;
  line-height: 1.4;
  margin-bottom: 8px;
}

.event-app-download-section .app-download-footer strong {
  color: var(--text-color);
}

.event-app-download-section .app-download-text-mobile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.event-app-download-section .app-download-text-desktop {
  display: none;
}

.event-app-download-section .app-download-qr {
  display: none !important;
  justify-content: center;
  margin-bottom: 16px;
}

@media screen and (min-width: 768px) {
  .event-app-download-section .app-download-text-mobile {
    display: none;
  }

  .event-app-download-section .app-download-text-desktop {
    display: block;
  }

  .event-app-download-section .app-download-qr {
    display: flex !important;
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.error-wrap {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px;
  padding: 20px 15px 20px 15px;
}

.error-wrap .cursor-pointer {
  cursor: pointer;
}

.error-wrap h1 {
  font-size: 36px;
  font-weight: bold;
  color: #000;
}

.error-wrap .card-title {
  color: #000;
  font-size: 24px;
  font-weight: bold;
}

.error-wrap .ant-card {
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px 4px 0 0;
  margin-bottom: 20px;
}

.error-wrap .ant-card-body {
  padding: 75px;
}

@media (max-width: 767px) {
  .error-wrap .ant-card-body {
    padding: 24px;
  }
}

.error-wrap .margin-Button {
  margin-top: 30px;
}

.error-wrap .cart-desc {
  font-size: 15px;
  color: #585757;
}

.error-wrap .cart-option {
  font-size: 13px;
  color: #585757;
}

.error-wrap .cart-title {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  margin-bottom: 0;
}

.error-404-container {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #0a0e27 0%, #1a1f3a 50%, #0f1419 100%);
  overflow: hidden;
  padding: 40px 20px;
}

@media screen and (max-width: 768px) {
  .error-404-container {
    padding: 20px 12px;
  }
}

.error-404-stars-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}

.error-404-stars-bg .star-bg {
  position: absolute;
  width: 2px;
  height: 2px;
  background: white;
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.8);
  animation: starBgTwinkle 3s ease-in-out infinite;
}

.error-404-stars-bg .star-bg-1 {
  top: 76%;
  left: 84%;
  animation-delay: 619ms;
  animation-duration: 6s;
}

.error-404-stars-bg .star-bg-2 {
  top: 13%;
  left: 40%;
  animation-delay: 2521ms;
  animation-duration: 6s;
}

.error-404-stars-bg .star-bg-3 {
  top: 19%;
  left: 77%;
  animation-delay: 686ms;
  animation-duration: 4s;
}

.error-404-stars-bg .star-bg-4 {
  top: 45%;
  left: 62%;
  animation-delay: 2770ms;
  animation-duration: 3s;
}

.error-404-stars-bg .star-bg-5 {
  top: 57%;
  left: 95%;
  animation-delay: 1208ms;
  animation-duration: 5s;
}

.error-404-stars-bg .star-bg-6 {
  top: 43%;
  left: 52%;
  animation-delay: 2745ms;
  animation-duration: 6s;
}

.error-404-stars-bg .star-bg-7 {
  top: 37%;
  left: 44%;
  animation-delay: 73ms;
  animation-duration: 4s;
}

.error-404-stars-bg .star-bg-8 {
  top: 30%;
  left: 2%;
  animation-delay: 1862ms;
  animation-duration: 3s;
}

.error-404-stars-bg .star-bg-9 {
  top: 31%;
  left: 72%;
  animation-delay: 2324ms;
  animation-duration: 4s;
}

.error-404-stars-bg .star-bg-10 {
  top: 56%;
  left: 48%;
  animation-delay: 2099ms;
  animation-duration: 4s;
}

.error-404-stars-bg .star-bg-11 {
  top: 97%;
  left: 6%;
  animation-delay: 1775ms;
  animation-duration: 4s;
}

.error-404-stars-bg .star-bg-12 {
  top: 3%;
  left: 52%;
  animation-delay: 279ms;
  animation-duration: 5s;
}

.error-404-stars-bg .star-bg-13 {
  top: 19%;
  left: 52%;
  animation-delay: 1781ms;
  animation-duration: 3s;
}

.error-404-stars-bg .star-bg-14 {
  top: 3%;
  left: 49%;
  animation-delay: 1840ms;
  animation-duration: 4s;
}

.error-404-stars-bg .star-bg-15 {
  top: 38%;
  left: 63%;
  animation-delay: 420ms;
  animation-duration: 6s;
}

.error-404-stars-bg .star-bg-16 {
  top: 21%;
  left: 9%;
  animation-delay: 1339ms;
  animation-duration: 4s;
}

.error-404-stars-bg .star-bg-17 {
  top: 63%;
  left: 43%;
  animation-delay: 445ms;
  animation-duration: 5s;
}

.error-404-stars-bg .star-bg-18 {
  top: 51%;
  left: 60%;
  animation-delay: 1638ms;
  animation-duration: 4s;
}

.error-404-stars-bg .star-bg-19 {
  top: 7%;
  left: 41%;
  animation-delay: 1644ms;
  animation-duration: 5s;
}

.error-404-stars-bg .star-bg-20 {
  top: 6%;
  left: 19%;
  animation-delay: 19ms;
  animation-duration: 5s;
}

.error-404-stars-bg .star-bg-21 {
  top: 30%;
  left: 25%;
  animation-delay: 68ms;
  animation-duration: 6s;
}

.error-404-stars-bg .star-bg-22 {
  top: 80%;
  left: 42%;
  animation-delay: 1205ms;
  animation-duration: 5s;
}

.error-404-stars-bg .star-bg-23 {
  top: 30%;
  left: 61%;
  animation-delay: 2311ms;
  animation-duration: 4s;
}

.error-404-stars-bg .star-bg-24 {
  top: 51%;
  left: 61%;
  animation-delay: 809ms;
  animation-duration: 4s;
}

.error-404-stars-bg .star-bg-25 {
  top: 32%;
  left: 30%;
  animation-delay: 1762ms;
  animation-duration: 6s;
}

.error-404-stars-bg .star-bg-26 {
  top: 1%;
  left: 33%;
  animation-delay: 1262ms;
  animation-duration: 5s;
}

.error-404-stars-bg .star-bg-27 {
  top: 63%;
  left: 52%;
  animation-delay: 2083ms;
  animation-duration: 4s;
}

.error-404-stars-bg .star-bg-28 {
  top: 10%;
  left: 6%;
  animation-delay: 1890ms;
  animation-duration: 4s;
}

.error-404-stars-bg .star-bg-29 {
  top: 66%;
  left: 92%;
  animation-delay: 2228ms;
  animation-duration: 6s;
}

.error-404-stars-bg .star-bg-30 {
  top: 28%;
  left: 20%;
  animation-delay: 1263ms;
  animation-duration: 5s;
}

@keyframes starBgTwinkle {
  0%, 100% {
    opacity: 0.3;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.5);
  }
}

.error-404-hero {
  position: relative;
  z-index: 10;
  max-width: 700px;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(20px);
  border-radius: 32px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 60px 40px;
  text-align: center;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 107, 53, 0.1);
}

@media screen and (max-width: 768px) {
  .error-404-hero {
    padding: 40px 24px;
    border-radius: 24px;
  }
}

.error-404-waves {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 32px;
  overflow: hidden;
  opacity: 0.15;
  pointer-events: none;
}

.error-404-waves::before, .error-404-waves::after {
  content: '';
  position: absolute;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
  background: linear-gradient(135deg, transparent 0%, rgba(255, 107, 53, 0.3) 50%, transparent 100%);
  animation: wavesPulse 8s ease-in-out infinite;
}

.error-404-waves::after {
  animation-delay: 4s;
  background: linear-gradient(135deg, transparent 0%, rgba(247, 147, 30, 0.3) 50%, transparent 100%);
}

@keyframes wavesPulse {
  0%, 100% {
    transform: rotate(0deg) scale(1);
  }

  50% {
    transform: rotate(180deg) scale(1.2);
  }
}

.error-404-icon-wrapper {
  position: relative;
  display: inline-block;
  margin-bottom: 30px;
  animation: iconBounce 2s ease-in-out infinite;
}

.error-404-icon-bg {
  position: relative;
  width: 180px;
  height: 180px;
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 20px 60px rgba(255, 107, 53, 0.4), 0 0 0 20px rgba(255, 107, 53, 0.1), 0 0 0 40px rgba(255, 107, 53, 0.05);
  animation: iconPulse 3s ease-in-out infinite;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .error-404-icon-bg {
    width: 150px;
    height: 150px;
  }
}

.error-404-number {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 80px;
  font-weight: 900;
  color: white;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  z-index: 2;
  line-height: 1;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .error-404-number {
    font-size: 60px;
  }
}

.error-404-icon-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255, 107, 53, 0.4) 0%, transparent 70%);
  animation: glowPulse 3s ease-in-out infinite;
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  .error-404-icon-glow {
    width: 150px;
    height: 150px;
  }
}

@keyframes iconPulse {
  0%, 100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.05);
  }
}

@keyframes iconBounce {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }
}

@keyframes glowPulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(255, 107, 53, 0.7);
    opacity: 1;
  }

  50% {
    box-shadow: 0 0 0 30px rgba(255, 107, 53, 0);
    opacity: 0.5;
  }
}

.error-404-title {
  font-size: 36px;
  font-weight: 800;
  margin: 0 0 16px 0;
  background: linear-gradient(135deg, #ff6b35, #f7931e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.5px;
}

@media screen and (max-width: 768px) {
  .error-404-title {
    font-size: 28px;
  }
}

.error-404-subtitle {
  font-size: 18px;
  color: rgba(255, 255, 255, 0.7);
  margin: 0 0 30px 0;
  line-height: 1.6;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .error-404-subtitle {
    font-size: 16px;
    margin-bottom: 24px;
  }
}

.error-404-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, rgba(255, 107, 53, 0.2) 0%, rgba(247, 147, 30, 0.2) 100%);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 107, 53, 0.3);
  border-radius: 50px;
  padding: 12px 24px;
  margin-bottom: 40px;
  animation: badgeSlideIn 0.6s ease-out 0.3s both;
}

@media screen and (max-width: 768px) {
  .error-404-badge {
    padding: 10px 20px;
    margin-bottom: 30px;
  }
}

.error-404-badge-icon {
  font-size: 20px;
  animation: badgeIconSpin 3s ease-in-out infinite;
}

@media screen and (max-width: 768px) {
  .error-404-badge-icon {
    font-size: 18px;
  }
}

.error-404-badge-text {
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: 0.5px;
}

@media screen and (max-width: 768px) {
  .error-404-badge-text {
    font-size: 13px;
  }
}

@keyframes badgeSlideIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes badgeIconSpin {
  0%, 100% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(-15deg);
  }

  75% {
    transform: rotate(15deg);
  }
}

.error-404-actions {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .error-404-actions {
    flex-direction: column;
    gap: 12px;
  }
}

.error-404-button-primary,
.error-404-button-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 32px;
  border-radius: 16px;
  font-size: 16px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .error-404-button-primary,
    .error-404-button-secondary {
    width: 100%;
    padding: 14px 24px;
    font-size: 15px;
  }
}

.error-404-button-primary svg,
  .error-404-button-secondary svg {
  transition: transform 0.3s ease;
}

.error-404-button-primary::before,
  .error-404-button-secondary::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  transform: translate(-50%, -50%);
  transition: width 0.6s, height 0.6s;
}

.error-404-button-primary:hover::before,
  .error-404-button-secondary:hover::before {
  width: 300px;
  height: 300px;
}

.error-404-button-primary {
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
  color: white;
  box-shadow: 0 8px 24px rgba(255, 107, 53, 0.4);
}

.error-404-button-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(255, 107, 53, 0.5);
}

.error-404-button-primary:hover svg {
  transform: translateX(2px);
}

.error-404-button-primary:active {
  transform: translateY(0);
}

.error-404-button-secondary {
  background: transparent;
  color: rgba(255, 255, 255, 0.9);
  border: 2px solid rgba(255, 107, 53, 0.5);
  box-shadow: 0 4px 16px rgba(255, 107, 53, 0.2);
}

.error-404-button-secondary:hover {
  border-color: rgba(255, 107, 53, 0.8);
  background: rgba(255, 107, 53, 0.1);
  box-shadow: 0 8px 24px rgba(255, 107, 53, 0.3);
}

.error-404-button-secondary:hover svg {
  transform: translateX(-2px);
}

.error-404-button-secondary:active {
  transform: scale(0.98);
}

.error-500-container {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #1a0e0e 0%, #3a1a1a 50%, #1a0505 100%);
  overflow: hidden;
  padding: 40px 20px;
}

@media screen and (max-width: 768px) {
  .error-500-container {
    padding: 20px 12px;
  }
}

.error-500-stars-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  z-index: 1;
}

.error-500-stars-bg .star-bg {
  position: absolute;
  width: 2px;
  height: 2px;
  background: rgba(255, 200, 200, 0.8);
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(255, 100, 100, 0.6);
  animation: starBgTwinkle 3s ease-in-out infinite;
}

.error-500-stars-bg .star-bg-1 {
  top: 29%;
  left: 46%;
  animation-delay: 2973ms;
  animation-duration: 5s;
}

.error-500-stars-bg .star-bg-2 {
  top: 82%;
  left: 5%;
  animation-delay: 1545ms;
  animation-duration: 4s;
}

.error-500-stars-bg .star-bg-3 {
  top: 49%;
  left: 3%;
  animation-delay: 403ms;
  animation-duration: 5s;
}

.error-500-stars-bg .star-bg-4 {
  top: 1%;
  left: 11%;
  animation-delay: 1715ms;
  animation-duration: 4s;
}

.error-500-stars-bg .star-bg-5 {
  top: 55%;
  left: 87%;
  animation-delay: 1608ms;
  animation-duration: 6s;
}

.error-500-stars-bg .star-bg-6 {
  top: 8%;
  left: 78%;
  animation-delay: 2874ms;
  animation-duration: 6s;
}

.error-500-stars-bg .star-bg-7 {
  top: 2%;
  left: 86%;
  animation-delay: 1265ms;
  animation-duration: 3s;
}

.error-500-stars-bg .star-bg-8 {
  top: 58%;
  left: 58%;
  animation-delay: 18ms;
  animation-duration: 5s;
}

.error-500-stars-bg .star-bg-9 {
  top: 56%;
  left: 62%;
  animation-delay: 1719ms;
  animation-duration: 6s;
}

.error-500-stars-bg .star-bg-10 {
  top: 72%;
  left: 48%;
  animation-delay: 1615ms;
  animation-duration: 4s;
}

.error-500-stars-bg .star-bg-11 {
  top: 2%;
  left: 33%;
  animation-delay: 1674ms;
  animation-duration: 6s;
}

.error-500-stars-bg .star-bg-12 {
  top: 23%;
  left: 76%;
  animation-delay: 305ms;
  animation-duration: 4s;
}

.error-500-stars-bg .star-bg-13 {
  top: 87%;
  left: 63%;
  animation-delay: 530ms;
  animation-duration: 4s;
}

.error-500-stars-bg .star-bg-14 {
  top: 3%;
  left: 35%;
  animation-delay: 1830ms;
  animation-duration: 3s;
}

.error-500-stars-bg .star-bg-15 {
  top: 58%;
  left: 4%;
  animation-delay: 470ms;
  animation-duration: 4s;
}

.error-500-stars-bg .star-bg-16 {
  top: 53%;
  left: 42%;
  animation-delay: 1621ms;
  animation-duration: 6s;
}

.error-500-stars-bg .star-bg-17 {
  top: 82%;
  left: 91%;
  animation-delay: 1885ms;
  animation-duration: 6s;
}

.error-500-stars-bg .star-bg-18 {
  top: 68%;
  left: 36%;
  animation-delay: 1570ms;
  animation-duration: 6s;
}

.error-500-stars-bg .star-bg-19 {
  top: 4%;
  left: 47%;
  animation-delay: 1835ms;
  animation-duration: 4s;
}

.error-500-stars-bg .star-bg-20 {
  top: 67%;
  left: 47%;
  animation-delay: 1203ms;
  animation-duration: 3s;
}

.error-500-stars-bg .star-bg-21 {
  top: 6%;
  left: 3%;
  animation-delay: 618ms;
  animation-duration: 5s;
}

.error-500-stars-bg .star-bg-22 {
  top: 89%;
  left: 42%;
  animation-delay: 1773ms;
  animation-duration: 4s;
}

.error-500-stars-bg .star-bg-23 {
  top: 97%;
  left: 95%;
  animation-delay: 2744ms;
  animation-duration: 4s;
}

.error-500-stars-bg .star-bg-24 {
  top: 10%;
  left: 48%;
  animation-delay: 306ms;
  animation-duration: 6s;
}

.error-500-stars-bg .star-bg-25 {
  top: 78%;
  left: 63%;
  animation-delay: 1521ms;
  animation-duration: 3s;
}

.error-500-stars-bg .star-bg-26 {
  top: 92%;
  left: 89%;
  animation-delay: 1398ms;
  animation-duration: 4s;
}

.error-500-stars-bg .star-bg-27 {
  top: 17%;
  left: 31%;
  animation-delay: 185ms;
  animation-duration: 6s;
}

.error-500-stars-bg .star-bg-28 {
  top: 48%;
  left: 7%;
  animation-delay: 2139ms;
  animation-duration: 6s;
}

.error-500-stars-bg .star-bg-29 {
  top: 35%;
  left: 87%;
  animation-delay: 1228ms;
  animation-duration: 6s;
}

.error-500-stars-bg .star-bg-30 {
  top: 64%;
  left: 70%;
  animation-delay: 1295ms;
  animation-duration: 4s;
}

.error-500-hero {
  position: relative;
  z-index: 10;
  max-width: 700px;
  width: 100%;
  background: rgba(40, 0, 0, 0.4);
  backdrop-filter: blur(20px);
  border-radius: 32px;
  border: 1px solid rgba(255, 100, 100, 0.2);
  padding: 60px 40px;
  text-align: center;
  box-shadow: 0 20px 60px rgba(220, 38, 38, 0.5), 0 0 0 1px rgba(220, 38, 38, 0.1);
}

@media screen and (max-width: 768px) {
  .error-500-hero {
    padding: 40px 24px;
    border-radius: 24px;
  }
}

.error-500-waves {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 32px;
  overflow: hidden;
  opacity: 0.15;
  pointer-events: none;
}

.error-500-waves::before, .error-500-waves::after {
  content: '';
  position: absolute;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
  background: linear-gradient(135deg, transparent 0%, rgba(220, 38, 38, 0.4) 50%, transparent 100%);
  animation: wavesPulse 8s ease-in-out infinite;
}

.error-500-waves::after {
  animation-delay: 4s;
  background: linear-gradient(135deg, transparent 0%, rgba(239, 68, 68, 0.4) 50%, transparent 100%);
}

.error-500-icon-wrapper {
  position: relative;
  display: inline-block;
  margin-bottom: 30px;
  animation: iconBounce 2s ease-in-out infinite;
}

.error-500-icon-bg {
  position: relative;
  width: 180px;
  height: 180px;
  background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 20px 60px rgba(220, 38, 38, 0.5), 0 0 0 20px rgba(220, 38, 38, 0.1), 0 0 0 40px rgba(220, 38, 38, 0.05);
  animation: iconPulse 3s ease-in-out infinite;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .error-500-icon-bg {
    width: 150px;
    height: 150px;
  }
}

.error-500-number {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 80px;
  font-weight: 900;
  color: white;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
  z-index: 2;
  line-height: 1;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  .error-500-number {
    font-size: 60px;
  }
}

.error-500-icon-glow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(220, 38, 38, 0.5) 0%, transparent 70%);
  animation: glowPulse 3s ease-in-out infinite;
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  .error-500-icon-glow {
    width: 150px;
    height: 150px;
  }
}

.error-500-title {
  font-size: 36px;
  font-weight: 800;
  margin: 0 0 16px 0;
  background: linear-gradient(135deg, #dc2626, #ef4444);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: -0.5px;
}

@media screen and (max-width: 768px) {
  .error-500-title {
    font-size: 28px;
  }
}

.error-500-subtitle {
  font-size: 18px;
  color: rgba(255, 200, 200, 0.8);
  margin: 0 0 30px 0;
  line-height: 1.6;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .error-500-subtitle {
    font-size: 16px;
    margin-bottom: 24px;
  }
}

.error-500-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, rgba(220, 38, 38, 0.25) 0%, rgba(239, 68, 68, 0.25) 100%);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(220, 38, 38, 0.4);
  border-radius: 50px;
  padding: 12px 24px;
  margin-bottom: 40px;
  animation: badgeSlideIn 0.6s ease-out 0.3s both;
}

@media screen and (max-width: 768px) {
  .error-500-badge {
    padding: 10px 20px;
    margin-bottom: 30px;
  }
}

.error-500-badge-icon {
  font-size: 20px;
  animation: badgeIconSpin 3s ease-in-out infinite;
}

@media screen and (max-width: 768px) {
  .error-500-badge-icon {
    font-size: 18px;
  }
}

.error-500-badge-text {
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 200, 200, 0.95);
  letter-spacing: 0.5px;
}

@media screen and (max-width: 768px) {
  .error-500-badge-text {
    font-size: 13px;
  }
}

.error-500-actions {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .error-500-actions {
    flex-direction: column;
    gap: 12px;
  }
}

.error-500-button-primary,
.error-500-button-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 16px 32px;
  border-radius: 16px;
  font-size: 16px;
  font-weight: 600;
  border: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .error-500-button-primary,
    .error-500-button-secondary {
    width: 100%;
    padding: 14px 24px;
    font-size: 15px;
  }
}

.error-500-button-primary svg,
  .error-500-button-secondary svg {
  transition: transform 0.3s ease;
}

.error-500-button-primary::before,
  .error-500-button-secondary::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  transform: translate(-50%, -50%);
  transition: width 0.6s, height 0.6s;
}

.error-500-button-primary:hover::before,
  .error-500-button-secondary:hover::before {
  width: 300px;
  height: 300px;
}

.error-500-button-primary {
  background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);
  color: white;
  box-shadow: 0 8px 24px rgba(220, 38, 38, 0.4);
}

.error-500-button-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 32px rgba(220, 38, 38, 0.6);
}

.error-500-button-primary:hover svg {
  transform: rotate(180deg);
}

.error-500-button-primary:active {
  transform: translateY(0);
}

.error-500-button-secondary {
  background: transparent;
  color: rgba(255, 200, 200, 0.95);
  border: 2px solid rgba(220, 38, 38, 0.5);
  box-shadow: 0 4px 16px rgba(220, 38, 38, 0.2);
}

.error-500-button-secondary:hover {
  border-color: rgba(220, 38, 38, 0.8);
  background: rgba(220, 38, 38, 0.15);
  box-shadow: 0 8px 24px rgba(220, 38, 38, 0.3);
}

.error-500-button-secondary:hover svg {
  transform: translateX(2px);
}

.error-500-button-secondary:active {
  transform: scale(0.98);
}

/* purgecss end ignore */

/* purgecss start ignore */

.product-wrap h1 {
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 0;
  font-size: 1.75rem;
}

.product-wrap h1:first-letter {
  text-transform: uppercase;
}

@media (min-width: 767px) {
  .product-wrap h1 {
    font-size: 2.25rem;
  }
}

.product-wrap h2 {
  font-weight: 700;
  font-size: 1.5rem;
  margin-top: 1rem;
  line-height: 1.2;
}

.product-wrap h2:first-letter {
  text-transform: uppercase;
}

.product-wrap h3 {
  font-weight: 700;
  font-size: 1.1rem;
  margin-top: 1rem;
  line-height: 1.2;
}

.product-wrap h3:first-letter {
  text-transform: uppercase;
}

.product-wrap p:first-letter {
  text-transform: uppercase;
}

.product-wrap .product-category {
  font-size: 1rem;
  color: #969696;
  margin-bottom: 1rem;
  display: block;
}

.product-wrap .product-category:hover {
  text-decoration: underline;
}

.product-wrap .store-details {
  display: grid;
  grid-template-columns: min-content 1fr;
  color: black;
  align-items: center;
  gap: 1rem;
  padding: .25rem;
  border-radius: .5rem;
  border: 1px solid #e3e3e3;
}

.product-wrap .store-logo {
  height: 4rem;
  width: 4rem;
}

.product-wrap .store-name {
  font-weight: 600;
  color: #F57423;
}

.product-wrap .description-hide {
  min-height: 4ch;
  max-height: 10ch;
  overflow: hidden;
}

.product-wrap .div-contaner-no-stock {
  background-color: #DBDBDB;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.product-wrap .title-no-stock {
  font-weight: 700;
  font-size: 1rem;
}

.product-wrap .div-read-more {
  text-align: center;
  width: 100%;
}

.product-wrap .text-description {
  margin-top: 0;
  margin-bottom: 1.25rem;
  white-space: break-spaces;
}

.product-wrap .cart-input {
  width: 40px;
  text-align: center;
}

.product-wrap .ant-checkbox-group {
  display: grid;
  gap: .5rem;
  margin-bottom: 12px;
}

.product-wrap .options {
  display: grid;
  gap: .5rem;
}

.product-wrap .option-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: .5rem;
}

.product-wrap .comments {
  margin-top: 2rem;
}

.product-wrap .gap {
  gap: .5rem;
}

.product-wrap .alert {
  color: #E15555;
}

.product-wrap .success {
  color: #73C64C;
}

.product-wrap .error {
  color: #E15555;
}

.product-wrap .product-add {
  display: grid;
  align-items: end;
}

@media (min-width: 767px) {
  .product-wrap .product-add {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 767px) {
  .product-wrap .product-quantity {
    margin-bottom: 0;
  }
}

.product-wrap .ant-anchor {
  font-size: 1.25rem;
  color: #F57423;
}

.product-wrap .ant-anchor-wrapper {
  background-color: transparent;
  overflow: inherit;
}

.product-wrap .ant-anchor-ink::before {
  background-color: transparent;
}

.product-wrap .btn-back {
  background-color: white;
  height: 48px;
  width: 48px;
  padding: .25rem;
  border-radius: 50%;
  box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-product-image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  border-radius: .5rem;
  margin-bottom: 1rem;
}

.modal-show-details .title {
  font-weight: 700;
  margin-top: 1.25rem;
}

.modal-show-details .day {
  font-weight: 700;
  margin-bottom: 0;
  margin-top: .75rem;
}

.modal-show-remove-cart h1 {
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1.2;
  font-size: 1.5rem;
  margin-bottom: .5rem;
}

.modal-show-remove-cart h1:first-letter {
  text-transform: uppercase;
}

.modal-show-remove-cart p:first-letter {
  text-transform: uppercase;
}

.modal-show-remove-cart .gap {
  gap: .5rem;
}

/* purgecss end ignore */

/* purgecss start ignore */

.context-group-wrap {
  font-size: 15px;
  font-weight: bold;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.context-group-wrap .content-group {
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding: 10px 15px;
  display: flex;
}

@media (min-width: 767px) {
  .context-group-wrap .content-group {
    overflow: hidden;
  }
}

.context-group-wrap .context-name {
  padding: .25rem .5rem;
  color: #585757;
  cursor: pointer;
  transition: .2s ease;
}

.context-group-wrap .context-name:hover {
  color: #F57423;
}

.context-group-wrap .ant-divider-horizontal {
  margin: 0 0;
}

.context-group-wrap .context-selected {
  color: #F57423;
}

@media (min-width: 767px) {
  .margin-filter {
    margin-bottom: 10px;
  }
}

.margin-filter .button-filter-branch-office {
  width: 100%;
  margin-bottom: 10px;
}

@media (min-width: 767px) {
  .margin-filter .button-filter-branch-office {
    width: auto;
  }
}

.margin-filter .button-all-branch-office {
  width: 100%;
}

@media (min-width: 767px) {
  .margin-filter .button-all-branch-office {
    margin-left: 10px;
    width: auto;
  }
}

.context-wrap {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 15px 20px 15px;
}

.context-wrap h1 {
  margin-top: 1.5rem;
  line-height: 1;
  font-size: 2.25rem;
  font-weight: bold;
}

@media (max-width: 767px) {
  .context-wrap h1 {
    font-size: 1.8rem;
    margin-bottom: 0.4rem;
  }
}

@media (min-width: 767px) {
  .context-wrap h1 {
    font-size: 2.25rem;
    margin-bottom: 2rem;
  }
}

.context-wrap h2 {
  margin-bottom: .5rem;
  margin-top: .5rem;
  line-height: 1;
  font-size: 1.5rem;
  font-weight: bold;
}

@media (min-width: 767px) {
  .context-wrap h2 {
    font-size: 1.5rem;
  }
}

.context-wrap h3 {
  line-height: 1;
  font-size: 1.25rem;
  font-weight: bold;
}

@media (max-width: 767px) {
  .context-wrap h3 {
    margin-top: 12px;
  }
}

@media (min-width: 767px) {
  .context-wrap h3 {
    font-size: 1.25rem;
  }
}

@media (min-width: 767px) {
  .context-wrap .hide-desktop {
    display: none;
  }
}

.context-wrap .hide-mobile {
  display: none;
}

@media (min-width: 767px) {
  .context-wrap .hide-mobile {
    display: block;
  }
}

.context-wrap .category-content {
  padding-top: 0px;
  padding-bottom: 12px;
}

.context-wrap .category-content .margin-categories {
  margin-top: 20px;
}

.context-wrap .category-content .category-text-selected {
  font-weight: bold;
  font-size: 15px;
  cursor: pointer;
  margin-top: 10px;
}

.context-wrap .category-content .category-text {
  font-size: 15px;
  cursor: pointer;
  margin-top: 10px;
}

@media (min-width: 767px) {
  .context-wrap .category-content .hide-desktop {
    display: none;
  }
}

.context-wrap .category-content .hide-mobile {
  display: none;
}

@media (min-width: 767px) {
  .context-wrap .category-content .hide-mobile {
    display: block;
  }
}

.context-wrap .category-content .ant-tree-node-selected {
  background-color: transparent;
  font-weight: bold;
}

.context-wrap .category-content .ant-tree-switcher_open {
  color: #F57423;
}

.context-wrap .category-content .ant-tree-switcher-icon {
  font-size: 14px;
  line-height: 30px;
}

.context-wrap .search-store-content {
  padding-top: 0px;
  padding-bottom: 20px;
  width: 100%;
}

@media (min-width: 767px) {
  .context-wrap .search-store-content {
    width: 90%;
  }
}

.context-wrap .search-store-content .ant-input-lg {
  border-radius: 5px 0 0 5px;
}

.context-wrap .card-empy-branchoffice {
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
}

.context-wrap .cursor-pointer {
  cursor: pointer;
}

.context-wrap .card-context {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: .5rem;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 120px min-content;
  width: 100%;
  height: 100%;
}

@media (min-width: 767px) {
  .context-wrap .card-context {
    grid-template-columns: 1fr;
    padding: 0;
  }

  .context-wrap .card-context h1 {
    margin-bottom: .5rem;
    line-height: 1;
    font-size: 1.4rem;
    font-weight: 600;
  }
}

@media (min-width: 767px) and (min-width: 767px) {
  .context-wrap .card-context h1 {
    font-size: 1.4rem;
  }
}

@media (min-width: 767px) {
  .context-wrap .card-context h2 {
    margin-bottom: 0;
  }
}

.context-wrap .card-context .card-header-restaurant {
  background-size: cover;
  height: 120px;
  border-radius: .5rem .5rem 0 0;
  position: relative;
}

.context-wrap .card-context .is-disabled {
  background-blend-mode: multiply;
  background-color: rgba(0, 0, 0, 0.7);
}

.context-wrap .card-context .store-title {
  padding: 0 .85rem;
  margin: .85rem 0rem .85rem 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  overflow-wrap: anywhere;
}

.context-wrap .card-context .description {
  font-size: .85rem;
  font-weight: 500;
  line-height: 1.2;
}

.context-wrap .card-context .logo {
  width: 72px;
  height: 72px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: .25rem;
  position: absolute;
  top: 1rem;
  left: 1rem;
}

@media (min-width: 767px) {
  .context-wrap .card-context .logo {
    width: 80px;
    height: 80px;
  }
}

.context-wrap .card-context .icon {
  width: 20px;
  height: 20px;
}

.context-wrap .card-context .info {
  color: #585757;
  display: grid;
  font-size: 12px;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 0 .85rem .85rem .8rem;
  gap: .25rem;
}

.context-wrap .card-context .info > * {
  display: grid;
  grid-template-columns: min-content 1fr;
  gap: .25rem;
}

@media (min-width: 767px) {
  .context-wrap .card-context .info {
    grid-template-columns: 1fr 1fr 1fr;
    grid-column: auto;
  }
}

.context-wrap .card-context .info p {
  margin-bottom: 0;
}

.context-wrap .card-context .info .not-available {
  grid-column: 1 / span 2;
  grid-template-columns: initial;
}

.context-wrap .card-context .info > div:nth-child(4) {
  grid-column: span 2;
}

.context-wrap .card-context .row-rate {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.context-wrap .card-context .row-rate h3 {
  margin-right: 10px;
}

.context-wrap .card-context .row-rate .icon {
  margin-top: 12px;
}

@media (min-width: 767px) {
  .context-wrap .card-context .row-rate .icon {
    margin-top: 0;
  }
}

.context-wrap .card-promotion {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: 15px;
  padding: 0;
  max-width: 100%;
  margin-right: .5rem !important;
  height: auto;
}

@media (min-width: 767px) {
  .context-wrap .card-promotion {
    grid-template-columns: 1fr;
    padding: 0;
  }

  .context-wrap .card-promotion h1 {
    margin-bottom: .5rem;
    line-height: 1;
    font-size: 1.4rem;
    font-weight: 600;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .context-wrap .card-promotion h2 {
    margin-bottom: 0;
    color: #000;
    font-size: 41px;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .context-wrap .card-promotion h3 {
    margin-bottom: 0;
    color: #000;
    font-size: 24px;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .context-wrap .card-promotion h4 {
    margin-bottom: 0;
    color: #000;
    font-size: 20px;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

.context-wrap .card-promotion h1 {
  margin-bottom: .5rem;
  line-height: 1;
  font-size: 1.4rem;
  font-weight: 600;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.context-wrap .card-promotion h2 {
  margin-bottom: 0;
  color: #000;
  font-size: 41px;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.context-wrap .card-promotion h3 {
  margin-bottom: 0;
  color: #000;
  font-size: 24px;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.context-wrap .card-promotion h4 {
  margin-bottom: 0;
  color: #000;
  font-size: 20px;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.context-wrap .card-promotion .img-porcent {
  width: 130px;
  margin-bottom: 14px;
}

.context-wrap .card-promotion .img-delivery {
  width: 140px;
  margin-bottom: 4px;
}

.context-wrap .card-promotion .img-money {
  width: 144px;
}

.context-wrap .card-promotion .shadown {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}

.context-wrap .card-promotion .btn-promotion {
  background-color: #000;
  color: #fff;
  font-weight: bold;
  margin-right: 5px;
  margin-bottom: 10px;
  width: 100%;
}

.context-wrap .card-promotion .content-banner-promotion {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.context-wrap .card-promotion .text-condition {
  text-align: center;
  color: black;
  padding-bottom: 10px;
}

/* purgecss end ignore */

/* purgecss start ignore */

.banner-home {
  margin: 24px 15px 24px 15px;
  border-radius: .5rem;
  overflow: hidden;
  background-color: white;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  display: grid;
  align-items: center;
}

@media (min-width: 767px) {
  .banner-home {
    height: 400px;
    grid-template-columns: 1fr 1fr;
  }
}

.banner-home .area-1 {
  font-size: 1rem;
  padding: 1.5rem;
  order: 1;
}

@media (min-width: 767px) {
  .banner-home .area-1 {
    order: 1;
  }
}

.banner-home .area-1 .stores > * + * {
  margin-left: .5rem;
}

.banner-home .area-2 {
  height: 100%;
  overflow: hidden;
  order: 2;
}

@media (min-width: 767px) {
  .banner-home .area-2 {
    order: 2;
  }
}

.banner-home h1 {
  margin-bottom: .5rem;
  margin-top: .5rem;
  line-height: 1;
  font-size: 1.75rem;
  font-weight: bold;
}

@media (min-width: 767px) {
  .banner-home h1 {
    font-size: 2.25rem;
  }
}

.banner-home .image-2 {
  width: 100%;
  max-height: 408px;
}

@media (min-width: 767px) {
  .banner-home .image-2 {
    width: auto;
  }
}

.banner-registration {
  margin: 24px 15px 24px 15px;
  background-image: url("https://tolivmarket-production.s3.sa-east-1.amazonaws.com/homepage/banner_v.png");
  background-size: cover;
  border-radius: .5rem;
  overflow: hidden;
  background-color: white;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  display: grid;
  align-items: center;
  color: #fff;
}

@media (min-width: 767px) {
  .banner-registration {
    height: 400px;
    grid-template-columns: 1fr 1fr;
    background-image: url("https://tolivmarket-production.s3.sa-east-1.amazonaws.com/homepage/banner.png");
  }
}

.banner-registration .area-1 {
  font-size: 1rem;
  padding: 1.5rem;
  order: 2;
}

@media (min-width: 767px) {
  .banner-registration .area-1 {
    order: 2;
  }
}

.banner-registration .area-1 .stores > * + * {
  margin-left: .5rem;
}

.banner-registration .area-2 {
  height: 300px;
  overflow: hidden;
  order: 1;
}

@media (min-width: 767px) {
  .banner-registration .area-2 {
    height: 100%;
    order: 1;
  }
}

.banner-registration h1 {
  color: #fff;
  margin-bottom: .5rem;
  margin-top: .5rem;
  line-height: 1;
  font-size: 1.75rem;
  font-weight: bold;
}

@media (min-width: 767px) {
  .banner-registration h1 {
    font-size: 2.25rem;
  }
}

.context-home-wrap {
  padding: 10px 15px;
  font-size: 15px;
  font-weight: bold;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.context-home-wrap h1 {
  margin-bottom: .5rem;
  margin-top: .5rem;
  line-height: 1;
  font-size: 2rem;
  font-weight: bold;
  color: #000;
}

@media (min-width: 767px) {
  .context-home-wrap h1 {
    font-size: 2rem;
  }
}

.home-contexts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}

.home-contexts .card-home {
  cursor: pointer;
  border-radius: .5rem;
  background-color: white;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  padding: 1rem;
  text-align: center;
}

@media (max-width: 767px) {
  .home-contexts .card-home img {
    height: 60px;
  }
}

.home-contexts .card-home .title {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.2;
}

@media (min-width: 767px) {
  .context-grid-2 {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 767px) {
  .context-grid-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 767px) {
  .context-grid-4 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 1023px) {
  .context-grid-4 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (min-width: 1360px) {
  .context-grid-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media (min-width: 767px) {
  .context-grid-6 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

@media (min-width: 1023px) {
  .context-grid-6 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}

@media (min-width: 1360px) {
  .context-grid-6 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}

.cities-home-wrap {
  padding: 10px 15px;
  font-size: 15px;
  font-weight: bold;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.cities-home-wrap h1 {
  margin-bottom: .5rem;
  margin-top: .5rem;
  line-height: 1;
  font-size: 2.25rem;
  font-weight: bold;
  color: #000;
}

@media (max-width: 767px) {
  .cities-home-wrap h1 {
    font-size: 1.8rem;
  }
}

@media (min-width: 767px) {
  .cities-home-wrap h1 {
    font-size: 2.25rem;
  }
}

.cities-home-wrap .display-flex {
  display: flex;
}

.cities-home-wrap .content-cities {
  display: flex;
  flex-wrap: wrap;
}

.cities-home-wrap .title-city {
  margin-bottom: 1rem;
}

.cities-home-wrap .title-city .orange {
  color: #F57423;
}

.cities-home-wrap .content-cities {
  padding-top: 12px;
}

.cities-home-wrap .content-cities ul {
  margin-left: 0;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.cities-home-wrap .content-cities li {
  margin-left: 0;
  list-style: none;
}

.cities-home-wrap .content-cities li {
  padding-top: 2px;
  padding-bottom: 2px;
}

.cities-home-wrap .content-cities .region {
  margin-top: 20px;
  width: 16%;
  float: left;
}

.cities-home-wrap a.name-city {
  cursor: pointer;
  color: #969696;
  font-weight: normal;
  margin-right: 0px;
  white-space: nowrap;
  font-size: 1rem;
  transition: .2s ease;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cities-home-wrap a.name-city:hover {
  color: #F57423;
}

.city-card-wrap {
  padding: 10px 15px;
  font-size: 15px;
  font-weight: bold;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.city-card-wrap h1 {
  margin-bottom: .5rem;
  margin-top: .5rem;
  line-height: 1.25;
  font-size: 2rem;
  font-weight: 700;
  color: #000;
}

@media (max-width: 767px) {
  .city-card-wrap h1 {
    font-size: 1.5rem;
  }
}

@media (min-width: 767px) {
  .city-card-wrap h1 {
    font-size: 2.25rem;
  }
}

.city-card-wrap .city {
  color: #F57423;
  cursor: pointer;
  display: block;
}

@media (min-width: 767px) {
  .city-card-wrap .city {
    display: inline-block;
  }
}

.city-card-wrap .city .icon {
  margin-left: .25rem;
}

.registration-card-sell-wrap {
  font-size: 15px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.registration-card-sell-wrap .ant-row > * + * {
  margin-top: 1.5rem;
}

@media (min-width: 767px) {
  .registration-card-sell-wrap .ant-row > * + * {
    margin-top: 0rem;
  }
}

.registration-card-sell-wrap .content-img {
  padding: 10px 15px;
}

.registration-card-sell-wrap img {
  width: 100%;
  border-radius: 15px;
}

.registration-card-sell-wrap h2 {
  font-weight: bold;
  color: #000;
}

.registration-card-sell-wrap .text {
  color: #000;
  line-height: 30px;
  font-size: 16px;
}

.registration-card-sell-wrap .content-padding {
  padding: 10px 15px;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.registration-card-sell-wrap .container-text {
  background: #ffffff;
  padding: 10px 15px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: 15px;
}

.registration-card-sell-wrap .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-radius: .5rem;
  background-color: white;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  padding: 2rem;
  height: 100%;
}

.registration-card-sell-wrap .shop {
  color: #F57423;
}

.registration-card-sell-wrap .buttom {
  height: auto;
  font-size: 1.25rem;
  font-weight: bold;
  margin-top: 10px;
  border-radius: 10px;
  background: var(--white, #FFF);
}

.registration-card-sell-wrap .buttom a {
  background: var(--gradient-2, linear-gradient(87deg, #FF6200 0%, #9747FF 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.registration-card-sell-wrap h1 {
  margin-bottom: .5rem;
  margin-top: .5rem;
  line-height: 1.25;
  font-size: 1.75rem;
  font-weight: bold;
  color: #fff;
}

@media (max-width: 767px) {
  .registration-card-sell-wrap h1 {
    font-size: 1.2rem;
  }
}

@media (min-width: 767px) {
  .registration-card-sell-wrap h1 {
    font-size: 1.75rem;
  }
}

.registration-card-wrap {
  font-size: 15px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.registration-card-wrap .ant-row > * + * {
  margin-top: 1.5rem;
}

@media (min-width: 767px) {
  .registration-card-wrap .ant-row > * + * {
    margin-top: 0rem;
  }
}

.registration-card-wrap .content-img {
  padding: 10px 15px;
}

.registration-card-wrap img {
  width: 100%;
  border-radius: 15px;
}

.registration-card-wrap h2 {
  font-weight: bold;
  color: #000;
}

.registration-card-wrap .text {
  color: #000;
  line-height: 30px;
  font-size: 16px;
}

.registration-card-wrap .content-padding {
  padding: 10px 15px;
  position: absolute;
  bottom: 0;
  width: 100%;
}

.registration-card-wrap .container-text {
  background: #ffffff;
  padding: 10px 15px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: 15px;
}

.registration-card-wrap .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-radius: .5rem;
  background-color: white;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  padding: 2rem;
  height: 100%;
}

.registration-card-wrap .shop {
  color: #F57423;
}

.registration-card-wrap .buttom {
  height: auto;
  font-size: 1.25rem;
  font-weight: bold;
  margin-top: 10px;
}

.registration-card-wrap h1 {
  margin-bottom: .5rem;
  margin-top: .5rem;
  line-height: 1.25;
  font-size: 1.75rem;
  font-weight: bold;
  color: #000;
}

@media (max-width: 767px) {
  .registration-card-wrap h1 {
    font-size: 1.2rem;
  }
}

@media (min-width: 767px) {
  .registration-card-wrap h1 {
    font-size: 1.75rem;
  }
}

.city-empty-minimal {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  min-height: 200px;
}

.city-empty-minimal .empty-content {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.city-empty-minimal .empty-icon {
  color: rgba(247, 147, 30, 0.6);
  opacity: 0.8;
  transition: all 0.3s ease;
}

.city-empty-minimal .empty-message {
  font-size: 1.125rem;
  font-weight: 500;
  color: var(--text-secondary-color);
  margin: 0;
  opacity: 0.7;
}

html[data-theme="dark"] .city-empty-minimal .empty-message {
  color: rgba(255, 255, 255, 0.6);
}

.city-empty h2 {
  font-size: 1.25rem;
  font-weight: 500;
  color: #969696;
}

.banners-city-wrap {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  margin-top: 15px;
  padding-bottom: 15px;
}

.banners-city-wrap .image-event {
  width: 100%;
  height: auto;
  margin-top: .75rem;
  border-radius: 0.5rem;
}

.banners-city-wrap .ant-carousel {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
  border-radius: .5rem;
}

.banners-city-wrap .ant-carousel .slick-slide {
  height: 200px;
}

@media (min-width: 767px) {
  .banners-city-wrap .ant-carousel .slick-slide {
    height: 480px;
  }
}

.banners-city-wrap .banner-image {
  -o-object-fit: fill;
     object-fit: fill;
  height: 200px;
  width: 100%;
  border-radius: .5rem;
}

@media (min-width: 767px) {
  .banners-city-wrap .banner-image {
    -o-object-fit: fill;
       object-fit: fill;
    height: 480px;
    width: 100%;
  }
}

.banners-city-wrap .ant-carousel .slick-slider .slick-track, .banners-city-wrap .ant-carousel .slick-slider .slick-list {
  border-radius: .5rem !important;
}

.modal-new-releases .ant-modal-body {
  padding: 2rem;
}

.modal-new-releases h2 {
  font-size: 2rem;
}

.modal-new-releases h3 {
  margin-bottom: .25rem;
}

.modal-new-releases ul {
  padding-left: 1rem;
}

.modal-new-releases li {
  margin-bottom: .75rem;
}

.list-other-events-wrap {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 15px 20px 15px;
}

.list-other-events-wrap .ant-carousel .slick-prev,
  .list-other-events-wrap .ant-carousel .slick-next,
  .list-other-events-wrap .ant-carousel .slick-prev:hover,
  .list-other-events-wrap .ant-carousel .slick-next:hover {
  background-color: #F57423;
  font-size: 1.25rem;
  color: #fff;
  z-index: 2;
  width: 2rem;
  height: 2rem;
  padding: 6px;
  border-radius: 50%;
  top: 46%;
}

.list-other-events-wrap .slick-disabled {
  display: none !important;
}

.list-other-events-wrap .slick-slide {
  padding: 8px;
}

.list-other-events-wrap .ant-carousel .slick-prev {
  left: 0;
}

@media (min-width: 1023px) {
  .list-other-events-wrap .ant-carousel .slick-prev {
    left: -.5rem;
  }
}

.list-other-events-wrap .ant-carousel .slick-next {
  right: 0;
}

@media (min-width: 1023px) {
  .list-other-events-wrap .ant-carousel .slick-next {
    right: -.5rem;
  }
}

.list-other-events-wrap .title {
  margin-bottom: .5rem;
  line-height: 1;
  font-size: 1.5rem;
  font-weight: 600;
  padding-top: 1rem;
}

@media (min-width: 767px) {
  .list-other-events-wrap .title {
    font-size: 1.7rem;
  }
}

.list-other-events-wrap .header-producer {
  border-radius: 1rem;
  padding: 2rem .5rem .5rem .5rem;
  margin-top: 20px;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-size: cover;
  margin-bottom: 5rem;
}

@media (min-width: 767px) {
  .list-other-events-wrap .header-producer {
    height: 22rem;
    padding: 1rem;
    margin-bottom: 0;
  }
}

.list-other-events-wrap .header-producer .social-networks {
  margin-right: 20px;
}

.list-other-events-wrap .header-producer .social-networks img {
  width: 26px;
  height: 26px;
}

.list-other-events-wrap .header-producer .content {
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(4px);
  border-radius: 1rem;
  padding: .85rem;
  display: grid;
  grid-template-columns: 72px 1fr;
  gap: .5rem;
  width: 100%;
  bottom: -6rem;
}

@media (min-width: 767px) {
  .list-other-events-wrap .header-producer .content {
    grid-template-columns: 100px 1fr 1.5fr;
    padding: 1rem;
    gap: 1rem;
    bottom: 0rem;
  }
}

.list-other-events-wrap .header-producer .content h1 {
  margin-bottom: .5rem;
  line-height: 1;
  font-size: 1.25rem;
  font-weight: 600;
}

@media (min-width: 767px) {
  .list-other-events-wrap .header-producer .content h1 {
    font-size: 1.4rem;
  }
}

.list-other-events-wrap .header-producer .content .store-status {
  position: relative;
  bottom: inherit;
  right: inherit;
  justify-content: flex-start;
}

.list-other-events-wrap .header-producer .content .store-status .is-scheduled {
  background-color: transparent;
}

.list-other-events-wrap .header-producer .description {
  font-size: .85rem;
  font-weight: 500;
  line-height: 1.2;
  margin-top: .5rem;
  margin-bottom: .25rem;
}

.list-other-events-wrap .header-producer .logo {
  width: 72px;
  height: 72px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: .25rem;
}

@media (min-width: 767px) {
  .list-other-events-wrap .header-producer .logo {
    width: 100px;
    height: 100px;
  }
}

.list-other-events-wrap .header-producer .info {
  display: grid;
  grid-template-columns: 1fr;
  grid-column: span 2;
}

@media (min-width: 767px) {
  .list-other-events-wrap .header-producer .info {
    grid-template-columns: 1fr 1fr 1fr;
    grid-column: auto;
  }
}

.list-other-events-wrap .header-producer .info p {
  margin-bottom: 0;
  border-radius: .5rem;
}

.list-other-events-wrap .header-producer .info > div:nth-child(4) {
  grid-column: span 2;
}

.list-other-events-wrap .header-producer .not-info {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  grid-column: span 2;
}

@media (min-width: 767px) {
  .list-other-events-wrap .header-producer .not-info {
    grid-column: auto;
  }
}

.list-other-events-wrap .header-producer .not-available {
  grid-column: span 3;
  background-color: #fff;
  font-weight: 700;
  font-size: 1rem;
  padding: .25rem .75rem;
  border-radius: .25rem;
  display: inline-block;
}

@media (min-width: 767px) {
  .list-other-events-wrap .header-producer .not-available {
    font-size: 1.25rem;
    padding: .5rem 1rem;
  }
}

.list-other-events-wrap .list-card-home-events {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 75px 20px 75px;
}

.list-other-events-wrap .list-card-home-events.time-line {
  padding: 10px 25px 20px 25px;
}

@media screen and (max-width: 500px) {
  .list-other-events-wrap.region-select {
    padding: 10px 0px 20px 0px;
  }
}

.list-other-events-wrap .ant-carousel .slick-prev,
  .list-other-events-wrap .ant-carousel .slick-next,
  .list-other-events-wrap .ant-carousel .slick-prev:hover,
  .list-other-events-wrap .ant-carousel .slick-next:hover {
  background-color: #F57423;
  font-size: 1.25rem;
  color: #fff;
  z-index: 2;
  width: 2rem;
  height: 2rem;
  padding: 6px;
  border-radius: 50%;
  top: 46%;
}

.list-other-events-wrap .slick-disabled {
  display: none !important;
}

.list-other-events-wrap .slick-slide {
  padding: 8px;
}

.list-other-events-wrap .ant-carousel .slick-prev {
  left: 0;
}

@media (min-width: 1023px) {
  .list-other-events-wrap .ant-carousel .slick-prev {
    left: -.5rem;
  }
}

.list-other-events-wrap .ant-carousel .slick-next {
  right: 0;
}

@media (min-width: 1023px) {
  .list-other-events-wrap .ant-carousel .slick-next {
    right: -.5rem;
  }
}

.list-other-events-wrap .ant-card {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: .5rem;
  height: 100%;
}

.list-other-events-wrap h2 {
  font-size: 1.25rem;
  text-align: left;
}

@media (min-width: 767px) {
  .list-other-events-wrap h2 {
    font-size: 1.75rem;
  }
}

.list-other-events-wrap .content-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.list-other-events-wrap .content-title .see-more {
  font-size: 14px;
  font-weight: 600;
  color: #f57423;
  margin-bottom: 6px;
  cursor: pointer;
}

@media (min-width: 767px) {
  .list-other-events-wrap .content-title .see-more {
    font-size: 16px;
  }
}

.list-other-events-wrap .card-see-more {
  display: flex !important;
  align-items: center !important;
  min-width: 224px;
}

@media (min-width: 767px) {
  .list-other-events-wrap .card-see-more {
    height: 354.5px;
  }
}

.list-other-events-wrap .card-see-more .see-more-card {
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
  width: 100%;
}

.list-other-events-wrap .card-event {
  text-transform: capitalize;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  padding: 0;
  width: 100%;
  height: auto;
}

@media (min-width: 767px) {
  .list-other-events-wrap .card-event {
    grid-template-columns: 1fr;
    padding: 0;
  }

  .list-other-events-wrap .card-event h1 {
    margin-bottom: .5rem;
    line-height: 1;
    font-size: 1.4rem;
    font-weight: 600;
  }
}

@media (min-width: 767px) and (min-width: 767px) {
  .list-other-events-wrap .card-event h1 {
    font-size: 1.4rem;
  }
}

@media (min-width: 767px) {
  .list-other-events-wrap .card-event h2 {
    margin-bottom: 0;
  }
}

.list-other-events-wrap .card-event .card-header-restaurant {
  background-size: cover;
  height: 184px;
  border-radius: 8px 8px 0 0;
  position: relative;
}

.list-other-events-wrap .card-event .shadown {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  max-width: 100%;
}

@media (min-width: 767px) {
  .list-other-events-wrap .card-event .shadown {
    max-width: 300px;
  }
}

.list-other-events-wrap .card-event .image-card-event {
  width: 100%;
  border-radius: 8px 8px 0 0;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 767px) {
  .list-other-events-wrap .card-event .image-card-event {
    height: 240px;
  }
}

.list-other-events-wrap .card-event .is-disabled {
  background-blend-mode: multiply;
  background-color: rgba(0, 0, 0, 0.7);
}

.list-other-events-wrap .card-event .store-title {
  padding: 0 .85rem;
  margin: .85rem 0rem .85rem 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  overflow-wrap: anywhere;
}

.list-other-events-wrap .card-event .description {
  font-size: .85rem;
  font-weight: 500;
  line-height: 1.2;
}

.list-other-events-wrap .card-event .logo {
  width: 72px;
  height: 72px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: .25rem;
  position: absolute;
  top: 1rem;
  left: 1rem;
}

@media (min-width: 767px) {
  .list-other-events-wrap .card-event .logo {
    width: 80px;
    height: 80px;
  }
}

.list-other-events-wrap .card-event .icon {
  width: 20px;
  height: 20px;
}

.list-other-events-wrap .card-event .info {
  color: #585757;
  display: grid;
  font-size: 12px;
  padding: 0 .85rem .85rem .8rem;
}

.list-other-events-wrap .card-event .info p {
  font-weight: bold;
  line-height: 1rem;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 1rem;
  overflow-wrap: anywhere;
  margin-bottom: 0;
}

.list-other-events-wrap .card-event .info .not-available {
  grid-column: 1 / span 2;
  grid-template-columns: initial;
}

.list-other-events-wrap .card-event .btn-buy {
  background-color: #000;
  color: #fff;
  font-weight: bold;
  margin-right: 5px;
  margin-bottom: 10px;
}

.list-other-events-wrap .category-content {
  padding-top: 0px;
  padding-bottom: 12px;
}

.list-other-events-wrap .margin-categories {
  margin-top: 20px;
}

.list-other-events-wrap .category-text-selected {
  font-weight: bold;
  font-size: 15px;
  cursor: pointer;
  margin-top: 10px;
}

.list-other-events-wrap .category-text {
  font-size: 15px;
  cursor: pointer;
  margin-top: 10px;
}

@media (min-width: 767px) {
  .list-other-events-wrap .hide-desktop {
    display: none;
  }
}

.list-other-events-wrap .hide-mobile {
  display: none;
}

@media (min-width: 767px) {
  .list-other-events-wrap .hide-mobile {
    display: block;
  }
}

.list-other-events-wrap .ant-tree-node-selected {
  background-color: transparent;
  font-weight: bold;
}

.list-other-events-wrap .ant-tree-switcher_open {
  color: #F57423;
}

.list-other-events-wrap .ant-tree-switcher-icon {
  font-size: 14px;
  line-height: 30px;
}

.list-other-events-wrap .search-store-content {
  padding-top: 0px;
  padding-bottom: 20px;
  width: 100%;
}

@media (min-width: 767px) {
  .list-other-events-wrap .search-store-content {
    width: 90%;
  }
}

.list-other-events-wrap .search-store-content .ant-input-lg {
  border-radius: 5px 0 0 5px;
}

.list-other-events-wrap .card-empy-events {
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
}

.list-other-events-wrap .city {
  color: #F57423;
  cursor: pointer;
  display: block;
}

@media (min-width: 767px) {
  .list-other-events-wrap .city {
    display: inline-block;
  }
}

.list-other-events-wrap .city .icon {
  margin-left: .25rem;
}

.region-event {
  color: #F57423;
  cursor: pointer;
  display: inline-block;
}

.region-event .icon {
  margin-left: .25rem;
}

.section-home-events {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 15px 20px 15px;
}

.section-home-events .ant-carousel .slick-prev,
  .section-home-events .ant-carousel .slick-next,
  .section-home-events .ant-carousel .slick-prev:hover,
  .section-home-events .ant-carousel .slick-next:hover {
  background-color: #F57423;
  font-size: 1.25rem;
  color: #fff;
  z-index: 2;
  width: 2rem;
  height: 2rem;
  padding: 6px;
  border-radius: 50%;
  top: 46%;
}

.section-home-events .ant-carousel .slick-prev .slick-disabled,
    .section-home-events .ant-carousel .slick-next .slick-disabled,
    .section-home-events .ant-carousel .slick-prev:hover .slick-disabled,
    .section-home-events .ant-carousel .slick-next:hover .slick-disabled {
  display: none !important;
}

.section-home-events .ant-carousel .slick-prev .slick-slide,
    .section-home-events .ant-carousel .slick-next .slick-slide,
    .section-home-events .ant-carousel .slick-prev:hover .slick-slide,
    .section-home-events .ant-carousel .slick-next:hover .slick-slide {
  padding: 8px;
}

.section-home-events .ant-carousel .slick-prev .ant-carousel .slick-prev,
    .section-home-events .ant-carousel .slick-next .ant-carousel .slick-prev,
    .section-home-events .ant-carousel .slick-prev:hover .ant-carousel .slick-prev,
    .section-home-events .ant-carousel .slick-next:hover .ant-carousel .slick-prev {
  left: 0;
}

@media (min-width: 1023px) {
  .section-home-events .ant-carousel .slick-prev .ant-carousel .slick-prev,
        .section-home-events .ant-carousel .slick-next .ant-carousel .slick-prev,
        .section-home-events .ant-carousel .slick-prev:hover .ant-carousel .slick-prev,
        .section-home-events .ant-carousel .slick-next:hover .ant-carousel .slick-prev {
    left: -.5rem;
  }
}

.section-home-events .ant-carousel .slick-prev .ant-carousel .slick-next,
    .section-home-events .ant-carousel .slick-next .ant-carousel .slick-next,
    .section-home-events .ant-carousel .slick-prev:hover .ant-carousel .slick-next,
    .section-home-events .ant-carousel .slick-next:hover .ant-carousel .slick-next {
  right: 0;
}

@media (min-width: 1023px) {
  .section-home-events .ant-carousel .slick-prev .ant-carousel .slick-next,
        .section-home-events .ant-carousel .slick-next .ant-carousel .slick-next,
        .section-home-events .ant-carousel .slick-prev:hover .ant-carousel .slick-next,
        .section-home-events .ant-carousel .slick-next:hover .ant-carousel .slick-next {
    right: -.5rem;
  }
}

.section-home-events .ant-carousel .slick-prev .ant-card,
    .section-home-events .ant-carousel .slick-next .ant-card,
    .section-home-events .ant-carousel .slick-prev:hover .ant-card,
    .section-home-events .ant-carousel .slick-next:hover .ant-card {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: .5rem;
  height: 100%;
}

.section-home-events h2 {
  font-size: 1.25rem;
  text-align: left;
  margin-bottom: -8px;
}

@media (min-width: 767px) {
  .section-home-events h2 {
    font-size: 1.75rem;
  }
}

.section-home-events .ant-tabs-tab-btn {
  font-weight: bold !important;
  font-size: 1rem !important;
}

.section-home-events .content-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.section-home-events .content-title .see-more {
  font-size: 14px;
  font-weight: 600;
  color: #f57423;
  margin-bottom: 6px;
  cursor: pointer;
}

@media (min-width: 767px) {
  .section-home-events .content-title .see-more {
    font-size: 16px;
  }
}

.section-home-events .card-see-more {
  display: flex !important;
  align-items: center !important;
  min-width: 224px;
}

@media (min-width: 767px) {
  .section-home-events .card-see-more {
    height: 354.5px;
  }
}

.section-home-events .card-see-more .see-more-card {
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
  width: 100%;
}

.change-region-content {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  border-radius: 8px;
  margin-top: 8px;
}

@media (min-width: 767px) {
  .change-region-content {
    margin-top: 20px;
  }
}

.change-region-content .content-title {
  padding-left: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (min-width: 767px) {
  .change-region-content .content-title {
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 8px;
  }
}

.change-region-content .content-title .see-more {
  font-size: 14px;
  font-weight: 600;
  color: #f57423;
  margin-bottom: 6px;
  cursor: pointer;
}

@media (min-width: 767px) {
  .change-region-content .content-title .see-more {
    font-size: 16px;
  }
}

.change-region-content .content-title h2 {
  font-size: 1.1rem;
  text-align: left;
  padding-bottom: 0;
  margin-bottom: 0;
  display: flex;
}

@media (min-width: 767px) {
  .change-region-content .content-title h2 {
    font-size: 1.75rem;
  }
}

.change-region-content .content-title h2 span {
  margin-left: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 220px;
}

@media (min-width: 767px) {
  .change-region-content .content-title h2 span {
    max-width: 100%;
  }
}

.change-region-content .content-title .region-event {
  text-decoration: underline;
}

.change-region-content .shadown {
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}

.event-categories-container {
  display: flex;
  gap: 10px;
  justify-content: center;
}

.event-categories-container .cards {
  padding: 1rem 0px 1rem 0px;
  border-radius: 10px;
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 75px;
  padding-inline: 5px;
}

.event-categories-container .cards:hover {
  cursor: pointer;
  opacity: 90%;
  background-color: #FFE0CC;
}

.event-categories-container .cards span {
  font-weight: 400;
  font-size: 13px;
  line-height: 22px;
  color: #4F4545;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (min-width: 767px) {
  .event-categories-container .cards span {
    font-size: 14px;
  }
}

.event-categories-container .cards span.selected {
  color: #f57423;
  font-weight: 700;
}

.event-categories-container .cards.selected {
  background-color: #FFE0CC;
  border: 0px;
}

.event-categories-container .cards .img-logo {
  width: 35px;
}

@media (min-width: 767px) {
  .event-categories-container .cards .img-logo {
    width: 40px;
  }
}

.favorites-container {
  padding: 0px 20px;
}

.favorites-container .favorites-back-section .back-button-minimal {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  height: auto !important;
  display: flex !important;
  align-items: center !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.favorites-container .favorites-back-section .back-button-minimal:hover {
  background: transparent !important;
  transform: translateX(-2px) !important;
}

.favorites-container .favorites-back-section .back-button-minimal .custom-arrow-icon {
  color: var(--text-color) !important;
  width: 28px !important;
  height: 19px !important;
  margin-right: 8px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  opacity: 0.8;
}

.favorites-container .favorites-back-section .back-button-minimal .back-text {
  color: var(--text-color) !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  margin-right: 12px !important;
  transition: color 0.2s ease !important;
  opacity: 0.9;
}

.favorites-container .favorites-back-section .back-button-minimal:hover .custom-arrow-icon {
  opacity: 1;
  color: var(--primary-color) !important;
}

.favorites-container .favorites-back-section .back-button-minimal:hover .back-text {
  color: var(--primary-color) !important;
  opacity: 1;
}

.favorites-container .favorites-content .title {
  font-weight: 600;
  font-size: 24px;
  line-height: 16px;
  color: #4F4545;
  padding: 20px 0px 20px 0px;
}

.favorites-container .favorites-content .no-favorites-container {
  padding: 100px 75px 100px 75px;
  text-align: center;
}

.favorites-container .favorites-content .no-favorites-container .primary-text {
  font-weight: 700;
  font-size: 24px;
  line-height: 22px;
  color: #4F4545;
  padding: 10px 0px;
}

.favorites-container .favorites-content .no-favorites-container .sub-text {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #969696;
}

.favorites-container .favorites-content .no-favorites-container a {
  text-decoration: underline;
}

@media screen and (max-width: 700px) {
  .favorites-container {
    padding: 0px 10px;
  }

  .favorites-container .favorites-content .no-favorites-container {
    padding: 40px 20px;
    text-align: center;
  }
}

.modalmask {
  position: fixed;
  right: 0;
  bottom: 75px;
  left: 0;
  z-index: 20;
}

.modalmask.higher {
  bottom: 135px;
}

.modalmask:target {
  opacity: 1;
  pointer-events: auto;
}

.modalmask .modalbox {
  width: 90%;
  padding: 8px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid var(--border-color);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}

.modalmask .modalbox h2 {
  font-weight: 600;
  font-size: 18px;
  color: #4F4545;
  margin-bottom: 0px;
}

.modalmask .modalbox p {
  font-weight: 400;
  font-size: 14px;
  color: #4F4545;
}

.modalmask .modalbox svg {
  width: 20px;
  height: 20px;
}

.modalmask .movedown {
  margin: 0 auto;
}

.modalmask .movedown .title {
  display: flex;
  justify-content: space-between;
  color: #F57423;
  font-weight: 400;
  font-size: 12px;
  align-items: center;
}

.modalmask .movedown .title span {
  color: #4F4545;
  gap: 5px;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.modalmask .movedown .title span svg {
  width: 10px;
  height: 10px;
}

.modalmask .movedown .hours {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modalmask .movedown .hours p {
  font-weight: 500;
  font-size: 12px;
  color: #969696;
  margin-bottom: 0px;
}

.modalmask .movedown .buttons {
  display: flex;
  justify-content: space-around;
  margin-top: 10px;
  font-weight: 400;
  font-size: 11px;
  color: #F57423;
  border: 1px solid var(--border-color);
}

.modalmask .movedown .buttons .button-container {
  padding: 12px 0px 12px 0px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.modalmask .movedown .buttons .button-container:first-child {
  border-right: 1px solid var(--border-color);
  border-radius: 8px 0px 0px 8px;
}

.modalmask .movedown .buttons .button-container:last-child {
  border-left: 1px solid var(--border-color);
  border-radius: 0px 8px 8px 0px;
}

.close {
  background: #606061;
  color: #FFFFFF;
  line-height: 25px;
  position: absolute;
  right: 1px;
  text-align: center;
  top: 1px;
  width: 24px;
  text-decoration: none;
  font-weight: bold;
  border-radius: 3px;
}

.close:hover {
  background: #FAAC58;
  color: #222;
}

@media screen and (max-width: 967px) {
  .lateral-menu {
    display: none;
  }
}

.lateral-menu {
  margin-right: 10px;
  padding: 0;
  transition: 1s;
}

.lateral-menu.left-menu {
  border: 0;
  transition: 1s;
}

.lateral-menu .item-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 1s;
}

.lateral-menu .item-menu .link {
  font-weight: 500;
  font-size: 1em;
  color: var(--text-secondary-color);
  transition: color 0.2s ease;
}

.lateral-menu .item-menu .link.selected {
  color: var(--text-color) !important;
  font-weight: 600 !important;
}

.lateral-menu .item-menu .link:hover {
  color: var(--text-color) !important;
}

.right-menu-box {
  background-color: var(--surface-color);
  border: 1px solid var(--border-color);
  padding-top: 16px;
  border-radius: 12px;
  transition: all 0.3s ease;
}

.right-menu-box.is-collapsed {
  padding: 24px 8px;
  text-align: center;
}

.right-menu-box .primary-text {
  font-weight: 700;
  font-size: 16px;
  color: var(--text-color);
}

.right-menu-box .secondary-text {
  font-weight: 500;
  font-size: 14px;
  color: var(--text-secondary-color);
}

.right-menu-box .button-container {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 10px;
}

.ant-menu-item-selected {
  border: 0 !important;
  background-color: #fff !important;
}

@media screen and (min-width: 967px) {
  .page-container {
    display: flex;
    height: calc( 100vh - 74px);
  }

  .page-container .content-container {
    overflow-y: scroll;
    scrollbar-width: none;
    position: relative;
    width: 100%;
    border-right: 1px solid var(--border-color);
    border-left: 1px solid var(--border-color);
  }
}

[data-theme="dark"] .modalmask .modalbox {
  background: rgba(0, 0, 0, 0.95) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 20px 64px rgba(0, 0, 0, 0.7), 0 8px 32px rgba(0, 0, 0, 0.5) !important;
}

[data-theme="dark"] .modalmask .modalbox h2 {
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

[data-theme="dark"] .modalmask .modalbox p {
  color: #CCCCCC !important;
}

[data-theme="dark"] .modalmask .modalbox .title {
  color: #FF6600 !important;
}

[data-theme="dark"] .modalmask .modalbox .title span {
  color: #FFFFFF !important;
}

[data-theme="dark"] .modalmask .modalbox .title span svg {
  filter: brightness(0) invert(1) !important;
}

[data-theme="dark"] .modalmask .modalbox .hours p {
  color: #AAAAAA !important;
}

[data-theme="dark"] .modalmask .modalbox .buttons {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .modalmask .modalbox .buttons .button-container {
  color: #FF6600 !important;
  background: transparent !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border-radius: 8px !important;
}

[data-theme="dark"] .modalmask .modalbox .buttons .button-container:hover {
  background: rgba(255, 102, 0, 0.1) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 16px rgba(255, 102, 0, 0.3) !important;
}

[data-theme="dark"] .modalmask .modalbox .buttons .button-container svg {
  filter: brightness(1) !important;
}

[data-theme="dark"] .modalmask .modalbox .ant-progress .ant-progress-bg {
  background: var(--primary-color) !important;
}

[data-theme="dark"] .modalmask .modalbox .anticon-play-circle {
  background: rgba(0, 0, 0, 0.8) !important;
  border-radius: 50% !important;
  padding: 2px !important;
}

.lateral-menu.left-menu .ant-menu-item {
  height: auto;
  line-height: 1.5;
  margin: 4px 8px !important;
  padding: 0 !important;
  border-radius: 10px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.lateral-menu.left-menu .ant-menu-item:hover {
  background: rgba(255, 255, 255, 0.025) !important;
}

.lateral-menu.left-menu .ant-menu-item::after {
  display: none;
}

.lateral-menu.left-menu .item-menu {
  padding: 10px 12px;
  border-radius: 10px;
  transition: all 0.2s ease;
}

.lateral-menu.left-menu .item-menu > div {
  display: flex;
  align-items: center;
  gap: 12px;
}

.lateral-menu.left-menu .item-menu > div > span {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
}

.lateral-menu.left-menu .item-menu > div .anticon {
  font-size: 18px;
  transition: all 0.2s ease;
}

.lateral-menu.left-menu .item-menu .link {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.01em;
  transition: all 0.2s ease;
  opacity: 0.7 !important;
}

.lateral-menu.left-menu .item-menu .link.selected {
  font-weight: 600;
  opacity: 0.9 !important;
}

.lateral-menu.left-menu .item-menu .link.toliv-social-link {
  display: flex;
  align-items: baseline;
  gap: 2px;
  opacity: 0.8 !important;
}

.lateral-menu.left-menu .item-menu .link.toliv-social-link > span:first-child {
  font-size: 15px !important;
  font-weight: 700 !important;
}

.lateral-menu.left-menu .item-menu .link.toliv-social-link > span:last-child {
  font-size: 15px !important;
  font-weight: 700 !important;
}

.lateral-menu.right-menu .ant-menu-item {
  height: auto;
  line-height: 1.5;
  margin: 4px 8px !important;
  padding: 0 !important;
  border-radius: 10px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.lateral-menu.right-menu .ant-menu-item:hover {
  background: rgba(255, 255, 255, 0.025) !important;
}

.lateral-menu.right-menu .ant-menu-item::after {
  display: none;
}

.lateral-menu.right-menu .item-menu {
  padding: 10px 12px;
  border-radius: 10px;
  transition: all 0.2s ease;
}

.lateral-menu.right-menu .item-menu > div {
  display: flex;
  align-items: center;
  gap: 12px;
}

.lateral-menu.right-menu .item-menu > div > span {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
}

.lateral-menu.right-menu .item-menu > div .anticon {
  font-size: 18px;
  transition: all 0.2s ease;
}

.lateral-menu.right-menu .item-menu .link {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.01em;
  transition: all 0.2s ease;
  opacity: 0.7 !important;
}

.lateral-menu.right-menu .item-menu .link.selected {
  font-weight: 600;
  opacity: 0.9 !important;
}

[data-theme="dark"] .lateral-menu.left-menu .ant-menu-item:hover {
  background: rgba(255, 255, 255, 0.015) !important;
}

[data-theme="dark"] .lateral-menu.left-menu .item-menu .link:hover {
  color: rgba(255, 255, 255, 0.7) !important;
}

[data-theme="dark"] .lateral-menu.right-menu .ant-menu-item:hover {
  background: rgba(255, 255, 255, 0.015) !important;
}

[data-theme="dark"] .lateral-menu.right-menu .item-menu .link:hover {
  color: rgba(255, 255, 255, 0.7) !important;
}

[data-theme="dark"] .right-menu-box.app-download-box {
  background: rgba(255, 255, 255, 0.02) !important;
  border-color: rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .right-menu-box.app-download-box:hover {
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="dark"] .right-menu-box.app-download-box .primary-text {
  opacity: 0.8 !important;
}

[data-theme="dark"] .right-menu-box.app-download-box .secondary-text {
  opacity: 0.6 !important;
}

/* purgecss end ignore */

/* purgecss start ignore */

.card-store {
  min-height: 226px;
  display: grid;
  min-width: 160px;
  max-width: 160px;
  margin-right: .5rem !important;
}

@media (min-width: 767px) {
  .card-store {
    max-width: 100%;
  }
}

.card-store .ant-card-body {
  padding: 0;
}

.card-store .card-header {
  justify-content: center;
  align-items: center;
  height: 6.75rem;
  padding-top: .75rem;
}

.card-store .card-body {
  padding: .5rem;
  text-align: center;
}

.card-store .card-img {
  width: auto;
  height: 6rem;
  border-radius: .25rem;
}

.card-store .card-title {
  color: #000;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.25rem;
  margin: .5rem 0 .5rem 0;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.card-store .card-description {
  font-size: .85rem;
  line-height: 1rem;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: 32px;
  overflow-wrap: anywhere;
}

.card-store .card-price {
  font-weight: 700;
  font-size: 1.15rem;
  margin-bottom: 0;
  margin-top: .25rem;
}

.card-store .product-state {
  font-weight: bold;
  position: absolute;
  color: white;
  padding: .25rem .5rem;
  border-radius: .25rem;
  background-color: rgba(0, 0, 0, 0.4);
}

.carousel-products-mobile {
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding: 10px 15px;
  display: flex;
  margin-right: -1rem;
  margin-left: -.85rem;
}

.list-card-store {
  padding-top: 3rem;
  margin-top: -2rem;
}

.list-card-store .header-list {
  display: grid;
  padding-top: 1rem;
}

.list-card-store .header-list-carousel {
  display: grid;
  grid-template-columns: 1fr max-content;
  align-items: center;
}

.list-card-store .list-title {
  font-weight: 600;
  padding-top: 0;
}

.list-card-store .list-title-selected {
  font-weight: 600;
  margin-top: 0;
  font-size: 1.5rem;
}

.list-card-store .see-more {
  font-size: 1rem;
  font-weight: 600;
}

.list-card-store .back-products {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1rem;
}

.list-card-store .see-more-card {
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
  margin-top: 77px;
}

.list-card-store .ant-anchor-ink {
  background-color: #fff !important;
}

.list-card-store .ant-anchor-ink::before {
  background-color: #fff !important;
}

.card-super {
  min-height: 290px;
  display: grid;
  min-width: 160px;
  max-width: 160px;
  margin-right: .5rem !important;
}

@media (min-width: 767px) {
  .card-super {
    max-width: 100%;
  }
}

.card-super .ant-card-body {
  padding: 0;
}

.card-super .card-header {
  justify-content: center;
  align-items: center;
  height: 6.75rem;
  padding-top: .75rem;
  cursor: pointer;
}

.card-super .card-body {
  padding: .5rem;
  text-align: center;
  cursor: pointer;
}

.card-super .card-img {
  width: auto;
  height: 6rem;
  border-radius: .25rem;
}

.card-super .card-title {
  color: #000;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.25rem;
  margin: .5rem 0 .5rem 0;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.card-super .card-description {
  font-size: .85rem;
  line-height: 1rem;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 32px;
  max-height: 32px;
  overflow-wrap: anywhere;
}

.card-super .card-price {
  font-weight: 700;
  font-size: 1.15rem;
  margin-bottom: 0;
  margin-top: .25rem;
}

.card-super .product-state {
  font-weight: bold;
  position: absolute;
  color: white;
  padding: .25rem .5rem;
  border-radius: .25rem;
  background-color: rgba(0, 0, 0, 0.4);
}

.card-super .product-quantity {
  font-weight: bold;
  font-size: 1rem;
  padding: 0 .5rem;
  color: #F57423;
}

.card-super .card-footer {
  padding: .5rem;
  text-align: center;
}

.list-card-home {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 15px 10px 15px;
}

.list-card-home .ant-carousel .slick-prev,
  .list-card-home .ant-carousel .slick-next,
  .list-card-home .ant-carousel .slick-prev:hover,
  .list-card-home .ant-carousel .slick-next:hover {
  background-color: #F57423;
  font-size: 1.25rem;
  color: #fff;
  z-index: 2;
  width: 2rem;
  height: 2rem;
  padding: 6px;
  border-radius: 50%;
  top: 46%;
}

.list-card-home .slick-disabled {
  display: none !important;
}

.list-card-home .slick-slide {
  padding: 8px;
}

.list-card-home .ant-carousel .slick-prev {
  left: 0;
}

@media (min-width: 1023px) {
  .list-card-home .ant-carousel .slick-prev {
    left: -.5rem;
  }
}

.list-card-home .ant-carousel .slick-next {
  right: 0;
}

@media (min-width: 1023px) {
  .list-card-home .ant-carousel .slick-next {
    right: -.5rem;
  }
}

.list-card-home .ant-card {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: .5rem;
  height: 100%;
}

.list-card-home h2 {
  font-size: 1.25rem;
  text-align: left;
}

@media (min-width: 767px) {
  .list-card-home h2 {
    font-size: 1.75rem;
  }
}

.list-card-home .content-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.list-card-home .content-title .see-more {
  font-size: 14px;
  font-weight: 600;
  color: #f57423;
  margin-bottom: 6px;
  cursor: pointer;
}

@media (min-width: 767px) {
  .list-card-home .content-title .see-more {
    font-size: 16px;
  }
}

.list-card-home .card-branch-office {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: 15px;
  padding: 0;
  text-align: center;
}

.list-card-home .card-branch-office .shadown {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}

.list-card-home .card-branch-office .content-logo {
  padding: 12px;
  border-radius: 4px;
}

.list-card-home .card-branch-office .logo {
  width: 80px;
  height: 80px;
}

@media (min-width: 767px) {
  .list-card-home .card-branch-office .logo {
    width: 100px;
    height: 100px;
    display: initial;
  }
}

.list-card-home .card-branch-office .name {
  color: #1E3354;
  font-weight: 700;
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: left;
}

@media (min-width: 767px) {
  .list-card-home .card-branch-office .name {
    font-size: 16px;
  }
}

.list-card-home .card-branch-office .star {
  width: 12px;
  height: 12px;
}

@media (min-width: 767px) {
  .list-card-home .card-branch-office .star {
    width: 14px;
    height: 14px;
  }
}

.list-card-home .card-branch-office .text-gray {
  color: #7F8E9D;
  font-size: 12px;
}

@media (min-width: 767px) {
  .list-card-home .card-branch-office .text-gray {
    font-size: 14px;
  }
}

.list-card-home .card-branch-office .text-large {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.list-card-home .card-branch-office .ancho-card {
  max-width: 134px;
}

@media (min-width: 767px) {
  .list-card-home .card-branch-office .ancho-card {
    max-width: 150px;
  }
}

.icon-title {
  width: 20px;
  margin-top: -3px;
  margin-right: 7px;
}

@media (min-width: 767px) {
  .icon-title {
    width: 30px;
    margin-top: -5px;
    margin-right: 10px;
  }
}

.magin-top-lista-region {
  margin-top: -15px;
}

@media (min-width: 767px) {
  .magin-top-lista-region {
    margin-top: -45px;
  }
}

.list-card-home-events {
  margin-bottom: -30px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 10px 0px 10px;
}

.list-card-home-events.time-line {
  padding: 0px;
}

.list-card-home-events.context-select {
  padding: 5px 0px 10px 0px;
  width: 100%;
  display: flex;
  position: sticky;
  background-color: white;
  z-index: 9;
  margin-bottom: 0px;
  overflow-x: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.list-card-home-events.context-select.hide-scroll {
  display: none !important;
}

@media screen and (max-width: 450px) {
  .list-card-home-events.time-line {
    padding: 5px 0px 20px 0px;
  }

  .list-card-home-events.cards {
    padding: 20px 10px 20px 10px;
  }

  .list-card-home-events.region-select {
    padding: 0px 0px 0px 0px;
    display: flex;
    justify-content: center;
  }

  .list-card-home-events.context-select {
    padding: 5px 10px 20px 10px;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .list-card-home-events .context-select::-webkit-scrollbar {
    display: none;
  }
}

.list-card-home-events .ant-timeline {
  padding: 0px 40px 0px 40px;
}

.list-card-home-events .ant-timeline .ant-timeline-item {
  padding: 0px 20px 20px 0px;
}

@media screen and (max-width: 450px) {
  .list-card-home-events .ant-timeline {
    padding: 0px 10px 0px 10px;
  }
}

.list-card-home-events.cards {
  max-width: 1440px;
  padding: 20px 10px 20px 10px;
}

.list-card-home-events .date-filters {
  width: 100%;
  margin-bottom: 25px;
  position: sticky;
  background-color: white;
  height: 48px;
  z-index: 9;
  justify-content: center;
}

.list-card-home-events .date-title {
  display: flex;
  gap: 5px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  align-items: baseline;
  width: -moz-fit-content;
  width: fit-content;
  padding: 10px 24px;
  border-radius: 24px;
  position: sticky;
  z-index: 8;
  background-color: #FFFFFF;
}

@media screen and (max-width: 768px) {
  .list-card-home-events .date-title {
    padding: 5px 12px;
  }
}

.list-card-home-events .ant-carousel .slick-prev,
  .list-card-home-events .ant-carousel .slick-next,
  .list-card-home-events .ant-carousel .slick-prev:hover,
  .list-card-home-events .ant-carousel .slick-next:hover {
  background-color: #F57423;
  font-size: 1.25rem;
  color: #fff;
  z-index: 2;
  width: 2rem;
  height: 2rem;
  padding: 6px;
  border-radius: 50%;
  top: 46%;
}

.list-card-home-events .slick-disabled {
  display: none !important;
}

.list-card-home-events .slick-slide {
  padding: 8px;
}

.list-card-home-events .ant-carousel .slick-prev {
  left: 0;
}

@media (min-width: 1023px) {
  .list-card-home-events .ant-carousel .slick-prev {
    left: -.5rem;
  }
}

.list-card-home-events .ant-carousel .slick-next {
  right: 0;
}

@media (min-width: 1023px) {
  .list-card-home-events .ant-carousel .slick-next {
    right: -.5rem;
  }
}

.list-card-home-events .ant-card {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: .5rem;
  height: 100%;
}

.list-card-home-events h2 {
  font-size: 1.25rem;
  text-align: left;
}

@media (min-width: 767px) {
  .list-card-home-events h2 {
    font-size: 1.75rem;
  }
}

.list-card-home-events .content-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.list-card-home-events .content-title .see-more {
  width: 136px;
  font-size: 14px;
  font-weight: 600;
  color: #f57423;
  margin-bottom: 6px;
  cursor: pointer;
}

@media (min-width: 767px) {
  .list-card-home-events .content-title .see-more {
    font-size: 16px;
  }
}

@media (min-width: 767px) {
  .list-card-home-events .height-small-carousel {
    min-height: 350px;
  }
}

.list-card-home-events .card-see-more {
  display: flex !important;
  align-items: center !important;
  min-width: 224px;
}

@media (min-width: 767px) {
  .list-card-home-events .card-see-more {
    height: 354.5px;
  }
}

.list-card-home-events .card-see-more .see-more-card {
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
  width: 100%;
}

.list-card-home-events .padding-right-another-event {
  padding-right: 0px !important;
}

.list-card-home-events .card-event {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 0;
  text-align: center;
  padding-right: 15px;
  width: 100%;
}

@media (min-width: 767px) {
  .list-card-home-events .card-event {
    padding-right: 0;
  }
}

.list-card-home-events .card-event.tl {
  display: flex;
  justify-content: center;
  width: 468px;
}

.list-card-home-events .card-event .shadown {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}

.list-card-home-events .card-event .ancho-card {
  max-width: 100%;
}

@media (min-width: 767px) {
  .list-card-home-events .card-event .ancho-card {
    max-width: 100%;
  }
}

.list-card-home-events .card-event .ancho-card-other {
  width: 285px;
}

@media (min-width: 767px) {
  .list-card-home-events .card-event .ancho-card-other {
    width: 285px;
  }
}

.list-card-home-events .card-event .logo {
  cursor: pointer;
  width: 100%;
  height: 250px;
  min-height: 170px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}

@media (min-width: 767px) {
  .list-card-home-events .card-event .logo {
    width: 100%;
    height: 250px;
  }
}

.list-card-home-events .card-event .logo-another {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px 10px 0px 0px;
}

@media (min-width: 767px) {
  .list-card-home-events .card-event .logo-another {
    width: 100%;
    height: 350px;
  }

  .list-card-home-events .card-event .logo-another.tl {
    width: 468px;
    height: 468px;
  }
}

.list-card-home-events .card-event .logo-small {
  width: 200px;
  height: 200px;
  min-height: 170px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}

@media (min-width: 767px) {
  .list-card-home-events .card-event .logo-small {
    width: 100%;
    height: 250px;
  }
}

.list-card-home-events .card-event .heart-container {
  text-align: center;
}

.list-card-home-events .card-event .heart {
  max-width: 100%;
  animation: heartBeat 0.5s linear;
  position: relative;
  float: right;
  margin-top: -33px;
}

.list-card-home-events .card-event .event-date-badge {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 10;
}

.list-card-home-events .card-event.tl .event-date-badge {
  display: none;
}

.list-card-home-events .card-event .date-badge-modern {
  min-width: 48px;
  height: 52px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.04);
  padding: 4px 6px;
}

.list-card-home-events .card-event .date-badge-modern:hover {
  transform: translateY(-1px);
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
}

.list-card-home-events .card-event .date-badge-modern .date-day {
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #333333;
  letter-spacing: -0.5px;
}

.list-card-home-events .card-event .date-badge-modern .date-month {
  font-size: 10px;
  font-weight: 600;
  line-height: 1;
  color: #666666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 2px;
}

.list-card-home-events .card-event .link {
  width: 70%;
}

.list-card-home-events .card-event .link button {
  width: 100%;
}

.list-card-home-events .card-event .share {
  width: 30px;
}

.list-card-home-events .card-event .name-small {
  color: #4F4545;
  font-weight: 700;
  font-size: 14px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: left;
  padding-top: 5px;
}

@media (min-width: 767px) {
  .list-card-home-events .card-event .name-small {
    font-size: 16px;
  }
}

.list-card-home-events .card-event .city-small {
  color: #4F4545;
  font-size: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: left;
  padding-bottom: 5px;
}

@media (min-width: 767px) {
  .list-card-home-events .card-event .city-small {
    font-size: 14px;
  }
}

.list-card-home-events .card-event .name {
  color: var(--text-color);
  font-weight: 700;
  font-size: 16px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: left;
}

@media (min-width: 767px) {
  .list-card-home-events .card-event .name {
    font-size: 18px;
  }
}

.list-card-home-events .card-event .star {
  width: 12px;
  height: 12px;
}

.list-card-home-events .card-event .text-gray {
  color: var(--text-secondary-color);
  font-size: 12px;
  text-align: left;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (min-width: 767px) {
  .list-card-home-events .card-event .text-gray {
    font-size: 14px;
  }
}

.list-card-home-events .card-event .text-orange {
  color: #F57423;
  font-size: 12px;
  text-align: left;
  margin-top: 20px;
}

@media (min-width: 767px) {
  .list-card-home-events .card-event .text-orange {
    font-size: 14px;
  }
}

.list-card-home-events .card-event .text-large {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.list-card-home-events .card-event .text-large-two-lines {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.list-card-home-events .card-event .text-large-one-lines {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.list-card-home-events .card-event .sell-for {
  color: #4F4545;
  text-align: left;
  display: flex;
  align-items: center;
}

.list-card-home-events .card-event .share-buy {
  color: #4F4545;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.list-card-home-events .card-event .name-producer {
  margin-left: 3px;
  font-weight: bold;
  color: #7F8E9D;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
}

.list-card-home-events .card-event .icon-toliv {
  width: 55px;
  margin-left: 5px;
}

@media (min-width: 767px) {
  .list-card-home-events .card-event .margin-desktop-description {
    margin-top: 5px;
  }
}

.card-home-branch-office {
  display: grid;
  width: 200px;
  margin-right: .5rem !important;
}

.card-home-branch-office .ant-card-body {
  padding: 0;
}

.card-home-branch-office .card-header {
  justify-content: center;
  align-items: center;
  height: 6.75rem;
  padding-top: .75rem;
  cursor: pointer;
}

.card-home-branch-office .card-body {
  padding: .5rem;
  text-align: left;
  cursor: pointer;
}

.card-home-branch-office .card-img {
  width: auto;
  height: 6rem;
  border-radius: .25rem;
}

.card-home-branch-office .card-title {
  color: #000;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.25rem;
  margin: .5rem 0 .5rem 0;
  white-space: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.card-home-branch-office .card-description {
  font-size: .85rem;
  line-height: 1rem;
  margin-bottom: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  height: 32px;
  max-height: 32px;
  overflow-wrap: anywhere;
}

.card-home-branch-office .card-price {
  font-weight: 700;
  font-size: 1.15rem;
  margin-bottom: 0;
  margin-top: .25rem;
}

.card-home-branch-office .product-state {
  font-weight: bold;
  position: absolute;
  color: white;
  padding: .25rem .5rem;
  border-radius: .25rem;
  background-color: rgba(0, 0, 0, 0.4);
}

.card-home-branch-office .product-quantity {
  font-weight: bold;
  font-size: 1rem;
  padding: 0 .5rem;
  color: #F57423;
}

.card-home-branch-office .card-footer {
  padding: .5rem;
  text-align: center;
}

.card-home-branch-office .icon {
  width: 13px;
}

.card-home-branch-office .rate-span {
  font-size: 13px;
  font-weight: bold;
  color: #969696;
  margin-right: 10px;
}

.card-home-branch-office .content-rate {
  display: flex;
  margin-top: -8px;
}

.card-home-branch-office .category-text {
  font-size: 13px;
  color: #969696;
}

.card-home-branch-office .shipping-text {
  font-size: 13px;
  color: #969696;
}

.card-home-branch-office .icon-shipping {
  width: 16px;
  margin-right: 5px;
}

.card-home-branch-office .content-shipping {
  display: flex;
}

.card-home-branch-office .content-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.list-card-home-promotion {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 15px 10px 15px;
}

@media (min-width: 767px) {
  .list-card-home-promotion {
    padding: 10px 15px 10px 15px;
  }
}

.list-card-home-promotion .ant-carousel .slick-prev,
  .list-card-home-promotion .ant-carousel .slick-next,
  .list-card-home-promotion .ant-carousel .slick-prev:hover,
  .list-card-home-promotion .ant-carousel .slick-next:hover {
  background-color: #F57423;
  font-size: 1.25rem;
  color: #fff;
  z-index: 2;
  width: 2rem;
  height: 2rem;
  padding: 6px;
  border-radius: 50%;
  top: 46%;
}

.list-card-home-promotion .slick-disabled {
  display: none !important;
}

.list-card-home-promotion .slick-slide {
  padding: 8px;
}

.list-card-home-promotion .ant-carousel .slick-prev {
  left: 0;
}

@media (min-width: 1023px) {
  .list-card-home-promotion .ant-carousel .slick-prev {
    left: -.5rem;
  }
}

.list-card-home-promotion .ant-carousel .slick-next {
  right: 0;
}

@media (min-width: 1023px) {
  .list-card-home-promotion .ant-carousel .slick-next {
    right: -.5rem;
  }
}

.list-card-home-promotion .ant-carousel .slick-list .slick-slide {
  pointer-events: auto !important;
}

.list-card-home-promotion .ant-card {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: .5rem;
  height: 100%;
}

.list-card-home-promotion h2 {
  font-size: 1.5rem;
}

@media (min-width: 767px) {
  .list-card-home-promotion h2 {
    font-size: 1.75rem;
  }
}

.list-card-home-promotion .card-promotion {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 15px;
  padding: 0;
  text-align: center;
  max-width: 183px;
}

@media (min-width: 767px) {
  .list-card-home-promotion .card-promotion {
    max-width: 200px;
  }
}

.list-card-home-promotion .card-promotion .shadown {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: 8px;
}

.list-card-home-promotion .card-promotion .btn-promotion {
  background-color: #000;
  color: #fff;
  font-weight: bold;
  margin-right: 5px;
  margin-bottom: 10px;
  width: 100%;
  font-size: 12px;
}

.list-card-home-promotion .card-promotion .images {
  width: 30px;
  height: 30px;
}

@media (min-width: 767px) {
  .list-card-home-promotion .card-promotion .images {
    width: 40px;
    height: 40px;
    display: initial;
  }
}

.list-card-home-promotion .card-promotion .text-gift {
  color: #000;
  font-weight: bold;
  font-size: 16px;
  margin-top: 5px;
}

@media (min-width: 767px) {
  .list-card-home-promotion .card-promotion .text-gift {
    font-size: 18px;
  }
}

.list-card-home-promotion .card-promotion .percentage {
  color: #000;
  font-weight: bold;
  font-size: 23px;
  margin-top: -8px;
}

@media (min-width: 767px) {
  .list-card-home-promotion .card-promotion .percentage {
    font-size: 25px;
  }
}

.list-card-home-promotion .card-promotion .money {
  color: #000;
  font-weight: bold;
  font-size: 23px;
  margin-top: -8px;
}

@media (min-width: 767px) {
  .list-card-home-promotion .card-promotion .money {
    font-size: 25px;
  }
}

.list-card-home-promotion .card-promotion .delivery {
  color: #000;
  font-weight: bold;
  font-size: 19px;
  margin-top: -2px;
}

@media (min-width: 767px) {
  .list-card-home-promotion .card-promotion .delivery {
    font-size: 21px;
  }
}

.list-card-home-promotion .card-promotion .text-type {
  color: #000;
  font-weight: bold;
  font-size: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 5px;
  margin-bottom: 5px;
}

@media (min-width: 767px) {
  .list-card-home-promotion .card-promotion .text-type {
    font-size: 14px;
  }
}

.list-contexts-home {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 15px 0px 15px;
}

.list-contexts-home .ant-carousel .slick-prev,
  .list-contexts-home .ant-carousel .slick-next,
  .list-contexts-home .ant-carousel .slick-prev:hover,
  .list-contexts-home .ant-carousel .slick-next:hover {
  background-color: #F57423;
  font-size: 1.25rem;
  color: #fff;
  z-index: 2;
  width: 2rem;
  height: 2rem;
  padding: 6px;
  border-radius: 50%;
  top: 46%;
}

.list-contexts-home .slick-disabled {
  display: none !important;
}

.list-contexts-home .slick-slide {
  padding: 8px;
}

.list-contexts-home .ant-carousel .slick-prev {
  left: 0;
}

@media (min-width: 1023px) {
  .list-contexts-home .ant-carousel .slick-prev {
    left: -.5rem;
  }
}

.list-contexts-home .ant-carousel .slick-next {
  right: 0;
}

@media (min-width: 1023px) {
  .list-contexts-home .ant-carousel .slick-next {
    right: -.5rem;
  }
}

.list-contexts-home .ant-card {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: .5rem;
  height: 100%;
}

.list-contexts-home .ant-carousel .slick-slide img {
  display: inline !important;
}

.list-contexts-home h2 {
  font-size: 1.5rem;
  text-align: left;
  color: #F57423;
}

@media (min-width: 767px) {
  .list-contexts-home h2 {
    font-size: 1.7rem;
  }
}

.list-contexts-home .content-title-category {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.list-contexts-home .content-title-category .icons {
  color: #F57423;
  font-size: 1.5rem;
}

.list-contexts-home .carousel-contexts-mobile {
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding: 10px 15px;
  display: flex;
  margin-right: -1rem;
  margin-left: -.85rem;
  scroll-behavior: smooth;
}

.list-contexts-home .content-card {
  text-align: center;
  padding-right: 20px;
}

.list-contexts-home .card-context img {
  width: 56px;
  height: 56px;
  background-color: #FFF1E9;
  border-radius: 18px;
}

@media (min-width: 767px) {
  .list-contexts-home .card-context img {
    width: 70px;
    height: 70px;
  }
}

.list-contexts-home .card-context .title {
  color: #1C1C1C;
  font-size: 12px;
  font-weight: 700;
  opacity: 0.8;
  margin-top: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (min-width: 767px) {
  .list-contexts-home .card-context .title {
    font-size: 14px;
  }
}

.tag-city-cards-events {
  color: #fff;
  background-color: #000;
  font-weight: 700;
  border-radius: 6px;
  margin-top: 5px;
  text-align: center;
}

.tabs-timeline {
  padding: 12px 32px;
  font-weight: 500;
  font-size: 16px;
  color: #666666;
  cursor: pointer;
  transition: all 0.2s ease;
  border-bottom: 2px solid transparent;
}

.tabs-timeline:hover {
  color: #222222;
}

.tabs-timeline.selected {
  color: #222222;
  font-weight: 600;
  border-bottom: 2px solid #222222;
}

.event-card-premium {
  position: relative;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(20px);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.08);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.06);
  max-width: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

@media (min-width: 1023px) {
  .event-card-premium {
    max-width: 380px;
  }
}

.event-card-premium:hover, .event-card-premium.is-hovered {
  transform: translateY(-6px);
  box-shadow: 0 16px 40px -8px rgba(255, 107, 53, 0.2);
  border-color: rgba(255, 107, 53, 0.2);
}

.event-card-premium:hover .card-image, .event-card-premium.is-hovered .card-image {
  transform: scale(1.05);
}

.event-card-premium .card-image-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  display: block;
  background: var(--surface-color);
}

.event-card-premium .card-image-container .card-image {
  width: 100%;
  height: auto;
  min-height: 240px;
  max-height: 380px;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
}

@media (min-width: 1023px) {
  .event-card-premium .card-image-container .card-image {
    min-height: 280px;
    max-height: 420px;
  }
}

.event-card-premium .card-image-container .image-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.7) 100%);
  pointer-events: none;
}

.event-card-premium .card-image-container .live-indicator {
  position: absolute;
  top: 16px;
  right: 16px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
  border-radius: 999px;
  color: white;
  font-size: 12px;
  font-weight: 700;
  box-shadow: 0 4px 16px rgba(255, 107, 53, 0.4);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  z-index: 2;
}

.event-card-premium .card-image-container .live-indicator .pulse-dot {
  width: 8px;
  height: 8px;
  background: white;
  border-radius: 50%;
  animation: pulse-animation 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.event-card-premium .card-image-container .date-badge-floating {
  position: absolute;
  bottom: 16px;
  right: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(10px);
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
  z-index: 2;
}

.event-card-premium .card-image-container .date-badge-floating .date-day {
  font-size: 24px;
  font-weight: 800;
  line-height: 1;
  color: var(--primary-color);
}

.event-card-premium .card-image-container .date-badge-floating .date-month {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--text-secondary-color);
  margin-top: 2px;
}

.event-card-premium .card-content {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  flex: 1;
}

.event-card-premium .card-content .event-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--text-secondary-color);
  font-weight: 500;
}

.event-card-premium .card-content .event-meta svg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  opacity: 0.7;
}

.event-card-premium .card-content .event-meta .separator {
  opacity: 0.4;
  margin: 0 2px;
}

.event-card-premium .card-content .event-meta .venue-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
}

.event-card-premium .card-content .event-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--text-color);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: color 0.2s ease;
}

.event-card-premium .card-content .event-title:hover {
  color: var(--primary-color);
}

.event-card-premium .card-content .card-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 16px;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  margin-top: auto;
}

.event-card-premium .card-content .card-footer .cta-button {
  padding: 12px 24px;
  background: linear-gradient(135deg, #ff6b35 0%, #9b59b6 100%);
  color: white;
  border: none;
  border-radius: 12px;
  font-weight: 700;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 8px 24px -8px rgba(255, 107, 53, 0.4);
  cursor: pointer;
  text-decoration: none;
}

.event-card-premium .card-content .card-footer .cta-button svg {
  width: 16px;
  height: 16px;
  transition: transform 0.3s ease;
}

.event-card-premium .card-content .card-footer .cta-button:hover {
  transform: translateX(4px);
  box-shadow: 0 12px 32px -8px rgba(255, 107, 53, 0.6);
  color: white;
}

@keyframes pulse-animation {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0.6;
    transform: scale(1.2);
  }
}

@media (min-width: 767px) {
  .event-card-premium .card-image-container .live-indicator {
    padding: 6px 12px;
    font-size: 11px;
  }

  .event-card-premium .card-image-container .date-badge-floating {
    width: 50px;
    height: 50px;
  }

  .event-card-premium .card-image-container .date-badge-floating .date-day {
    font-size: 20px;
  }

  .event-card-premium .card-image-container .date-badge-floating .date-month {
    font-size: 10px;
  }

  .event-card-premium .card-content {
    padding: 16px;
  }

  .event-card-premium .card-content .event-title {
    font-size: 18px;
  }

  .event-card-premium .card-content .card-footer .cta-button {
    width: 100%;
    justify-content: center;
  }
}

[data-theme="dark"] .event-card-premium {
  background: rgba(20, 20, 20, 0.95);
  border-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .event-card-premium:hover {
  border-color: rgba(255, 107, 53, 0.3);
  box-shadow: 0 20px 48px -12px rgba(255, 107, 53, 0.35);
}

[data-theme="dark"] .event-card-premium .card-image-container .image-overlay {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.9) 100%);
}

[data-theme="dark"] .event-card-premium .card-image-container .date-badge-floating {
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(10px);
}

[data-theme="dark"] .event-card-premium .card-image-container .date-badge-floating .date-day {
  color: var(--primary-color);
}

[data-theme="dark"] .event-card-premium .card-image-container .date-badge-floating .date-month {
  color: rgba(255, 255, 255, 0.7);
}

[data-theme="dark"] .event-card-premium .card-content .event-meta {
  color: rgba(255, 255, 255, 0.6);
}

[data-theme="dark"] .event-card-premium .card-content .event-meta svg {
  opacity: 0.6;
}

[data-theme="dark"] .event-card-premium .card-content .event-title {
  color: var(--text-color);
}

[data-theme="dark"] .event-card-premium .card-content .event-title:hover {
  color: var(--primary-color);
}

[data-theme="dark"] .event-card-premium .card-content .card-footer {
  border-top-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .event-card-premium .card-content .card-footer .cta-button {
  background: linear-gradient(135deg, #ff6b35 0%, #9b59b6 100%);
  box-shadow: 0 8px 24px -8px rgba(255, 107, 53, 0.5);
}

[data-theme="dark"] .event-card-premium .card-content .card-footer .cta-button:hover {
  box-shadow: 0 12px 32px -8px rgba(255, 107, 53, 0.7);
}

.see-more-btn-premium:hover {
  background: linear-gradient(135deg, #f7931e 0%, #ff6b35 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 32px -8px rgba(255, 107, 53, 0.6) !important;
  color: white !important;
}

/* purgecss end ignore */

/* purgecss start ignore */

.modal-help-cxup h2 {
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 1rem;
}

.modal-help-cxup .holds-the-iframe {
  background: url("https://tolivmarket-production.s3.sa-east-1.amazonaws.com/static/images/loading.gif") center center no-repeat;
}

.modal-help-cxup .hide-iframe {
  display: none;
}

.modal-qr-ticket-premium .ant-modal-content {
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(20px) !important;
}

.modal-qr-ticket-premium .ant-modal-close {
  top: 16px !important;
  right: 16px !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
}

.modal-qr-ticket-premium .ant-modal-close:hover {
  background: white !important;
  transform: scale(1.05) !important;
}

.modal-qr-ticket-premium .ant-modal-close .anticon {
  color: #666 !important;
  font-size: 16px !important;
}

.modal-qr-ticket-premium .qr-ticket-header {
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
  padding: 24px 20px;
  position: relative;
  overflow: hidden;
}

.modal-qr-ticket-premium .qr-ticket-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;
  opacity: 0.3;
}

.modal-qr-ticket-premium .qr-ticket-header .ticket-header-content {
  position: relative;
  z-index: 1;
}

.modal-qr-ticket-premium .qr-ticket-header .ticket-header-content .ticket-title {
  color: white;
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 8px 0;
  line-height: 1.3;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.modal-qr-ticket-premium .qr-ticket-header .ticket-header-content .ticket-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 20px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  color: white;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.modal-qr-ticket-premium .qr-ticket-header .ticket-header-content .ticket-status-badge span {
  font-size: 14px;
}

.modal-qr-ticket-premium .qr-ticket-info {
  padding: 20px;
  background: #fafafa;
  border-bottom: 1px solid #f0f0f0;
}

.modal-qr-ticket-premium .qr-ticket-info .info-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 16px;
}

.modal-qr-ticket-premium .qr-ticket-info .info-item:last-child {
  margin-bottom: 0;
}

.modal-qr-ticket-premium .qr-ticket-info .info-item .info-icon, .modal-qr-ticket-premium .qr-ticket-info .info-item .seat-icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
  color: white;
  border-radius: 8px;
  font-size: 12px;
  flex-shrink: 0;
  margin-top: 2px;
  box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
}

.modal-qr-ticket-premium .qr-ticket-info .info-item .info-content {
  flex: 1;
  min-width: 0;
}

.modal-qr-ticket-premium .qr-ticket-info .info-item .info-content .info-label {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}

.modal-qr-ticket-premium .qr-ticket-info .info-item .info-content .info-value {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #1a1a1a;
  line-height: 1.4;
  word-break: break-word;
}

.modal-qr-ticket-premium .qr-ticket-info .info-item .info-content .info-subvalue {
  display: block;
  font-size: 12px;
  color: #888;
  margin-top: 2px;
}

.modal-qr-ticket-premium .qr-ticket-qr-section {
  padding: 24px 20px;
  text-align: center;
}

.modal-qr-ticket-premium .qr-ticket-qr-section.qr-large {
  padding: 32px 20px 40px 20px;
}

.modal-qr-ticket-premium .qr-ticket-qr-section.qr-large .qr-container .qr-frame {
  padding: 24px;
}

.modal-qr-ticket-premium .qr-ticket-qr-section.qr-large .qr-container .qr-frame .qr-code {
  width: 280px;
  height: 280px;
}

.modal-qr-ticket-premium .qr-ticket-qr-section .qr-container .qr-frame {
  position: relative;
  display: inline-block;
  padding: 16px;
  background: white;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  margin-bottom: 16px;
}

.modal-qr-ticket-premium .qr-ticket-qr-section .qr-container .qr-frame .qr-code {
  width: 180px;
  height: 180px;
  display: block;
  border-radius: 8px;
}

.modal-qr-ticket-premium .qr-ticket-qr-section .qr-container .qr-frame .qr-corner {
  position: absolute;
  width: 20px;
  height: 20px;
  border: 3px solid #ff6b35;
  background: white;
}

.modal-qr-ticket-premium .qr-ticket-qr-section .qr-container .qr-frame .qr-corner.top-left {
  top: 8px;
  left: 8px;
  border-right: none;
  border-bottom: none;
  border-radius: 12px 0 0 0;
}

.modal-qr-ticket-premium .qr-ticket-qr-section .qr-container .qr-frame .qr-corner.top-right {
  top: 8px;
  right: 8px;
  border-left: none;
  border-bottom: none;
  border-radius: 0 12px 0 0;
}

.modal-qr-ticket-premium .qr-ticket-qr-section .qr-container .qr-frame .qr-corner.bottom-left {
  bottom: 8px;
  left: 8px;
  border-right: none;
  border-top: none;
  border-radius: 0 0 0 12px;
}

.modal-qr-ticket-premium .qr-ticket-qr-section .qr-container .qr-frame .qr-corner.bottom-right {
  bottom: 8px;
  right: 8px;
  border-left: none;
  border-top: none;
  border-radius: 0 0 12px 0;
}

.modal-qr-ticket-premium .qr-ticket-qr-section .qr-container .qr-instruction {
  font-size: 13px;
  color: #666;
  margin: 0;
  font-weight: 500;
}

.modal-qr-ticket-premium .qr-ticket-footer {
  background: #f8f9fa;
  padding: 20px;
  border-top: 1px solid #f0f0f0;
}

.modal-qr-ticket-premium .qr-ticket-footer .price-section {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}

.modal-qr-ticket-premium .qr-ticket-footer .price-section .price-icon {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
  color: white;
  border-radius: 8px;
  font-size: 12px;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
}

.modal-qr-ticket-premium .qr-ticket-footer .price-section .price-content {
  text-align: center;
}

.modal-qr-ticket-premium .qr-ticket-footer .price-section .price-content .price-label {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
}

.modal-qr-ticket-premium .qr-ticket-footer .price-section .price-content .price-value {
  display: block;
  font-size: 18px;
  font-weight: 700;
  color: #1a1a1a;
  background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

[data-theme="dark"] .modal-qr-ticket-premium .ant-modal-content {
  background: rgba(30, 30, 30, 0.95) !important;
}

[data-theme="dark"] .modal-qr-ticket-premium .ant-modal-close {
  background: rgba(30, 30, 30, 0.9) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .modal-qr-ticket-premium .ant-modal-close:hover {
  background: #1e1e1e !important;
}

[data-theme="dark"] .modal-qr-ticket-premium .ant-modal-close .anticon {
  color: #ccc !important;
}

[data-theme="dark"] .modal-qr-ticket-premium .qr-ticket-info {
  background: rgba(30, 30, 30, 0.5);
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .modal-qr-ticket-premium .qr-ticket-info .info-item .info-label {
  color: #ccc;
}

[data-theme="dark"] .modal-qr-ticket-premium .qr-ticket-info .info-item .info-value {
  color: #fff;
}

[data-theme="dark"] .modal-qr-ticket-premium .qr-ticket-info .info-item .info-subvalue {
  color: #aaa;
}

[data-theme="dark"] .modal-qr-ticket-premium .qr-ticket-qr-section .qr-container .qr-frame {
  background: rgba(30, 30, 30, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .modal-qr-ticket-premium .qr-ticket-qr-section .qr-container .qr-instruction {
  color: #ccc;
}

[data-theme="dark"] .modal-qr-ticket-premium .qr-ticket-footer {
  background: rgba(30, 30, 30, 0.5);
  border-top-color: rgba(255, 255, 255, 0.1);
}

/* purgecss end ignore */

/* purgecss start ignore */

.events-warp {
  padding: 0 15px 20px 15px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.events-warp h1 {
  font-size: 1.4rem;
}

@media (min-width: 767px) {
  .events-warp h1 {
    font-size: 2.25rem;
  }
}

.events-warp h1 span {
  color: #F57423;
}

.events-warp h2 {
  font-size: 1.5rem;
}

@media (min-width: 767px) {
  .events-warp h2 {
    font-size: 2rem;
  }
}

.events-warp .ant-divider-horizontal {
  margin: 0 0;
}

.events-warp .context-selected {
  color: #F57423;
}

.events-warp .context-selected .icon-toliv {
  width: 55px;
  margin-left: 5px;
}

.events-warp .link-active .ant-anchor-link-title {
  color: #F57423 !important;
}

.events-warp .link-inactive .ant-anchor-link-title {
  color: rgba(0, 0, 0, 0.65) !important;
}

.events-warp .category-content {
  padding-top: 0px;
  padding-bottom: 12px;
}

.events-warp .category-content .list-categories-selection {
  margin: 20px -15px 0 -15px;
}

.events-warp .category-content .list-categories-selection .ant-anchor-wrapper {
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.events-warp .category-content .list-categories-selection .ant-anchor-wrapper::-webkit-scrollbar {
  display: none;
}

.events-warp .category-content .list-categories-selection .ant-anchor {
  display: flex;
}

@media (min-width: 767px) {
  .events-warp .category-content .list-categories-selection .ant-anchor {
    overflow-x: scroll;
  }
}

.events-warp .category-content .list-categories-selection .ant-anchor-link {
  display: inline-block;
  font-weight: 600;
  padding: .85rem 1rem;
  position: relative;
}

.events-warp .category-content .content-group {
  overflow: scroll;
  -ms-overflow-style: none;
  padding: 10px 15px;
  display: flex;
}

.events-warp .category-content .content-name {
  width: -moz-max-content;
  width: max-content;
}

.events-warp .category-content .context-name {
  padding: .25rem .5rem;
  font-weight: bold;
  cursor: pointer;
  transition: .2s ease;
}

.events-warp .category-content .context-name:hover {
  color: #F57423;
}

.events-warp .ant-anchor-ink {
  display: none;
}

.events-warp .ant-anchor-ink {
  display: none;
}

.events-warp .margin-categories {
  margin-top: 20px;
}

.events-warp .category-text-selected {
  font-weight: bold;
  font-size: 15px;
  cursor: pointer;
  margin-top: 10px;
}

.events-warp .category-text {
  font-size: 15px;
  cursor: pointer;
  margin-top: 10px;
}

@media (min-width: 767px) {
  .events-warp .hide-desktop {
    display: none;
  }
}

.events-warp .hide-mobile {
  display: none;
}

@media (min-width: 767px) {
  .events-warp .hide-mobile {
    display: block;
  }
}

.events-warp .ant-tree-node-selected {
  background-color: transparent;
  font-weight: bold;
}

.events-warp .ant-tree-switcher_open {
  color: #F57423;
}

.events-warp .ant-tree-switcher-icon {
  font-size: 14px;
  line-height: 30px;
}

.events-warp .search-events-grid {
  width: 100%;
}

@media (min-width: 1360px) {
  .events-warp .search-events-grid .single-item-col {
    min-width: 560px;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1023px) {
  .events-warp .search-events-grid {
    justify-content: center;
  }
}

@media (min-width: 1360px) {
  .events-warp .search-events-grid {
    justify-content: flex-start;
  }
}

.events-warp .search-store-content {
  padding-top: 0px;
  padding-bottom: 20px;
  width: 100%;
}

@media (min-width: 767px) {
  .events-warp .search-store-content {
    width: 90%;
  }
}

.events-warp .search-store-content .ant-input-lg {
  border-radius: 5px 0 0 5px;
}

.events-warp .card-empy-events {
  text-align: center;
  font-weight: bold;
  font-size: 1.5rem;
}

.events-warp .city {
  color: #F57423;
  cursor: pointer;
  display: block;
}

@media (min-width: 767px) {
  .events-warp .city {
    display: inline-block;
  }
}

.events-warp .city .icon {
  margin-left: .25rem;
}

.events-warp .worldclass-search {
  width: 100%;
  max-width: 800px;
  margin: 0 auto 24px auto;
  padding: 0 0 8px 0;
}

@media (min-width: 767px) {
  .events-warp .worldclass-search {
    max-width: 100%;
    padding: 0;
  }
}

.events-warp .worldclass-search__header {
  text-align: center;
  margin-bottom: 16px;
}

@media (min-width: 767px) {
  .events-warp .worldclass-search__header {
    text-align: left;
    margin-bottom: 12px;
  }
}

.events-warp .worldclass-search__title {
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -0.02em;
  margin: 0;
  background: linear-gradient(135deg, #1a1a1a, #4a4a4a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

@media (min-width: 767px) {
  .events-warp .worldclass-search__title {
    font-size: 22px;
  }
}

.events-warp .worldclass-search__subtitle {
  margin-top: 6px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.55);
  font-weight: 500;
}

.events-warp .worldclass-search__form {
  width: 100%;
}

.events-warp .worldclass-search__bar {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  align-items: center;
}

@media (min-width: 767px) {
  .events-warp .worldclass-search__bar {
    gap: 8px;
  }
}

.events-warp .worldclass-search__input-wrap {
  width: 100%;
}

.events-warp .worldclass-search__input-wrap .ant-form-item {
  margin-bottom: 0;
}

.events-warp .worldclass-search__input-wrap .ant-input-affix-wrapper {
  height: 56px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(0, 0, 0, 0.12);
  transition: all .25s ease;
  padding: 0 14px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
}

@media (min-width: 767px) {
  .events-warp .worldclass-search__input-wrap .ant-input-affix-wrapper {
    height: 48px;
    font-size: 14px;
  }
}

.events-warp .worldclass-search__input-wrap .ant-input-affix-wrapper:hover {
  border-color: rgba(247, 147, 30, 0.4);
  transform: translateY(-1px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.events-warp .worldclass-search__input-wrap .ant-input-affix-wrapper.ant-input-affix-wrapper-focused {
  border-color: rgba(247, 147, 30, 0.6);
  box-shadow: 0 0 0 3px rgba(247, 147, 30, 0.15);
}

.events-warp .worldclass-search__input-wrap .ant-input-affix-wrapper .ant-input {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #1a1a1a;
  font-weight: 600;
  font-size: 15px;
}

.events-warp .worldclass-search__input-wrap .ant-input-affix-wrapper .ant-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.4);
  font-weight: 500;
}

.events-warp .worldclass-search__input-wrap .ant-input-affix-wrapper .ant-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
  font-weight: 500;
}

.events-warp .worldclass-search__input-wrap .ant-input-affix-wrapper .ant-input::placeholder {
  color: rgba(0, 0, 0, 0.4);
  font-weight: 500;
}

.events-warp .worldclass-search__icon {
  font-size: 18px;
  color: #F57423;
}

.events-warp .worldclass-search__button {
  height: 56px !important;
  padding: 0 22px !important;
  border-radius: 14px !important;
  border: 1px solid transparent !important;
  background: #222222 !important;
  color: #fff !important;
  font-weight: 800 !important;
  font-size: 15px !important;
  letter-spacing: .01em !important;
  cursor: pointer !important;
  transition: all .25s ease !important;
  box-shadow: 0 8px 24px -10px rgba(0, 0, 0, 0.3) !important;
}

@media (min-width: 767px) {
  .events-warp .worldclass-search__button {
    height: 48px !important;
    padding: 0 18px !important;
    font-size: 14px !important;
  }
}

.events-warp .worldclass-search__button:hover {
  background: #1a1a1a !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 32px -10px rgba(0, 0, 0, 0.4) !important;
}

.events-warp .worldclass-search__button:active {
  transform: translateY(0) !important;
}

.events-warp .worldclass-search__button:disabled {
  opacity: .6 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

.events-warp .worldclass-search__button-text {
  white-space: nowrap !important;
  line-height: 1 !important;
}

[data-theme="dark"] .events-warp .worldclass-search__title {
  background: linear-gradient(135deg, #ffffff, #cfcfcf);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

[data-theme="dark"] .events-warp .worldclass-search__subtitle {
  color: rgba(255, 255, 255, 0.7);
}

[data-theme="dark"] .events-warp .worldclass-search__input-wrap .ant-input-affix-wrapper {
  background: rgba(30, 30, 30, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.12);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35);
}

[data-theme="dark"] .events-warp .worldclass-search__input-wrap .ant-input-affix-wrapper:hover {
  border-color: rgba(247, 147, 30, 0.55);
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
}

[data-theme="dark"] .events-warp .worldclass-search__input-wrap .ant-input-affix-wrapper.ant-input-affix-wrapper-focused {
  border-color: rgba(247, 147, 30, 0.8);
  box-shadow: 0 0 0 3px rgba(247, 147, 30, 0.22);
}

[data-theme="dark"] .events-warp .worldclass-search__input-wrap .ant-input-affix-wrapper .ant-input {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: #fff;
}

[data-theme="dark"] .events-warp .worldclass-search__input-wrap .ant-input-affix-wrapper .ant-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.45);
}

[data-theme="dark"] .events-warp .worldclass-search__input-wrap .ant-input-affix-wrapper .ant-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.45);
}

[data-theme="dark"] .events-warp .worldclass-search__input-wrap .ant-input-affix-wrapper .ant-input::placeholder {
  color: rgba(255, 255, 255, 0.45);
}

[data-theme="dark"] .events-warp .worldclass-search__button {
  background: #ff6600 !important;
  box-shadow: 0 8px 24px -10px rgba(204, 85, 0, 0.5) !important;
}

[data-theme="dark"] .events-warp .worldclass-search__button:hover {
  background: #f96f13 !important;
  box-shadow: 0 12px 32px -10px rgba(204, 85, 0, 0.6) !important;
}

/* purgecss end ignore */

/* purgecss start ignore */

@charset "UTF-8";

.event-hero-bg {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  height: 30vh !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  filter: blur(20px) brightness(0.5) contrast(0.9) saturate(1.2) !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  opacity: 0.8 !important;
}

.event-hero-bg::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 50% !important;
  background: linear-gradient(180deg, transparent 0%, var(--background-color) 100%) !important;
  z-index: 1 !important;
}

@media (min-width: 767px) {
  .event-hero-bg {
    height: 35vh !important;
  }
}

.event-warp {
  padding: 0 15px 20px 15px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
}

.event-warp .ant-breadcrumb {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
  border-radius: 8px;
  padding: 8px 12px;
  margin-bottom: 1rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.event-warp .back-button-fluid {
  position: relative;
  z-index: 10;
}

.event-warp .back-button-fluid .back-button-minimal {
  background: transparent !important;
  backdrop-filter: blur(24px) saturate(140%) brightness(1.15) !important;
  -webkit-backdrop-filter: blur(24px) saturate(140%) brightness(1.15) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  border: none !important;
  padding: 6px 14px !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.event-warp .back-button-fluid .back-button-minimal:hover {
  backdrop-filter: blur(28px) saturate(160%) brightness(1.25) !important;
  -webkit-backdrop-filter: blur(28px) saturate(160%) brightness(1.25) !important;
  transform: translateY(-1px) !important;
}

.event-warp .back-button-fluid .back-button-minimal .custom-arrow-icon {
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2)) !important;
}

.event-warp .back-button-fluid .back-button-minimal .back-text {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) !important;
  font-weight: 500 !important;
}

.event-warp .to-pay-home {
  position: fixed;
  bottom: 55px;
  width: 100%;
  z-index: 3;
}

@media screen and (min-width: 767px) {
  .event-warp .to-pay-home .hidde-to-pay-home {
    display: none !important;
  }
}

.event-warp .to-buy-tickets {
  position: fixed;
  bottom: 55px;
  width: 100%;
  z-index: 3;
}

@media screen and (min-width: 767px) {
  .event-warp .to-buy-tickets .to-buy-tickets {
    display: none !important;
  }
}

.event-warp .to-buy-tickets .content-buy-tickets {
  margin-bottom: 20px;
  background: var(--gradient-2, linear-gradient(89deg, #FF6200 0.5%, #9747FF 98.87%));
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  color: #fff;
  text-align: center;
  height: 55px;
  border-radius: 8px;
  font-size: 17px;
  font-weight: bold;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 13px;
}

.event-warp .to-buy-tickets .content-pay-tickets {
  margin-bottom: 20px;
  background: var(--gradient-2, linear-gradient(89deg, #FF6200 0.5%, #9747FF 98.87%));
  width: 96%;
  margin-left: 2%;
  margin-right: 2%;
  color: #fff;
  text-align: center;
  height: 55px;
  border-radius: 8px;
  font-size: 17px;
  font-weight: bold;
  padding-left: 20px;
  padding-right: 20px;
  align-items: center;
  justify-content: space-between;
  display: flex;
}

.event-warp .btn-large-continue {
  width: 100%;
  height: 65px;
}

.event-warp .event-header-layout {
  display: flex;
  justify-content: center;
}

.event-warp .event-header-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
  width: 100%;
}

@media (min-width: 1023px) {
  .event-warp .event-header-content {
    flex-direction: row;
    gap: 3rem;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: 1200px;
  }
}

.event-warp .event-title-section {
  order: 2;
}

@media (min-width: 1023px) {
  .event-warp .event-title-section {
    width: 60%;
    order: 1;
  }
}

.event-warp .back-share-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  order: 0;
}

.event-warp .back-share-container .back-button-section {
  flex: 0 0 auto;
}

.event-warp .back-share-container .share-button-only {
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 0.5rem;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.event-warp .back-share-container .share-button-only:hover {
  background-color: rgba(247, 116, 35, 0.1);
}

.event-warp .event-title-info {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 1rem;
}

.event-warp .date-with-icon {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 0;
}

.event-warp .date-with-icon .calendar-icon {
  color: #f57423;
  font-size: 1rem;
}

.event-warp .date-with-icon .date-text {
  font-size: 0.9rem;
  color: var(--text-secondary-color, #4b5563);
  font-weight: 500;
}

.event-warp .address-with-icon {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 0.75rem;
}

.event-warp .address-with-icon .location-icon {
  color: #f57423;
  font-size: 1rem;
  margin-top: 0.1rem;
  flex-shrink: 0;
}

.event-warp .address-content {
  font-size: 0.9rem;
  color: var(--text-secondary-color, #4b5563);
  font-weight: 500;
  line-height: 1.4;
}

.event-warp .event-description-section {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--border-color, rgba(0, 0, 0, 0.1));
}

.event-warp .event-description-section .description-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--text-color, #1a1a1a);
  margin-bottom: 0.75rem;
}

.event-warp .event-description-section .description-container {
  position: relative;
}

.event-warp .event-description-section .description-text {
  font-size: 0.95rem;
  color: var(--text-secondary-color, #4b5563);
  line-height: 1.6;
  word-wrap: break-word;
  margin-bottom: 1rem;
}

.event-warp .event-description-section .description-text.truncated {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
  max-height: 6.4rem;
  text-overflow: ellipsis;
}

.event-warp .event-description-section .description-text.truncated::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 2rem;
  background: transparent;
  pointer-events: none;
}

.event-warp .event-description-section .description-text h1, .event-warp .event-description-section .description-text h2, .event-warp .event-description-section .description-text h3, .event-warp .event-description-section .description-text h4, .event-warp .event-description-section .description-text h5, .event-warp .event-description-section .description-text h6 {
  color: var(--text-color, #1a1a1a);
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
}

.event-warp .event-description-section .description-text h1 {
  font-size: 1.4rem;
}

.event-warp .event-description-section .description-text h2 {
  font-size: 1.2rem;
}

.event-warp .event-description-section .description-text h3 {
  font-size: 1.1rem;
}

.event-warp .event-description-section .description-text ul, .event-warp .event-description-section .description-text ol {
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}

.event-warp .event-description-section .description-text li {
  margin-bottom: 0.25rem;
}

.event-warp .event-description-section .description-text a {
  color: #f57423;
  text-decoration: none;
}

.event-warp .event-description-section .description-text a:hover {
  text-decoration: underline;
}

.event-warp .event-description-section .description-text strong, .event-warp .event-description-section .description-text b {
  font-weight: 700;
  color: var(--text-color, #1a1a1a);
}

.event-warp .event-description-section .description-text em, .event-warp .event-description-section .description-text i {
  font-style: italic;
  color: var(--text-secondary-color, #6b7280);
}

.event-warp .event-description-section .description-text blockquote {
  border-left: 3px solid #f57423;
  padding-left: 1rem;
  margin: 1rem 0;
  font-style: italic;
  color: var(--text-secondary-color, #6b7280);
}

.event-warp .event-description-section .read-more-button {
  background: none;
  border: none;
  color: #f57423;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  padding: 0.5rem 0;
  margin-top: 0.5rem;
  text-decoration: none;
  transition: all 0.2s ease;
}

.event-warp .event-description-section .read-more-button:hover {
  color: #e55a1a;
  text-decoration: underline;
}

.event-warp .event-description-section .read-more-button:focus {
  outline: none;
  color: #e55a1a;
}

.event-warp .event-custom-map-section {
  margin-top: 2rem;
}

.event-warp .event-custom-map-section .custom-map-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--text-color, #1a1a1a);
  margin-bottom: 0.75rem;
}

.event-warp .event-custom-map-section img {
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.event-warp .event-location-section {
  margin-top: 2rem;
}

.event-warp .event-location-section .location-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--text-color, #1a1a1a);
  margin-bottom: 0.75rem;
}

.event-warp .event-location-section .location-address {
  font-size: 0.95rem;
  color: var(--text-secondary-color, #4b5563);
  margin-bottom: 1rem;
  line-height: 1.5;
}

.event-warp .event-location-section img {
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}

.event-warp .event-location-section img:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.event-warp .event-location-section .gm-style {
  border-radius: 12px !important;
  overflow: hidden !important;
}

.event-warp .event-location-section iframe {
  border-radius: 12px;
}

.event-warp .event-video-section {
  margin-top: 2rem;
}

.event-warp .event-video-section .video-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--text-color, #1a1a1a);
  margin-bottom: 1rem;
}

.event-warp .event-video-section iframe {
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.event-warp .event-app-download-section {
  margin-top: 2.5rem;
  padding: 2rem 1.5rem;
  background: linear-gradient(135deg, rgba(247, 116, 35, 0.05) 0%, rgba(155, 89, 182, 0.05) 100%);
  border: 1px solid var(--border-color);
  border-radius: 16px;
  text-align: center;
  transition: all 0.3s ease;
  cursor: pointer;
}

.event-warp .event-app-download-section:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(247, 116, 35, 0.15);
  border-color: rgba(247, 116, 35, 0.3);
}

.event-warp .event-app-download-section:active {
  transform: translateY(0);
}

.event-warp .event-app-download-section .app-download-content {
  max-width: 400px;
  margin: 0 auto;
}

.event-warp .event-app-download-section .app-download-title {
  font-size: 18px;
  font-weight: 600;
  color: var(--text-color, #1a1a1a);
  margin-bottom: 8px;
  text-align: center;
}

.event-warp .event-app-download-section .app-download-description {
  font-size: 14px;
  color: var(--text-secondary-color, #6b7280);
  line-height: 1.5;
  text-align: center;
}

.event-warp .event-app-download-section .app-download-description strong {
  color: var(--text-color, #1a1a1a);
}

.event-warp .event-app-download-section .app-download-footer {
  font-size: 14px;
  color: var(--text-secondary-color, #6b7280);
  text-align: center;
  line-height: 1.4;
  margin-bottom: 8px;
}

.event-warp .event-app-download-section .app-download-footer strong {
  color: var(--text-color, #1a1a1a);
}

.event-warp .event-app-download-section .app-download-text-mobile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.event-warp .event-app-download-section .app-download-text-desktop {
  display: none;
}

.event-warp .event-app-download-section .app-download-qr {
  display: none !important;
  justify-content: center;
  margin-bottom: 16px;
}

.event-warp .fixed-tickets-button-container {
  position: sticky;
  bottom: 20px;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  margin-top: 2rem;
  padding: 0 1rem;
}

.event-warp .fixed-tickets-button-container .fixed-tickets-button {
  background: #FF6600 !important;
  border: 2px solid rgba(255, 102, 0, 0.3) !important;
  border-radius: 25px;
  height: 64px;
  padding: 0 3.5rem;
  font-size: 1.3rem;
  font-weight: 700;
  box-shadow: 0 6px 20px rgba(255, 102, 0, 0.4);
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  min-width: 320px;
  color: #FFFFFF !important;
}

[data-theme="dark"] .event-warp .fixed-tickets-button-container .fixed-tickets-button {
  border: 2px solid rgba(255, 102, 0, 0.5) !important;
}

.event-warp .fixed-tickets-button-container .fixed-tickets-button:hover {
  background: #FF6600 !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(255, 102, 0, 0.6);
  color: #FFFFFF !important;
}

.event-warp .fixed-tickets-button-container .fixed-tickets-button:active {
  background: linear-gradient(135deg, #ff6b35 0%, #9b59b6 100%) !important;
  transform: translateY(0);
  box-shadow: 0 6px 20px rgba(255, 102, 0, 0.4);
}

.event-warp .fixed-tickets-button-container .sold-out-button {
  background: var(--surface-color) !important;
  border: 2px solid var(--border-color) !important;
  color: var(--text-secondary-color) !important;
  cursor: not-allowed !important;
  opacity: 0.7 !important;
  height: 64px;
  border-radius: 25px;
  font-size: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  min-width: 320px;
}

.event-warp .fixed-tickets-button-container .sold-out-button:hover {
  background: var(--surface-color) !important;
  transform: none !important;
}

[data-theme="light"] .event-warp .fixed-tickets-button-container .sold-out-button, html:not([data-theme="dark"]) .event-warp .fixed-tickets-button-container .sold-out-button {
  background: rgba(255, 255, 255, 0.9) !important;
  border: 2px solid rgba(0, 0, 0, 0.15) !important;
  color: rgba(0, 0, 0, 0.4) !important;
}

@media (max-width: 768px) {
  .event-warp .fixed-tickets-button-container {
    padding: 0 1rem;
  }

  .event-warp .fixed-tickets-button-container .fixed-tickets-button, .event-warp .fixed-tickets-button-container .sold-out-button {
    width: 100%;
    min-width: auto;
    border-radius: 12px;
    height: 60px;
    font-size: 1.2rem;
  }
}

.event-warp .tickets-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1999;
  animation: fadeInBackdrop 0.3s ease forwards;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

@keyframes fadeInBackdrop {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.event-warp .sticky-tickets-summary {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2000;
  background: transparent;
  border-radius: 16px 16px 0 0;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
  max-height: 90vh;
  overflow: hidden;
  animation: slideUpSmooth 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

@keyframes slideUpSmooth {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.event-warp .sticky-tickets-summary .tickets-summary-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  background: var(--background-color);
  border-bottom: 1px solid var(--border-color);
  position: sticky;
  top: 0;
  z-index: 10;
}

.event-warp .sticky-tickets-summary .tickets-summary-header .event-summary-info {
  flex: 1;
}

.event-warp .sticky-tickets-summary .tickets-summary-header .event-summary-info .event-title-summary {
  display: block;
  font-size: 1.1rem;
  font-weight: 600;
  color: var(--text-color);
  margin-bottom: 4px;
  line-height: 1.3;
}

.event-warp .sticky-tickets-summary .tickets-summary-header .event-summary-info .tickets-count-summary {
  display: block;
  font-size: 0.9rem;
  color: #666;
  font-weight: 400;
}

.event-warp .sticky-tickets-summary .tickets-summary-header .tickets-summary-close {
  background: none;
  border: none;
  font-size: 1.5rem;
  color: #666;
  cursor: pointer;
  padding: 4px;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.event-warp .sticky-tickets-summary .tickets-summary-header .tickets-summary-close:hover {
  background: rgba(0, 0, 0, 0.1);
  color: #333;
}

.event-warp .sticky-tickets-summary .tickets-expanded-content {
  max-height: calc(96vh - 12px);
  overflow: visible;
  background: var(--background-color);
  animation: fadeInContent 0.3s ease 0.1s both;
}

@keyframes fadeInContent {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.event-warp .sticky-tickets-summary .tickets-expanded-content .expanded-content-wrapper {
  position: relative;
}

.event-warp .sticky-tickets-summary .tickets-expanded-content .expanded-content-wrapper .tickets-drag-handle {
  position: sticky;
  top: 0;
  z-index: 5;
  display: flex;
  justify-content: center;
  padding: 12px;
  background: var(--background-color);
  border-bottom: 1px solid var(--border-color);
  cursor: grab;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.event-warp .sticky-tickets-summary .tickets-expanded-content .expanded-content-wrapper .tickets-drag-handle:active {
  cursor: grabbing;
}

.event-warp .sticky-tickets-summary .tickets-expanded-content .expanded-content-wrapper .tickets-drag-handle .drag-handle-bar {
  width: 40px;
  height: 4px;
  background: #ddd;
  border-radius: 2px;
}

.event-warp .sticky-tickets-summary .tickets-expanded-content .expanded-content-wrapper .tickets-content {
  padding: 12px 20px 20px 20px;
  max-height: 80vh;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  background: #000000;
}

.event-warp .sticky-tickets-summary .tickets-expanded-content .expanded-content-wrapper .tickets-content .tickets-form-section {
  margin-top: 0;
}

.event-warp .sticky-tickets-summary .tickets-expanded-content .expanded-content-wrapper .tickets-content .tickets-form-section h2.section-title {
  margin-bottom: 1rem;
}

.event-warp .sticky-tickets-summary .tickets-expanded-content .expanded-content-wrapper .tickets-content .tickets-form-section h2.section-title svg.ticket-icon {
  width: 18px;
  height: 18px;
}

.event-warp .sticky-tickets-summary .tickets-expanded-content .expanded-content-wrapper .tickets-content .tickets-form-section h2.section-title .title-text {
  font-size: 1.1rem;
}

.event-warp .sticky-tickets-summary .tickets-expanded-content .expanded-content-wrapper .tickets-content .flow {
  margin-bottom: 1rem;
}

.event-warp .producer-info {
  margin-top: 1.5rem;
  text-align: center;
  font-size: 0.9rem;
  color: var(--text-secondary-color, #4b5563);
}

.event-warp .producer-info .producer-label {
  font-weight: 400;
}

.event-warp .producer-info .producer-link {
  color: #f57423;
  text-decoration: none;
  font-weight: 600;
}

.event-warp .producer-info .producer-link:hover {
  text-decoration: underline;
}

.event-warp .producer-info .producer-name {
  color: var(--text-color, #1a1a1a);
  font-weight: 600;
}

.event-warp .share-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: 1.5rem;
}

.event-warp .share-section .share-label {
  font-weight: bold;
  font-size: 1rem;
  color: #9ca3af;
}

.event-warp .share-section .share-button {
  cursor: pointer;
  padding: 0.5rem;
  border-radius: 0.5rem;
  transition: all 0.2s ease;
}

.event-warp .share-section .share-button:hover {
  background-color: rgba(247, 116, 35, 0.1);
}

.event-warp .share-section .share-icon {
  font-size: 27px;
  color: #f57423;
}

.event-warp .event-image-section {
  flex: 1;
  max-width: 100%;
  order: 1;
}

@media (min-width: 1023px) {
  .event-warp .event-image-section {
    max-width: 500px;
    position: sticky;
    top: 20px;
    align-self: flex-start;
    order: 2;
  }
}

.event-warp .image-event-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(255, 255, 255, 0.1);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  backdrop-filter: blur(1px);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.event-warp .image-event-bg {
  position: absolute;
  top: -40px;
  left: -60px;
  right: -60px;
  bottom: -40px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: blur(12px) brightness(0.6);
  transform: scale(1.2);
}

.event-warp .image-event {
  position: relative;
  width: 100%;
  max-width: 500px;
  height: auto;
  margin: 0 auto;
  border-radius: 0.75rem;
  overflow: hidden;
  z-index: 2;
}

.event-warp .image-event::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0.75rem;
  background: radial-gradient(circle at center, transparent 40%, rgba(0, 0, 0, 0.3) 100%);
  pointer-events: none;
  z-index: 1;
}

.event-warp .image-event img {
  width: 100%;
  height: auto;
  display: block;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  filter: contrast(1.05) saturate(1.1);
}

.event-warp .image-event:hover img {
  transform: scale(1.03) rotate(0.5deg);
  filter: contrast(1.1) saturate(1.2) brightness(1.05);
}

.event-warp .image-event-vertical {
  width: 100%;
  height: auto;
  margin-top: .75rem;
  border-radius: 0.5rem;
}

@media (min-width: 767px) {
  .event-warp .image-event-vertical {
    width: 60%;
  }
}

.event-warp .center {
  text-align: center;
}

.event-warp h1 {
  font-size: 1.5rem;
}

@media (min-width: 767px) {
  .event-warp h1 {
    font-size: 2.25rem;
  }
}

.event-warp h1 span {
  color: #F57423;
}

.event-warp h2 {
  font-size: 1.5rem;
}

@media (min-width: 767px) {
  .event-warp h2 {
    font-size: 1.8rem;
  }
}

.event-warp h3 {
  font-size: 1.5rem;
}

@media (min-width: 767px) {
  .event-warp h3 {
    font-size: 2.25rem;
  }
}

.event-warp .header-event {
  width: 100%;
  max-height: 480px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (min-width: 767px) {
  .event-warp .header-event {
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.event-warp .category {
  font-size: 0.9rem;
  font-weight: 600;
  color: #f57423;
  background: linear-gradient(135deg, rgba(247, 116, 35, 0.1) 0%, rgba(155, 89, 182, 0.1) 100%);
  padding: 0.4rem 0.8rem;
  border-radius: 20px;
  border: 1px solid rgba(247, 116, 35, 0.2);
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 0.5rem;
  letter-spacing: 0.5px;
  text-transform: lowercase;
  transition: all 0.2s ease;
}

.event-warp .category:hover {
  background: linear-gradient(135deg, rgba(247, 116, 35, 0.15) 0%, rgba(155, 89, 182, 0.15) 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(247, 116, 35, 0.2);
}

.event-warp .address {
  text-transform: capitalize;
  font-size: 1rem;
  font-weight: bold;
  margin-top: -10px;
}

@media (min-width: 767px) {
  .event-warp .address {
    margin-top: -20px;
  }
}

.event-warp .date {
  text-transform: capitalize;
  font-size: 1rem;
  font-weight: bold;
  margin-top: 0px;
}

.event-warp .producer {
  font-size: 1rem;
  margin-top: 0px;
}

.event-warp .sell-for {
  text-align: left;
  display: flex;
}

.event-warp .name-producer {
  margin-left: 3px;
  font-weight: bold;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: left;
  text-transform: capitalize;
}

.event-warp .icon-toliv {
  width: 55px;
  margin-left: 5px;
  margin-top: -2px;
}

.event-warp .flow > * + * {
  margin-top: 20px;
}

.event-warp .ticket-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  font-size: 1rem;
  font-weight: bold;
}

.event-warp .ticket-wrap .circle-status {
  margin-right: 3px;
}

.event-warp .border {
  border: 1px solid #000;
  padding: 16px 8px;
  border-radius: 5px;
  margin-bottom: 10px;
}

.event-warp .social-networks {
  margin-right: 20px;
}

.event-warp .social-networks img {
  width: 26px;
  height: 26px;
}

.event-warp #map-sector {
  overflow: scroll;
}

@media (min-width: 1360px) {
  .event-warp #map-sector {
    overflow: hidden;
  }
}

.event-warp .event-col-padding {
  padding: 10px;
}

.event-warp .seat-container-step {
  display: flex;
  width: 100%;
  background-color: #F8F8F8;
  padding: 5px;
  border: 1px solid #E1E3E6;
  border-radius: 10px;
  margin-top: -20px;
  font-size: 12px;
}

@media (min-width: 767px) {
  .event-warp .seat-container-step {
    width: 60%;
    font-size: 14px;
  }
}

.event-warp .seat-display-none {
  display: none;
}

.event-warp .seat-step-selected {
  color: #ffffff;
  background-color: #F57423;
  cursor: pointer;
}

.event-warp .seat-step-disabled {
  color: #585757;
  background-color: #F8F8F8;
  cursor: not-allowed;
}

.event-warp .seat-step {
  width: 50%;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 10px;
}

.event-warp .btn-select-other-zone {
  width: 100%;
  color: #757D8A;
  margin-bottom: 10px;
}

@media (min-width: 767px) {
  .event-warp .btn-select-other-zone {
    width: 236px;
  }
}

.event-warp .btn-pay-seat {
  width: 100%;
}

@media (min-width: 767px) {
  .event-warp .btn-pay-seat {
    width: 236px;
    margin-left: 10px;
  }
}

.event-warp .banners-city-event-wrap {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  padding-top: 15px;
  padding-bottom: 15px;
}

.event-warp .banners-city-event-wrap .ant-carousel {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
  border-radius: .5rem;
}

.event-warp .banners-city-event-wrap .ant-carousel .slick-slide {
  height: 200px;
}

@media (min-width: 767px) {
  .event-warp .banners-city-event-wrap .ant-carousel .slick-slide {
    height: 480px;
  }
}

.event-warp .banners-city-event-wrap .banner-image {
  -o-object-fit: cover;
     object-fit: cover;
  height: 200px;
  width: 100%;
  border-radius: .5rem;
}

@media (min-width: 767px) {
  .event-warp .banners-city-event-wrap .banner-image {
    -o-object-fit: cover;
       object-fit: cover;
    height: 480px;
    width: 100%;
  }
}

.event-warp .banners-city-event-wrap .ant-carousel .slick-slider .slick-track, .event-warp .banners-city-event-wrap .ant-carousel .slick-slider .slick-list {
  border-radius: .5rem !important;
}

.event-warp .heart-button {
  font-size: 2rem;
  background: none;
  border: none;
  cursor: pointer;
}

.event-warp .heart-button.active {
  animation: heartBeat 0.5s linear;
}

@keyframes heartBeat {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

.event-warp .contain-type-heart {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.modal-seats {
  border: 1px solid #C4C4C4;
  border-radius: 10px;
  padding: 10px;
}

@media (min-width: 767px) {
  .modal-seats {
    padding: 40px;
  }
}

.modal-seats .bg-seleccionado {
  width: 76px;
  height: 76px;
  background: url("https://tolivmarket-production.s3.sa-east-1.amazonaws.com/static/images/seats.png") -10px -10px;
  zoom: 0.39;
  -moz-transform: scale(0.39);
  -moz-transform-origin: 0 0;
}

.modal-seats .bg-no-disponible {
  width: 76px;
  height: 76px;
  background: url("https://tolivmarket-production.s3.sa-east-1.amazonaws.com/static/images/seats.png") -106px -10px;
  zoom: 0.39;
  -moz-transform: scale(0.39);
  -moz-transform-origin: 0 0;
}

.modal-seats .bg-comprado {
  width: 76px;
  height: 76px;
  background: url("https://tolivmarket-production.s3.sa-east-1.amazonaws.com/static/images/seats.png") -10px -106px;
  zoom: 0.39;
  -moz-transform: scale(0.39);
  -moz-transform-origin: 0 0;
}

.modal-seats .bg-asiento-disponible {
  width: 76px;
  height: 76px;
  background: url("https://tolivmarket-production.s3.sa-east-1.amazonaws.com/static/images/seats.png") -106px -106px;
  zoom: 0.39;
  -moz-transform: scale(0.39);
  -moz-transform-origin: 0 0;
}

.modal-seats .number {
  width: 30px;
  font-size: 11px;
  align-items: center;
  display: flex;
}

.modal-seats .number-col {
  width: auto;
  text-align: center;
  font-size: 11px;
}

.modal-seats .title-modal-seat {
  font-size: 20px;
  font-weight: bold;
}

.modal-seats .margin-first-seat {
  margin-top: 18px;
}

.modal-seats .content-all-seat-type {
  margin-top: 10px;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 65px;
  height: 30px;
}

@media (min-width: 767px) {
  .modal-seats .content-all-seat-type {
    margin-bottom: 20px;
  }
}

.my-seats .title-content {
  background-color: #F9F1EE;
  padding-left: 2rem;
  border-radius: 8px;
}

.my-seats .content-ticket {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.my-seats .btn-remove-ticket:hover, .my-seats .btn-remove-ticket:focus {
  color: #ff4d4f;
}

.my-seats .container-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.my-seats .total {
  font-size: 20px;
  font-weight: bold;
}

.my-seats .btn-large-seat-payment {
  width: 100%;
}

.modal-UserNotLogged .ant-modal-title {
  color: #000;
  font-weight: bold;
  font-size: 20px;
}

.modal-UserNotLogged .pros-list ul {
  padding-left: 25px;
}

.modal-UserNotLogged-checkout .ant-modal-title {
  color: #000;
  font-weight: bold;
  font-size: 20px;
}

.modal-UserNotLogged-checkout.hidde .ant-modal-close {
  display: none;
}

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

@media (min-width: 767px) {
  .countdown-event {
    display: flex;
    align-items: center;
  }
}

.form-hero-bg {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  height: 30vh !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  filter: blur(20px) brightness(0.5) contrast(0.9) saturate(1.2) !important;
  z-index: 0 !important;
}

.form-warp {
  padding: 0 15px 20px 15px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}

.form-warp.form-warp-light {
  color: #000000;
}

.form-warp.form-warp-dark {
  color: var(--text-color);
}

.form-warp .image-event {
  width: 100%;
  height: auto;
  border-radius: 0.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transition: box-shadow 0.3s ease;
}

.form-warp h2 {
  font-size: 1.625rem;
}

@media (min-width: 767px) {
  .form-warp h2 {
    font-size: 2rem;
  }
}

.form-warp h3 {
  font-size: 1rem;
}

@media (min-width: 767px) {
  .form-warp h3 {
    font-size: 1.625rem;
  }
}

.form-warp .copy {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 0;
  text-align: center;
  z-index: 1000;
  transition: all 0.3s ease;
}

.form-warp .copy.copy-light {
  background-color: rgba(255, 255, 255, 0.9);
  color: #666;
  opacity: 0.8;
}

.form-warp .copy.copy-dark {
  background-color: rgba(0, 0, 0, 0.8);
  color: #ccc;
  opacity: 0.6;
}

/* 🎫 TICKETS WORLD CLASS - COMPONENTE ELEGANTE */

/* Diseño premium para selección de tickets en páginas de eventos */

.tickets-section-world-class {
  max-width: 800px;
  margin: 0 auto;
  padding: 0 20px;
}

.tickets-header-premium {
  margin-bottom: 28px;
  text-align: center;
}

.tickets-title-elegant {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 20px;
  font-weight: 600;
  color: var(--text-color, #1a1a1a);
  margin: 0;
  letter-spacing: -0.01em;
}

.tickets-title-elegant .tickets-icon-premium {
  color: var(--primary-color, #f57423);
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.maximum-tickets-alert-premium {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: linear-gradient(135deg, #fef3c7, #fde68a);
  border: 1px solid #f59e0b;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 24px;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.1);
}

.maximum-tickets-alert-premium .alert-icon {
  font-size: 20px;
  flex-shrink: 0;
  margin-top: 2px;
}

.maximum-tickets-alert-premium .alert-content {
  flex: 1;
}

.maximum-tickets-alert-premium .alert-title {
  font-weight: 600;
  color: #92400e;
  margin-bottom: 4px;
}

.maximum-tickets-alert-premium .alert-message {
  color: #78350f;
  line-height: 1.5;
  font-size: 14px;
}

.tickets-grid-premium {
  display: grid;
  gap: 20px;
  margin-bottom: 32px;
}

.ticket-card-world-class {
  background: var(--surface-color, #ffffff);
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: 14px;
  padding: 20px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

.ticket-card-world-class:hover {
  border-color: var(--primary-color, #f57423);
  box-shadow: 0 6px 24px rgba(245, 116, 35, 0.1);
  transform: translateY(-2px);
}

[data-theme="dark"] .ticket-card-world-class:hover {
  box-shadow: 0 6px 24px rgba(245, 116, 35, 0.18);
}

.ticket-name-premium {
  font-size: 17px;
  font-weight: 600;
  color: var(--text-color, #1a1a1a);
  margin: 0 0 12px 0;
  line-height: 1.3;
  word-break: break-word;
  letter-spacing: -0.01em;
}

.ticket-action-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  gap: 16px;
}

.ticket-price-section-premium {
  flex-shrink: 0;
}

.free-ticket-badge-premium {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(135deg, #10b981, #059669);
  color: white;
  padding: 8px 14px;
  border-radius: 24px;
  font-size: 14px;
  font-weight: 600;
}

.free-ticket-badge-premium .free-emoji {
  font-size: 16px;
}

.ticket-price-display {
  font-size: 24px;
  font-weight: 700;
  color: var(--primary-color, #f57423);
  display: flex;
  align-items: baseline;
  gap: 4px;
  white-space: nowrap;
}

.ticket-price-display .currency-code-premium {
  font-size: 15px;
  font-weight: 600;
  color: var(--text-secondary-color, #6b7280);
}

.quantity-controls-premium {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-shrink: 0;
}

.quantity-controls-wrapper {
  display: flex;
  align-items: center;
  gap: 4px;
  background: var(--background-color, #f9fafb);
  border-radius: 14px;
  padding: 4px;
  border: 1px solid var(--border-color, #e5e7eb);
}

.quantity-btn-premium {
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 10px;
  background: white;
  color: var(--text-secondary-color, #6b7280);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 18px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.quantity-btn-premium:hover:not(:disabled) {
  background: var(--primary-color, #f57423);
  color: white;
  transform: scale(1.05);
  box-shadow: 0 4px 12px rgba(245, 116, 35, 0.25);
}

.quantity-btn-premium:active:not(:disabled) {
  transform: scale(0.98);
}

.quantity-btn-premium:disabled {
  opacity: 0.3;
  cursor: not-allowed;
  box-shadow: none;
}

.quantity-btn-premium.quantity-minus:hover:not(:disabled) {
  background: #ef4444;
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.25);
}

.quantity-btn-premium.quantity-plus {
  background: var(--primary-color, #f57423);
  color: white;
  box-shadow: 0 2px 8px rgba(245, 116, 35, 0.2);
}

.quantity-btn-premium.quantity-plus:hover:not(:disabled) {
  background: #e5621a;
  box-shadow: 0 4px 14px rgba(245, 116, 35, 0.35);
}

.quantity-display-premium {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  padding: 0 12px;
}

.quantity-number {
  font-size: 22px;
  font-weight: 700;
  color: var(--text-color, #1a1a1a);
  line-height: 1;
}

.sold-out-state {
  background: #fef2f2;
  color: #dc2626;
  padding: 10px 18px;
  border-radius: 24px;
  font-size: 14px;
  font-weight: 600;
  border: 1px solid #fecaca;
  white-space: nowrap;
}

[data-theme="dark"] .sold-out-state {
  background: rgba(220, 38, 38, 0.1);
  color: #fca5a5;
  border-color: rgba(220, 38, 38, 0.3);
}

.availability-bar-premium {
  margin-bottom: 16px;
}

.availability-info-premium {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6px;
}

.availability-text {
  font-size: 13px;
  color: var(--text-secondary-color, #6b7280);
  font-weight: 500;
}

.availability-percentage {
  font-size: 11px;
  color: var(--text-secondary-color, #6b7280);
  background: var(--background-color, #f9fafb);
  padding: 3px 8px;
  border-radius: 10px;
  border: 1px solid var(--border-color, #e5e7eb);
  font-weight: 600;
}

.availability-progress-premium .ant-progress-inner {
  background: #f0f0f0;
}

.availability-progress-premium [data-theme="dark"] .ant-progress-inner {
  background: rgba(255, 255, 255, 0.1);
}

.ticket-description-premium {
  margin-bottom: 0;
}

.ticket-description-premium p {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: var(--text-secondary-color, #6b7280);
  text-align: left;
}

.continue-section-premium {
  margin-top: 32px;
  text-align: center;
}

.continue-btn-world-class {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: linear-gradient(135deg, var(--primary-color, #f57423), #e5621a);
  color: white;
  border: none;
  border-radius: 14px;
  padding: 18px 36px;
  font-size: 17px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 20px rgba(245, 116, 35, 0.3);
  min-width: 220px;
  justify-content: center;
}

.continue-btn-world-class:hover:not(:disabled) {
  background: linear-gradient(135deg, #e5621a, #d45516);
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(245, 116, 35, 0.4);
}

.continue-btn-world-class:active:not(:disabled) {
  transform: translateY(0);
}

.continue-btn-world-class:disabled {
  background: #9ca3af;
  cursor: not-allowed;
  box-shadow: none;
  transform: none;
  opacity: 0.6;
}

.continue-btn-world-class .continue-text {
  font-weight: 600;
}

.continue-btn-world-class .continue-price {
  font-weight: 700;
  opacity: 0.95;
}

.continue-btn-world-class .continue-arrow {
  font-size: 18px;
  transition: transform 0.3s ease;
}

.continue-btn-world-class:hover:not(:disabled) .continue-btn-world-class .continue-arrow {
  transform: translateX(4px);
}

/* 📱 RESPONSIVE DESIGN - World Class */

@media (max-width: 768px) {
  .tickets-section-world-class {
    padding: 0 16px;
  }

  .tickets-title-elegant {
    font-size: 18px;
    gap: 8px;
  }

  .tickets-title-elegant .tickets-icon-premium {
    width: 18px;
    height: 18px;
  }

  .ticket-card-world-class {
    padding: 18px;
  }

  .ticket-name-premium {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .ticket-action-row {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
  }

  .ticket-price-display {
    font-size: 22px;
  }

  .quantity-btn-premium {
    width: 42px;
    height: 42px;
    font-size: 16px;
  }

  .quantity-number {
    font-size: 20px;
  }

  .quantity-display-premium {
    min-width: 44px;
    padding: 0 10px;
  }

  .continue-btn-world-class {
    width: 100%;
    max-width: 360px;
    padding: 16px 32px;
  }
}

@media (max-width: 480px) {
  .maximum-tickets-alert-premium {
    padding: 12px;
    margin-bottom: 18px;
    gap: 10px;
  }

  .alert-title {
    font-size: 13px;
  }

  .alert-message {
    font-size: 12px;
  }

  .ticket-card-world-class {
    padding: 16px;
  }

  .tickets-title-elegant {
    font-size: 17px;
  }

  .ticket-name-premium {
    font-size: 15px;
  }

  .ticket-action-row {
    flex-wrap: wrap;
    gap: 10px;
  }

  .ticket-price-display {
    font-size: 20px;
  }

  .quantity-btn-premium {
    width: 40px;
    height: 40px;
    font-size: 15px;
  }

  .quantity-number {
    font-size: 18px;
  }

  .quantity-display-premium {
    min-width: 40px;
  }

  .continue-btn-world-class {
    padding: 15px 28px;
    font-size: 16px;
  }
}

.tickets-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  backdrop-filter: blur(4px);
  opacity: 0;
  animation: fadeIn 0.3s ease forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes slideUpSmoothDesktop {
  0% {
    transform: translateX(-50%) translateY(100%);
    opacity: 0;
  }

  100% {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
  }
}

.sticky-tickets-summary {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--surface-color);
  padding: 0;
  z-index: 1000;
  box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(20px);
  display: block;
  transition: transform 0.32s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.28s ease;
  max-height: 90vh;
  overflow: visible;
  transform: translateY(0);
}

@media screen and (min-width: 769px) {
  .sticky-tickets-summary {
    left: 50% !important;
    right: auto !important;
    width: 560px !important;
    max-width: 92vw !important;
    transform: translateX(-50%) !important;
    border-radius: 16px 16px 0 0;
    animation: slideUpSmoothDesktop 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  }
}

.sticky-tickets-summary.expanded {
  height: auto;
  max-height: 85vh;
  overflow: visible;
}

.sticky-tickets-summary.expanded .sticky-expanded-content {
  max-height: none;
  overflow: visible;
}

.sticky-tickets-summary .sticky-summary-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}

.sticky-tickets-summary .sticky-summary-header.sticky-summary-header-padding {
  padding: 20px 24px 0 24px;
}

.sticky-tickets-summary .sticky-summary-header .summary-info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.sticky-tickets-summary .sticky-summary-header .summary-info .summary-label {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-secondary-color);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.sticky-tickets-summary .sticky-summary-header .summary-info .summary-amount {
  font-size: 24px;
  font-weight: 800;
  color: var(--text-color);
  line-height: 1;
}

.sticky-tickets-summary .sticky-summary-header .summary-details-link {
  background: none;
  border: none;
  color: var(--primary-color);
  font-size: 14px;
  font-weight: 600;
  padding: 8px 12px;
  cursor: pointer;
  border-radius: 8px;
  transition: all 0.2s ease;
}

.sticky-tickets-summary .sticky-summary-header .summary-details-link:hover {
  background: var(--primary-hover-bg, rgba(255, 102, 0, 0.1));
  color: var(--primary-hover-color);
  transform: translateY(-1px);
}

.sticky-tickets-summary .sticky-summary-header .summary-details-link:active {
  transform: translateY(0);
}

.sticky-tickets-summary .sticky-pay-container {
  margin-bottom: 12px;
}

.sticky-tickets-summary .sticky-pay-container.sticky-pay-container-padding {
  padding: 0 24px 24px 24px;
}

.sticky-tickets-summary .sticky-pay-container .sticky-pay-button {
  background: #FF6600 !important;
  color: #FFFFFF !important;
  height: 56px;
  border-radius: 16px;
  font-weight: 700;
  font-size: 16px;
  border: none !important;
  transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease !important;
  box-shadow: 0 8px 32px rgba(247, 147, 30, 0.4) !important;
  transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease !important;
  will-change: background-color, color, box-shadow, transform;
}

.sticky-tickets-summary .sticky-pay-container .sticky-pay-button:disabled {
  background: #cccccc !important;
  color: #666666 !important;
  box-shadow: 0 4px 16px rgba(204, 204, 204, 0.3) !important;
  transform: none !important;
  cursor: not-allowed !important;
}

.sticky-tickets-summary .sticky-pay-container .sticky-pay-button:hover:not(:disabled) {
  background: linear-gradient(135deg, #f7931e 0%, #ff6b35 100%) !important;
  transform: translateY(-2px);
  box-shadow: 0 12px 40px rgba(247, 147, 30, 0.5) !important;
}

.sticky-tickets-summary .sticky-pay-container .sticky-pay-button:active:not(:disabled) {
  background: linear-gradient(135deg, #ff6b35 0%, #9b59b6 100%) !important;
  transform: translateY(0);
  box-shadow: 0 6px 20px rgba(247, 147, 30, 0.4) !important;
}

.sticky-tickets-summary .sticky-pay-container .sticky-pay-button:focus:not(:disabled) {
  outline: none;
  background: linear-gradient(135deg, #f7931e 0%, #ff6b35 100%) !important;
  box-shadow: 0 12px 40px rgba(247, 147, 30, 0.5), 0 0 0 3px rgba(255, 102, 0, 0.3) !important;
}

.sticky-tickets-summary .sticky-pay-container .sticky-pay-button.ant-btn:not(:disabled), .sticky-tickets-summary .sticky-pay-container .sticky-pay-button.ant-btn-primary:not(:disabled), .sticky-tickets-summary .sticky-pay-container .sticky-pay-button.ant-btn:not(:disabled):not(.ant-btn-background-ghost), .sticky-tickets-summary .sticky-pay-container .sticky-pay-button.ant-btn-primary:not(:disabled):not(.ant-btn-background-ghost) {
  background: #FF6600 !important;
  color: #FFFFFF !important;
  border-color: #FF6600 !important;
}

.sticky-tickets-summary .sticky-pay-container .sticky-pay-button .pay-button-text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.sticky-tickets-summary .sticky-expanded-content {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  max-width: 400px;
  background: var(--surface-color);
  border: 1px solid var(--border-color-light);
  border-radius: 0 0 16px 16px;
  box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(20px);
  z-index: 1100;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.44s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.sticky-tickets-summary .sticky-expanded-content.visible {
  max-height: 70vh;
  opacity: 1;
  overflow: visible;
  transition: all 0.44s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.sticky-tickets-summary .sticky-expanded-content .expanded-content-wrapper {
  padding: 0 0 20px;
}

.sticky-tickets-summary .sticky-expanded-content .expanded-content-wrapper .sticky-expanded-scroll {
  padding: 0 24px;
  max-height: 60vh;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  padding-top: 12px;
}

.sticky-tickets-summary .sticky-expanded-content .expanded-content-wrapper .section-title {
  margin: 16px 0 20px 0;
  font-size: 18px;
  font-weight: 700;
  color: var(--text-color);
}

.sticky-tickets-summary .sticky-expanded-content .expanded-content-wrapper .selected-tickets-summary {
  margin-bottom: 20px;
  max-height: none;
  overflow: visible;
}

.sticky-tickets-summary .sticky-expanded-content .expanded-content-wrapper .selected-tickets-summary::after {
  content: '';
  display: block;
  height: 160px;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .sticky-tickets-summary .sticky-expanded-content .expanded-content-wrapper .selected-tickets-summary::after {
    height: 180px;
  }
}

.sticky-tickets-summary .sticky-expanded-content .expanded-content-wrapper .summary-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.sticky-tickets-summary .sticky-expanded-content .expanded-content-wrapper .summary-row:last-child {
  border-bottom: none;
}

.sticky-tickets-summary .sticky-expanded-content .expanded-content-wrapper .summary-row span:first-child {
  font-size: 14px;
  color: var(--text-secondary-color);
}

.sticky-tickets-summary .sticky-expanded-content .expanded-content-wrapper .summary-row span:last-child {
  font-size: 14px;
  font-weight: 600;
  color: var(--text-color);
}

.sticky-tickets-summary .sticky-expanded-content .expanded-content-wrapper .summary-total {
  background: rgba(255, 102, 0, 0.1);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 102, 0, 0.2);
  border-radius: 16px;
  padding: 20px;
  margin: 20px -4px;
  position: relative;
  overflow: hidden;
}

.sticky-tickets-summary .sticky-expanded-content .expanded-content-wrapper .summary-total::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255, 102, 0, 0.05) 0%, rgba(155, 89, 182, 0.05) 100%);
  border-radius: 16px;
  z-index: -1;
}

.sticky-tickets-summary .sticky-expanded-content .expanded-content-wrapper .summary-total span:first-child {
  font-size: 16px;
  font-weight: 700;
  color: var(--text-color);
  position: relative;
  z-index: 1;
}

.sticky-tickets-summary .sticky-expanded-content .expanded-content-wrapper .summary-total span:last-child {
  font-size: 20px;
  font-weight: 800;
  color: var(--primary-color);
  position: relative;
  z-index: 1;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.sticky-tickets-summary .sticky-expanded-content .expanded-content-wrapper .summary-separator {
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  margin: 16px 0;
}

.sticky-tickets-summary .sticky-expanded-content .expanded-content-wrapper .summary-separator.free-separator {
  background: linear-gradient(90deg, rgba(255, 107, 53, 0.4) 0%, rgba(155, 89, 182, 0.4) 100%);
  height: 2px;
}

.sticky-tickets-summary .sticky-drag-handle {
  position: sticky;
  top: 0;
  z-index: 1200;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 0 8px;
  cursor: grab;
  background-color: var(--surface-color);
  border-radius: 16px 16px 0 0;
}

.sticky-tickets-summary .sticky-drag-handle:active {
  cursor: grabbing;
}

.sticky-tickets-summary .sticky-drag-handle .drag-handle-bar {
  width: 40px;
  height: 4px;
  background: var(--border-color-light);
  border-radius: 2px;
  transition: background 0.2s ease;
}

.sticky-tickets-summary .sticky-drag-handle .drag-handle-bar:hover {
  background: var(--text-secondary-color);
}

.sticky-tickets-summary .section-title {
  padding-bottom: 12px;
  margin: 0 0 16px 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--text-primary);
}

@media screen and (max-width: 768px) {
  .dark .sticky-tickets-summary {
    background: rgba(18, 18, 18, 0.95);
    border-top-color: rgba(42, 42, 42, 0.8);
    box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.4);
  }

  .dark .sticky-tickets-summary .summary-amount {
    color: #FFFFFF;
  }

  .dark .sticky-tickets-summary .sticky-pay-button {
    box-shadow: 0 4px 16px rgba(255, 102, 0, 0.4);
    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease !important;
    will-change: background-color, color, box-shadow, transform;
  }

  .dark .sticky-tickets-summary .sticky-pay-button:disabled {
    background: #666666 !important;
    color: #cccccc !important;
    box-shadow: 0 2px 8px rgba(102, 102, 102, 0.3) !important;
    transform: none !important;
    cursor: not-allowed !important;
  }

  .dark .sticky-tickets-summary .sticky-pay-button:hover:not(:disabled) {
    box-shadow: 0 8px 24px rgba(255, 102, 0, 0.5);
  }

  .dark .sticky-tickets-summary .sticky-pay-button.ant-btn:not(:disabled), .dark .sticky-tickets-summary .sticky-pay-button.ant-btn-primary:not(:disabled), .dark .sticky-tickets-summary .sticky-pay-button.ant-btn:not(:disabled):not(.ant-btn-background-ghost), .dark .sticky-tickets-summary .sticky-pay-button.ant-btn-primary:not(:disabled):not(.ant-btn-background-ghost) {
    background: #FF6600 !important;
    color: #FFFFFF !important;
    border-color: #FF6600 !important;
  }

  .dark .sticky-tickets-summary .sticky-expanded-content {
    background: rgba(18, 18, 18, 0.98);
    border-top-color: rgba(42, 42, 42, 0.8);
    box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.5);
  }

  .dark .sticky-tickets-summary .sticky-expanded-content .expanded-content-wrapper .summary-row {
    border-bottom-color: rgba(42, 42, 42, 0.5);
  }

  .dark .sticky-tickets-summary .sticky-expanded-content .expanded-content-wrapper .summary-separator {
    background: rgba(42, 42, 42, 0.5);
  }
}

.form-warp .checkout-trust-logo {
  position: relative;
  z-index: 10;
  margin-bottom: 20px;
}

.form-warp .checkout-trust-logo .trust-logo-clickable {
  cursor: pointer;
  transition: all 0.3s ease;
  opacity: 0.9;
}

.form-warp .checkout-trust-logo .trust-logo-clickable:hover {
  opacity: 1;
  transform: translateY(-2px);
}

.form-ticket-container {
  max-width: 500px;
  width: 100%;
}

.form-ticket-container .form-glass-container {
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-radius: 20px;
  padding: 32px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 767px) {
  .form-ticket-container .form-glass-container {
    padding: 16px 12px;
    border-radius: 12px;
  }
}

.form-ticket-container .form-glass-container:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.15) inset;
  border-color: rgba(255, 255, 255, 0.2);
}

.form-ticket-container h3 {
  font-size: 1.75rem;
  font-weight: 700;
  margin-bottom: 24px;
  color: var(--text-color);
  text-align: center;
  letter-spacing: -0.02em;
}

@media (min-width: 767px) {
  .form-ticket-container h3 {
    font-size: 1.35rem;
    margin-bottom: 16px;
  }
}

.form-ticket-container .phone-countries-optional {
  color: var(--text-color) !important;
  font-weight: 500;
  font-size: 0.9rem;
  margin-bottom: 8px;
  letter-spacing: 0.01em;
}

.form-ticket-container .phone-countries-optional span {
  color: #666 !important;
  font-size: 12px;
  margin-left: 5px;
  font-weight: 400;
}

.form-ticket-container .ant-col.ant-form-item-label {
  margin-bottom: 8px;
}

.form-ticket-container .ant-col.ant-form-item-label label {
  color: var(--text-color) !important;
  font-weight: 500;
  font-size: 0.9rem;
  letter-spacing: 0.01em;
}

.form-ticket-container .ant-col.ant-form-item-label label.ant-form-item-required::before {
  color: #ff6b6b !important;
  font-size: 1rem;
}

.form-ticket-container .ant-form-item {
  margin-bottom: 20px;
}

.form-ticket-container .ant-form-item .ant-form-item-label > label {
  color: var(--text-color) !important;
  font-weight: 500;
  font-size: 0.9rem;
  letter-spacing: 0.01em;
}

.form-ticket-container .ant-form-item .ant-form-item-label > label.ant-form-item-required::before {
  color: #ff6b6b;
  font-size: 1rem;
}

.form-ticket-container .ant-form-item .ant-input {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  height: 48px !important;
  font-size: 1rem !important;
  color: var(--text-color) !important;
  -webkit-text-fill-color: var(--text-color) !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

.form-ticket-container .ant-form-item .ant-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

.form-ticket-container .ant-form-item .ant-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

.form-ticket-container .ant-form-item .ant-input::placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

.form-ticket-container .ant-form-item .ant-input:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}

.form-ticket-container .ant-form-item .ant-input:focus {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: #f57423 !important;
  box-shadow: 0 0 0 3px rgba(245, 116, 35, 0.15) !important;
  outline: none !important;
}

.form-ticket-container .ant-form-item .ant-form-item-explain-error {
  color: #ff6b6b;
  font-size: 0.85rem;
  margin-top: 6px;
  animation: slideDownError 0.2s ease;
}

.form-ticket-container .phone-countries-custom .ant-input,
  .form-ticket-container .phone-countries-custom-error .ant-input {
  background: rgba(255, 255, 255, 0.05);
  border: 1.5px solid rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  color: var(--text-color);
}

.form-ticket-container .phone-countries-custom .ant-select-selector,
  .form-ticket-container .phone-countries-custom-error .ant-select-selector {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 12px !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.form-ticket-container .phone-countries-custom:hover .ant-input,
  .form-ticket-container .phone-countries-custom:hover .ant-select-selector,
  .form-ticket-container .phone-countries-custom-error:hover .ant-input,
  .form-ticket-container .phone-countries-custom-error:hover .ant-select-selector {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.25);
}

.form-ticket-container .phone-countries-custom-error .ant-input,
  .form-ticket-container .phone-countries-custom-error .ant-select-selector {
  border-color: #ff6b6b !important;
}

.form-ticket-container .phone-countries-custom-message {
  color: #ff6b6b;
  font-size: 0.85rem;
  margin-top: 6px;
}

.form-ticket-container .phone-new-clean,
  .form-ticket-container .phone-new-error {
  margin-bottom: 20px;
}

.form-ticket-container .phone-new-clean input[type="tel"],
    .form-ticket-container .phone-new-error input[type="tel"] {
  color: var(--text-color) !important;
  -webkit-text-fill-color: var(--text-color) !important;
  opacity: 1 !important;
}

.form-ticket-container .phone-new-clean .PhoneInput,
    .form-ticket-container .phone-new-error .PhoneInput {
  display: flex !important;
  height: 48px !important;
  border-radius: 12px !important;
  border: 1.5px solid rgba(255, 255, 255, 0.15) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  overflow: hidden !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
}

.form-ticket-container .phone-new-clean .PhoneInput:hover,
      .form-ticket-container .phone-new-error .PhoneInput:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.25) !important;
}

.form-ticket-container .phone-new-clean .PhoneInput:focus-within,
      .form-ticket-container .phone-new-error .PhoneInput:focus-within {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: #f57423 !important;
  box-shadow: 0 0 0 3px rgba(245, 116, 35, 0.15) !important;
}

.form-ticket-container .phone-new-clean .PhoneInputCountrySelect,
    .form-ticket-container .phone-new-error .PhoneInputCountrySelect {
  border: none !important;
  background: transparent !important;
  padding: 0 12px !important;
  border-right: 1.5px solid rgba(255, 255, 255, 0.15) !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
}

.form-ticket-container .phone-new-clean .PhoneInputCountrySelect:hover,
      .form-ticket-container .phone-new-error .PhoneInputCountrySelect:hover {
  background: rgba(255, 255, 255, 0.05) !important;
}

.form-ticket-container .phone-new-clean .PhoneInputCountry,
    .form-ticket-container .phone-new-error .PhoneInputCountry {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.form-ticket-container .phone-new-clean .PhoneInputCountryIcon,
    .form-ticket-container .phone-new-error .PhoneInputCountryIcon {
  width: 24px !important;
  height: 24px !important;
  display: flex !important;
  align-items: center !important;
}

.form-ticket-container .phone-new-clean input[type="tel"].PhoneInputInput,
    .form-ticket-container .phone-new-error input[type="tel"].PhoneInputInput {
  flex: 1 !important;
  border: none !important;
  background: transparent !important;
  padding: 12px 16px !important;
  font-size: 1rem !important;
  color: var(--text-color) !important;
  outline: none !important;
}

.form-ticket-container .phone-new-clean input[type="tel"].PhoneInputInput::-moz-placeholder, .form-ticket-container .phone-new-error input[type="tel"].PhoneInputInput::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

.form-ticket-container .phone-new-clean input[type="tel"].PhoneInputInput:-ms-input-placeholder, .form-ticket-container .phone-new-error input[type="tel"].PhoneInputInput:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

.form-ticket-container .phone-new-clean input[type="tel"].PhoneInputInput::placeholder,
      .form-ticket-container .phone-new-error input[type="tel"].PhoneInputInput::placeholder {
  color: rgba(255, 255, 255, 0.4) !important;
}

.form-ticket-container .phone-new-error .PhoneInput {
  border-color: #ff6b6b !important;
}

.form-ticket-container .phone-new-error .PhoneInput:hover, .form-ticket-container .phone-new-error .PhoneInput:focus, .form-ticket-container .phone-new-error .PhoneInput:focus-within {
  border-color: #ff6b6b !important;
  box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.15) !important;
}

.form-ticket-container .phone-new-message {
  color: #ff6b6b !important;
  font-size: 0.85rem !important;
  margin-top: 8px !important;
  font-weight: 500 !important;
  animation: slideDownError 0.2s ease;
  padding-left: 4px;
}

.form-ticket-container .ant-btn-primary {
  background: linear-gradient(135deg, #f57423 0%, #ff8c42 100%);
  border: none;
  border-radius: 12px;
  height: 48px;
  font-size: 1rem;
  font-weight: 600;
  width: 100%;
  margin-top: 12px;
  box-shadow: 0 4px 16px rgba(245, 116, 35, 0.3);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

.form-ticket-container .ant-btn-primary::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.5s;
}

.form-ticket-container .ant-btn-primary:hover {
  background: linear-gradient(135deg, #ff8c42 0%, #f57423 100%);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(245, 116, 35, 0.4);
}

.form-ticket-container .ant-btn-primary:hover::before {
  left: 100%;
}

.form-ticket-container .ant-btn-primary:active {
  transform: translateY(0);
}

.form-ticket-container .ant-btn-primary:disabled {
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.4);
  box-shadow: none;
}

@keyframes slideDownError {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.form-success-container {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding: 40px 20px;
}

@media screen and (max-width: 768px) {
  .form-success-container {
    padding: 20px 0;
  }
}

.form-no-stock-message {
  background: rgba(75, 85, 99, 0.3);
  border: 1px solid rgba(156, 163, 175, 0.2);
  border-radius: 12px;
  padding: 20px;
  margin: 20px 0;
  backdrop-filter: blur(10px);
  text-align: center;
}

@media screen and (max-width: 768px) {
  .form-no-stock-message {
    padding: 16px 12px;
    margin: 16px 0;
    border-radius: 8px;
  }
}

.form-error-message {
  background: rgba(153, 27, 27, 0.3);
  border: 1px solid rgba(252, 165, 165, 0.2);
  border-radius: 12px;
  padding: 20px;
  margin: 20px 0;
  backdrop-filter: blur(10px);
  text-align: center;
}

@media screen and (max-width: 768px) {
  .form-error-message {
    padding: 16px 12px;
    margin: 16px 0;
    border-radius: 8px;
  }
}

.form-success-hero {
  position: relative;
  text-align: center;
  padding: 60px 20px;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 0 0 100px rgba(245, 116, 35, 0.2);
  overflow: hidden;
  margin-bottom: 40px;
}

@media (min-width: 767px) {
  .form-success-hero {
    border-radius: 0;
    border-left: none;
    border-right: none;
    padding: 40px 20px;
    margin-bottom: 20px;
  }
}

.form-success-hero .form-success-waves {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 50% 50%, rgba(245, 116, 35, 0.15) 0%, transparent 70%);
  animation: wavesPulse 3s ease-in-out infinite;
  z-index: 0;
  filter: blur(40px);
}

.form-success-hero .form-success-stars-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.form-success-hero .form-success-stars-bg .star-bg {
  position: absolute;
  width: 2px;
  height: 2px;
  background: white;
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(255, 255, 255, 0.8), 0 0 8px rgba(255, 255, 255, 0.4);
  animation: starBgTwinkle 2s ease-in-out infinite;
}

.form-success-hero .form-success-stars-bg .star-bg.star-bg-1 {
  left: 64%;
  top: 79%;
  animation-delay: 1.3s;
  animation-duration: 2.2s;
}

.form-success-hero .form-success-stars-bg .star-bg.star-bg-2 {
  left: 19%;
  top: 95%;
  animation-delay: 0.2s;
  animation-duration: 2.3s;
}

.form-success-hero .form-success-stars-bg .star-bg.star-bg-3 {
  left: 47%;
  top: 40%;
  animation-delay: 1.6s;
  animation-duration: 3.5s;
  width: 3px;
  height: 3px;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.9), 0 0 12px rgba(255, 255, 255, 0.5);
}

.form-success-hero .form-success-stars-bg .star-bg.star-bg-4 {
  left: 23%;
  top: 20%;
  animation-delay: 1s;
  animation-duration: 2.8s;
}

.form-success-hero .form-success-stars-bg .star-bg.star-bg-5 {
  left: 82%;
  top: 26%;
  animation-delay: 0.5s;
  animation-duration: 2.2s;
}

.form-success-hero .form-success-stars-bg .star-bg.star-bg-6 {
  left: 24%;
  top: 57%;
  animation-delay: 0.7s;
  animation-duration: 2.8s;
  width: 3px;
  height: 3px;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.9), 0 0 12px rgba(255, 255, 255, 0.5);
}

.form-success-hero .form-success-stars-bg .star-bg.star-bg-7 {
  left: 19%;
  top: 53%;
  animation-delay: 1s;
  animation-duration: 2.6s;
}

.form-success-hero .form-success-stars-bg .star-bg.star-bg-8 {
  left: 3%;
  top: 72%;
  animation-delay: 1.7s;
  animation-duration: 3s;
}

.form-success-hero .form-success-stars-bg .star-bg.star-bg-9 {
  left: 10%;
  top: 29%;
  animation-delay: 1.8s;
  animation-duration: 2.1s;
  width: 3px;
  height: 3px;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.9), 0 0 12px rgba(255, 255, 255, 0.5);
}

.form-success-hero .form-success-stars-bg .star-bg.star-bg-10 {
  left: 41%;
  top: 26%;
  animation-delay: 0.6s;
  animation-duration: 2.9s;
}

.form-success-hero .form-success-stars-bg .star-bg.star-bg-11 {
  left: 86%;
  top: 65%;
  animation-delay: 1.2s;
  animation-duration: 2.1s;
}

.form-success-hero .form-success-stars-bg .star-bg.star-bg-12 {
  left: 57%;
  top: 64%;
  animation-delay: 0.4s;
  animation-duration: 2.7s;
  width: 3px;
  height: 3px;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.9), 0 0 12px rgba(255, 255, 255, 0.5);
}

.form-success-hero .form-success-stars-bg .star-bg.star-bg-13 {
  left: 85%;
  top: 61%;
  animation-delay: 1.3s;
  animation-duration: 3.4s;
}

.form-success-hero .form-success-stars-bg .star-bg.star-bg-14 {
  left: 1%;
  top: 71%;
  animation-delay: 1.8s;
  animation-duration: 2.8s;
}

.form-success-hero .form-success-stars-bg .star-bg.star-bg-15 {
  left: 81%;
  top: 96%;
  animation-delay: 0.9s;
  animation-duration: 2.4s;
  width: 3px;
  height: 3px;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.9), 0 0 12px rgba(255, 255, 255, 0.5);
}

.form-success-hero .form-success-stars-bg .star-bg.star-bg-16 {
  left: 49%;
  top: 20%;
  animation-delay: 0.4s;
  animation-duration: 3.8s;
}

.form-success-hero .form-success-stars-bg .star-bg.star-bg-17 {
  left: 67%;
  top: 58%;
  animation-delay: 1.7s;
  animation-duration: 2.3s;
}

.form-success-hero .form-success-stars-bg .star-bg.star-bg-18 {
  left: 47%;
  top: 80%;
  animation-delay: 0.8s;
  animation-duration: 2.7s;
  width: 3px;
  height: 3px;
  box-shadow: 0 0 6px rgba(255, 255, 255, 0.9), 0 0 12px rgba(255, 255, 255, 0.5);
}

.form-success-hero .form-success-stars-bg .star-bg.star-bg-19 {
  left: 39%;
  top: 62%;
  animation-delay: 0.5s;
  animation-duration: 4s;
}

.form-success-hero .form-success-stars-bg .star-bg.star-bg-20 {
  left: 62%;
  top: 85%;
  animation-delay: 1.5s;
  animation-duration: 3s;
}

.form-success-hero .form-success-confetti {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.form-success-hero .form-success-confetti .confetti-particle {
  position: absolute;
  width: 4px;
  height: 4px;
  background: white;
  border-radius: 50%;
  box-shadow: 0 0 10px white, 0 0 20px rgba(255, 215, 0, 0.8), 0 0 30px rgba(255, 215, 0, 0.4);
  animation: shootingStar 3s ease-in infinite;
}

.form-success-hero .form-success-confetti .confetti-particle.confetti-1 {
  left: 20%;
  animation-delay: 0s;
}

.form-success-hero .form-success-confetti .confetti-particle.confetti-2 {
  left: 40%;
  animation-delay: 0.8s;
}

.form-success-hero .form-success-confetti .confetti-particle.confetti-3 {
  left: 60%;
  animation-delay: 1.6s;
  width: 5px;
  height: 5px;
  box-shadow: 0 0 12px white, 0 0 24px rgba(255, 235, 59, 0.9), 0 0 36px rgba(255, 235, 59, 0.5);
}

.form-success-hero .form-success-confetti .confetti-particle.confetti-4 {
  left: 75%;
  animation-delay: 2.4s;
}

.form-success-hero .form-success-confetti .confetti-particle.confetti-5 {
  left: 85%;
  animation-delay: 3.2s;
  width: 5px;
  height: 5px;
  box-shadow: 0 0 12px white, 0 0 24px rgba(255, 245, 157, 0.9), 0 0 36px rgba(255, 245, 157, 0.5);
}

.form-success-hero .form-success-confetti .confetti-particle.confetti-6 {
  left: 30%;
  animation-delay: 4s;
}

.form-success-icon-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  margin: 0 auto 24px;
  z-index: 2;
}

.form-success-icon-wrapper .form-success-icon-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #f57423 0%, #ff8c42 100%);
  border-radius: 50%;
  opacity: 0.15;
  animation: iconPulse 2s ease-in-out infinite;
  box-shadow: 0 0 60px rgba(245, 116, 35, 0.5);
}

.form-success-icon-wrapper .form-success-check-icon {
  font-size: 72px !important;
  z-index: 2;
  animation: iconBounce 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  filter: drop-shadow(0 0 20px rgba(245, 116, 35, 0.6));
}

.form-success-icon-wrapper .form-success-icon-glow {
  position: absolute;
  width: 150%;
  height: 150%;
  background: radial-gradient(circle, rgba(245, 116, 35, 0.4) 0%, transparent 70%);
  border-radius: 50%;
  animation: glowPulse 2s ease-in-out infinite;
  z-index: 1;
  filter: blur(30px);
}

.form-success-title {
  font-size: 2rem;
  font-weight: 700;
  color: var(--text-color);
  margin-bottom: 16px;
  letter-spacing: -0.02em;
  z-index: 2;
  position: relative;
}

@media (min-width: 767px) {
  .form-success-title {
    font-size: 1.75rem;
  }
}

.form-success-subtitle {
  font-size: 1.1rem;
  color: var(--text-secondary-color);
  max-width: 500px;
  margin: 0 auto 32px;
  line-height: 1.6;
  z-index: 2;
  position: relative;
}

@media (min-width: 767px) {
  .form-success-subtitle {
    font-size: 1rem;
  }
}

.form-success-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  background: rgba(245, 116, 35, 0.15);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 2px solid rgba(245, 116, 35, 0.4);
  border-radius: 50px;
  color: #f57423;
  font-weight: 600;
  font-size: 1rem;
  z-index: 2;
  position: relative;
  animation: badgeSlideIn 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.3s both;
  box-shadow: 0 4px 20px rgba(245, 116, 35, 0.3), 0 0 40px rgba(245, 116, 35, 0.2);
}

.form-success-badge .form-success-badge-icon {
  font-size: 1.2rem;
  animation: badgeIconSpin 1s ease-in-out 0.5s;
  filter: drop-shadow(0 0 8px rgba(245, 116, 35, 0.6));
}

@keyframes wavesPulse {
  0%, 100% {
    opacity: 0.5;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.05);
  }
}

@keyframes shootingStar {
  0% {
    transform: translate(-100px, -100px) rotate(-45deg);
    opacity: 0;
  }

  5% {
    opacity: 1;
  }

  95% {
    opacity: 1;
  }

  100% {
    transform: translate(600px, 600px) rotate(-45deg);
    opacity: 0;
  }
}

@keyframes starTwinkle {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0.6;
    transform: scale(1.2);
  }
}

@keyframes starBgTwinkle {
  0%, 100% {
    opacity: 0.3;
    transform: scale(1);
  }

  25% {
    opacity: 0.8;
    transform: scale(1.3);
  }

  50% {
    opacity: 1;
    transform: scale(1.5);
  }

  75% {
    opacity: 0.8;
    transform: scale(1.3);
  }
}

@keyframes iconPulse {
  0%, 100% {
    transform: scale(1);
    opacity: 0.1;
  }

  50% {
    transform: scale(1.1);
    opacity: 0.2;
  }
}

@keyframes iconBounce {
  0% {
    transform: scale(0) rotate(-180deg);
    opacity: 0;
  }

  60% {
    transform: scale(1.1) rotate(10deg);
    opacity: 1;
  }

  100% {
    transform: scale(1) rotate(0deg);
    opacity: 1;
  }
}

@keyframes glowPulse {
  0%, 100% {
    opacity: 0.3;
    transform: scale(1);
  }

  50% {
    opacity: 0.6;
    transform: scale(1.2);
  }
}

@keyframes badgeSlideIn {
  0% {
    transform: translateY(20px);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes badgeIconSpin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.qualifications-wrap {
  padding: 20px 15px 20px 15px;
}

.qualifications-wrap .qualifications-card {
  text-align: center;
  padding: 1rem;
  min-width: 300px;
  border-radius: .5rem;
  background-color: white;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
}

.qualifications-wrap .qualifications-card h1 {
  color: #585757;
  font-size: 1.75rem;
  font-weight: bold;
}

@media (min-width: 767px) {
  .qualifications-wrap .qualifications-card h1 {
    font-size: 2rem;
  }
}

.qualifications-wrap .qualifications-card h1 .black {
  color: #000;
}

.qualifications-wrap .qualifications-card h2 {
  color: #585757;
  font-size: 1.25rem;
  font-weight: 400;
}

@media (min-width: 767px) {
  .qualifications-wrap .qualifications-card h2 {
    font-size: 1.5rem;
  }
}

.qualifications-wrap .qualifications-card .icon {
  margin-right: 10px;
  margin-bottom: 15px;
  cursor: pointer;
}

.qualifications-wrap .qualifications-card .product {
  width: 56px;
}

.qualifications-wrap .qualifications-card .circle-active {
  width: 10px;
  height: 10px;
  background-color: #F57423;
  border-radius: 10px;
}

.qualifications-wrap .qualifications-card .circle-gray {
  width: 10px;
  height: 10px;
  background-color: #C4C4C4;
  border-radius: 10px;
}

.qualifications-wrap .qualifications-card .close {
  text-align: right;
}

.qualifications-wrap .qualifications-card .close .icon {
  font-size: 1rem;
}

.qualifications-wrap .qualifications-card .success-icon {
  margin-top: 2rem;
  width: 100%;
  max-width: 300px;
}

.qualifications-wrap .qualifications-card .ant-tag {
  border: 1px solid #C4C4C4;
}

.qualifications-wrap .qualifications-card .ant-tag-checkable-checked {
  border: 1px solid #F57423;
}

/* purgecss end ignore */

/* purgecss start ignore */

.carousel.carousel-slider .control-arrow {
  transition: all .25s ease-in;
  opacity: .4;
  filter: alpha(opacity=40);
  position: absolute;
  z-index: 2;
  top: 20px;
  background: none;
  border: 0;
  font-size: 32px;
  cursor: pointer;
}

.carousel .control-arrow {
  transition: all .25s ease-in;
  opacity: .4;
  filter: alpha(opacity=40);
  position: absolute;
  z-index: 2;
  top: 20px;
  background: none;
  border: 0;
  font-size: 32px;
  cursor: pointer;
}

.carousel .control-arrow:focus, .carousel .control-arrow:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.carousel.carousel-slider .control-arrow:before, .carousel .control-arrow:before {
  margin: 0 5px;
  display: inline-block;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  content: "";
}

.carousel .control-disabled.control-arrow {
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: inherit;
  display: none;
}

.carousel .control-prev.control-arrow {
  left: 0;
}

.carousel .control-prev.control-arrow:before {
  border-right: 8px solid #fff;
}

.carousel .control-next.control-arrow {
  right: 0;
}

.carousel .control-next.control-arrow:before {
  border-left: 8px solid #fff;
}

.carousel-root {
  outline: none;
}

.carousel {
  position: relative;
  width: 100%;
}

.carousel * {
  box-sizing: border-box;
}

.carousel img {
  width: 100%;
  display: inline-block;
  pointer-events: none;
}

.carousel .carousel {
  position: relative;
}

.carousel .control-arrow {
  outline: 0;
  border: 0;
  background: none;
  top: 50%;
  margin-top: -13px;
  font-size: 18px;
}

.carousel .thumbs-wrapper {
  margin: 20px;
  overflow: hidden;
}

.carousel .thumbs {
  transition: all .15s ease-in;
  transform: translateZ(0);
  position: relative;
  list-style: none;
  white-space: nowrap;
}

.carousel .thumb {
  transition: border .15s ease-in;
  display: inline-block;
  margin-right: 6px;
  white-space: nowrap;
  overflow: hidden;
  border: 3px solid #fff;
  padding: 2px;
}

.carousel .thumb:focus {
  border: 3px solid #ccc;
  outline: none;
}

.carousel .thumb.selected, .carousel .thumb:hover {
  border: 3px solid #333;
}

.carousel .thumb img {
  vertical-align: top;
}

.carousel.carousel-slider {
  position: relative;
  margin: 0;
  overflow: hidden;
}

.carousel.carousel-slider .control-arrow {
  top: 0;
  color: #fff;
  font-size: 26px;
  bottom: 0;
  margin-top: 0;
  padding: 5px;
}

.carousel.carousel-slider .control-arrow:hover {
  background: rgba(0, 0, 0, 0.2);
}

.carousel .slider-wrapper {
  overflow: hidden;
  margin: auto;
  width: 100%;
  transition: height .15s ease-in;
}

.carousel .slider-wrapper.axis-horizontal .slider {
  -ms-box-orient: horizontal;
  display: -moz-flex;
  display: flex;
}

.carousel .slider-wrapper.axis-horizontal .slider .slide {
  flex-direction: column;
  flex-flow: column;
}

.carousel .slider-wrapper.axis-vertical {
  -ms-box-orient: horizontal;
  display: -moz-flex;
  display: flex;
}

.carousel .slider-wrapper.axis-vertical .slider {
  flex-direction: column;
}

.carousel .slider {
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
  width: 100%;
}

.carousel .slider.animated {
  transition: all .35s ease-in-out;
}

.carousel .slide {
  min-width: 100%;
  margin: 0;
  position: relative;
  text-align: center;
}

.carousel .slide img {
  width: 100%;
  vertical-align: top;
  border: 0;
}

.carousel .slide iframe {
  display: inline-block;
  width: calc(100% - 80px);
  margin: 0 40px 40px;
  border: 0;
}

.carousel .slide .legend {
  transition: all .5s ease-in-out;
  position: absolute;
  bottom: 40px;
  left: 50%;
  margin-left: -45%;
  width: 90%;
  border-radius: 10px;
  background: #000;
  color: #fff;
  padding: 10px;
  font-size: 12px;
  text-align: center;
  opacity: .25;
  transition: opacity .35s ease-in-out;
}

.carousel .control-dots {
  position: absolute;
  bottom: 0;
  margin: 10px 0;
  padding: 0;
  text-align: center;
  width: 100%;
  z-index: 1;
}

.carousel .control-dots .dot {
  transition: opacity .25s ease-in;
  opacity: .3;
  filter: alpha(opacity=30);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
  background: #fff;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  cursor: pointer;
  display: inline-block;
  margin: 0 8px;
}

.carousel .control-dots .dot.selected, .carousel .control-dots .dot:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.carousel .carousel-status {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px;
  font-size: 10px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
  color: #fff;
}

.carousel:hover .slide .legend {
  opacity: 1;
}

/* purgecss end ignore */

/* purgecss start ignore */

.header-skeleton .ant-skeleton-header {
  padding: 16px;
  border-radius: 16px;
}

.header-skeleton .ant-skeleton-content {
  padding: 16px;
}

.producer-wrap {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 15px 20px 15px;
}

.producer-wrap .producer-about-section {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.producer-wrap .producer-about-section .about-container {
  max-width: 700px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

.producer-wrap .producer-about-section .about-content {
  text-align: center;
}

.producer-wrap .producer-about-section .about-description {
  font-size: 1.1rem;
  line-height: 1.7;
  color: var(--text-color);
  margin: 0;
  text-align: center;
  font-weight: 400;
  opacity: 0.85;
}

[data-theme="light"] .producer-wrap .producer-about-section .about-description {
  color: var(--text-secondary-color);
}

[data-theme="dark"] .producer-wrap .producer-about-section .about-description {
  color: rgba(255, 255, 255, 0.9);
}

.producer-wrap .producer-content-section {
  margin-top: 2rem;
}

.producer-wrap .producer-content-section .producer-events-nav {
  margin-bottom: 2rem;
}

.producer-wrap .producer-content-section .producer-events-nav .nav-container {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  max-width: 400px;
  margin: 0 auto;
}

.producer-wrap .producer-content-section .producer-events-nav .nav-container .nav-button {
  flex: 1;
  background: transparent;
  border: none;
  border-radius: 12px;
  padding: 0.75rem 1.5rem;
  font-size: 0.95rem;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}

.producer-wrap .producer-content-section .producer-events-nav .nav-container .nav-button:hover {
  transform: translateY(-1px);
}

.producer-wrap .producer-content-section .producer-events-nav .nav-container .nav-button.active {
  transform: scale(1.05);
}

.producer-wrap .producer-content-section .producer-events-nav .nav-container .nav-button.active::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
  pointer-events: none;
}

.producer-wrap .producer-content-section .producer-events-nav .nav-container .nav-button .nav-label {
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 0.9rem;
}

[data-theme="light"] .producer-wrap .producer-content-section .producer-events-nav .nav-container .nav-button {
  background: rgba(0, 0, 0, 0.05);
  border-color: rgba(0, 0, 0, 0.1);
  color: var(--text-secondary-color);
}

[data-theme="light"] .producer-wrap .producer-content-section .producer-events-nav .nav-container .nav-button:hover {
  background: rgba(0, 0, 0, 0.08);
  color: var(--text-color);
}

[data-theme="light"] .producer-wrap .producer-content-section .producer-events-nav .nav-container .nav-button.active {
  background: rgba(0, 0, 0, 0.1);
  border-color: rgba(0, 0, 0, 0.2);
  color: var(--text-color);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

[data-theme="dark"] .producer-wrap .producer-content-section .producer-events-nav .nav-container .nav-button {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.15);
}

[data-theme="dark"] .producer-wrap .producer-content-section .producer-events-nav .nav-container .nav-button:hover {
  background: rgba(255, 255, 255, 0.12);
}

[data-theme="dark"] .producer-wrap .producer-content-section .producer-events-nav .nav-container .nav-button.active {
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
}

.producer-wrap .producer-content-section .producer-events-content {
  animation: fadeInUp 0.4s ease-out both;
}

.producer-wrap .producer-content-section .producer-tabs .ant-tabs-tab {
  font-weight: 500;
  font-size: 1rem;
  padding: 12px 24px;
  border-radius: 12px 12px 0 0;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.producer-wrap .producer-content-section .producer-tabs .ant-tabs-tab:hover {
  background: var(--surface-hover-color);
}

.producer-wrap .producer-content-section .producer-tabs .ant-tabs-tab.ant-tabs-tab-active {
  background: var(--primary-color);
  color: white !important;
}

.producer-wrap .producer-content-section .producer-tabs .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
  color: white !important;
}

.producer-wrap .producer-content-section .producer-tabs .ant-tabs-content-holder {
  background: var(--surface-color);
  border-radius: 0 12px 12px 12px;
  padding: 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

[data-theme="dark"] .producer-wrap .producer-content-section .producer-tabs .ant-tabs-content-holder {
  background: var(--surface-color);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

.producer-wrap .ant-carousel .slick-prev,
  .producer-wrap .ant-carousel .slick-next,
  .producer-wrap .ant-carousel .slick-prev:hover,
  .producer-wrap .ant-carousel .slick-next:hover {
  background-color: #F57423;
  font-size: 1.25rem;
  color: #fff;
  z-index: 2;
  width: 2rem;
  height: 2rem;
  padding: 6px;
  border-radius: 50%;
  top: 46%;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(247, 116, 3, 0.3);
}

.producer-wrap .ant-carousel .slick-prev:hover,
    .producer-wrap .ant-carousel .slick-next:hover,
    .producer-wrap .ant-carousel .slick-prev:hover:hover,
    .producer-wrap .ant-carousel .slick-next:hover:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 16px rgba(247, 116, 3, 0.4);
}

.producer-wrap .slick-disabled {
  display: none !important;
}

.producer-wrap .slick-slide {
  padding: 8px;
}

.producer-wrap .ant-carousel .slick-prev {
  left: 0;
}

@media (min-width: 1023px) {
  .producer-wrap .ant-carousel .slick-prev {
    left: -.5rem;
  }
}

.producer-wrap .ant-carousel .slick-next {
  right: 0;
}

@media (min-width: 1023px) {
  .producer-wrap .ant-carousel .slick-next {
    right: -.5rem;
  }
}

.producer-wrap .title {
  margin-bottom: .5rem;
  line-height: 1;
  font-size: 1.5rem;
  font-weight: 600;
  padding-top: 1rem;
  color: var(--text-color);
}

@media (min-width: 767px) {
  .producer-wrap .title {
    font-size: 1.7rem;
  }
}

.producer-wrap .producer-hero-bg {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  height: 50vh !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  z-index: 0 !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transition: opacity 0.6s ease !important;
}

[data-theme="dark"] .producer-wrap .producer-hero-bg {
  opacity: 0.8 !important;
}

[data-theme="dark"] .producer-wrap .producer-hero-bg::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: rgba(0, 0, 0, 0.2) !important;
  z-index: 1 !important;
}

.producer-wrap .producer-hero-bg::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 40% !important;
  background: linear-gradient(180deg, transparent 0%, var(--background-color) 70%) !important;
  z-index: 1 !important;
}

@media (min-width: 767px) {
  .producer-wrap .producer-hero-bg {
    height: 55vh !important;
  }
}

.producer-wrap .producer-hero-bg.loaded {
  opacity: 0.95 !important;
}

[data-theme="dark"] .producer-wrap .producer-hero-bg.loaded {
  opacity: 1 !important;
}

.producer-wrap .producer-header-container {
  position: relative;
  z-index: 3;
  padding: 0 15px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.producer-wrap .producer-header-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 0 0.5rem 0;
  margin-bottom: 2rem;
}

.producer-wrap .producer-header-navigation .nav-left, .producer-wrap .producer-header-navigation .nav-center, .producer-wrap .producer-header-navigation .nav-right {
  flex: 0 0 auto;
}

.producer-wrap .producer-header-navigation .nav-center {
  flex: 1;
}

.producer-wrap .producer-header-navigation .back-button-minimal {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 6px 14px !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.producer-wrap .producer-header-navigation .back-button-minimal:hover {
  transform: translateY(-1px) !important;
}

.producer-wrap .producer-header-navigation .back-button-minimal .custom-arrow-icon {
  transition: filter 0.3s ease !important;
}

.producer-wrap .producer-header-navigation .back-button-minimal .back-text {
  font-weight: 700 !important;
}

.producer-wrap .producer-header-content {
  padding-bottom: 1.5rem;
}

.producer-wrap .producer-main-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  text-align: center;
}

.producer-wrap .producer-main-info .producer-logo-section .logo-container {
  position: relative;
  display: inline-block;
}

.producer-wrap .producer-main-info .producer-logo-section .producer-logo {
  width: 120px;
  height: 120px;
  border-radius: 24px;
  -o-object-fit: cover;
     object-fit: cover;
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(32px);
  -webkit-backdrop-filter: blur(32px);
  border: 2px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
  transition: all 0.4s ease;
  opacity: 0;
  transform: scale(0.9);
}

.producer-wrap .producer-main-info .producer-logo-section .producer-logo.loaded {
  opacity: 1;
  transform: scale(1);
}

.producer-wrap .producer-main-info .producer-logo-section .producer-logo:hover {
  background: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(36px);
  -webkit-backdrop-filter: blur(36px);
  transform: scale(1.08);
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15);
  border: 2px solid rgba(255, 255, 255, 0.4);
}

[data-theme="light"] .producer-wrap .producer-main-info .producer-logo-section .producer-logo {
  background: rgba(255, 255, 255, 0.9);
  border: 2px solid rgba(255, 255, 255, 0.6);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
}

[data-theme="light"] .producer-wrap .producer-main-info .producer-logo-section .producer-logo:hover {
  background: rgba(255, 255, 255, 0.95);
}

@media (min-width: 1023px) {
  .producer-wrap .producer-main-info .producer-logo-section .producer-logo {
    width: 140px;
    height: 140px;
  }
}

.producer-wrap .producer-main-info .producer-details-section .producer-name-wrapper {
  margin-bottom: 1rem;
}

.producer-wrap .producer-main-info .producer-details-section .producer-name-wrapper .producer-title {
  font-size: 2.5rem;
  font-weight: 800;
  color: var(--text-color, #ffffff);
  margin: 0 0 0.5rem 0;
  line-height: 1.1;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.1);
}

@media (min-width: 1023px) {
  .producer-wrap .producer-main-info .producer-details-section .producer-name-wrapper .producer-title {
    font-size: 3.2rem;
  }
}

[data-theme="light"] .producer-wrap .producer-main-info .producer-details-section .producer-name-wrapper .producer-title {
  color: var(--text-color, #1a1a1a);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  -webkit-text-stroke: none;
}

.producer-wrap .producer-main-info .producer-details-section .producer-name-wrapper .producer-handle {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 600;
  margin: 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

[data-theme="light"] .producer-wrap .producer-main-info .producer-details-section .producer-name-wrapper .producer-handle {
  color: var(--text-secondary-color, #6b7280);
  text-shadow: none;
}

.producer-wrap .producer-main-info .producer-details-section .producer-description-wrapper {
  margin-bottom: 2rem;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.producer-wrap .producer-main-info .producer-details-section .producer-description-wrapper .producer-description-text {
  font-size: 1.1rem;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.95);
  margin: 0;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  font-weight: 500;
}

[data-theme="light"] .producer-wrap .producer-main-info .producer-details-section .producer-description-wrapper .producer-description-text {
  color: var(--text-secondary-color, #4b5563);
  text-shadow: none;
}

.producer-wrap .producer-main-info .producer-details-section .producer-social-section .social-links-grid {
  display: flex;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.producer-wrap .producer-main-info .producer-details-section .producer-social-section .social-link-elegant {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.8rem 1.2rem;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(32px);
  -webkit-backdrop-filter: blur(32px);
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none;
  color: rgba(255, 255, 255, 0.95);
  font-weight: 600;
}

.producer-wrap .producer-main-info .producer-details-section .producer-social-section .social-link-elegant:hover {
  background: rgba(255, 255, 255, 0.25);
  backdrop-filter: blur(36px);
  -webkit-backdrop-filter: blur(36px);
  transform: translateY(-3px);
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.producer-wrap .producer-main-info .producer-details-section .producer-social-section .social-link-elegant .social-icon-wrapper {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.producer-wrap .producer-main-info .producer-details-section .producer-social-section .social-link-elegant .social-icon-wrapper svg {
  width: 20px;
  height: 20px;
  color: currentColor;
}

.producer-wrap .producer-main-info .producer-details-section .producer-social-section .social-link-elegant .social-platform-name {
  font-size: 0.9rem;
  font-weight: 600;
  white-space: nowrap;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

[data-theme="light"] .producer-wrap .producer-main-info .producer-details-section .producer-social-section .social-link-elegant {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: var(--text-color, #1a1a1a);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);
}

[data-theme="light"] .producer-wrap .producer-main-info .producer-details-section .producer-social-section .social-link-elegant:hover {
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 10px 36px rgba(0, 0, 0, 0.2);
}

[data-theme="light"] .producer-wrap .producer-main-info .producer-details-section .producer-social-section .social-link-elegant .social-platform-name {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

@keyframes heroBgFadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 0.9;
  }
}

@keyframes logoScaleIn {
  from {
    opacity: 0;
    transform: scale(0.8);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes contentSlideUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes socialLinksFadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes slideInFromBottom {
  from {
    opacity: 0;
    transform: translateY(100px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.producer-wrap .producer-hero-bg {
  animation: heroBgFadeIn 0.6s ease-out 0.2s both;
}

.producer-wrap .producer-header-navigation {
  animation: contentSlideUp 0.6s ease-out 0.4s both;
}

.producer-wrap .producer-main-info .producer-logo-section .producer-logo {
  animation: logoScaleIn 0.8s ease-out 0.6s both;
}

.producer-wrap .producer-main-info .producer-details-section {
  animation: contentSlideUp 0.8s ease-out 0.8s both;
}

.producer-wrap .producer-main-info .producer-social-section {
  animation: socialLinksFadeIn 0.6s ease-out 1s both;
}

.producer-wrap .producer-about-section {
  animation: fadeInUp 0.3s ease-out 0.3s both;
}

.producer-wrap .producer-content-section {
  animation: fadeInUp 0.6s ease-out 0.6s both;
}

.producer-wrap .producer-content-section .producer-events-nav {
  animation: fadeInUp 0.4s ease-out 0.7s both;
}

.producer-wrap .header-producer {
  animation: slideInFromBottom 0.8s ease-out;
}

.producer-wrap .header-producer .content {
  animation: fadeInUp 0.8s ease-out 0.2s both;
}

.producer-wrap .producer-content-section:hover .producer-tabs .ant-tabs-content-holder {
  transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

[data-theme="dark"] .producer-wrap .producer-content-section:hover .producer-tabs .ant-tabs-content-holder {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
}

.producer-wrap .ant-skeleton .ant-skeleton-content .ant-skeleton-title {
  border-radius: 8px;
}

.producer-wrap .ant-skeleton .ant-skeleton-content .ant-skeleton-paragraph li {
  border-radius: 6px;
}

.producer-wrap .tickets-backdrop {
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  background: rgba(0, 0, 0, 0.6) !important;
}

.producer-wrap .sticky-tickets-summary {
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

[data-theme="dark"] .producer-wrap .sticky-tickets-summary {
  background: rgba(0, 0, 0, 0.9) !important;
  backdrop-filter: blur(28px) !important;
  -webkit-backdrop-filter: blur(28px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

@media (prefers-reduced-motion: reduce) {
  .producer-wrap .producer-hero-bg,
  .producer-wrap .producer-header-navigation,
  .producer-wrap .producer-main-info .producer-logo-section .producer-logo,
  .producer-wrap .producer-main-info .producer-details-section,
  .producer-wrap .producer-main-info .producer-social-section,
  .producer-wrap .producer-about-section,
  .producer-wrap .producer-events-nav,
  .producer-wrap .producer-events-content,
  .producer-wrap .producer-content-section,
  .producer-wrap .header-producer,
  .producer-wrap .header-producer .content {
    animation: none;
  }

  .producer-wrap .producer-logo,
  .producer-wrap .social-link-elegant,
  .producer-wrap .back-button-minimal {
    transition: none;
  }

  .producer-wrap .producer-content-section:hover .producer-tabs .ant-tabs-content-holder {
    transform: none;
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

.recaptcha-footer {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 20px;
  padding: 20px 16px;
  background: transparent;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.recaptcha-footer .recaptcha-text {
  font-size: 12px;
  line-height: 1.4;
  color: var(--text-secondary-color, #999);
  margin: 0;
  font-weight: 400;
}

.recaptcha-footer .recaptcha-text .recaptcha-link {
  color: var(--text-secondary-color, #999);
  text-decoration: underline;
  transition: color 0.2s ease;
}

.recaptcha-footer .recaptcha-text .recaptcha-link:hover {
  color: var(--primary-color, #F57423);
  text-decoration: underline;
}

.login .recaptcha-footer,
.registration .recaptcha-footer {
  margin-top: auto;
}

[data-theme="dark"] .recaptcha-footer {
  border-top-color: rgba(255, 255, 255, 0.08);
}

[data-theme="dark"] .recaptcha-footer .recaptcha-text {
  color: #888;
}

[data-theme="dark"] .recaptcha-footer .recaptcha-text .recaptcha-link {
  color: #888;
}

[data-theme="dark"] .recaptcha-footer .recaptcha-text .recaptcha-link:hover {
  color: #FF6600;
}

@media screen and (max-width: 767px) {
  .recaptcha-footer {
    margin-top: 24px;
    padding: 16px 12px;
  }

  .recaptcha-footer .recaptcha-text {
    font-size: 11px;
    line-height: 1.3;
  }
}

/* purgecss end ignore */

/* purgecss start ignore */

[data-theme="dark"] .ant-layout,
[data-theme="dark"] .ant-layout-header,
[data-theme="dark"] .ant-layout-footer,
[data-theme="dark"] .ant-layout-content {
  background: var(--background-color) !important;
  color: var(--text-color) !important;
}

[data-theme="dark"] .ant-card,
[data-theme="dark"] .ant-card-bordered {
  background: var(--surface-color) !important;
  border-color: var(--border-color) !important;
  color: var(--text-color) !important;
}

[data-theme="dark"] .ant-menu,
[data-theme="dark"] .ant-menu-inline,
[data-theme="dark"] .ant-menu-vertical,
[data-theme="dark"] .ant-menu-horizontal {
  background: var(--surface-color) !important;
  color: var(--text-color) !important;
}

[data-theme="dark"] .ant-menu-item-selected,
[data-theme="dark"] .ant-menu-item-active {
  background: rgba(245, 116, 35, 0.15) !important;
  color: var(--text-color) !important;
}

[data-theme="dark"] .ant-btn-default {
  background: transparent;
  color: var(--text-color);
  border-color: var(--border-color);
}

[data-theme="dark"] .ant-btn-default:hover,
[data-theme="dark"] .ant-btn-default:focus {
  color: var(--text-color);
  border-color: var(--primary-color);
}

[data-theme="dark"] .ant-input,
[data-theme="dark"] .ant-input-affix-wrapper,
[data-theme="dark"] .ant-select-selector {
  background: var(--surface-color);
  color: var(--text-color);
  border-color: var(--border-color);
}

[data-theme="dark"] .ant-input::-moz-placeholder {
  color: var(--text-secondary-color);
}

[data-theme="dark"] .ant-input:-ms-input-placeholder {
  color: var(--text-secondary-color);
}

[data-theme="dark"] .ant-input::placeholder {
  color: var(--text-secondary-color);
}

[data-theme="dark"] .ant-modal-content {
  background: var(--surface-color);
  color: var(--text-color);
}

[data-theme="dark"] .ant-divider-inner-text {
  color: var(--text-secondary-color);
}

/* purgecss end ignore */

/* purgecss start ignore */

@charset "UTF-8";

/* 🎯 JOBS-LEVEL: MEDIOS DE PAGO STRIPE/APPLE STYLE */

/* Contenedor principal */

.modal-method-pay {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Grid responsive para métodos de pago */

.payment-methods-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-bottom: 1rem;
}

@media (min-width: 1024px) {
  .payment-methods-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}

/* Títulos de sección */

.payment-section-title {
  font-size: 14px;
  font-weight: 600;
  margin: 0.75rem 0 0.5rem 0;
  color: var(--text-color);
  line-height: 1.3;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--border-color-light);
}

/* Cards de método de pago */

.payment-method-card {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

.payment-method-card .ant-radio {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  opacity: 0 !important;
  /* Mantener focus accesible */
}

.payment-method-card .ant-radio:focus {
  outline: none !important;
}

.payment-method-card .ant-radio-wrapper {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

/* Contenido de la card - Ajustado para logos 48px */

.card-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 80px;
  padding: 16px;
  background: var(--surface-color);
  border: 1px solid var(--border-color-light);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
  /* Hover se maneja desde el contenedor padre */
}

/* Información de la card */

.card-info {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 12px;
}

/* Logo de la card (Mis tarjetas) */

.card-logo {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}

/* Logo grande para otros medios de pago - Medidas específicas */

.card-logo-large {
  height: 48px;
  max-width: 96px;
  flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 16px;
}

/* Detalles de la card */

.card-details {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.card-name {
  font-size: 16px;
  font-weight: 600;
  color: var(--text-color);
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Nombre de gateway más pequeño para dar protagonismo al logo */

.card-logo-large + .card-details .card-name {
  font-size: 15px;
  font-weight: 600;
}

.card-subtitle {
  font-size: 13px;
  font-weight: 400;
  color: var(--text-secondary-color);
  line-height: 1.3;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.card-digits {
  font-size: 14px;
  font-weight: 500;
  color: var(--text-secondary-color);
  font-family: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace;
  letter-spacing: 0.5px;
}

/* Estado seleccionado - limpio y simple */

.ant-radio-wrapper-checked .card-content {
  border: 2px solid var(--primary-color) !important;
  background: var(--surface-selected-color) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.ant-radio-wrapper-checked .card-content::after {
  content: "\2713";
  position: absolute;
  top: 12px;
  right: 12px;
  width: 14px;
  height: 14px;
  background: var(--primary-color);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 9px;
  font-weight: bold;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

/* Contenedor de cuotas */

.installments-container {
  margin: 0 !important;
  flex-shrink: 0;
}

.installments-select {
  width: 120px !important;
  margin-left: auto;
}

/* Icono de información */

.info-icon {
  font-size: 14px;
  color: var(--text-secondary-color);
  margin-left: 8px;
  cursor: help;
}

/* Hover SOLO en no seleccionadas - regla única */

.payment-method-card:not(.ant-radio-wrapper-checked):hover .card-content {
  background: var(--surface-hover-color);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* Focus visible para accesibilidad - SOLO en no seleccionadas */

.payment-method-card:not(.ant-radio-wrapper-checked):focus-within .card-content {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
  border-color: var(--primary-color);
  box-shadow: 0 0 0 2px rgba(255, 102, 0, 0.2);
}

/* Focus específico del radio button - SOLO en no seleccionadas */

.ant-radio:focus + .ant-radio-wrapper:not(.ant-radio-wrapper-checked) .card-content {
  outline: 2px solid var(--primary-color);
  outline-offset: 2px;
  border-color: var(--primary-color);
  box-shadow: 0 0 0 2px rgba(255, 102, 0, 0.2);
}

/* Focus ring adicional para mejor visibilidad - SOLO en no seleccionadas */

.payment-method-card:not(.ant-radio-wrapper-checked):focus-visible .card-content {
  outline: 2px solid var(--primary-color);
  outline-offset: 4px;
  border-color: var(--primary-color);
  box-shadow: 0 0 0 4px rgba(255, 102, 0, 0.15);
}

/* Soporte para prefers-reduced-motion */

@media (prefers-reduced-motion: reduce) {
  .card-content,
  .add-card-cta-minimal {
    transition: none !important;
  }
}

/* Responsive - Manteniendo proporciones con logos grandes */

@media (max-width: 767px) {
  /* Fuerza una sola columna al 100% */

  .payment-methods-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    gap: 16px;
  }

  /* Ant Design Radio wrapper + nuestra clase */

  .payment-methods-grid .ant-radio-wrapper.payment-method-card {
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch;
    display: block !important;
    box-sizing: border-box;
  }

  /* Contenido interno ocupa todo el ancho */

  .payment-methods-grid .ant-radio-wrapper.payment-method-card .card-content {
    width: 100% !important;
    box-sizing: border-box;
    min-height: 88px;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    gap: 16px;
  }

  .card-name {
    font-size: 15px;
  }

  .card-subtitle {
    font-size: 12px;
  }

  .card-logo {
    width: 20px;
    height: 20px;
  }

  .card-logo-large {
    height: 40px;
    max-width: 80px;
    margin-right: 12px;
  }
}

/* Botón agregar tarjeta premium */

.align-items-center .ant-btn {
  border-radius: 9999px !important;
  font-weight: 600 !important;
  padding: 0 1.5rem !important;
  height: 40px !important;
  background: var(--primary-color) !important;
  border: none !important;
  color: white !important;
  transition: all 0.2s ease !important;
}

.align-items-center .ant-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(245, 116, 35, 0.3);
}

/* 🎨 ESTADO VACÍO MINIMALISTA - MIS TARJETAS */

/* Título */

.my-cards-title {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0 0 0.75rem 0;
  color: var(--text-color);
  line-height: 1.3;
}

/* Título de la sección Medios de pago */

.section-title {
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 0 1rem 0;
  color: var(--text-color);
  line-height: 1.2;
}

/* Estado vacío minimalista - SIN CAJA */

.empty-cards-minimal {
  margin-bottom: 1rem;
}

/* Contenido principal (texto + botón) */

.empty-cards-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}

/* Texto del estado vacío */

.empty-cards-text {
  font-size: 0.875rem;
  color: var(--text-secondary-color);
  margin: 0;
  line-height: 1.4;
  opacity: 0.8;
}

/* Botón CTA minimalista */

.add-card-cta-minimal {
  border-radius: 9999px !important;
  font-weight: 600 !important;
  padding: 0 1.25rem !important;
  height: 36px !important;
  background: #1A1A1A !important;
  border: 1px solid #333333 !important;
  color: white !important;
  font-size: 0.875rem !important;
  transition: all 0.2s ease !important;
  margin: 0 0 0 1rem !important;
  flex-shrink: 0;
}

.add-card-cta-minimal:hover {
  background: #2A2A2A !important;
  border-color: #444444 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(26, 26, 26, 0.3);
}

.add-card-cta-minimal:disabled {
  opacity: 0.7;
  transform: none;
  box-shadow: none;
}

/* Sello de seguridad minimalista */

.security-badge-minimal {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  opacity: 0.4;
  margin-top: 0.25rem;
}

.security-icon-minimal {
  font-size: 11px;
  color: var(--text-secondary-color);
}

.security-text-minimal {
  font-size: 0.625rem;
  color: var(--text-secondary-color);
  font-weight: 400;
}

/* Responsive */

@media (max-width: 768px) {
  .my-cards-title {
    margin-bottom: 0.75rem;
  }

  /* Cambio de layout en mobile */

  .empty-cards-content {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }

  .empty-cards-text {
    font-size: 0.8125rem;
    text-align: center;
    margin: 0;
  }

  .add-card-cta-minimal {
    padding: 0 1.5rem !important;
    height: 40px !important;
    font-size: 0.875rem !important;
    margin: 0 !important;
    width: 100%;
  }

  .security-badge-minimal {
    gap: 0.25rem;
    justify-content: center;
    margin-top: 0.5rem;
  }

  .security-icon-minimal {
    font-size: 11px;
  }

  .security-text-minimal {
    font-size: 0.625rem;
  }
}

/* Dark mode support - Consistencia oreo */

[data-theme="dark"] {
  /* Cards en dark mode oreo */
  /* Logos con difuminado suave en dark mode para mejor integración */
  /* Hover en dark mode */
  /* 🔒 DESACTIVAR HOVER EN CARDS SELECCIONADAS - DARK MODE */
  /* Botón en dark mode con color personalizado */
}

[data-theme="dark"] .empty-cards-text {
  color: var(--text-secondary-color);
}

[data-theme="dark"] .security-badge-minimal {
  opacity: 0.7;
}

[data-theme="dark"] .card-content {
  background: #171717;
  border-color: #2A2A2A;
}

[data-theme="dark"] .ant-radio-wrapper-checked .card-content {
  background: #1E1E1E;
  border-color: var(--primary-color);
}

[data-theme="dark"] .card-logo-large {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  padding: 6px;
}

[data-theme="dark"] .card-name {
  color: #EDEDED;
}

[data-theme="dark"] .card-subtitle, [data-theme="dark"] .card-digits {
  color: #A1A1A1;
}

[data-theme="dark"] .payment-method-card:not(.ant-radio-wrapper-checked):hover .card-content {
  background: #1A1A1A;
}

[data-theme="dark"] .ant-radio-wrapper-checked:hover .card-content,
  [data-theme="dark"] .ant-radio-wrapper-checked .card-content:hover {
  background: #1E1E1E !important;
  border: 2px solid var(--primary-color) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

[data-theme="dark"] .add-card-cta-minimal {
  background: #1A1A1A !important;
  border: 1px solid #333333 !important;
  color: #FFFFFF !important;
}

[data-theme="dark"] .add-card-cta-minimal:hover {
  background: #2A2A2A !important;
  border-color: #444444 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(26, 26, 26, 0.3);
}

/* 🔒 DESACTIVAR HOVER EN CARDS SELECCIONADAS - SOLUCIÓN DEFINITIVA */

.ant-radio-wrapper-checked:hover .card-content,
.ant-radio-wrapper-checked .card-content:hover {
  background: var(--surface-selected-color) !important;
  border: 2px solid var(--primary-color) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

/* purgecss end ignore */

/* purgecss start ignore */

/* CSS variables. */

:root {
  --PhoneInput-color--focus: #03b2cb;
  --PhoneInputInternationalIconPhone-opacity: 0.8;
  --PhoneInputInternationalIconGlobe-opacity: 0.65;
  --PhoneInputCountrySelect-marginRight: 0.35em;
  --PhoneInputCountrySelectArrow-width: 0.3em;
  --PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
  --PhoneInputCountrySelectArrow-borderWidth: 1px;
  --PhoneInputCountrySelectArrow-opacity: 0.45;
  --PhoneInputCountrySelectArrow-color: currentColor;
  --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
  --PhoneInputCountrySelectArrow-transform: rotate(45deg);
  --PhoneInputCountryFlag-aspectRatio: 1.5;
  --PhoneInputCountryFlag-height: 1em;
  --PhoneInputCountryFlag-borderWidth: 1px;
  --PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);
  --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
  --PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);
}

.PhoneInput {
  /* This is done to stretch the contents of this component. */
  display: flex;
  align-items: center;
}

.PhoneInputInput {
  /* The phone number input stretches to fill all empty space */
  flex: 1;
  /* The phone number input should shrink
	   to make room for the extension input */
  min-width: 0;
}

.PhoneInputCountryIcon {
  width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
  height: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--square {
  width: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--border {
  /* Removed `background-color` because when an `<img/>` was still loading
	   it would show a dark gray rectangle. */
  /* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom. */
  background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
  /* Border is added via `box-shadow` because `border` interferes with `width`/`height`. */
  /* For some reason the `<img/>` is not stretched to 100% width and height
	   and sometime there can be seen white pixels of the background at top and bottom,
	   so an additional "inset" border is added. */
  box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
}

.PhoneInputCountryIconImg {
  /* Fixes weird vertical space above the flag icon. */
  /* https://gitlab.com/catamphetamine/react-phone-number-input/-/issues/7#note_348586559 */
  display: block;
  /* 3rd party <SVG/> flag icons won't stretch if they have `width` and `height`.
	   Also, if an <SVG/> icon's aspect ratio was different, it wouldn't fit too. */
  width: 100%;
  height: 100%;
}

.PhoneInputInternationalIconPhone {
  opacity: var(--PhoneInputInternationalIconPhone-opacity);
}

.PhoneInputInternationalIconGlobe {
  opacity: var(--PhoneInputInternationalIconGlobe-opacity);
}

/* Styling native country `<select/>`. */

.PhoneInputCountry {
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  margin-right: var(--PhoneInputCountrySelect-marginRight);
}

.PhoneInputCountrySelect {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  border: 0;
  opacity: 0;
  cursor: pointer;
}

.PhoneInputCountrySelect[disabled],
.PhoneInputCountrySelect[readonly] {
  cursor: default;
}

.PhoneInputCountrySelectArrow {
  display: block;
  content: '';
  width: var(--PhoneInputCountrySelectArrow-width);
  height: var(--PhoneInputCountrySelectArrow-width);
  margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
  border-style: solid;
  border-color: var(--PhoneInputCountrySelectArrow-color);
  border-top-width: 0;
  border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
  border-left-width: 0;
  border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
  transform: var(--PhoneInputCountrySelectArrow-transform);
  opacity: var(--PhoneInputCountrySelectArrow-opacity);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
  opacity: 1;
  color: var(--PhoneInputCountrySelectArrow-color--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
  box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
  opacity: 1;
  color: var(--PhoneInputCountrySelectArrow-color--focus);
}

/* purgecss end ignore */