body {
  background: #ffffff;
}

/* White Mode Styles for Checkout Page */
.checkout-page {
  background: #ffffff;
}

.page-header {
  background: #ffffff;
}

.page-title {
  color: #1f2937;
  text-shadow: none;
}

.page-subtitle {
  color: #6b7280;
}

.checkout-stepper {
  background: #ffffff;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.stepper-track::before {
  background: linear-gradient(90deg, rgba(91,67,234,.2), rgba(91,67,234,.1), rgba(91,67,234,.2));
}

.step-icon {
  background: #f7f5ff;
  border: 1px solid rgba(91, 67, 234, 0.15);
  color: #6b7280;
  box-shadow: none;
}

.stepper-step.completed .step-icon {
  background: rgba(91,67,234,.1);
  border-color: #5b43ea;
  color: #5b43ea;
}

.stepper-step.active .step-icon {
  background: rgba(91,67,234,.1);
  border-color: #5b43ea;
  color: #5b43ea;
}

.step-content h3 {
  color: #1f2937;
}

.step-content p {
  color: #6b7280;
}

.stepper-step.disabled .step-icon {
  border-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.3);
  background: transparent;
}

.stepper-step.disabled .step-content h3,
.stepper-step.disabled .step-content p {
  color: #9ca3af;
}

.order-card,
.payment-card {
  background: #ffffff;
  border: 1px solid rgba(91, 67, 234, 0.15);
  box-shadow: none;
}

.order-card:hover,
.payment-card:hover {
  border-color: rgba(91, 67, 234, 0.25);
  box-shadow: none;
}

.order-card .card-header,
.payment-card .card-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.order-card .card-header h2,
.payment-card .card-header h2 {
  color: #1f2937;
}

.remove-order-btn {
  background: #f7f5ff;
  border: 1px solid #ef4444;
  color: #ef4444;
  box-shadow: none;
}

.remove-order-btn:hover {
  background: #ef4444;
  color: #ffffff;
  box-shadow: none;
}

.order-info .label {
  color: #6b7280;
}

.order-info .value {
  color: #1f2937;
}

.order-info .value.price {
  color: #5b43ea;
}

.payment-method .method-content {
  background: #f7f5ff;
  border: 1px solid rgba(91, 67, 234, 0.15);
  box-shadow: none;
}

.payment-method input[type="radio"]:checked + .method-content {
  background: rgba(91, 67, 234, 0.05);
  border-color: #5b43ea;
}

.payment-method:not(.disabled):hover .method-content {
  border-color: rgba(91, 67, 234, 0.3);
}

.method-info h3 {
  color: #1f2937;
}

.method-info p {
  color: #6b7280;
}

.alert {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: none;
}

.alert-warning {
  background: rgba(255, 176, 32, 0.05);
  border-color: rgba(255, 176, 32, 0.2);
}

.alert-info {
  background: rgba(59, 130, 246, 0.05);
  border-color: rgba(59, 130, 246, 0.2);
}

.alert-content h4 {
  color: #1f2937;
}

.alert-content p {
  color: #6b7280;
}

.terms-checkbox .checkmark {
  background: #f7f5ff;
  border: 1px solid rgba(91, 67, 234, 0.15);
  box-shadow: none;
}

.terms-checkbox input[type="checkbox"]:checked + .checkmark {
  background: #5b43ea;
  border-color: #5b43ea;
}

.terms-text {
  color: #6b7280;
}

