.card, body {
  display: flex;
  flex-direction: column;
}

.checkout-step.active, .profile-nav-link.active .profile-nav-icon, body, h1, h2, h3, h4, h5, h6, p {
  color: var(--green-dark);
}

.users-search-bar button, .users-search-bar input, body {
  font-family: Gabriela, serif;
}

.card, .card-upload, .product-title, footer, td, th {
  text-align: center;
}

.checkout-label, .info-tile-label, .profile-sidebar-avatar, thead th {
  text-transform: uppercase;
}

.checkout-card-title, .checkout-success-title, .eden-price-value, .eden-product-title, .eden-specs-title, .profile-card-title, .profile-sidebar-avatar, .profile-sidebar-name {
  font-family: Bitter, serif;
}

.card-perfume, .card-upload, .eden-main-card, .order-card, .slider-track-outer {
  overflow: hidden;
}

:root {
  --green-darker: #234436;
  --green-dark: #025030;
  --green-mid: #047546;
  --green-light: #9BC163;
  --green-pale: #C3CA98;
  --creamy: #fffef6;
  --cream: #f6f2f5;
  --card-bg: rgba(182, 202, 152, 0.35);
  --card-bgi: rgb(251, 247, 249, 1);
  --card-bgl: #f8f5f6;
  --card-border: #9BC163;
  --card-borderi: #f6f7eb;
  --input-bg: #ebe8df;
  --input-border: #faeff3;
  --input-bgh: #dedbd3;
  --input-borderh: #d1cacc;
  --radius-card: 16px;
  --radius-btn: 10px;
  --transition: 220ms cubic-bezier(.4, 0, .2, 1);
  --text-dark: #123326;
  --text-muted: #5e776c;
}

*, ::after, ::before {
  box-sizing: border-box;
}

body {
  background-color: var(--cream);
  min-height: 100vh;
}

.profile-nav-text, main {
  flex: 1;
}

footer {
  padding: 10px 0;
}

.perfume-loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 99999;
  pointer-events: auto;
}

.perfume-loading-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, .95);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  opacity: 1;
  transition: opacity .6s cubic-bezier(.4, 0, .2, 1);
}

@keyframes fallFast {
  0% {
    transform: translateY(0) translateX(0) rotate(0);
    opacity: 0;
  }
  10%, 90% {
    opacity: 1;
  }
  100% {
    transform: translateY(110vh) translateX(-15px) rotate(360deg);
    opacity: 0;
  }
}

.navbar {
  background-color: var(--cream);
  padding: 12px 0;
  box-shadow: 0 1px 8px rgba(2, 80, 48, .08);
}

.nav-link {
  color: #4a6358 !important;
  font-weight: 500;
  padding: 6px 14px !important;
  border-radius: 70px;
  transition: color var(--transition), background var(--transition);
}

.nav-link:focus, .nav-link:hover {
  color: var(--green-dark) !important;
  background: #f0f7f2;
}

thead th {
  background-color: #234436 !important;
  color: #fff !important;
  font-weight: 600;
  font-size: .85rem;
  letter-spacing: .04em;
  padding: 12px 14px !important;
  border: none !important;
}

td {
  vertical-align: middle;
}

.btn {
  border-radius: var(--radius-btn);
}

.btn-secondary, .btn-secondary:visited {
  background-color: var(--green-dark);
  color: #fff;
  border-color: var(--green-dark);
}

.btn-secondary:hover {
  background-color: var(--green-mid);
  border-color: var(--green-mid);
  color: #fff;
}

.btn-success {
  background-color: var(--green-darker) !important;
  border-color: var(--green-darker) !important;
  transition: background var(--transition), transform var(--transition);
}

.btn-success:hover {
  background-color: var(--green-mid) !important;
  border-color: var(--green-mid) !important;
}

.btn-success:active, .card-perfume:active, .card-upload:active {
  transform: scale(.97);
}

.users-search-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  border: 1.5px solid rgba(2, 80, 48, .12);
  border-radius: 20px;
  padding: 4px 12px;
  transition: border-color .2s;
}

.users-search-bar:focus-within {
  border-color: var(--green-pale);
  box-shadow: 0 0 0 3px rgba(2, 80, 48, .08);
}

.card-perfume:hover, .card-upload:hover {
  box-shadow: 0 12px 28px rgba(2, 80, 48, .14);
}

.users-search-bar > i {
  color: var(--text-muted);
  font-size: .9rem;
  flex-shrink: 0;
}

.users-search-bar input {
  flex: 1;
  border: none;
  background: 0 0;
  padding: 12px 0;
  font-size: .9rem;
  color: var(--admin-text-dark);
  outline: 0;
}

.users-search-bar input::placeholder {
  color: var(--text-muted);
}

.users-search-bar button {
  background: var(--green-darker);
  color: #fff;
  border: none;
  padding: 7px 18px;
  border-radius: 7px;
  font-size: .85rem;
  font-weight: 600;
  cursor: pointer;
  transition: background .2s;
}

.users-search-bar button:hover {
  background: var(--green-mid);
}

.users-search-reset {
  color: #a0aec0;
  font-size: .9rem;
  text-decoration: none;
  padding: 4px 6px;
  border-radius: 6px;
  transition: color .2s, background .2s;
}

.users-search-reset:hover {
  color: var(--text-muted);
}

.users-search-select {
  border: none;
  outline: 0;
  background: 0 0;
  color: var(--text-muted);
  font-size: .9rem;
  cursor: pointer;
  padding: 8px;
  max-width: 160px;
}

.card, .card-mini {
  border-radius: var(--radius-card);
  box-shadow: 0 8px 24px rgba(0, 0, 0, .1);
}

.bg-success {
  background-color: var(--green-darker) !important;
}

.card, .card-mini, .card-perfume, .login-card {
  background-color: var(--card-bgi);
}

.card {
  margin: 5%;
  padding: 5%;
  align-items: center;
  border: 1px solid var(--card-borderi);
}

.card-mini {
  margin: 20%;
  padding: 5%;
  border: 1px solid var(--card-borderi);
}

