body.tenqai-clone-ui {
  --clone-ink: #0f172a;
  --clone-muted: #64748b;
  --clone-line: #e4e9f2;
  --clone-soft: #f7f9fc;
  --clone-panel: #ffffff;
  --clone-primary: #0d9488;
  --clone-primary-strong: #0b6e64;
  --clone-primary-soft: #ccfbf1;
  --clone-accent: #f59e0b;
  --clone-accent-strong: #ea7c1c;
  --clone-coral: #fb6f6f;
  --clone-violet: #6d5bf6;
  --clone-blue: #2563eb;
  --clone-danger: #dc2626;
  --clone-radius-sm: 10px;
  --clone-radius: 16px;
  --clone-radius-lg: 22px;
  --clone-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --clone-shadow: 0 22px 48px rgba(15, 23, 42, 0.12);
  --clone-shadow-soft: 0 10px 26px rgba(15, 23, 42, 0.07);
  --clone-shadow-glow: 0 14px 32px rgba(13, 148, 136, 0.22);
  background:
    radial-gradient(900px 480px at 8% -8%, rgba(13, 148, 136, 0.10), transparent 60%),
    radial-gradient(800px 420px at 100% 0%, rgba(245, 158, 11, 0.10), transparent 55%),
    radial-gradient(700px 480px at 50% 110%, rgba(109, 91, 246, 0.06), transparent 60%),
    #f5f8fb;
  color: var(--clone-ink);
}

body.tenqai-clone-ui *,
body.tenqai-clone-ui *::before,
body.tenqai-clone-ui *::after {
  letter-spacing: 0 !important;
}

body.tenqai-clone-ui ::selection {
  background: rgba(13, 148, 136, 0.22);
  color: var(--clone-ink);
}

body.tenqai-clone-ui .aiz-main-wrapper {
  background: transparent !important;
}

body.tenqai-clone-ui .container {
  max-width: 1240px;
}

body.tenqai-clone-ui .top-navbar {
  height: auto !important;
  min-height: 40px;
  background: linear-gradient(120deg, #0b1224, #0f172a 55%, #0b3b36) !important;
  color: #e9f3f3 !important;
}

body.tenqai-clone-ui .top-navbar a,
body.tenqai-clone-ui .top-navbar .top-text-color-visibility {
  color: #e9f3f3 !important;
}

body.tenqai-clone-ui .top-navbar .dropdown-menu {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: var(--clone-radius-sm);
  box-shadow: var(--clone-shadow);
  overflow: hidden;
}

body.tenqai-clone-ui header.stikcy-header-visibility {
  background: rgba(255, 255, 255, 0.78) !important;
  -webkit-backdrop-filter: saturate(180%) blur(14px);
  backdrop-filter: saturate(180%) blur(14px);
  border-bottom: 1px solid rgba(226, 232, 240, 0.7);
  box-shadow: 0 10px 32px rgba(15, 23, 42, 0.07);
}

body.tenqai-clone-ui .logo-bar-area {
  border-bottom: 0 !important;
}

body.tenqai-clone-ui #header-logo-preview {
  height: 44px !important;
}

body.tenqai-clone-ui .front-header-search {
  min-height: 48px;
  border: 1px solid #d8e1ec !important;
  border-radius: var(--clone-radius-sm) !important;
  background: #fff !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.07), inset 0 1px 0 rgba(255,255,255,0.9);
  transition: box-shadow 0.2s var(--clone-ease), border-color 0.2s var(--clone-ease);
}

body.tenqai-clone-ui .front-header-search:focus-within {
  border-color: rgba(13, 148, 136, 0.55) !important;
  box-shadow: 0 0 0 4px rgba(13, 148, 136, 0.12), 0 10px 26px rgba(15, 23, 42, 0.07);
}

body.tenqai-clone-ui .front-header-search .form-control {
  min-height: 46px;
  border: 0 !important;
  font-size: 15px;
}

body.tenqai-clone-ui .typed-search-box {
  border: 1px solid var(--clone-line);
  border-radius: var(--clone-radius-sm) !important;
  box-shadow: var(--clone-shadow);
  overflow: hidden;
}

body.tenqai-clone-ui .bottom-background-color-visibility {
  background: #ffffff !important;
  border-top: 1px solid rgba(226, 232, 240, 0.8);
  border-bottom: 1px solid rgba(226, 232, 240, 0.9);
}

body.tenqai-clone-ui .bottom-text-color-visibility,
body.tenqai-clone-ui .header_menu_links {
  color: #1e293b !important;
}