.pay-btn {
  background: linear-gradient(135deg, #5b43ea, #7c5cf0);
  color: #ffffff;
  box-shadow: none;
}

.pay-btn:hover:not(:disabled) {
  box-shadow: none;
}

.payment-summary {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.summary-title {
  color: #1f2937;
}

.summary-row {
  color: #6b7280;
}

.summary-row span:last-child {
  color: #1f2937;
}

.summary-row.total span:last-child {
  color: #5b43ea;
}

.summary-note {
  background: #f7f5ff;
  border: 1px solid rgba(91, 67, 234, 0.15);
  color: #1f2937;
  box-shadow: none;
}

.sticky-paybar {
  background: #ffffff;
  border-top: 1px solid rgba(91, 67, 234, 0.15);
  box-shadow: none;
}

.sticky-paybar .sp-label {
  color: #6b7280;
}

.sticky-paybar .sp-value {
  color: #1f2937;
}

.login-modal .login-backdrop {
  background: rgba(0, 0, 0, 0.5);
}

.login-card {
  background: #ffffff;
  border: 1px solid rgba(91, 67, 234, 0.15);
  box-shadow: none;
}

.login-title {
  color: #1f2937;
}

.login-subtitle {
  color: #6b7280;
}

.login-label {
  color: #1f2937;
}

.login-field input {
  background: #f7f5ff;
  border: 1px solid rgba(91, 67, 234, 0.15);
  color: #1f2937;
  box-shadow: none;
}

.login-field input:focus {
  border-color: #5b43ea;
  box-shadow: 0 0 0 3px rgba(91, 67, 234, 0.1);
}

.login-hint {
  color: #6b7280;
}

.login-btn.ghost {
  background: #f7f5ff;
  color: #1f2937;
  border: 1px solid rgba(91, 67, 234, 0.15);
}

.login-btn.ghost:hover {
  background: #f0eeff;
}

.login-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.login-footer small {
  color: #6b7280;
}

/* White Mode Styles for Hero Section */
.simple-hero {
  background: #ffffff;
}

.simple-hero::before {
  background: 
    radial-gradient(circle at 20% 20%, rgba(91, 67, 234, 0.05) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(124, 92, 240, 0.03) 0%, transparent 50%);
}

.hero-title {
  color: #1f2937;
  text-shadow: none;
  background: linear-gradient(135deg, #1f2937, #374151);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.hero-subtitle {
  color: #6b7280;
}

.micro-trust {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.mt-item {
  color: #6b7280;
}

.mt-ico {
  color: #5b43ea;
}

.mt-text b {
  color: #1f2937;
}

.btn-primary {
  background: linear-gradient(135deg, #5b43ea, #7c5cf0);
  color: white;
  box-shadow: none;
}

.btn-primary:hover {
  box-shadow: none;
}

.btn-secondary {
  background: #f7f5ff;
  color: #1f2937;
  border: 1px solid rgba(91, 67, 234, 0.2);
}

.btn-secondary:hover {
  background: #f0eeff;
  border-color: rgba(91, 67, 234, 0.3);
}

.robot-svg {
  filter: none;
}

.bubble-toggle {
  border: 1px solid rgba(91, 67, 234, 0.2);
  background: #f7f5ff;
  color: #1f2937;
  box-shadow: none;
}

.bubble-toggle:hover {
  background: #f0eeff;
}

.bubble-panel {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #374151;
  box-shadow: none;
}

.bubble-text {
  color: #374151;
}

.bubble-close {
  color: #6b7280;
}

.category-item {
  background: #f7f5ff;
  border: 1px solid rgba(91, 67, 234, 0.15);
}

.category-item::before {
  background: linear-gradient(135deg, rgba(91, 67, 234, 0.05), rgba(124, 92, 240, 0.02));
}

.category-item:hover {
  background: #f0eeff;
  border-color: rgba(91, 67, 234, 0.3);
  box-shadow: none;
}

.category-icon {
  box-shadow: none;
}

.category-item:hover .category-icon {
  box-shadow: none;
}

.category-name {
  color: #1f2937;
}

.category-count {
  color: #059669;
  background: rgba(5, 150, 105, 0.1);
  border: 1px solid rgba(5, 150, 105, 0.2);
}

/* White Mode Styles for Header */
.site-header {
  background: rgba(255, 255, 255, 0.95);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  color: #1f2937;
}

.header-title {
  color: #000!important;
}

.site-header .header-nav a {
  color: #000000;
}

.btn-head {
  background: #f7f5ff;
  border: 1px solid rgba(91, 67, 234, 0.15);
  color: #1f2937;
}

.btn-head .label {
  color: #1f2937;
  font-weight: 600;
}

.btn-head:hover {
  background: #f0eeff;
  border-color: rgba(91, 67, 234, 0.25);
}

.btn-head.primary {
  background: linear-gradient(135deg, #5b43ea, #7c5cf0);
  border-color: transparent;
  color: #ffffff !important;
}

.btn-head.primary .label {
  color: #ffffff !important;
}

.btn-head.primary .ico {
  fill: #ffffff !important;
}

.btn-head.primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(91, 67, 234, 0.4);
  color: #ffffff !important;
}

.btn-head.secondary {
  background: #ffffff;
  border-color: rgba(91, 67, 234, 0.15);
  color: #1f2937;
}

.btn-head.secondary .ico {
  fill: #5b43ea !important;
}

.btn-head.secondary:hover {
  background: #f0eeff;
  border-color: rgba(91, 67, 234, 0.25);
}

.btn-head.secondary:hover .ico {
  fill: #5b43ea !important;
}

.user-avatar {
  background: #f7f5ff;
  border: 1px solid rgba(91, 67, 234, 0.2);
  color: #5b43ea;
}

.user-avatar svg {
  fill: #5b43ea;
}

.user-phone {
  color: #1f2937;
}

.user-caret {
  color: #5b43ea;
}

.user-dropdown {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: none;
}

.user-dropdown .ud-section-title {
  color: rgba(0, 0, 0, 0.6);
}

.ud-head {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.ud-head .user-avatar {
  background: #f7f5ff;
  border: 1px solid rgba(91, 67, 234, 0.2);
}

.ud-head .user-avatar svg {
  fill: #5b43ea;
}

.ud-head .user-id {
  color: rgba(0, 0, 0, 0.6);
}

.ud-wallet {
  background: rgba(91, 67, 234, 0.1);
  border: 1px solid rgba(91, 67, 234, 0.2);
}

.ud-wallet .bal {
  color: #5b43ea;
}

.ud-wallet a {
  color: #fff!important;
}

.ud-item a {
  color: #1f2937;
}

.ud-item a .ud-ico {
  color: #5b43ea;
}

.ud-item a:hover {
  background: rgba(91, 67, 234, 0.1);
  color: #1f2937;
}

.ud-item .badge {
  background: rgba(91, 67, 234, 0.2);
  color: #5b43ea;
}

.ud-item.logout a {
  color: #f59e0b;
}

.ud-item.logout a .ud-ico {
  color: #f59e0b;
}

/* Header Search */
.site-header .header-search .search-wrapper {
  background: #ffffff;
  border-color: rgba(91, 67, 234, 0.2);
}

.site-header .header-search .search-input {
  color: #1f2937;
}

.site-header .header-search .search-input::placeholder {
  color: rgba(0, 0, 0, 0.6);
}

.site-header .header-search .search-clear {
  background: rgba(91, 67, 234, 0.1);
  color: #5b43ea;
}

.site-header .header-search .search-clear:hover {
  background: rgba(91, 67, 234, 0.2);
  color: #5b43ea;
}

/* Mega Menu */
.mega-panel {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: none;
}

.mega-title {
  color: #1f2937;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.mega-link {
  color: rgba(0, 0, 0, 0.7);
}

.mega-link:hover {
  color: #1f2937;
  background: rgba(91, 67, 234, 0.05);
}

.mm-ico {
  fill: rgba(0, 0, 0, 0.5);
  background: rgba(91, 67, 234, 0.1);
}

.mega-link:hover .mm-ico {
  fill: #5b43ea;
  background: rgba(91, 67, 234, 0.2);
}

.mega-sublink {
  color: rgba(0, 0, 0, 0.6);
}

.mega-sublink:hover {
  color: #5b43ea;
  background: rgba(91, 67, 234, 0.05);
}

.mega-sub-sublink {
  color: rgba(0, 0, 0, 0.5);
}

.mega-sub-sublink:hover {
  color: #5b43ea;
  background: rgba(91, 67, 234, 0.03);
}

.mega-submenu {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.mega-sub-submenu {
  border-top: 1px solid rgba(0, 0, 0, 0.03);
}

/* White Mode Styles for Discount Carousel Section (Second Section) */
.discount-carousel-section {
  background: #ffffff;
}

.carousel-title {
  color: #1f2937;
  text-shadow: none;
}

.carousel-subtitle {
  color: rgba(0, 0, 0, 0.7);
}

.view-more-btn {
  background: #ffffff;
  color: #1f2937;
  border: 1px solid rgba(91, 67, 234, 0.2);
}

.view-more-btn:hover {
  background: #5b43ea;
}

.discount-card {
  background: #f7f5ff;
  border: 1px solid rgba(91, 67, 234, 0.15);
  box-shadow: none;
}

.discount-card:hover {
  background: #f0eeff;
  border-color: rgba(91, 67, 234, 0.25);
  box-shadow: none;
}

.discount-card .card-icon {
  background: rgba(91, 67, 234, 0.1);
  border: 1px solid rgba(91, 67, 234, 0.2);
  color: #5b43ea;
}

.discount-card .card-title {
  color: #1f2937;
}

.discount-card .card-desc {
  color: rgba(0, 0, 0, 0.7);
}

.discount-card .original-price {
  color: rgba(0, 0, 0, 0.5);
}

.discount-card .final-price {
  color: #1f2937;
}

.discount-card .card-save {
  color: #059669;
  background: rgba(5, 150, 105, 0.1);
}

.discount-card .card-btn {
  background: linear-gradient(135deg, #5b43ea, #7c5cf0);
  color: #ffffff;
  box-shadow: none;
}

.discount-card .card-btn:hover {
  box-shadow: none;
}

/* White Mode Styles for Panel Intro Section (Falonic Panel) */
.panel-intro-section {
  background: #ffffff;
}

.panel-badge {
  background: linear-gradient(135deg, #5b43ea, #7c5cf0);
  border: 1px solid rgba(91, 67, 234, 0.2);
  color: #ffffff;
}

.panel-title {
  color: #1f2937;
  text-shadow: none;
}

.panel-subtitle {
  color: rgba(0, 0, 0, 0.7);
}

.accordion-item {
  background: #f7f5ff;
  border: 1px solid rgba(91, 67, 234, 0.15);
  box-shadow: none;
}

.accordion-header {
  background: rgba(91, 67, 234, 0.05);
}

.accordion-icon {
  background: rgba(91, 67, 234, 0.1);
  border: 1px solid rgba(91, 67, 234, 0.2);
  color: #5b43ea;
  box-shadow: none;
}

.accordion-content h3 {
  color: #1f2937;
}

.accordion-content p {
  color: rgba(0, 0, 0, 0.7);
}

.accordion-chevron {
  color: #5b43ea!important;
}



.accordion-body {
  background: rgba(255, 255, 255, 0.5);
}

/* Why Falonic Section */
.why-falonic {
  background: #ffffff;
}

.reason-card {
  background: #f7f5ff;
  border: 1px solid rgba(91, 67, 234, 0.15);
}

.reason-icon {
  background: rgba(91, 67, 234, 0.1);
  color: #5b43ea;
}

.reason-card h4 {
  color: #1f2937;
}

.reason-card p {
  color: rgba(0, 0, 0, 0.7);
}

/* Quick Actions Section */
.quick-actions {
  background: #ffffff;
}

.action-note {
  color: rgba(0, 0, 0, 0.7);
}

.action-note p {
  color: rgba(0, 0, 0, 0.7);
}

/* White Mode Styles for Footer */
.site-footer {
  background: #ffffff;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.footer-bento-card {
  background: #f7f5ff;
  border: 1px solid rgba(91, 67, 234, 0.15);
}

.brand-section {
  border-color: rgba(91, 67, 234, 0.2);
}

.footer-logo {
  background: rgba(91, 67, 234, 0.1);
}

.brand-title {
  color: #1f2937;
}

.brand-description {
  color: rgba(0, 0, 0, 0.7);
}

.footer-title {
  color: #1f2937;
}

.footer-link {
  color: rgba(0, 0, 0, 0.7);
}

.footer-link:hover {
  color: #1f2937;
  background: rgba(91, 67, 234, 0.1);
}

.footer-bottom {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.legal-link {
  color: rgba(0, 0, 0, 0.7);
  background: rgba(91, 67, 234, 0.1);
  border: 1px solid rgba(91, 67, 234, 0.2);
}

.legal-link:hover {
  background: rgba(91, 67, 234, 0.15);
  color: #1f2937;
}

.footer-copyright p {
  color: rgba(0, 0, 0, 0.6);
}

.contact-section {
  background: rgba(91, 67, 234, 0.05);
  border-color: rgba(91, 67, 234, 0.2);
}

.contact-section .contact-separator-line {
  background: rgba(0, 0, 0, 0.1);
}

.cert-logo {
  background: rgba(91, 67, 234, 0.1);
  border: 1px solid rgba(91, 67, 234, 0.2);
}

/* Labels in Footer */
.label-instant {
  background: #f59e0b;
  color: #ffffff;
}

.label-routine {
  background: #3b82f6;
  color: #ffffff;
}

.label-blog {
  background: #5b43ea;
  color: #ffffff;
}

/* White Mode Styles for Top Categories (Shop Pages) */
.top-cats {
  background: #ffffff;
}

.top-cat {
  background: #ffffff;
  border: 1px solid rgba(91, 67, 234, 0.15);
  color: #1f2937;
}

.top-cat:hover {
  background: #f0eeff;
  border-color: rgba(91, 67, 234, 0.25);
  box-shadow: none;
}

.top-cat[aria-current="true"],
.top-cat.active {
  background: rgba(91, 67, 234, 0.1);
  border-color: rgba(91, 67, 234, 0.3);
}

.top-cat .title {
  color: #1f2937;
}

.top-cat:hover .title {
  color: #1f2937;
}

.top-cat[aria-current="true"] .title,
.top-cat.active .title {
  color: #1f2937;
}

.top-cat .icon-badge {
  background: rgba(91, 67, 234, 0.1);
  border: 1px solid rgba(91, 67, 234, 0.2);
  color: #5b43ea;
  box-shadow: none;
}

.top-cat:hover .icon-badge {
  background: rgba(91, 67, 234, 0.15);
  border-color: rgba(91, 67, 234, 0.25);
  color: #5b43ea;
  box-shadow: none;
}

.top-cat[aria-current="true"] .icon-badge,
.top-cat.active .icon-badge {
  background: rgba(91, 67, 234, 0.2);
  border-color: rgba(91, 67, 234, 0.3);
  color: #5b43ea;
  box-shadow: none;
}

.groups .icon-badge {
  background: rgba(91, 67, 234, 0.1);
  border: 1px solid rgba(91, 67, 234, 0.2);
  color: #5b43ea;
  box-shadow: none;
}

.groups .icon-badge:hover {
  background: rgba(91, 67, 234, 0.15);
  border-color: rgba(91, 67, 234, 0.25);
  color: #5b43ea;
  box-shadow: none;
}

/* White Mode Styles for Hero Section (Shop Pages) */
.unified-section {
  background: #ffffff;
}

.unified-hero-ai__icon .ai-ico {
  fill: #5b43ea;
}

.unified-hero-ai__title {
  color: #1f2937;
}

.unified-hero-ai__desc {
  color: rgba(0, 0, 0, 0.7);
}

.unified-container {
  background: #ffffff;
}

.unified-container:focus-within {
  box-shadow: 
      0 0 0 2px rgba(255, 255, 255, 0.8),
      0 0 0 4px rgba(91, 67, 234, 0.3);
}

/* Breadcrumb Styles */
.breadcrumb-item {
  color: rgba(0, 0, 0, 0.7);
}

.breadcrumb-item:not(:last-child)::after {
  color: rgba(0, 0, 0, 0.5);
}

.breadcrumb-link {
  color: #1f2937;
  background: #f7f5ff;
  border: 1px solid rgba(91, 67, 234, 0.2);
}

.breadcrumb-link:hover {
  color: #1f2937;
  background: rgba(91, 67, 234, 0.1);
  border-color: rgba(91, 67, 234, 0.3);
  box-shadow: none;
}

.breadcrumb-current {
  color: #1f2937;
  background: #f7f5ff;
  border: 1px solid rgba(91, 67, 234, 0.2);
  box-shadow: none;
}

/* Main Categories */
.main-cats {
  background: #f7f5ff;
  border: 1px solid rgba(91, 67, 234, 0.15);
}

.main-cats__header {
  color: #1f2937;
}

.main-cats__header::before {
  background: #5b43ea;
}

.main-cats__item {
  border: 1px solid rgba(91, 67, 234, 0.15);
  background: rgba(255, 255, 255, 0.5);
}

.main-cats__item:hover {
  background: rgba(91, 67, 234, 0.05);
  border-color: rgba(91, 67, 234, 0.25);
}

/* White Mode Styles for Groups Panel */
#groupsPanel {
  background: #ffffff;
}

#groupsPanel .groups__search {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

#groupsPanel .groups__search h3 {
  color: #1f2937;
}

/* Search Input */
#groupsPanel .searchbar input {
  background: #f7f5ff;
  border: 1px solid rgba(91, 67, 234, 0.2);
  color: #1f2937;
}

#groupsPanel .searchbar input:hover {
  background: #f0eeff;
  border-color: rgba(91, 67, 234, 0.3);
}

#groupsPanel .searchbar input:focus {
  background: #f0eeff;
  border-color: rgba(91, 67, 234, 0.4);
}

#groupsPanel .searchbar input::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

/* Group Headers */
#groupsPanel .group__header {
  background: #fff;
  border: 1px solid rgba(91, 67, 234, 0.15);
  color: #1f2937;
}

#groupsPanel .group__header:hover {
  background: #f9f8ff;
  border-color: rgba(91, 67, 234, 0.25);
}

#groupsPanel .group__header.active {
  background: rgba(91, 67, 234, 0.1);
  border: 1px solid rgba(91, 67, 234, 0.3);
  color: #1f2937;
}

/* Service Items */
#groupsPanel .services-item {
  background: #fff;
  border: 1px solid rgba(91, 67, 234, 0.15);
  color: #1f2937;
}

#groupsPanel .services-item:hover {
  background: #f0eeff;
  border-color: rgba(91, 67, 234, 0.25);
}