.login-card {
  width: 42%;
  display: block;
  margin: auto;
  border-radius: var(--radius-card);
  border: 1px solid var(--card-borderi);
  box-shadow: 0 12px 32px rgba(2, 80, 48, .12);
  padding: 5%;
}

.card-perfume {
  width: 280px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 10px;
  border: 1px solid var(--card-borderi);
  border-radius: var(--radius-card);
  box-shadow: 0 4px 12px rgba(0, 0, 0, .08);
  transition: background var(--transition), transform var(--transition), box-shadow var(--transition);
  padding-bottom: 16px;
}

.card-body {
  margin: 0 5.5%;
}

.card-perfume:hover {
  background-color: var(--creamy);
  transform: translateY(-4px);
}

.card-upload {
  background-color: var(--input-bg);
  outline: 2px dashed var(--green-dark);
  border: 2px dashed var(--green-darker);
  border-radius: var(--radius-card);
  font-weight: 700;
  color: var(--green-darker);
  cursor: pointer;
  margin-top: 15px;
  padding: 50px 0;
  position: relative;
}

.card-upload:hover {
  background-color: var(--input-bgh);
}

.card-panel {
  background-color: var(--admin-card-bg);
  border: 1px solid rgba(2, 80, 48, .08);
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(26, 51, 40, .08), 0 1px 2px rgba(26, 51, 40, .05);
  margin-bottom: 30px;
}

.slider-wrapper {
  position: relative;
  padding: 0 48px;
}

.slider-track {
  display: flex;
  gap: 16px;
  transition: transform .4s;
  will-change: transform;
  padding: 16px 0;
}

#toast-container, .toast-msg {
  pointer-events: none;
  gap: 8px;
}

.slider-track .card-perfume {
  flex: 0 0 100%;
  min-width: 0;
  width: auto !important;
  margin: 0 !important;
}

@media (min-width: 768px) {
  .slider-wrapper {
    padding: 0 45px;
  }

  .slider-track .card-perfume {
    flex: 0 0 calc(50% - 8px);
  }
}

/* 3. COMPUTADOR (a partir de 1024px): 3 cards proporcionais */
@media (min-width: 1024px) {
  .slider-wrapper {
    padding: 0 55px;
  }

  .slider-track .card-perfume {
    flex: 0 0 calc(33.333% - 11px); /* Volta a 3 cards para não ficarem gigantes */
  }
}

@media (max-width: 767px) {
  .btn-sacola {
    width: 50px;
  }
}

.slider-btn, .toast-msg {
  display: flex;
  align-items: center;
}

.slider-btn {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  z-index: 10;
  background: 0 0;
  color: var(--green-dark);
  border: none;
  font-size: clamp(25px, 10vw, 35px);
  width: 50px;
  height: 50px;
  justify-content: center;
  cursor: pointer;
  transition: background var(--transition);
}

.checkout-delivery-step.done i, .checkout-payment-card.active .checkout-payment-check, .checkout-step.done, .slider-btn:hover {
  color: var(--green-mid);
}

.slider-btn.prev {
  left: 0;
}

.slider-btn.next {
  right: 0;
}

.carousel-banner-wrapper {
  width: 100%;
}

#Propaganda {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#Propaganda.carousel-inner {
  width: 100%;
}

.carousel-image {
  width: 100%;
  height: auto;
  max-height: 560px;
  object-fit: cover;
  object-position: center;
  display: block;
}

#toast-container {
  position: fixed;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.toast-msg {
  background: var(--green-dark);
  color: #fff;
  padding: 12px 24px;
  border-radius: 30px;
  font-size: 14px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .22);
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .3s, transform .3s;
  white-space: nowrap;
}

.checkout-step, .checkout-steps {
  align-items: center;
  display: flex;
}

.toast-msg.show {
  opacity: 1;
  transform: translateY(0);
}

.checkout-steps {
  justify-content: center;
  gap: 0;
  margin: 24px 0 32px;
  flex-wrap: wrap;
}

.checkout-step {
  gap: 8px;
  font-size: 14px;
  color: #999;
  font-weight: 500;
}

.checkout-step-num {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 2px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  transition: all var(--transition);
}

.checkout-step.active .checkout-step-num {
  background: var(--green-dark);
  border-color: var(--green-dark);
  color: #fff;
}

.checkout-step.done .checkout-step-num {
  background: var(--green-pale);
  border-color: var(--green-mid);
  color: var(--green-dark);
}

.checkout-line {
  width: 48px;
  height: 2px;
  background: #ddd;
  margin: 0 4px;
}

.checkout-line.done {
  background: var(--green-pale);
}

.checkout-card {
  background: var(--cream);
  border-radius: var(--radius-card);
  padding: 28px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, .07);
}

.order-summary {
  background: rgba(195, 202, 152, .2);
  border: 1px solid var(--card-border);
  border-radius: 12px;
  padding: 20px;
  font-size: 14px;
}

.order-summary-row {
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
  color: #555;
}

.order-summary-total {
  display: flex;
  justify-content: space-between;
  padding: 12px 0 0;
  margin-top: 8px;
  border-top: 1px solid var(--card-border);
  font-weight: 700;
  font-size: 16px;
  color: var(--green-dark);
}

.bgi:focus, .bgi:hover {
  border-color: var(--input-borderh);
  background-color: var(--input-bgh);
}

.coupon-applied {
  background: rgba(155, 193, 99, .15);
  border: 1px solid var(--green-light);
  border-radius: 8px;
  padding: 8px 14px;
  font-size: 13px;
  color: var(--green-dark);
  display: flex;
  align-items: center;
  gap: 8px;
}

.card-upload .input-file, .rating-css input {
  display: none;
}

.bgi {
  border: 1px solid var(--input-border);
  border-radius: 12px;
  background-color: var(--input-bg);
  transition: border var(--transition), background var(--transition);
}

.bgi:focus {
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgba(2, 80, 48, .08);
}

.img-card-perfume {
  width: 70%;
  margin: 0 auto;
  display: block;
  transition: transform var(--transition);
}

.card-perfume:hover .img-card-perfume {
  transform: scale(1.04);
}

.table-img {
  width: 80px;
  border-radius: 8px;
}

.logo {
  margin-left: 10px;
  width: 128px;
}