body.tenqai-clone-ui #category-menu-bar {
  background: linear-gradient(120deg, var(--clone-primary), var(--clone-primary-strong) 65%, #0a4a44) !important;
  border-radius: var(--clone-radius-sm) var(--clone-radius-sm) 0 0;
}

body.tenqai-clone-ui #category-menu-bar .bottom-text-color-visibility,
body.tenqai-clone-ui #category-menu-bar a {
  color: #fff !important;
}

body.tenqai-clone-ui .header_menu_links {
  border-radius: var(--clone-radius-sm);
  margin: 0 2px;
  transition: background 0.18s var(--clone-ease), color 0.18s var(--clone-ease);
}

body.tenqai-clone-ui .header_menu_links:hover,
body.tenqai-clone-ui .header_menu_links.active {
  background: rgba(13, 148, 136, 0.1) !important;
  color: var(--clone-primary-strong) !important;
}

body.tenqai-clone-ui .home-banner-area {
  margin-top: 22px;
}

body.tenqai-clone-ui .tenqai-landing-stage {
  margin: 0 0 26px;
  padding: 0 0 22px;
}

body.tenqai-clone-ui .tenqai-landing-stage #particles-js {
  display: none !important;
}

body.tenqai-clone-ui .home-banner-area .aiz-category-menu,
body.tenqai-clone-ui .hover-category-menu .aiz-category-menu {
  border: 1px solid var(--clone-line);
  border-radius: var(--clone-radius);
  background: #fff !important;
  box-shadow: var(--clone-shadow-soft);
  overflow: hidden;
}

body.tenqai-clone-ui .home-banner-area .category-nav-element > a,
body.tenqai-clone-ui .hover-category-menu .category-nav-element > a {
  min-height: 46px;
  margin: 3px 8px;
  border-radius: var(--clone-radius-sm);
  transition: background 0.18s var(--clone-ease), color 0.18s var(--clone-ease), transform 0.18s var(--clone-ease);
}

body.tenqai-clone-ui .home-banner-area .category-nav-element > a:hover,
body.tenqai-clone-ui .hover-category-menu .category-nav-element > a:hover {
  background: linear-gradient(90deg, rgba(13, 148, 136, 0.1), rgba(245, 158, 11, 0.08));
  color: var(--clone-primary-strong) !important;
  transform: translateX(4px);
}

body.tenqai-clone-ui .home-slider .aiz-carousel,
body.tenqai-clone-ui .tenqai-home-hero-frame {
  border-radius: var(--clone-radius-lg) !important;
  overflow: hidden;
  box-shadow: var(--clone-shadow);
  position: relative;
}

body.tenqai-clone-ui .tenqai-home-hero-frame {
  min-height: 350px;
  background: linear-gradient(135deg, #0b2c34, #0d9488 55%, #115e59) !important;
}

body.tenqai-clone-ui .tenqai-home-hero-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    radial-gradient(420px 280px at 85% 12%, rgba(245, 158, 11, 0.32), transparent 60%),
    radial-gradient(360px 260px at 8% 95%, rgba(109, 91, 246, 0.22), transparent 60%);
}

body.tenqai-clone-ui .home-slider .carousel-box {
  position: relative;
}

body.tenqai-clone-ui .home-slider .carousel-box::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(15,23,42,0.32), rgba(15,23,42,0.02) 55%, rgba(245,158,11,0.10));
}

body.tenqai-clone-ui .tenqai-highlight-strip {
  gap: 14px;
}

body.tenqai-clone-ui .tenqai-highlight-card {
  height: 158px;
  border: 1px solid var(--clone-line);
  border-radius: var(--clone-radius);
  background: #fff;
  box-shadow: var(--clone-shadow-soft);
  position: relative;
  overflow: hidden;
  transition: transform 0.22s var(--clone-ease), box-shadow 0.22s var(--clone-ease), border-color 0.22s var(--clone-ease);
}

body.tenqai-clone-ui .tenqai-highlight-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--clone-primary), var(--clone-accent), var(--clone-coral));
  opacity: 0;
  transition: opacity 0.22s var(--clone-ease);
}

body.tenqai-clone-ui .tenqai-highlight-card:hover {
  transform: translateY(-4px);
  border-color: rgba(13, 148, 136, 0.28) !important;
  box-shadow: var(--clone-shadow-glow);
}

body.tenqai-clone-ui .tenqai-highlight-card:hover::before {
  opacity: 1;
}

body.tenqai-clone-ui .tenqai-highlight-card__media {
  height: 100px;
  min-height: 100px;
}