#groupsPanel .services-item.active {
  background: rgba(91, 67, 234, 0.1);
  border: 1px solid rgba(91, 67, 234, 0.3);
  color: #1f2937;
}

/* Service Price */
#groupsPanel .services-item .service-price {
  background: rgba(5, 150, 105, 0.1);
  border: 1px solid rgba(5, 150, 105, 0.2);
  color: #059669;
}

#groupsPanel .services-item.active .service-price {
  background: rgba(5, 150, 105, 0.2);
  border-color: rgba(5, 150, 105, 0.4);
  color: #059669;
}

/* Service Icon */
#groupsPanel .services-item .service-icon {
  background: rgba(91, 67, 234, 0.1);
  color: #5b43ea;
}

#groupsPanel .services-item:hover .service-icon {
  background: rgba(91, 67, 234, 0.15);
  color: #5b43ea;
}

#groupsPanel .services-item.active .service-icon {
  background: rgba(91, 67, 234, 0.2);
  color: #5b43ea;
}

/* Service Name */
#groupsPanel .services-item .service-name {
  color: #1f2937;
}

#groupsPanel .services-item:hover .service-name {
  color: #1f2937;
}

#groupsPanel .services-item.active .service-name {
  color: #1f2937;
}

/* Service Page Specific */
.service .groups {
  background: #fff;
  border: 1px solid rgba(91, 67, 234, 0.15);
}