.profile-picture {
  width: 50px;
  height: 50px;
  object-fit: cover;
  border-radius: 50%;
  border: 3px solid var(--admin-accent);
  box-shadow: 0 4px 8px rgba(0, 0, 0, .3);
  background: linear-gradient(135deg, var(--green-dark), var(--green-light));
  color: #fff;
  font-weight: 700;
  font-size: .95rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.instagram-btn, .whatsapp-btn {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  color: #fff !important;
  font-size: 16px;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s;
}

.whatsapp-btn {
  align-items: center;
  justify-content: center;
  background-color: #25d366;
}

.whatsapp-btn:hover, .instagram-btn:hover {
  box-shadow: 0 4px 10px rgba(37, 211, 102, .3);
  transform: scale(1.08);
}

.instagram-btn {
  align-items: center;
  justify-content: center;
  background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
}

@keyframes breathe {
  0% {
    box-shadow: 0 0 0 0 rgba(37, 211, 102, .5);
  }
  70% {
    box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
  }
  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}

@keyframes breathe-insta {
  0% {
    box-shadow: 0 0 0 0 rgba(225, 48, 108, .5);
  }
  70% {
    box-shadow: 0 0 0 14px rgba(225, 48, 108, 0);
  }
  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}

.dropdown-content {
  display: none;
  position: absolute;
  padding: 10px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 12px;
  min-width: 200px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
  z-index: 99;
}

.dropdown-content a {
  display: block;
  margin: 4px;
  border-radius: 8px;
}

.drop:hover .dropdown-content {
  display: block;
}

.title {
  font-weight: 700;
}

.badge.text-bg-success {
  background-color: var(--green-mid) !important;
}

.space {
  margin-top: 90px;
}

.spacet2 {
  margin-top: 110px;
}

@media (max-width: 1200px) {
  .login-card {
    width: 50%;
  }
}

@media (max-width: 990px) {
  .login-card {
    width: 65%;
  }
  
  .card-perfume {
    width: 200px;
  }
}

@media (max-width: 770px) {
  .login-card {
    width: 85%;
  }
  
  .card-perfume {
    width: 160px;
    font-size: 11px;
  }
  
  .card-perfume h5, th {
    font-size: 12px;
  }
  
  td {
    font-size: 11px;
  }
}

@media (max-width: 575px) {
  .login-card {
    width: 100%;
  }
  
  .checkout-line {
    width: 24px;
  }
}

@media (max-width: 500px) {
  .card-perfume {
    width: 145px;
    margin: 4px;
  }
}

.product-title {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: .5rem;
}

.info-panel {
  padding-left: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 1rem;
}

.profile-page-wrapper {
  margin-top: 10px;
  margin-bottom: 50px;
}

.profile-sidebar-card {
  background-color: #fff;
  border-radius: var(--radius-card);
  border: 1px solid rgba(2, 80, 48, .1);
  box-shadow: 0 10px 25px rgba(2, 80, 48, .05);
  overflow: hidden;
  transition: box-shadow var(--transition);
}

.btn-eden-primary, .profile-nav-link {
  transition: all var(--transition);
  text-decoration: none;
}

.profile-sidebar-card:hover {
  box-shadow: 0 14px 30px rgba(2, 80, 48, .09);
}

.profile-sidebar-cover {
  height: 90px;
  background: linear-gradient(135deg, var(--green-darker) 0, var(--green-dark) 50%, var(--green-mid) 100%);
  position: relative;
}

.profile-sidebar-avatar-wrapper {
  display: flex;
  justify-content: center;
  margin-top: -45px;
  position: relative;
  z-index: 2;
}

.profile-sidebar-avatar {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: 4px solid #fff;
  background: linear-gradient(135deg, var(--green-dark), var(--green-light));
  color: #fff;
  font-size: 2.2rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 16px rgba(2, 80, 48, .2);
  user-select: none;
}

.profile-sidebar-user {
  text-align: center;
  padding: 12px 20px 20px;
  border-bottom: 1px solid rgba(2, 80, 48, .08);
}

.profile-sidebar-name {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--text-dark);
  margin-bottom: 2px;
}

.profile-sidebar-email {
  font-size: .85rem;
  color: var(--text-muted);
  margin-bottom: 10px;
  word-break: break-all;
}

.profile-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .3px;
}

.profile-badge.badge-admin {
  background-color: rgba(2, 80, 48, .1);
  color: var(--green-dark);
  border: 1px solid rgba(2, 80, 48, .2);
}

.profile-badge.badge-member {
  background-color: rgba(155, 193, 99, .2);
  color: var(--green-darker);
  border: 1px solid rgba(155, 193, 99, .4);
}

.profile-sidebar-nav {
  padding: 12px 14px 16px;
}

.profile-nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.profile-nav-item {
  width: 100%;
}

.profile-nav-link {
  display: flex;
  align-items: center;
  padding: 11px 16px;
  color: #4a6358 !important;
  border-radius: 12px;
  font-size: .92rem;
  font-weight: 500;
  border: 1px solid transparent;
  background: 0 0;
  width: 100%;
  text-align: left;
  cursor: pointer;
}

.profile-nav-link:hover {
  color: var(--green-dark) !important;
  background-color: #f2f7f4;
  transform: translateX(3px);
}

.profile-nav-link.active {
  color: var(--green-darker) !important;
  background: linear-gradient(90deg, rgba(155, 193, 99, .2) 0, rgba(255, 255, 255, .4) 100%);
  font-weight: 700;
}

.profile-nav-icon {
  width: 26px;
  font-size: 1.05rem;
  color: var(--green-mid);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  transition: transform var(--transition);
}

.profile-nav-link:hover .profile-nav-icon {
  transform: scale(1.1);
}

.profile-nav-arrow {
  font-size: .75rem;
  color: #a0aec0;
  transition: transform var(--transition), color var(--transition);
}

.profile-nav-link:hover .profile-nav-arrow {
  transform: translateX(2px);
  color: var(--green-dark);
}

.profile-nav-divider {
  margin: 10px 0;
  border: 0;
  border-top: 1px solid rgba(2, 80, 48, .08);
}

.profile-logout-btn {
  border: none;
  outline: 0;
}