body.tenqai-clone-ui .tenqai-highlight-card__title {
  color: #172033;
  font-weight: 700;
}

body.tenqai-clone-ui .tenqai-promo-banner-frame,
body.tenqai-clone-ui .home-banner-1 .carousel-box a {
  border-radius: var(--clone-radius) !important;
  border: 1px solid rgba(226, 232, 240, 0.92);
  background: #eef3f8;
  box-shadow: var(--clone-shadow-soft);
  transition: box-shadow 0.22s var(--clone-ease), transform 0.22s var(--clone-ease);
}

body.tenqai-clone-ui .tenqai-promo-banner-frame:hover {
  box-shadow: var(--clone-shadow);
  transform: translateY(-2px);
}

body.tenqai-clone-ui section .container > .rounded-2,
body.tenqai-clone-ui section .container > .p-3,
body.tenqai-clone-ui section .container > .p-md-2rem,
body.tenqai-clone-ui .bg-white,
body.tenqai-clone-ui .card,
body.tenqai-clone-ui .aiz-card-box,
body.tenqai-clone-ui .modal-content,
body.tenqai-clone-ui .dashboard-widget {
  border: 1px solid var(--clone-line) !important;
  border-radius: var(--clone-radius) !important;
  background: var(--clone-panel) !important;
  box-shadow: var(--clone-shadow-soft);
}

body.tenqai-clone-ui section h2,
body.tenqai-clone-ui section h3,
body.tenqai-clone-ui .fw-700 {
  color: #111827;
  font-family: 'Space Grotesk', 'Public Sans', sans-serif;
}

body.tenqai-clone-ui section h3 span,
body.tenqai-clone-ui .pb-3 {
  position: relative;
}

body.tenqai-clone-ui section h3 span::after,
body.tenqai-clone-ui .pb-3::after {
  content: "";
  display: block;
  width: 46px;
  height: 4px;
  margin-top: 8px;
  border-radius: 8px;
  background: linear-gradient(90deg, var(--clone-primary), var(--clone-accent), var(--clone-coral));
}

body.tenqai-clone-ui .aiz-card-box {
  padding: 12px !important;
  overflow: hidden;
  transition: transform 0.2s var(--clone-ease), box-shadow 0.2s var(--clone-ease), border-color 0.2s var(--clone-ease);
}

body.tenqai-clone-ui .aiz-card-box:hover,
body.tenqai-clone-ui .card:hover,
body.tenqai-clone-ui .tenqai-highlight-card:hover,
body.tenqai-clone-ui .tenqai-listing-card:hover {
  transform: translateY(-4px);
  border-color: rgba(13, 148, 136, 0.28) !important;
  box-shadow: var(--clone-shadow-glow);
}