.service .group {
  background: #fff;
  border: 1px solid rgba(91, 67, 234, 0.15);
  color: #1f2937;
}

.service .group:hover {
  background: #f0eeff;
  border-color: rgba(91, 67, 234, 0.25);
}

.service .group.open {
  background: rgba(91, 67, 234, 0.1);
  border-color: rgba(91, 67, 234, 0.3);
}

.service .group__header {
  color: #1f2937;
}

.service .group__header:hover {
  background: rgba(91, 67, 234, 0.05);
}

.service .group__header.active {
  background: rgba(91, 67, 234, 0.1);
  border-bottom: 1px solid rgba(91, 67, 234, 0.2);
}

.service .group__title {
  color: #1f2937;
}

.service .group__title:hover {
  color: #1f2937;
}

.service .group__chevron {
  color: rgba(0, 0, 0, 0.6);
}

.service .group__chevron:hover {
  background: rgba(91, 67, 234, 0.1);
  color: #5b43ea;
}

.service .group.open .group__chevron {
  background: rgba(91, 67, 234, 0.15);
  color: #5b43ea;
}

.service .group__body {
  border-top: 1px solid rgba(91, 67, 234, 0.1);
}

.service .services-item {
  background: #fff;
  border: 1px solid rgba(91, 67, 234, 0.15);
  color: #1f2937;
}

.service .services-item:hover {
  background: #f0eeff;
  border-color: rgba(91, 67, 234, 0.25);
}

.service .services-item.active {
  background: rgba(91, 67, 234, 0.1);
  border-color: rgba(91, 67, 234, 0.3);
}

/* Show More Button */
.show-more button {
  color: #5b43ea;
}

.show-more .load-more {
  background: #f0eeff;
  border: 1px solid rgba(91, 67, 234, 0.2);
  color: #5b43ea;
}

.show-more .load-more:hover {
  background: #f0eeff;
  border-color: rgba(91, 67, 234, 0.3);
  color: #5b43ea;
  box-shadow: none!important;
}

svg.chev-ico {
  color: #000;
}