.profile-logout-btn:hover {
  background-color: #fff1f2;
  color: #e53e3e !important;
}

.btn-eden-primary:hover, .eden-buy-btn:hover:not(:disabled):not(.disabled) {
  background: linear-gradient(135deg, var(--green-mid) 0, var(--green-dark) 100%);
}

.profile-logout-btn:hover .profile-nav-icon {
  color: #e53e3e;
}

.profile-main-card {
  background-color: #fff;
  border-radius: var(--radius-card);
  border: 1px solid rgba(2, 80, 48, .1);
  box-shadow: 0 10px 25px rgba(2, 80, 48, .05);
  padding: 32px;
  transition: box-shadow var(--transition);
}

.profile-card-title {
  font-size: 1.45rem;
  font-weight: 700;
  color: var(--text-dark);
}

.profile-card-subtitle {
  font-size: .88rem;
  color: var(--text-muted);
}

.profile-info-tile {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 16px 18px;
  background-color: #fbfbf8;
  border: 1px solid rgba(2, 80, 48, .07);
  border-radius: 14px;
  height: 100%;
  transition: transform var(--transition), border-color var(--transition), box-shadow var(--transition);
}

.profile-info-tile:hover {
  transform: translateY(-2px);
  border-color: rgba(2, 80, 48, .18);
  box-shadow: 0 6px 16px rgba(2, 80, 48, .04);
}

.info-tile-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background-color: rgba(155, 193, 99, .2);
  color: var(--green-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  flex-shrink: 0;
}

.info-tile-content {
  flex: 1;
  min-width: 0;
}

.info-tile-label {
  display: block;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .5px;
  color: var(--text-muted);
  margin-bottom: 2px;
}

.info-tile-value {
  font-size: 1rem;
  font-weight: 600;
  color: var(--text-dark);
  margin: 0;
}

.profile-danger-box {
  background-color: #fff9f9;
  border: 1px solid #fed7d7;
  border-radius: 14px;
  padding: 20px;
}

.btn-eden-primary {
  background: linear-gradient(135deg, var(--green-dark) 0, var(--green-darker) 100%);
  color: #fff !important;
  border: none;
  font-weight: 600;
  padding: 9px 20px;
  border-radius: var(--radius-btn);
  box-shadow: 0 3px 8px rgba(2, 80, 48, .2);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.btn-eden-outline, .btn-eden-secondary {
  align-items: center;
  transition: all var(--transition);
  display: inline-flex;
}

.btn-eden-primary:hover {
  box-shadow: 0 6px 14px rgba(2, 80, 48, .3);
  transform: translateY(-1px);
  color: #fff !important;
}

.btn-eden-primary:active, .eden-buy-btn:active:not(:disabled):not(.disabled) {
  transform: scale(.98);
}

.btn-eden-secondary {
  color: var(--green-darker) !important;
  border: 1px solid rgba(2, 80, 48, .12);
  border-radius: var(--radius-btn);
  justify-content: center;
}

.btn-eden-secondary:hover {
  background-color: #dce6db;
  color: var(--green-darker);
  transform: translateY(-1px);
}

.btn-eden-danger:hover, .btn-eden-outline:hover {
  color: #fff !important;
  transform: translateY(-1px);
}

.btn-eden-outline {
  background-color: transparent;
  color: var(--green-dark) !important;
  border: 1.5px solid var(--green-dark);
  font-weight: 600;
  padding: 8px 18px;
  border-radius: var(--radius-btn);
  justify-content: center;
  text-decoration: none;
}

.btn-eden-outline:hover {
  background-color: var(--green-dark);
}

.btn-eden-danger {
  background-color: #fff1f2;
  color: #e53e3e !important;
  border: 1px solid #feb2b2;
  font-weight: 600;
  padding: 8px 16px;
  border-radius: var(--radius-btn);
  transition: all var(--transition);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.btn-eden-danger:hover {
  background-color: #e53e3e;
  border-color: #e53e3e;
  box-shadow: 0 4px 12px rgba(229, 62, 62, .25);
}

.alert-eden-success {
  background-color: #f0fdf4;
  border: 1px solid #bbf7d0;
  color: #166534;
  border-radius: 12px;
}

.alert-eden-info {
  background-color: #f0f9ff;
  border: 1px solid #bae6fd;
  color: #0369a1;
  border-radius: 12px;
}

.profile-form-control {
  background-color: #fbfbf8;
  border: 1.5px solid rgba(2, 80, 48, .15);
  border-radius: 10px;
  padding: 11px 14px;
  font-size: .95rem;
  color: var(--text-dark);
  transition: border-color var(--transition), box-shadow var(--transition), background-color var(--transition);
}

.profile-form-control:focus {
  background-color: #fff;
  border-color: var(--green-mid);
  box-shadow: 0 0 0 4px rgba(2, 80, 48, .1);
  outline: 0;
}

.eden-product-page {
  padding-top: 8px;
  padding-bottom: 60px;
}

.eden-breadcrumb {
  background: 0 0;
  padding: 0;
  margin: 0;
  font-size: .88rem;
}

.eden-breadcrumb .breadcrumb-item a {
  color: var(--green-mid);
  text-decoration: none;
  transition: color var(--transition);
}

.eden-breadcrumb .breadcrumb-item a:hover {
  color: var(--green-dark);
  text-decoration: underline;
}

.eden-breadcrumb .breadcrumb-item.active {
  color: var(--text-muted);
  font-weight: 500;
}

.eden-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #aab8b2;
}

.eden-main-card {
  background-color: #fff;
  border-radius: var(--radius-card);
  border: 1px solid rgba(2, 80, 48, .08);
  box-shadow: 0 12px 32px rgba(2, 80, 48, .07);
  padding: 36px 40px;
}

@media (min-width: 768px) {
  .separator-right {
    border-right: 1px solid rgba(2, 80, 48, .08);
  }
}

.eden-gallery-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 340px;
  background: 0 0;
}

.eden-image-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 300px;
  background: 0 0;
  padding: 20px;
}

.eden-perfume-img {
  max-height: 380px;
  max-width: 100%;
  object-fit: contain;
  filter: drop-shadow(0 18px 32px rgba(2, 80, 48, .15));
  transition: transform .4s, filter .4s;
}