body.tenqai-clone-ui .aiz-card-box .position-relative.h-100px,
body.tenqai-clone-ui .aiz-card-box .position-relative.h-md-200px,
body.tenqai-clone-ui .tenqai-product-media {
  border-radius: var(--clone-radius-sm);
  background: linear-gradient(180deg, #f8fafc, #edf4f7);
}

body.tenqai-clone-ui .aiz-card-box img,
body.tenqai-clone-ui .tenqai-highlight-card img,
body.tenqai-clone-ui .tenqai-promo-banner-image,
body.tenqai-clone-ui .tenqai-home-hero-image {
  transition: transform 0.3s var(--clone-ease);
}

body.tenqai-clone-ui .aiz-card-box:hover img,
body.tenqai-clone-ui .tenqai-highlight-card:hover img,
body.tenqai-clone-ui .tenqai-promo-banner-frame:hover img {
  transform: scale(1.045);
}

body.tenqai-clone-ui .cart-btn,
body.tenqai-clone-ui .tenqai-quick-cart-action {
  min-height: 42px !important;
  border-radius: 0 0 var(--clone-radius-sm) var(--clone-radius-sm) !important;
  background: linear-gradient(135deg, var(--clone-primary), var(--clone-primary-strong)) !important;
  transition: filter 0.18s var(--clone-ease);
}

body.tenqai-clone-ui .cart-btn:hover,
body.tenqai-clone-ui .tenqai-quick-cart-action:hover {
  filter: brightness(1.08);
}

body.tenqai-clone-ui .absolute-top-left.rounded,
body.tenqai-clone-ui .badge,
body.tenqai-clone-ui .badge-inline {
  border-radius: 999px !important;
}

body.tenqai-clone-ui .badge-danger,
body.tenqai-clone-ui .bg-danger {
  background: linear-gradient(120deg, var(--clone-coral), var(--clone-danger)) !important;
  box-shadow: 0 6px 16px rgba(220, 38, 38, 0.28);
}

body.tenqai-clone-ui .badge-warning,
body.tenqai-clone-ui .bg-warning {
  background: linear-gradient(120deg, #fbbf24, var(--clone-accent-strong)) !important;
  box-shadow: 0 6px 16px rgba(245, 158, 11, 0.28);
}

body.tenqai-clone-ui .text-primary,
body.tenqai-clone-ui .hov-text-primary:hover {
  color: var(--clone-primary) !important;
}

body.tenqai-clone-ui .btn,
body.tenqai-clone-ui .btn-styled,
body.tenqai-clone-ui .form-control,
body.tenqai-clone-ui .custom-select,
body.tenqai-clone-ui .bootstrap-select .btn {
  border-radius: var(--clone-radius-sm) !important;
}

body.tenqai-clone-ui .btn-primary,
body.tenqai-clone-ui .btn-soft-primary:hover,
body.tenqai-clone-ui .btn-outline-primary:hover {
  border-color: var(--clone-primary-strong) !important;
  background: linear-gradient(135deg, var(--clone-primary), var(--clone-primary-strong)) !important;
  color: #fff !important;
  box-shadow: 0 12px 26px rgba(13, 148, 136, 0.22);
  transition: transform 0.18s var(--clone-ease), box-shadow 0.18s var(--clone-ease), filter 0.18s var(--clone-ease);
}

body.tenqai-clone-ui .btn-primary:hover {
  transform: translateY(-1px);
  filter: brightness(1.06);
  box-shadow: 0 16px 32px rgba(13, 148, 136, 0.3);
}

body.tenqai-clone-ui .btn-primary:active {
  transform: translateY(0);
}

body.tenqai-clone-ui .btn-warning,
body.tenqai-clone-ui .bg-warning.btn {
  background: linear-gradient(135deg, #fbbf24, var(--clone-accent-strong)) !important;
  border-color: var(--clone-accent-strong) !important;
  color: #1c1208 !important;
  box-shadow: 0 12px 24px rgba(245, 158, 11, 0.26);
}

body.tenqai-clone-ui .form-control:focus,
body.tenqai-clone-ui .custom-select:focus,
body.tenqai-clone-ui .bootstrap-select .btn:focus {
  border-color: rgba(13, 148, 136, 0.55) !important;
  box-shadow: 0 0 0 4px rgba(13, 148, 136, 0.12) !important;
}

body.tenqai-clone-ui .aiz-carousel .slick-arrow {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(226, 232, 240, 0.9);
  border-radius: var(--clone-radius-sm);
  background: rgba(255,255,255,0.96);
  box-shadow: var(--clone-shadow-soft);
  transition: transform 0.18s var(--clone-ease), box-shadow 0.18s var(--clone-ease);
}

body.tenqai-clone-ui .aiz-carousel .slick-arrow:hover {
  transform: scale(1.06);
  box-shadow: var(--clone-shadow);
}

body.tenqai-clone-ui .aiz-carousel .slick-dots li button {
  border-radius: 999px;
}

body.tenqai-clone-ui .policy-file a {
  border-radius: 0 !important;
  box-shadow: none;
}

body.tenqai-clone-ui .footer-widget,
body.tenqai-clone-ui footer.bg-black {
  background: linear-gradient(160deg, #0b1224, #0f172a 60%, #0a3a35) !important;
  position: relative;
}

body.tenqai-clone-ui .footer-widget::before,
body.tenqai-clone-ui footer.bg-black::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(560px 320px at 90% 0%, rgba(245, 158, 11, 0.08), transparent 60%);
}

body.tenqai-clone-ui .footer-widget a:hover,
body.tenqai-clone-ui footer a:hover {
  color: #a7f3d0 !important;
}

body.tenqai-clone-ui .aiz-mobile-bottom-nav {
  max-width: 720px;
  border: 1px solid rgba(226, 232, 240, 0.95) !important;
  border-radius: var(--clone-radius) var(--clone-radius) 0 0 !important;
  background: rgba(255,255,255,0.92) !important;
  -webkit-backdrop-filter: saturate(180%) blur(12px);
  backdrop-filter: saturate(180%) blur(12px);
  box-shadow: 0 -14px 32px rgba(15, 23, 42, 0.1);
}

body.tenqai-clone-ui .tenqai-ai-launcher {
  border-radius: var(--clone-radius-sm);
  background: linear-gradient(135deg, var(--clone-blue), var(--clone-violet) 55%, var(--clone-primary));
  box-shadow: 0 16px 36px rgba(109, 91, 246, 0.3);
  animation: tenqai-clone-pulse 2.6s ease-in-out infinite;
}

@keyframes tenqai-clone-pulse {
  0%, 100% { box-shadow: 0 16px 36px rgba(109, 91, 246, 0.3); }
  50% { box-shadow: 0 16px 40px rgba(109, 91, 246, 0.46), 0 0 0 8px rgba(109, 91, 246, 0.07); }
}

body.tenqai-clone-ui .tenqai-ai-panel {
  border-radius: var(--clone-radius);
  border: 1px solid var(--clone-line);
  box-shadow: 0 28px 64px rgba(15, 23, 42, 0.2);
}

body.tenqai-clone-ui .tenqai-ai-header {
  background: linear-gradient(135deg, #0b1224, var(--clone-violet) 55%, var(--clone-primary));
}

body.tenqai-clone-ui .tenqai-ai-bubble,
body.tenqai-clone-ui .tenqai-ai-chip,
body.tenqai-clone-ui .tenqai-ai-input,
body.tenqai-clone-ui .tenqai-ai-send {
  border-radius: var(--clone-radius-sm);
}

body.tenqai-clone-ui .tenqai-listing-shell .collapse-sidebar,
body.tenqai-clone-ui .tenqai-listing-shell .text-left.mb-3,
body.tenqai-clone-ui .tenqai-category-quick-picks,
body.tenqai-clone-ui .tenqai-listing-card,
body.tenqai-clone-ui .tenqai-product-shell .tenqai-product-surface,
body.tenqai-clone-ui .tenqai-product-content .bg-white,
body.tenqai-clone-ui .tenqai-product-content .card,
body.tenqai-clone-ui .tenqai-category-shell,
body.tenqai-clone-ui .tenqai-category-card,
body.tenqai-clone-ui .tenqai-subcategory-card {
  border: 1px solid var(--clone-line) !important;
  border-radius: var(--clone-radius) !important;
  background: #fff !important;
  box-shadow: var(--clone-shadow-soft);
  transition: transform 0.2s var(--clone-ease), box-shadow 0.2s var(--clone-ease), border-color 0.2s var(--clone-ease);
}

body.tenqai-clone-ui .tenqai-category-card:hover,
body.tenqai-clone-ui .tenqai-subcategory-card:hover {
  transform: translateY(-3px);
  border-color: rgba(13, 148, 136, 0.26) !important;
  box-shadow: var(--clone-shadow-glow);
}

body.tenqai-clone-ui .tenqai-listing-card .tenqai-product-media {
  height: 230px;
}

body.tenqai-clone-ui .table thead th {
  background: #f1f5f9;
  color: #334155;
}

body.tenqai-clone-ui .dropdown-menu,
body.tenqai-clone-ui .popover,
body.tenqai-clone-ui .toast,
body.tenqai-clone-ui .aiz-cookie-alert > div,
body.tenqai-clone-ui .custom-alert-box > div {
  border-radius: var(--clone-radius-sm) !important;
  border: 1px solid var(--clone-line);
  box-shadow: var(--clone-shadow);
}

@media (max-width: 1199.98px) {
  body.tenqai-clone-ui .tenqai-highlight-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 991.98px) {
  body.tenqai-clone-ui .home-banner-area {
    margin-top: 12px;
  }

  body.tenqai-clone-ui .tenqai-home-hero-frame {
    min-height: 240px;
  }

  body.tenqai-clone-ui .front-header-search {
    position: absolute;
    left: 12px;
    right: 12px;
    top: 100%;
    z-index: 1030;
  }
}

@media (max-width: 767.98px) {
  body.tenqai-clone-ui .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  body.tenqai-clone-ui #header-logo-preview {
    height: 34px !important;
  }

  body.tenqai-clone-ui .tenqai-home-hero-frame {
    min-height: 208px;
  }

  body.tenqai-clone-ui .tenqai-highlight-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.tenqai-clone-ui .tenqai-highlight-card {
    height: 144px;
  }

  body.tenqai-clone-ui .tenqai-highlight-card__media {
    height: 88px;
    min-height: 88px;
  }

  body.tenqai-clone-ui section h3 span::after,
  body.tenqai-clone-ui .pb-3::after {
    width: 32px;
    margin-top: 6px;
  }

  body.tenqai-clone-ui .tenqai-ai-launcher {
    bottom: 78px;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.tenqai-clone-ui *,
  body.tenqai-clone-ui *::before,
  body.tenqai-clone-ui *::after {
    transition: none !important;
    animation: none !important;
  }
}