.group__title svg {
  fill: #5b43ea!important;
}

.group__title:hover {
  color: #5b43ea!important;
}

.category-line {
background: #fff;
  border: 1px solid rgba(91, 67, 234, 0.15);

}

.category-line__content {
color: #000;
}


.accordion__body {

  background: transparent ;
}

.service-placeholder {
background: #ffffff;
border: dotted 2px #e1dcff;
}

.service-placeholder:hover {
  background: #efefff;
  border: dotted 2px #d6cfff;


  }


.service-placeholder .sp-cta , .service-placeholder .sp-title , .service-placeholder .sp-desc {
  color: #000;
}

.service-accordion-header {
  background: #ffffff!important;
}


.service-accordion-header:hover {
    background: #f9f8ff!important;
}


.points-list li {
color: #000!important;
}

.accordion-title {
  color: #000!important;

}

.points-list li::before {
  content: ''!important;
  width: 6px!important;
  height: 6px!important;
  background: transparent!important;
  border: 1px solid #5b43ea!important;
  border-radius: 50%!important;
  flex-shrink: 0!important;
  margin-top: 0.5em!important;
}

.reviews-tab-count {
  color: #5b43ea!important;
}

.description-text , .description-text h3 , .reviewer-name ,.reviews-title , .sort-select ,.related-title , .intro-desc , .faq-summary , .faq-title , .rc-title a , .faq-content {
  color: #1f2937!important;
text-shadow: none!important;
}

.faq-summary , .faq-item , .faq-item:hover , .related-card  {
  background-color: #ffffff!important;
  border: 0.1px solid #e7e2ff!important;
  box-shadow: none!important;
  
}



.service-accordion-item {
  border: 0.1px solid #e7e2ff!important;
}

.service-accordion-header {
  background-color: #faf9ff!important;
}

.rc-btn {
  background-color: #5b43ea!important;
  color: #fff!important;
}

.badge.success {
  box-shadow: none!important;
  background-color: #efefff!important;
}

.rc-price {
  color: #059669;
  background: rgba(0, 255, 136, .15);
  text-shadow: none!important;

}

.rc-rating {
  color: #e5a227;
  background: rgb(255 250 234);
  border: 1px solid rgb(245, 228, 192);

}

.intro-card:hover {
  background-color: #f9f8ff!important;
  box-shadow: none!important;
}

.intro-card{
  border: 1px solid #e7e2ff!important;

}

.badge {
  box-shadow: none!important;
}

/* White Mode Styles for Service Cards */
.service-card {
  background: #f9f8ff;
  border: 1px solid rgba(91, 67, 234, 0.15);
  box-shadow: none;
}

.service-card:hover {
  background: #f7f5ff;
  border-color: rgba(91, 67, 234, 0.25);
  box-shadow: none;
}

.service-card .name {
  color: #1f2937;
}

.service-card .sub {
  color: rgba(0, 0, 0, 0.7);
}

.service-card hr {
  border-color: rgba(91, 67, 234, 0.1);
}

.service-card .flag {
  background: rgba(91, 67, 234, 0.1);
  border: 1px solid rgba(91, 67, 234, 0.2);
  color: #5b43ea;
}

.service-card .flag:hover {
  background: rgba(91, 67, 234, 0.15);
  border-color: rgba(91, 67, 234, 0.3);
}

.service-card .rating {
  color: #1f2937;
}

.service-card .bullets {
  background: #f7f5ff;
  border: 1px solid rgba(91, 67, 234, 0.15);
}

.service-card .bullets:hover {
  background: #f0eeff;
  border-color: rgba(91, 67, 234, 0.25);
}

.service-card .bullets li {
  color: rgba(0, 0, 0, 0.7);
}

.service-card .bullets li:hover {
  color: #1f2937;
}

.service-card .bullets li::before {
  background: #5b43ea;
}

.service-card .bullets li:hover::before {
  background: #1f2937;
}

/* White Mode Styles for Groups Panel Additional Elements */

/* Filters Bar */
.filters-bar {
  background: transparent;
}

.filters-bar .chip-btn {
  background: #f7f5ff;
  border: 1px solid rgba(91, 67, 234, 0.15);
  color: #1f2937;
}

.filters-bar .chip-btn:hover {
  background: #f0eeff;
  border-color: rgba(91, 67, 234, 0.25);
  color: #1f2937;
}

.filters-bar .chip-btn.active {
  background: rgba(91, 67, 234, 0.1);
  border-color: rgba(91, 67, 234, 0.3);
  color: #5b43ea;
}

.filters-bar .chip-btn.active .label {
  color: #5b43ea;
}

.filters-bar .chip-btn .ico {
  color: inherit;
}

.filters-bar .chip-btn .label {
  color: #1f2937;
}

.filters-bar .chip-sep {
  background: rgba(91, 67, 234, 0.2);
}

/* Instant filter special styling */
.filters-bar .chip-btn[data-sort="instant"] {
  background: rgba(234, 179, 8, 0.1);
  border-color: rgba(234, 179, 8, 0.2);
  color: #d97706;
}

.filters-bar .chip-btn[data-sort="instant"]:hover {
  background: rgba(234, 179, 8, 0.15);
  border-color: rgba(234, 179, 8, 0.3);
  color: #d97706;
}

.filters-bar .chip-btn[data-sort="instant"].active {
  background: rgba(234, 179, 8, 0.2);
  border-color: rgba(234, 179, 8, 0.4);
  color: #d97706;
}

.filters-bar .chip-btn[data-sort="instant"] .label {
  color: #d97706;
}

.filters-bar .chip-btn[data-sort="instant"].active .label {
  color: #d97706;
}

/* Filters section wrapper */
.filters-section {
  background: transparent;
}

/* Show More Button */
.show-more-btn {
  background: #f7f5ff;
  border: 1px solid rgba(91, 67, 234, 0.2);
  color: #5b43ea;
}

.show-more-btn:hover {
  background: #f0eeff;
  border-color: rgba(91, 67, 234, 0.3);
  color: #5b43ea;
  box-shadow: none!important;
}

/* Show More Count */
.show-more .count {
  background: #f7f5ff;
  border: 1px solid rgba(91, 67, 234, 0.2);
  color: #5b43ea;
}

/* Show More Count Span */
.show-more span {
  color: #5b43ea !important;
}

/* Show More Line */
.show-more-line {
  background: transparent;
}

/* Complementary Title */
.complementary-title {
  color: #1f2937;
}