.eden-perfume-img:hover {
  transform: scale(1.04) translateY(-4px);
  filter: drop-shadow(0 26px 40px rgba(2, 80, 48, .22));
  cursor: zoom-in;
}

.eden-details-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.eden-brand-badge, .eden-reseller-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  font-size: .8rem;
  font-weight: 600;
}

.eden-brand-badge {
  background-color: rgba(2, 80, 48, .08);
  color: var(--green-darker);
  border: 1px solid rgba(2, 80, 48, .15);
  border-radius: 20px;
}

.eden-reseller-badge {
  background-color: rgba(155, 193, 99, .2);
  color: var(--green-dark);
  border: 1px solid rgba(155, 193, 99, .4);
  border-radius: 20px;
}

.eden-product-title {
  font-size: clamp(1.5rem, 3vw, 2.2rem);
  font-weight: 800;
  color: var(--text-dark);
  line-height: 1.2;
  margin-bottom: 6px;
}

.eden-product-line {
  font-size: .9rem;
  color: var(--text-muted);
  margin-bottom: 6px;
}

.eden-rating-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.eden-rating-row .stars {
  font-size: 1rem;
  letter-spacing: 1px;
}

.eden-rating-row .rating-text {
  font-size: .85rem;
  color: var(--text-muted);
}

.eden-divider {
  border: 0;
  border-top: 1px solid rgba(2, 80, 48, .08);
}

.eden-price-box {
  background: linear-gradient(135deg, #f7fef9 0, #f0fdf4 100%);
  border: 1px solid rgba(2, 80, 48, .1);
  border-radius: 14px;
  padding: 18px 20px;
}

.eden-price-label {
  display: block;
  font-size: .8rem;
  color: var(--text-muted);
  font-weight: 500;
  margin-bottom: 2px;
}

.eden-price-value {
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  font-weight: 800;
  color: var(--green-darker);
  line-height: 1;
}

.eden-installment-text {
  font-size: .85rem;
  color: var(--text-muted);
  margin-top: 6px;
}

.eden-stock-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 6px 14px;
  border-radius: 30px;
  font-size: .82rem;
  font-weight: 700;
  white-space: nowrap;
}

.eden-stock-badge.in-stock {
  background-color: #f0fdf4;
  border: 1.5px solid #86efac;
  color: #15803d;
}

.eden-stock-badge.out-of-stock {
  background-color: #fef2f2;
  border: 1.5px solid #fca5a5;
  color: #dc2626;
}

.eden-qty-picker {
  display: flex;
  align-items: center;
}

.eden-qty-input {
  width: 70px !important;
  border-radius: 10px !important;
  border: 1.5px solid rgba(2, 80, 48, .18) !important;
  font-weight: 600;
  font-size: 1rem;
}

.eden-qty-input:focus {
  border-color: var(--green-mid) !important;
  box-shadow: 0 0 0 3px rgba(2, 80, 48, .1) !important;
}

.eden-buy-btn {
  background: linear-gradient(135deg, var(--green-dark) 0, var(--green-darker) 100%);
  color: #fff !important;
  border: none;
  font-weight: 700;
  font-size: 1rem;
  padding: 13px 24px;
  border-radius: var(--radius-btn);
  transition: all var(--transition);
  box-shadow: 0 4px 14px rgba(2, 80, 48, .25);
  letter-spacing: .3px;
}

.checkout-input, .eden-spec-tile {
  transition: border-color var(--transition), box-shadow var(--transition);
}

.eden-buy-btn:hover:not(:disabled):not(.disabled) {
  box-shadow: 0 8px 22px rgba(2, 80, 48, .35);
  transform: translateY(-2px);
  color: #fff !important;
}

.eden-buy-btn.disabled, .eden-buy-btn:disabled {
  background: linear-gradient(135deg, #9ca3af, #6b7280) !important;
  box-shadow: none;
  cursor: not-allowed;
  opacity: .75;
}

.eden-trust-grid {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
}

.eden-specs-card {
  background-color: #fff;
  border-radius: var(--radius-card);
  border: 1px solid rgba(2, 80, 48, .08);
  box-shadow: 0 8px 24px rgba(2, 80, 48, .05);
  padding: 32px 36px;
}

.eden-specs-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--text-dark);
  margin-bottom: 20px;
}

.eden-spec-tile {
  border-radius: 12px;
  margin-bottom: 14px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  height: 100%;
}

.eden-spec-tile .spec-label {
  font-size: .75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .5px;
  color: var(--green-mid);
}

.eden-spec-tile .spec-value {
  font-size: .97rem;
  font-weight: 600;
  color: var(--text-dark);
}

.eden-description-box {
  background-color: #f8f5f6;
  border: 1px solid rgba(2, 80, 48, .07);
  border-radius: 14px;
  padding: 20px 24px;
}

.eden-alert {
  border-radius: 14px;
}

@media (max-width: 768px) {
  .eden-specs-card, .profile-main-card {
    padding: 22px 18px;
  }
  
  .eden-main-card {
    padding: 24px 20px;
  }
  
  .responsive-card-table, .responsive-card-table tbody, .responsive-card-table tr {
    display: block;
    width: 100%;
  }
  
  .responsive-card-table thead {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 120px;
    background-color: transparent;
  }
  
  .responsive-card-table thead tr {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  
  .responsive-card-table th {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: .85rem .5rem !important;
    font-size: .85rem;
    border-bottom: 1px solid #e9ecef !important;
    background: 0 0 !important;
    color: #495057 !important;
  }
  
  .responsive-card-table {
    display: flex !important;
    flex-direction: row-reverse;
    border: 1px solid #dee2e6;
    border-radius: .5rem;
    background-color: #fff;
    padding: .5rem;
    gap: .5rem;
  }
  
  .responsive-card-table tbody {
    flex: 1;
  }
  
  .responsive-card-table tbody tr {
    display: flex;
    flex-direction: column;
    border: none !important;
  }
  
  .responsive-card-table td {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: .75rem .5rem !important;
    border: none !important;
    border-bottom: 1px solid #e9ecef !important;
  }
  
  .responsive-card-table td:last-child, .responsive-card-table th:last-child {
    border-bottom: none !important;
  }
}

.checkout-card-header {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 4px;
}

.checkout-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--green-dark) 0, var(--green-darker) 100%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  flex-shrink: 0;
}

.checkout-card-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--text-dark);
  margin: 0;
}

.checkout-card-subtitle, .checkout-label {
  font-size: .82rem;
  color: var(--text-muted);
}

.checkout-card-subtitle {
  margin: 2px 0 0;
}

.checkout-label {
  font-weight: 600;
  letter-spacing: .4px;
  margin-bottom: 6px;
  display: block;
}

.checkout-input {
  border: 1.5px solid rgba(2, 80, 48, .12) !important;
  background-color: #fbfbf8 !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  font-size: .93rem;
  color: var(--text-dark);
}

.checkout-input:focus {
  border-color: var(--green-mid) !important;
  box-shadow: 0 0 0 3px rgba(2, 80, 48, .1) !important;
  outline: 0 !important;
  background-color: #fff !important;
}

.checkout-payment-card {
  cursor: pointer;
  display: block;
  margin: 0;
}

.checkout-payment-box {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  background: #fbfbf8;
  border-radius: 12px;
  border: 2px solid transparent;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .05);
  transition: all var(--transition);
}

.checkout-payment-card:hover .checkout-payment-box {
  border-color: rgba(2, 80, 48, .2);
  background: #fff;
}

.checkout-payment-card.active .checkout-payment-box {
  border-color: var(--green-mid) !important;
  background: #fff;
  box-shadow: 0 4px 16px rgba(2, 80, 48, .12);
}

.checkout-payment-icon {
  font-size: 1.5rem;
  width: 32px;
  text-align: center;
  flex-shrink: 0;
}

.checkout-payment-label {
  display: block;
  font-size: .93rem;
  font-weight: 700;
  color: var(--text-dark);
}

.checkout-payment-desc {
  display: block;
  font-size: .78rem;
  color: var(--text-muted);
}

.checkout-payment-check {
  margin-left: auto;
  font-size: 1.1rem;
  color: #ccc;
  transition: color var(--transition);
}

.checkout-items-list {
  display: flex;
  flex-direction: column;
}

.checkout-item-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, .06);
}

.checkout-item-row:last-child {
  border-bottom: none;
}

.checkout-item-name {
  font-size: .88rem;
  color: var(--text-dark);
  line-height: 1.4;
  flex: 1;
}

.checkout-item-qty {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--green-dark);
  color: #fff;
  font-size: .72rem;
  font-weight: 700;
  border-radius: 6px;
  padding: 1px 6px;
  margin-right: 6px;
  letter-spacing: .3px;
}

.checkout-item-price {
  font-size: .88rem;
  font-weight: 700;
  color: var(--text-dark);
  white-space: nowrap;
}

.checkout-success-banner {
  text-align: center;
  padding: 44px 24px 36px;
  margin-bottom: 28px;
}

.checkout-success-icon {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--green-mid) 0, var(--green-dark) 100%);
  color: #fff;
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  box-shadow: 0 8px 28px rgba(2, 80, 48, .3);
  animation: .5s cubic-bezier(.17, .67, .35, 1.4) both successPop;
}

@keyframes successPop {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.checkout-success-title {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--text-dark);
  margin-bottom: 6px;
}

.checkout-success-sub {
  font-size: .9rem;
  color: var(--text-muted);
  margin: 0;
}

.checkout-delivery-info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.checkout-delivery-step {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: .88rem;
  color: var(--text-muted);
}

.checkout-delivery-step i {
  font-size: 1rem;
  width: 20px;
  text-align: center;
  color: #ccc;
  flex-shrink: 0;
}

.checkout-delivery-step.done {
  color: var(--green-dark);
  font-weight: 600;
}

.order-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(2, 80, 48, .08);
  transition: box-shadow var(--transition), transform var(--transition);
}

.order-card:hover {
  box-shadow: 0 8px 32px rgba(2, 80, 48, .14);
  transform: translateY(-2px);
}

.order-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 20px;
  background: #fdf9f4;
  gap: 12px;
  flex-wrap: wrap;
}

.order-card-id {
  font-size: .95rem;
  font-weight: 700;
  color: var(--green-dark);
  margin-right: 10px;
}

.order-card-date {
  font-size: .8rem;
  color: var(--text-muted);
}

.order-status-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: .78rem;
  font-weight: 700;
  white-space: nowrap;
}

.order-items-preview {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 14px 20px;
}

.order-item-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #f7f6f4;
  border-radius: 20px;
  padding: 4px 12px;
  font-size: .78rem;
  color: var(--text-dark);
}

.order-card-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 20px;
  border-top: 1px solid rgba(0, 0, 0, .06);
}

.order-card-total {
  font-size: 1rem;
  font-weight: 700;
  color: var(--green-dark);
}

.btn-eden-secondary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border-radius: var(--radius-btn);
  font-size: .9rem;
  font-weight: 600;
  background: 0 0;
  color: var(--green-dark);
  border: 2px solid var(--green-dark);
  text-decoration: none;
  transition: background var(--transition), color var(--transition);
  cursor: pointer;
}

.btn-eden-secondary:hover {
  background: var(--green-dark);
  color: #fff !important;
}

.btn-favorite-ajax.is-active, .btn-favorite-ajax:hover {
  border-color: #dc3545;
  color: #dc3545;
}

.theme-switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 26px;
  margin: 0;
}

.theme-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.theme-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #6a9cff;
  transition: .4s;
}

.theme-slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: #fff;
  transition: .4s;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}

input:checked + .theme-slider {
  background-color: #243e2d;
}

input:checked + .theme-slider:before {
  transform: translateX(24px);
  background-color: #9bc163;
}

.theme-slider.round {
  border-radius: 34px;
}

.theme-slider.round:before {
  border-radius: 50%;
}

.rating-css {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}

.rating-css label {
  cursor: pointer;
  color: #e4e5e9;
  font-size: 1.8rem;
  margin-right: 5px;
}