/* Category Line Additional Styles */
.category-line__chevron {
  color: rgba(0, 0, 0, 0.6);
}

.category-line__chevron:hover {
  background: rgba(91, 67, 234, 0.1);
  color: #5b43ea;
}

.category-line.open .category-line__chevron,
.category-line.active .category-line__chevron {
  background: rgba(91, 67, 234, 0.15);
  color: #5b43ea;
}

/* Groups Search Additional Styles */
.groups__search {
  background: transparent;
}

/* Service Placeholder Additional Styles */
.service-placeholder {
  background: #ffffff;
  border: 2px dashed rgba(91, 67, 234, 0.3);
  color: #1f2937;
}

.service-placeholder:hover {
  background: #f7f5ff;
  border-color: rgba(91, 67, 234, 0.5);
}

.service-placeholder .sp-title {
  color: #1f2937;
}

.service-placeholder .sp-desc {
  color: #6b7280;
}

.service-placeholder .sp-cta {
  color: #5b43ea;
}

/* Comments Block */
.comments-block {
  background: transparent;
}

.comments-section {
  background: #fff;
  border: 1px solid rgba(91, 67, 234, 0.15);
  color: #1f2937;
}

.comments-label {
  color: #1f2937;
}

.comments-note {
  color: #6b7280;
}

.comments-input {
  background: #ffffff;
  border: 1px solid rgba(91, 67, 234, 0.15);
  color: #1f2937;
}

.comments-input::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.comments-input:focus {
  border-color: rgba(91, 67, 234, 0.3);
  box-shadow: 0 0 0 3px rgba(91, 67, 234, 0.1);
}

.comments-count {
  color: #6b7280;
}

/* White Mode Styles for Service Card Additional Elements */

/* Service Header */
.service-header {
  background: transparent;
}

.service-header .name {
  color: #1f2937;
}

.service-header .flag {
  background: rgba(91, 67, 234, 0.1);
  border: 1px solid rgba(91, 67, 234, 0.2);
  color: #5b43ea;
}

.service-header .flag:hover {
  background: rgba(91, 67, 234, 0.15);
  border-color: rgba(91, 67, 234, 0.3);
}

.service-header .flag .ico {
  color: #5b43ea;
}

/* Service Header Rating */
.service-header .rating {
  color: #1f2937;
}

.service-header .rating:hover {
  color: #5b43ea;
}

.service-header .rating-top {
  color: #1f2937;
}

.service-header .stars {
  color: #fbbf24;
}

.service-header .star {
  color: #fbbf24;
}

.service-header .rating-score {
  color: #1f2937;
}

.service-header .reviews-count {
  color: #6b7280;
}

/* Service Header Badges */
.service-header .time-badge {
  background: #f7f5ff;
  border: 1px solid rgba(91, 67, 234, 0.15);
  color: #5b43ea;
}

.service-header .time-badge:hover {
  background: #f0eeff;
  border-color: rgba(91, 67, 234, 0.25);
}

.service-header .time-badge .ico {
  color: #5b43ea;
}

/* Status Badges */
.service-header .status-badge {
  background: #f7f5ff;
  border: 1px solid rgba(91, 67, 234, 0.15);
  color: #5b43ea;
}

.service-header .status-badge:hover {
  background: #f0eeff;
  border-color: rgba(91, 67, 234, 0.25);
}

.service-header .status-badge.online {
  background: rgba(5, 150, 105, 0.1);
  border: 1px solid rgba(5, 150, 105, 0.2);
  color: #059669;
}

.service-header .status-badge.online:hover {
  background: rgba(5, 150, 105, 0.15);
  border-color: rgba(5, 150, 105, 0.3);
}

.service-header .status-badge.guarantee {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.2);
  color: #3b82f6;
}

.service-header .status-badge.guarantee:hover {
  background: #3b82f6;
  border-color: rgba(59, 130, 246, 0.3);
}

.service-header .status-badge.success-rate {
  background: rgba(16, 185, 129, 0.1);
  border: 1px solid rgba(16, 185, 129, 0.2);
  color: #10b981;
}

.service-header .status-badge.success-rate:hover {
  background: rgba(16, 185, 129, 0.15);
  border-color: rgba(16, 185, 129, 0.3);
}

.service-header .status-badge.orders {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.2);
  color: #8b5cf6;
}

.service-header .status-badge.orders:hover {
  background: rgba(139, 92, 246, 0.15);
  border-color: rgba(139, 92, 246, 0.3);
}

.service-header .status-badge.instant {
  background: rgba(234, 179, 8, 0.1);
  border: 1px solid rgba(234, 179, 8, 0.2);
  color: #d97706;
}

.service-header .status-badge.instant:hover {
  background: rgba(234, 179, 8, 0.15);
  border-color: rgba(234, 179, 8, 0.3);
}

.service-header .status-icon {
  color: inherit;
}

.service-header .status-icon svg {
  color: inherit;
}

/* Purchase Bar */
.purchase-bar {
  background: #f7f5ff;
  border: 1px solid rgba(91, 67, 234, 0.15);
  color: #1f2937;
}

.purchase-bar:hover {
  background: #f0eeff;
  border-color: rgba(91, 67, 234, 0.25);
}

.purchase-bar .pb-qty,
.purchase-bar .pb-price {
  color: #1f2937;
}

.purchase-bar .pb-label {
  color: #6b7280;
}

.purchase-bar select {
  background: #ffffff;
  border: 1px solid rgba(91, 67, 234, 0.15);
  color: #1f2937;
}

.purchase-bar select:hover {
  border-color: rgba(91, 67, 234, 0.25);
}

.purchase-bar select:focus {
  border-color: rgba(91, 67, 234, 0.4);
  box-shadow: 0 0 0 3px rgba(91, 67, 234, 0.1);
}

.purchase-bar .pb-value {
  color: #10b981;
}

/* Order Row */
.order-row {
  background: transparent;
}

.order-row .btn {
  background: #f7f5ff;
  border: 1px solid rgba(91, 67, 234, 0.15);
  color: #1f2937;
}