.rating-css input:checked ~ label, .rating-css label:hover, .rating-css label:hover ~ label {
  color: #ffc107;
}

.btn-favorite-ajax {
  width: 45px;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ced4da;
  background: 0 0;
  transition: .2s;
  color: #6c757d;
}

.btn-favorite-ajax:hover {
  background-color: rgba(220, 53, 69, .05);
}

body.dark-mode {
  --cream: #151a17;
  --creamy: #1b241e;
  --green-dark: #e1ece6;
  --green-darker: #f2f8f4;
  --text-dark: #ffffff;
  --text-muted: #8a9e92;
  --card-bg: rgba(24, 43, 31, 0.7);
  --card-bgi: #1d2d23;
  --card-bgl: #152019;
  --card-border: #2d4c39;
  --card-borderi: #223c2d;
  --input-bg: #1b261f;
  --input-border: #2d4535;
  --input-bgh: #223228;
  --input-borderh: #3c5946;
  background-color: var(--cream);
  color: var(--green-dark);
}

body.dark-mode .info-tile-label, body.dark-mode .nav-link, body.dark-mode p, h1, h2, h3, h4, h5, h6 {
  color: var(--green-dark) !important;
}

body.dark-mode footer {
  background-color: var(--creamy) !important;
  box-shadow: 0 -4px 0 var(--card-borderi) !important;
}

body.dark-mode .text-muted, body.dark-mode footer a:not([style*=linear-gradient]), body.dark-mode footer p {
  color: var(--text-muted) !important;
}

body.dark-mode .navbar {
  background-color: var(--creamy);
  box-shadow: 0 1px 8px rgba(0, 0, 0, .5);
}

body.dark-mode .bg-white, body.dark-mode .card, body.dark-mode .list-group-item, body.dark-mode .profile-main-card, body.dark-mode .profile-sidebar-card {
  background-color: var(--card-bg) !important;
  border-color: var(--card-border) !important;
  color: var(--text-dark) !important;
}

body.dark-mode .profile-picture, body.dark-mode .profile-sidebar-avatar {
  background: linear-gradient(135deg, #025030, #047546);
}

body.dark-mode .profile-sidebar-avatar {
  border: 4px solid var(--card-border) !important;
}

body.dark-mode .form-control, body.dark-mode .payment-option, body.dark-mode .profile-info-tile {
  background-color: var(--input-bg) !important;
  border-color: var(--input-border) !important;
  color: var(--text-dark) !important;
}

body.dark-mode .form-control:focus {
  background-color: var(--input-bgh) !important;
  border-color: var(--green-light) !important;
  color: var(--text-dark) !important;
}

body.dark-mode .accordion-body, body.dark-mode .checkout-card-title, body.dark-mode .checkout-payment-label, body.dark-mode .dropdown-item, body.dark-mode .info-tile-value, body.dark-mode .member-card p[style*="color: #025030"], body.dark-mode .profile-card-subtitle, body.dark-mode .profile-card-title, body.dark-mode .text-dark, body.dark-mode div[style*="background: linear-gradient(135deg, #fdf4e7"] p, body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode p, body.dark-mode section[style*="background: #fdf9f4;"] h2, body.dark-mode section[style*="background: #fdf9f4;"] h3, body.dark-mode section[style*="background: #fdf9f4;"] p, body.dark-mode section[style*="background: #fff"] h2, body.dark-mode section[style*="background: #fff"] p, body.dark-mode section[style*="background: #fff;"] h2, body.dark-mode section[style*="background: #fff;"] p {
  color: var(--text-dark) !important;
}

body.dark-mode .accordion-body strong, body.dark-mode .fa-instagram, body.dark-mode .fa-whatsapp, body.dark-mode .profile-nav-link.active .profile-nav-icon, body.dark-mode footer a i.fa-brands, body.dark-mode footer a[style*=linear-gradient] {
  color: #fff !important;
}

body.dark-mode .dropdown-menu {
  background-color: var(--card-bg);
  border-color: var(--card-border);
}

body.dark-mode .dropdown-item {
  color: var(--text-dark);
}

body.dark-mode .dropdown-item:hover {
  background-color: var(--card-borderi);
  color: var(--green-darker);
}

body.dark-mode .users-search-bar {
  background-color: var(--input-bg) !important;
  border-color: var(--card-border) !important;
}

body.dark-mode .users-search-bar input, body.dark-mode .users-search-select {
  color: var(--text-dark) !important;
  background-color: transparent !important;
}

body.dark-mode .users-search-bar input::placeholder {
  color: var(--text-muted) !important;
}

body.dark-mode .users-search-select option {
  background-color: var(--card-bg) !important;
  color: var(--text-dark) !important;
}

body.dark-mode .theme-label-light {
  color: var(--text-muted) !important;
  font-weight: 400 !important;
}

body.dark-mode .theme-label-dark {
  color: var(--text-dark) !important;
  font-weight: 700 !important;
}

body.dark-mode .btn-eden-primary, body.dark-mode .btn-secondary, body.dark-mode .btn-success, body.dark-mode .users-search-bar button {
  background: var(--card-borderi) !important;
  color: var(--green-darker) !important;
  border: 1px solid var(--card-border) !important;
}

body.dark-mode .btn-eden-primary:hover, body.dark-mode .btn-eden-secondary:hover, body.dark-mode .btn-success:hover, body.dark-mode .nav-link:focus, body.dark-mode .nav-link:hover, body.dark-mode .profile-nav-link.active, body.dark-mode .profile-nav-link:hover, body.dark-mode .users-search-bar button:hover {
  background-color: var(--card-border) !important;
  color: #fff !important;
}

body.dark-mode .skeleton, body.dark-mode .skeleton-box, body.dark-mode .skeleton-text {
  background-color: var(--input-bg) !important;
  background-image: linear-gradient(90deg, var(--input-bg) 0, var(--card-border) 40px, var(--input-bg) 80px) !important;
}

body.dark-mode .placeholder {
  background-color: #243e2d !important;
  opacity: .6;
}

body.dark-mode .bg-success.badge {
  background-color: #047546 !important;
  color: #fff !important;
}

body.dark-mode .profile-info-tile:hover {
  background-color: var(--input-bgh) !important;
}

body.dark-mode .profile-sidebar-cover {
  background: linear-gradient(135deg, #025030, #047546, #0b1a12) !important;
}

body.dark-mode .profile-danger-box {
  background-color: var(--input-bg) !important;
  border-color: #5c1e1e !important;
}

body.dark-mode .checkout-card-subtitle, body.dark-mode .checkout-payment-desc, body.dark-mode .form-floating > label, body.dark-mode .profile-danger-box p {
  color: var(--text-muted) !important;
}

body.dark-mode .bg-light, body.dark-mode .pagination .page-link {
  background-color: var(--input-bg) !important;
  border-color: var(--card-border) !important;
  color: var(--text-dark) !important;
}

body.dark-mode .eden-main-card, body.dark-mode .eden-specs-card, body.dark-mode section[style*="background: linear-gradient"] {
  background: var(--card-bg) !important;
}

body.dark-mode section[style*="background: #fafaf6"], body.dark-mode section[style*="background: #fdf9f4"], body.dark-mode section[style*="background: #fdf9f4;"], body.dark-mode section[style*="background: #fff;"] {
  background: 0 0 !important;
}

body.dark-mode .faq-card .accordion-button {
  color: var(--green-darker) !important;
}

body.dark-mode .faq-card .accordion-button:not(.collapsed) {
  background: var(--card-bgl) !important;
  color: var(--green-darker) !important;
}

body.dark-mode .faq-card .accordion-button::after {
  filter: brightness(0) invert(1) !important;
}

body.dark-mode .checkout-card {
  background-color: var(--card-bg) !important;
  border-color: var(--card-border) !important;
}

body.dark-mode .checkout-payment-card {
  background-color: var(--input-bg) !important;
  border-color: var(--input-border) !important;
}

body.dark-mode .checkout-payment-card.active {
  background-color: var(--card-border) !important;
  border-color: #9bc163 !important;
}

body.dark-mode .checkout-payment-box .fa-barcode, body.dark-mode .checkout-payment-box .fa-credit-card {
  color: #9bc163 !important;
}

body.dark-mode .member-card {
  background: var(--input-bg) !important;
  box-shadow: none !important;
}

body.dark-mode .faq-card {
  background: var(--card-bg) !important;
  box-shadow: none !important;
}

body.dark-mode .btn-eden-outline {
  color: #9bc163 !important;
  border-color: #9bc163 !important;
}

body.dark-mode .btn-eden-outline:hover {
  background-color: #9bc163 !important;
  color: #0b1a12 !important;
}

body.dark-mode .profile-nav-icon {
  color: var(--green-light) !important;
}

body.dark-mode .btn-eden-danger {
  background-color: #2b1111 !important;
  color: #fc8181 !important;
  border-color: #7b2c2c !important;
}

body.dark-mode .btn-eden-danger:hover {
  background-color: #e53e3e !important;
  color: #fff !important;
  border-color: #e53e3e !important;
  box-shadow: 0 4px 12px rgba(229, 62, 62, .25) !important;
}

body.dark-mode div[style*="background: linear-gradient(135deg, #fdf4e7"] {
  background: linear-gradient(135deg, #022013 0, #074026 100%) !important;
  border: 1px solid #0f5233 !important;
  box-shadow: 0 10px 36px rgba(0, 0, 0, .3) !important;
}

body.dark-mode .eden-description-box, body.dark-mode .eden-main-card, body.dark-mode .eden-price-box, body.dark-mode .eden-specs-card {
  background: var(--input-bg) !important;
  border-color: var(--card-border) !important;
  box-shadow: none !important;
}

body.dark-mode .btn-eden-primary, body.dark-mode .eden-buy-btn {
  background: linear-gradient(135deg, #025030 0, #047546 100%) !important;
  color: #fff !important;
}

body.dark-mode .btn-eden-primary:hover, body.dark-mode .eden-buy-btn:hover:not(:disabled) {
  background: linear-gradient(135deg, #047546 0, #025030 100%) !important;
}

body.dark-mode .profile-logout-btn:hover {
  background-color: #2b1111 !important;
  color: #e53e3e !important;
}

body.dark-mode .profile-logout-btn:hover .profile-nav-icon, body.dark-mode .profile-logout-btn:hover .profile-nav-text {
  color: #e53e3e !important;
}

body.dark-mode .checkout-input::placeholder, body.dark-mode .form-control::placeholder {
  color: var(--text-muted) !important;
  opacity: 1 !important;
}

body.dark-mode .form-floating > .form-control:focus ~ label, body.dark-mode .form-floating > .form-control:not(:placeholder-shown) ~ label {
  color: var(--green-light) !important;
  background-color: transparent !important;
}

body.dark-mode .alert-danger {
  background-color: #3b1111 !important;
  border-color: #ef4444 !important;
  color: #fca5a5 !important;
}

body.dark-mode .alert-success {
  background-color: #0d3824 !important;
  border-color: #22c55e !important;
  color: #86efac !important;
}

body.dark-mode .alert-eden-info, body.dark-mode .alert-info {
  background-color: #0c3247 !important;
  border-color: #0ea5e9 !important;
  color: #bae6fd !important;
}

body.dark-mode .alert-warning {
  background-color: #3d2105 !important;
  border-color: #eab308 !important;
  color: #fde047 !important;
}

body.dark-mode .pagination .page-item.active .page-link {
  background-color: var(--green-mid) !important;
  border-color: var(--green-mid) !important;
  color: #fff !important;
}

body.dark-mode .pagination .page-item.disabled .page-link {
  background-color: var(--card-bg) !important;
  color: var(--text-muted) !important;
}

body.dark-mode .dropdown-item:focus, body.dark-mode .dropdown-item:hover {
  background-color: var(--input-bg) !important;
  color: var(--green-light) !important;
}

.eden-stock-badge.low-stock {
  background-color: #fff3cd;
  color: #856404;
  border: 1px solid #ffeeba;
}

body.dark-mode .eden-stock-badge.low-stock {
  background-color: rgba(255, 193, 7, 0.2);
  color: #ffc107;
  border: 1px solid rgba(255, 193, 7, 0.3);
}