/* Button XL */
.btn.btn-xl {
  background: linear-gradient(135deg, #5b43ea, #7c5cf0);
  border: none;
  color: #ffffff;
  box-shadow: none;
}

.btn.btn-xl:hover {
  background: linear-gradient(135deg, #4f3cd8, #6b4de6);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(91, 67, 234, 0.3);
}

.btn.btn-xl:active {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(91, 67, 234, 0.2);
}

.btn.btn-xl .btn-ico {
  color: #ffffff;
}

.btn.btn-xl:focus {
  outline: none;
}

.btn.btn-xl:focus-visible {
  box-shadow: 0 0 0 3px rgba(91, 67, 234, 0.3);
}

/* Service Info Additional Elements */
.service-info {
  background: transparent;
}

.service-details {
  background: transparent;
}

.service-meta {
  background: transparent;
}

.service-actions {
  background: transparent;
}

/* Skeleton Loading */
.skeleton {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: loading 1.5s infinite;
}

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

.skeleton-card {
  background: #ffffff;
  border: 1px solid rgba(91, 67, 234, 0.1);
  border-radius: 12px;
}

.skeleton-card__header {
  background: transparent;
}

.skeleton-card__icon,
.skeleton-card__title,
.skeleton-card__price,
.skeleton-card__desc {
  background: #f0f0f0;
  border-radius: 4px;
}

/* White Mode Styles for Reviews Section */

/* Reviews Section */
.reviews-section {
  background: #ffffff;
}

.reviews-section .container {
  background: transparent;
}

/* Reviews Header */
.reviews-header {
  background: transparent;
  border-bottom: 1px solid rgba(91, 67, 234, 0.1);
}

.reviews-title {
  color: #1f2937;
}

.reviews-login-prompt {
  background: transparent;
}

.login-message {
  color: #6b7280;
}

.login-btn {
  background: #5b43ea;
  color: #ffffff;
  border: none;
}

.login-btn:hover {
  background: #4f3cd8;
}

/* Reviews Content */
.reviews-content {
  background: #ffffff;
  border: 1px solid rgba(91, 67, 234, 0.1);
}

/* Reviews Controls */
.reviews-controls {
  background: transparent;
  border-bottom: 1px solid rgba(91, 67, 234, 0.1);
}

.sort-select {
  background: #ffffff;
  border: 1px solid rgba(91, 67, 234, 0.15);
  color: #1f2937;
}

.sort-select:focus {
  border-color: rgba(91, 67, 234, 0.4);
  box-shadow: 0 0 0 3px rgba(91, 67, 234, 0.1);
}

/* Review Items */
.review-item {
  background: #ffffff;
  border: 1px solid rgba(91, 67, 234, 0.1);
  color: #1f2937;
}

.review-item:hover {
  border-color: rgba(91, 67, 234, 0.2);
  background: #f7f5ff;
}

.review-item.pinned {
  background: rgba(91, 67, 234, 0.05);
  border: 1px solid rgba(91, 67, 234, 0.2);
}

.review-item.pinned .reviewer-name {
  color: #1f2937;
}

.review-item.pinned .reviewer-avatar {
  border-color: rgba(91, 67, 234, 0.3);
}

.review-item.pinned .action-btn:hover {
  border-color: #5b43ea;
  background: rgba(91, 67, 234, 0.1);
  color: #5b43ea;
}

/* Pinned Label */
.pinned-label {
  color: #5b43ea;
  border: 1px solid rgba(91, 67, 234, 0.3);
  background: rgba(91, 67, 234, 0.1);
}

/* Review Header */
.review-header {
  background: transparent;
}

.reviewer-info {
  background: transparent;
}

.reviewer-avatar {
  background: #f7f5ff;
  border: 1px solid rgba(91, 67, 234, 0.15);
}

.review-item:hover .reviewer-avatar {
  border-color: rgba(91, 67, 234, 0.25);
}

.reviewer-avatar img {
  border-radius: 50%;
}

/* Review Rating */
.review-item .review-rating .star {
  color: #d1d5db;
}

.review-item .review-rating .star.filled {
  color: #fbbf24;
}

/* Show More Button */
.btn-show-more {
  background: #f7f5ff;
  border: 1px solid rgba(91, 67, 234, 0.2);
  color: #5b43ea;
}

.btn-show-more:hover {
  background: #f0eeff;
  border-color: rgba(91, 67, 234, 0.3);
  color: #5b43ea;
}

/* Review Form Section */
.review-form-section {
  background: transparent;
  border-top: 1px solid rgba(91, 67, 234, 0.1);
}

.review-form-section.show {
  background: transparent;
}

/* Add Review Button */
.add-review-btn {
  background: transparent;
  color: #5b43ea;
  border: 1px solid rgba(91, 67, 234, 0.2);
}

.add-review-btn:hover {
  background: #5b43ea;
  color: #ffffff;
}

.add-review-btn.hidden {
  display: none;
}

/* Review Form */
.review-form {
  background: transparent;
}

.form-header {
  background: transparent;
}

.form-title {
  color: #1f2937;
}

.form-subtitle {
  color: #6b7280;
}

.form-row {
  background: transparent;
}

.form-group {
  background: transparent;
}

.form-group label {
  color: #1f2937;
}

.form-group input,
.form-group textarea {
  background: #ffffff;
  border: 1px solid rgba(91, 67, 234, 0.15);
  color: #1f2937;
}

.form-group input:focus,
.form-group textarea:focus {
  border-color: rgba(91, 67, 234, 0.4);
  box-shadow: 0 0 0 3px rgba(91, 67, 234, 0.1);
}

.form-group input::placeholder,
.form-group textarea::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

/* Rating Input */
.rating-input {
  background: transparent;
}

.rating-text {
  color: #1f2937;
}

.star-input {
  color: #d1d5db;
  cursor: pointer;
}

.star-input:hover,
.star-input.filled {
  color: #fbbf24;
}

/* Character Counter */
.char-counter {
  color: #6b7280;
}

/* Form Actions */
.form-actions {
  background: transparent;
}

.btn-submit-review {
  background: #5b43ea;
  color: #ffffff;
  border: none;
}

.btn-submit-review:hover {
  background: #4f3cd8;
}

/* Reviews Actions */
.reviews-actions {
  background: transparent;
}

/* Compact Reviews Section */
.reviews-section.compact {
  background: #ffffff;
}

.reviews-section.compact .reviews-header {
  background: transparent;
}

.reviews-section.compact .reviews-title {
  color: #1f2937;
}

.reviews-section.compact .reviews-content {
  background: #ffffff;
}

.reviews-section.compact .review-item {
  background: #ffffff;
}

.reviews-section.compact .reviewer-name {
  color: #1f2937;
}

.reviews-section.compact .review-text p {
  color: #6b7280;
}

.reviews-section.compact .filter-btn,
.reviews-section.compact .action-btn {
  background: #f7f5ff;
  border: 1px solid rgba(91, 67, 234, 0.15);
  color: #5b43ea;
}

.reviews-section.compact .filter-btn:hover,
.reviews-section.compact .action-btn:hover {
  background: #f0eeff;
  border-color: rgba(91, 67, 234, 0.25);
}

/* White Mode Styles for Service Info Section */

/* Service Info Section */
.service-info-section {
  background: transparent;
}

.service-info-container {
  background: transparent;
}

.service-info-grid {
  background: transparent;
}

.service-info-main {
  background: transparent;
}

.service-info-media {
  background: transparent;
}

.service-info-media img {
  border: 1px solid rgba(91, 67, 234, 0.15);
}

/* Service Accordion */
.service-accordion {
  background: transparent;
}

.service-accordion-item {
  background: #ffffff;
  border: 1px solid rgba(91, 67, 234, 0.15);
}

.service-accordion-item.active {
  border-color: rgba(91, 67, 234, 0.3);
}

.service-accordion-header {
  background: #f7f5ff;
  color: #1f2937;
}

.service-accordion-header:hover {
  background: #f0eeff;
}

/* Accordion Title Wrap */
.accordion-title-wrap {
  background: transparent;
}

/* Reviews Tab Meta */
.reviews-tab-meta {
  color: #6b7280;
}

.reviews-tab-rating {
  background: #ff6b35;
  border-color: rgba(255, 107, 53, 0.4);
  color: #ffffff;
}

.reviews-tab-count {
  background: rgba(91, 67, 234, 0.1);
  border-color: rgba(91, 67, 234, 0.2);
  color: #5b43ea;
}

/* Accordion Body */
.accordion__body {
  background: transparent;
  border-top: 1px solid rgba(91, 67, 234, 0.1);
}

/* Points List */
.points-list {
  background: transparent;
}

.points-list li {
  color: #1f2937;
}

.points-list li::before {
  border: 1px solid #5b43ea;
  background: transparent;
}

/* Description Text */
.description-text {
  color: #1f2937;
}

.description-text h3 {
  color: #1f2937;
}

/* Related Section */
.related {
  background: transparent;
}

.related-container {
  background: transparent;
}

.related-title {
  color: #1f2937;
}

.related-grid {
  background: transparent;
}

.related-card {
  background: #ffffff;
  border: 1px solid rgba(91, 67, 234, 0.15);
}

.related-card:hover {
  background: #f7f5ff;
  border-color: rgba(91, 67, 234, 0.25);
}

.rc-title a {
  color: #1f2937;
}

.rc-title a:hover {
  color: #5b43ea;
}

.rc-btn {
  background: #5b43ea;
  color: #ffffff;
}

.rc-btn:hover {
  background: #4f3cd8;
}

.rc-price {
  color: #059669;
  background: rgba(5, 150, 105, 0.1);
  border: 1px solid rgba(5, 150, 105, 0.2);
}

.rc-rating {
  color: #d97706;
  background: rgba(234, 179, 8, 0.1);
  border: 1px solid rgba(234, 179, 8, 0.2);
}

/* FAQ Section */
.faq {
  background: transparent;
}

.faq-container {
  background: transparent;
}

.faq-title {
  color: #1f2937;
}

.faq-grid {
  background: transparent;
}

.faq-col {
  background: transparent;
}

.faq-list {
  background: transparent;
}

.faq-item {
  background: #ffffff;
  border: 1px solid rgba(91, 67, 234, 0.15);
}

.faq-item:hover {
  background: #f7f5ff;
  border-color: rgba(91, 67, 234, 0.25);
}

.faq-summary {
  color: #1f2937;
}

.faq-summary:hover {
  color: #5b43ea;
}

.faq-content {
  color: #6b7280;
}

/* Product Intro */
.product-intro {
  background: transparent;
}

.intro-card {
  background: #ffffff;
  border: 1px solid rgba(91, 67, 234, 0.15);
}

.intro-card:hover {
  background: #f7f5ff;
  border-color: rgba(91, 67, 234, 0.25);
}

.intro-desc {
  color: #1f2937;
}

.intro-video {
  border-radius: 12px;
}

/* Badges */
.badge {
  background: rgba(91, 67, 234, 0.1);
  border: 1px solid rgba(91, 67, 234, 0.2);
  color: #5b43ea;
}

.badge.success {
  background: rgba(5, 150, 105, 0.1);
  border: 1px solid rgba(5, 150, 105, 0.2);
  color: #059669;
}

.badge.info {
  background: rgba(59, 130, 246, 0.1);
  border: 1px solid rgba(59, 130, 246, 0.2);
  color: #3b82f6;
}

.badge.tag {
  background: rgba(139, 92, 246, 0.1);
  border: 1px solid rgba(139, 92, 246, 0.2);
  color: #8b5cf6;
}

/* White Mode Styles for Input Row in Service Cards */
.input-row {
  background: #fff;
  border: 1px solid rgba(91, 67, 234, 0.15);
  color: #1f2937;
}

.input-row:hover {
  background: #f7f5ff;
  border-color: rgba(91, 67, 234, 0.25);
}

.input-row:focus-within {
  background: #f7f5ff;
  border-color: rgba(91, 67, 234, 0.4);
  box-shadow: 0 0 0 3px rgba(91, 67, 234, 0.1);
}

.input-row input {
  color: #000;
  background: transparent;
}

.input-row input::placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.input-row.error {
  border-color: rgba(239, 68, 68, 0.3);
  background: rgba(239, 68, 68, 0.02);
}

.input-row.error:focus-within {
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

.input-row.success {
  border-color: rgba(16, 185, 129, 0.3);
  background: rgba(16, 185, 129, 0.02);
}

.input-row.success::after {
  color: #10b981;
}

.count-badge {
  border-color: #5b43ea;
  background: #f9f8ff;
  color: #5b43ea;

}


.services-item .service-label {
  background: rgb(255 207 58 / 11%);
  border: 1px solid rgb(234 179 8 / 40%);
  color: #ffbc0e;
}


.option-btn.active {
  background: #5b43ea;
  color: #fff;
}

.option-btn  {
  border: 1px solid #ebebeb;
  color: #7b5bf0;
  background: #fff;
}

.option-btn:hover {
  color: #fff!important;
  background: #4f3cd8!important;
}

.option-title {
  color: #43447e;

}

.chip-btn {
  color: #43447e!important;
  background: #fff!important;

}

.chip-btn:hover  {
  color: #4f3cd8!important;
}

.value-media .text {
  color: #000;
}