/* Marketcode UI — visual layer only. Loaded after the legacy theme. */
:root {
  --mc-bg: #070b12;
  --mc-bg-soft: #0d1420;
  --mc-surface: rgba(18, 27, 41, .88);
  --mc-surface-strong: #121b29;
  --mc-border: rgba(255, 255, 255, .09);
  --mc-border-hover: rgba(212, 175, 55, .34);
  --mc-text: #f7f8fb;
  --mc-muted: #a6b0c2;
  --mc-accent: #d4af37;
  --mc-accent-soft: #f4e4bc;
  --mc-success: #31c48d;
  --mc-danger: #f05252;
  --mc-radius-sm: 10px;
  --mc-radius: 16px;
  --mc-radius-lg: 24px;
  --mc-shadow: 0 18px 50px rgba(0, 0, 0, .24);
  --mc-shadow-hover: 0 24px 70px rgba(0, 0, 0, .34);
  --mc-ease: cubic-bezier(.22, 1, .36, 1);
}

html { scroll-behavior: smooth; }
body {
  color: var(--mc-text) !important;
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif !important;
  line-height: 1.65;
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6,
.navbar-brand, .btn {
  font-family: inherit;
  letter-spacing: -.025em;
}
h1, h2, h3 { line-height: 1.15; }
a { transition: color .2s ease, opacity .2s ease; }

/* Customer-facing refinement. Native fonts include real weights and avoid a
   network-dependent font swap. Do not target icon fonts through a wildcard. */
html body {
  font-size: 16px;
  font-weight: 400;
  background: #10141b !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body h1, body h2, body h3, body h4, body h5, body h6,
body .btn, body .nav-link, body .product-title a,
body input, body select, body textarea, body button {
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif !important;
  text-shadow: none !important;
  letter-spacing: normal;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
  font-weight: 600 !important;
  line-height: 1.35;
  letter-spacing: -.02em;
}
body .btn, body .navbar .nav-link, body label { font-weight: 500 !important; }
body .text-muted, body .product-meta { color: #adb6c4 !important; }
body .product-title, body .product-title a {
  font-size: .975rem !important;
  font-weight: 600 !important;
  line-height: 1.5;
}
body .idx-card, body .product-card, body .product-card-alt {
  background: #171d27 !important;
  border: 1px solid #2a3341 !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.12) !important;
  transform-origin: center;
  will-change: transform;
  transition: transform .28s var(--mc-ease), border-color .24s ease, box-shadow .28s ease !important;
}
body .idx-card:hover, body .product-card:hover, body .product-card-alt:hover {
  transform: translateY(-7px) scale(1.018) !important;
  border-color: #d4af37 !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.32), 0 0 0 1px rgba(212,175,55,.22) !important;
}
body .idx-card:hover img, body .product-card:hover img,
body .product-card-alt:hover .product-thumb > img { transform: scale(1.025) !important; }
body #productModal .pm-product-image:hover { transform: none !important; }
body .idx-card .product-thumb .btn, body .idx-card .btn-wishlist {
  box-shadow: 0 2px 8px rgba(0,0,0,.18) !important;
  background: #202833 !important;
}
body .idx-card .product-thumb .btn:hover,
body .idx-card .btn-wishlist:hover,
body .product-card .btn-icon:hover,
body .product-card-alt .btn-icon:hover,
body .product-card-alt .btn-wishlist:hover {
  color: #11151c !important;
  background: #d4af37 !important;
  border-color: #f1d77c !important;
  box-shadow: 0 7px 18px rgba(212,175,55,.28) !important;
  transform: translateY(-2px) scale(1.08) !important;
}
body .idx-card .product-thumb .btn:hover i,
body .idx-card .btn-wishlist:hover i,
body .product-card .btn-icon:hover i,
body .product-card-alt .btn-icon:hover i,
body .product-card-alt .btn-wishlist:hover i { color: #11151c !important; }
@media (hover: none), (pointer: coarse) {
  body .idx-card:hover, body .product-card:hover, body .product-card-alt:hover {
    transform: none !important;
  }
}
body .idx-card .product-title { margin-top: .5rem; margin-bottom: .85rem !important; }
body .idx-card .d-flex.justify-content-between.align-items-center > .product-meta {
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  max-width: calc(100% - 64px);
  background: transparent !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #ffffff !important;
}
body .idx-heading h2,
body .idx-heading .btn,
body .idx-heading * {
  color: #ffffff !important;
  opacity: 1 !important;
}
body .idx-card .product-meta:hover {
  background: transparent !important;
  color: #ffffff !important;
}

@media (max-width: 767.98px) {
  #home-product-grid .prod-item {
    margin-bottom: 14px !important;
  }
  #home-product-grid .prod-item .idx-card .product-thumb {
    min-height: 170px !important;
    height: 170px !important;
    max-height: 170px !important;
    aspect-ratio: auto !important;
  }
  #home-product-grid .prod-item .idx-card .card-body {
    padding: .7rem .7rem .8rem !important;
  }
  #home-product-grid .prod-item .idx-card .product-title {
    margin: .15rem 0 .35rem !important;
  }
}

body .product-price { font-variant-numeric: tabular-nums; font-weight: 600 !important; }
body .modal.fade .modal-dialog { transition: transform .22s ease-out; }
body #productModal .modal-dialog { max-width: 960px; }
body #productModal .modal-content, body #authModal .modal-content {
  background: #171d27 !important;
  border: 1px solid #354052 !important;
  border-radius: 20px !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
body #productModal .modal-content {
  max-height: calc(100vh - 1.5rem);
  max-height: calc(100dvh - 1.5rem);
}
body #productModal .modal-header, body #productModal .modal-footer {
  background: #171d27 !important;
  padding: 1.15rem 1.5rem;
  flex-shrink: 0;
}
body #productModal .modal-body {
  background: #171d27 !important;
  padding: 1.15rem 1.5rem 1.25rem;
  overflow-y: auto;
  overscroll-behavior: contain;
  min-height: 0;
}
body #productModal .modal-footer { display: none !important; }
body #productModal .modal-title { font-size: 1.05rem; padding-right: 1rem; }
body #productModal .modal-body img { padding: 0; border-radius: 12px; }
body #productModal .pm-layout { align-items: start; }
body #productModal .pm-media {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100%;
}
body #productModal .pm-product-image {
  display: block;
  width: 100%;
  max-height: 390px;
  object-fit: contain;
}
body #productModal .pm-summary { min-width: 0; }
body #productModal .pm-short-description {
  margin: 0 0 .4rem;
  color: #bac4d2;
  font-size: .875rem;
  line-height: 1.45;
}
body #productModal .pm-commerce-meta {
  display: flex;
  align-items: center;
  gap: .8rem;
  min-height: 30px;
  margin-bottom: .45rem;
}
body #productModal .pm-price {
  margin: 0;
  color: #f4e4bc;
  font-size: 1rem;
  font-variant-numeric: tabular-nums;
}
body #productModal .pm-sales {
  padding-inline-start: .8rem;
  color: #b9c3d1;
  border-inline-start: 1px solid #3a4555;
  font-size: .82rem;
  white-space: nowrap;
}
body #productModal .pm-commerce-meta .star-rating { margin-inline-start: auto; white-space: nowrap; }
body #productModal .close { opacity: 1; text-shadow: none; color: #e5eaf2; }
body #productModal #pm-licenses label {
  flex: 1 1 0;
  min-width: 0;
  min-height: 42px;
  margin: 0 !important;
  padding: .55rem .7rem;
  border-width: 1px;
  background: #202835;
  line-height: 1.5;
}
body #productModal #pm-licenses .pm-license-group {
  display: flex;
  align-items: stretch;
  gap: .6rem;
  margin-bottom: .55rem;
}
body #productModal #pm-licenses label span { min-width: 0; }
body #productModal #pm-licenses label strong {
  margin-inline-start: auto;
  color: #f4e4bc;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
body #productModal #pm-attributes { margin-top: 0 !important; background: transparent !important; padding: 0 !important; border: 0 !important; }
body #productModal .pm-primary-actions {
  display: flex;
  align-items: center;
  gap: .55rem;
  margin: .2rem 0 .7rem;
  padding-bottom: .7rem;
  border-bottom: 1px solid #354052;
}
body #productModal .pm-primary-actions .pm-add-cart {
  flex: 0 1 auto;
  min-height: 40px;
  padding: .5rem 1.15rem;
  color: #11151c !important;
  background: linear-gradient(135deg,#f0d47a,#d4af37) !important;
  border: 0 !important;
  box-shadow: 0 10px 24px rgba(212,175,55,.18) !important;
}
body #productModal .pm-primary-actions .pm-add-cart:hover {
  background: linear-gradient(135deg,#f7e4a4,#dfbd52) !important;
  box-shadow: 0 13px 30px rgba(212,175,55,.28) !important;
}
body #productModal .pm-primary-actions .btn-outline-secondary {
  flex: 0 1 auto;
  min-height: 40px;
  padding: .5rem 1rem;
}
body #productModal #pm-attributes .pm-spec-grid {
  background: #1e2632;
  grid-template-columns: repeat(2,minmax(0,1fr));
  padding: .65rem .8rem;
  gap: .25rem .8rem;
  border-color: #354052;
  margin-bottom: .65rem;
}
body #productModal #pm-attributes .pm-spec-item {
  display: grid;
  grid-template-columns: minmax(105px,.7fr) minmax(0,1.3fr);
  align-items: baseline;
  gap: .45rem;
  min-height: 32px;
  padding: .28rem .35rem;
  border-bottom: 1px solid rgba(255,255,255,.05);
}
body #productModal #pm-attributes .pm-spec-item-wide { grid-column: 1 / -1; }
body #productModal #pm-attributes .pm-spec-label {
  color: #adb6c4;
  text-transform: none;
  font-size: .8125rem;
  letter-spacing: normal;
  margin-bottom: 0;
}
body #productModal #pm-attributes .pm-spec-value { line-height: 1.4; font-size: .86rem; }
body #productModal .pm-description {
  max-height: 92px;
  overflow: auto;
  padding: .65rem .8rem;
  color: #bac4d2;
  background: rgba(255,255,255,.025);
  border: 1px solid rgba(255,255,255,.065);
  border-radius: 10px;
  font-size: .84rem;
  line-height: 1.55;
  overscroll-behavior: contain;
}
body #productModal .pm-description:empty { display: none; }
body .cz-sidebar-static, body .mc-vendor-page .card {
  background: #171d27 !important;
  box-shadow: 0 4px 20px rgba(0,0,0,.12) !important;
}
body .cz-sidebar-static .nav-link-style {
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.5;
}
body .cz-sidebar-static .nav-link-style.active { font-weight: 600; }
body .cz-sidebar-static .media-body { min-width: 0; overflow-wrap: anywhere; }
body .table thead th { font-size: .8125rem; text-transform: none; letter-spacing: normal; }
body .table td, body .table th { padding: 1rem; }
body .form-control, body .custom-select { background: #141a23 !important; border-color: #3a4555 !important; }
body .form-control::placeholder { color: #a2adbd !important; }
@media (max-width: 767.98px) {
  body #productModal .modal-dialog { margin: .75rem; }
  body #productModal .modal-content { max-height: calc(100dvh - 1.5rem); }
  body #productModal .modal-body { padding: 1rem; }
  body #productModal .pm-product-image {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: 120px;
    margin: 0 auto .75rem;
    object-fit: contain;
  }
  body #productModal .modal-footer { padding: 1rem; }
  body #productModal .pm-primary-actions { flex-wrap: wrap; }
  body #productModal .pm-primary-actions .btn { flex: 0 1 auto; font-size: .82rem; }
  body #productModal #pm-attributes .pm-spec-grid { grid-template-columns: 1fr 1fr; }
  body #productModal .pm-description { max-height: 120px; }
}
@media (max-width: 420px) {
  body #productModal .pm-commerce-meta { flex-wrap: wrap; gap: .35rem .65rem; }
  body #productModal .pm-commerce-meta .star-rating { margin-inline-start: 0; }
  body #productModal #pm-licenses .pm-license-group { gap: .4rem; }
  body #productModal #pm-licenses label { padding: .45rem .5rem; font-size: .78rem; }
  body #productModal #pm-licenses label input { flex: 0 0 auto; }
  body #productModal .pm-primary-actions { gap: .35rem; }
  body #productModal .pm-primary-actions .btn { padding: .45rem .6rem; font-size: .75rem; white-space: nowrap; }
  body #productModal #pm-attributes .pm-spec-grid { grid-template-columns: 1fr; }
  body #productModal #pm-attributes .pm-spec-item { grid-template-columns: 1fr; gap: .1rem; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  body .modal.fade .modal-dialog, body .idx-card, body .product-card,
  body .btn, body .navbar-tool-icon-box { transition: none !important; }
  body .btn:hover, body .navbar-tool:hover .navbar-tool-icon-box { transform: none !important; }
}

/* Keep the whole header above banner stacking contexts, below Bootstrap modals. */
body header.navbar-sticky {
  position: relative;
  z-index: 1030;
  overflow: visible;
}
body header.navbar-sticky .navbar { overflow: visible; }

/* jPList and browser-native controls need explicit foregrounds in the dark UI. */
html body .jplist-panel input[type="text"],
html body .jplist-panel input[type="search"],
html body .jplist-panel select,
html body .form-control, html body .custom-select,
html body .custom-select-search {
  color: #edf2f8 !important;
  -webkit-text-fill-color: #edf2f8 !important;
  caret-color: #f4e4bc;
  background-color: #141a23 !important;
  color-scheme: dark;
}
html body .jplist-panel input::placeholder,
html body .form-control::placeholder,
html body .custom-select-search::placeholder {
  color: #acb7c7 !important;
  -webkit-text-fill-color: #acb7c7 !important;
  opacity: 1;
}
html body select option, html body select optgroup {
  color: #edf2f8 !important;
  -webkit-text-fill-color: #edf2f8 !important;
  background: #1a222e !important;
}

/* Public navigation and content, shared by every page using style.blade.php. */
body .navbar .dropdown-menu {
  background: #1a222e !important;
  border: 1px solid #354052 !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.24) !important;
}
body .navbar .dropdown-item, body .navbar-tool-text,
body .widget-list-link, body .breadcrumb, body .idx-hero p,
body .idx-hero .eyebrow {
  font-family: system-ui, -apple-system, "Segoe UI", sans-serif !important;
  text-shadow: none !important;
}
body .navbar .dropdown-item {
  color: #dce3ed !important;
  font-size: .9375rem;
  font-weight: 400;
  line-height: 1.5;
  white-space: normal;
  transition: background-color .18s ease, color .18s ease;
}
body .navbar .dropdown-item:hover, body .navbar .dropdown-item:focus-visible {
  background: #2b3543 !important;
  color: #fff !important;
}
body .navbar .dropdown-item.active, body .navbar .nav-link.active {
  background: rgba(212,175,55,.12) !important;
  color: #f4e4bc !important;
}
body .mc-auth-trigger {
  align-items: center;
  gap: .55rem;
  min-height: 46px;
  padding: .25rem .55rem .25rem .25rem;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 14px;
  color: #eef2f7 !important;
  text-decoration: none !important;
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
body .mc-auth-trigger:hover {
  color: #fff !important;
  background: rgba(212,175,55,.09);
  border-color: rgba(212,175,55,.58);
  transform: translateY(-1px);
}
body .mc-auth-trigger-text {
  flex-direction: column;
  justify-content: center;
  line-height: 1.1;
  white-space: nowrap;
}
body .mc-auth-trigger-text strong { font-size: .76rem; font-weight: 600; }
body .mc-auth-trigger-text small { margin-top: .18rem; color: #aeb8c7; font-size: .68rem; }
body .header-search-panel {
  padding: .8rem 0 1rem;
  background: rgba(12,18,27,.98);
  border-top: 1px solid rgba(212,175,55,.18);
  border-bottom: 1px solid #303b4b;
  box-shadow: 0 16px 35px rgba(0,0,0,.24);
}
body .header-search-form {
  position: relative;
  width: min(100%, 880px);
  margin: 0 auto;
}
body .header-search-form .form-control {
  height: 52px;
  padding: .75rem 7rem .75rem 3.25rem;
  color: #f1f5f9 !important;
  background: #171e29 !important;
  border: 1px solid #3a4555 !important;
  border-radius: 15px !important;
  box-shadow: 0 7px 20px rgba(0,0,0,.14);
  font-size: .975rem;
}
body .header-search-form .form-control:focus {
  border-color: #d4af37 !important;
  box-shadow: 0 0 0 4px rgba(212,175,55,.12), 0 10px 26px rgba(0,0,0,.2) !important;
}
body .header-search-icon {
  position: absolute;
  left: 1.15rem;
  top: 50%;
  z-index: 3;
  color: #d4af37;
  font-size: 1.15rem;
  transform: translateY(-50%);
  pointer-events: none;
}
body .header-search-clear {
  position: absolute;
  right: 3.9rem;
  top: 50%;
  z-index: 3;
  width: 30px;
  height: 30px;
  padding: 0;
  color: #adb7c6;
  background: transparent;
  border: 0;
  border-radius: 50%;
  font-size: 1.35rem;
  line-height: 28px;
  transform: translateY(-50%);
}
body .header-search-clear:hover { color: #fff; background: rgba(255,255,255,.08); }
body .header-search-hint {
  position: absolute;
  right: 1rem;
  top: 50%;
  z-index: 2;
  padding: .22rem .45rem;
  color: #8793a5;
  border: 1px solid #3b4655;
  border-radius: 6px;
  font-size: .65rem;
  transform: translateY(-50%);
  pointer-events: none;
}
body .ui-autocomplete.ui-menu {
  max-height: 380px;
  overflow-y: auto;
  padding: .45rem !important;
  color: #edf2f8 !important;
  background: rgba(18,25,36,.98) !important;
  border: 1px solid #3a4555 !important;
  border-radius: 14px !important;
  box-shadow: 0 22px 55px rgba(0,0,0,.42) !important;
  z-index: 1200 !important;
}
body .ui-autocomplete .ui-menu-item-wrapper {
  padding: .65rem !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
}
body .ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
  color: #fff !important;
  background: rgba(212,175,55,.11) !important;
  border-color: rgba(212,175,55,.42) !important;
}
body .ui-autocomplete .mc-search-result {
  display: grid;
  grid-template-columns: 48px minmax(0,1fr) auto;
  align-items: center;
  gap: .75rem;
}
body .ui-autocomplete .mc-search-result img {
  width: 48px;
  height: 48px;
  object-fit: contain;
  background: #fff;
  border-radius: 9px;
}
body .ui-autocomplete .mc-search-result-name { min-width: 0; overflow-wrap: anywhere; }
body .ui-autocomplete .mc-search-result-price { color: #f4d87d; font-size: .8rem; white-space: nowrap; }
@media (max-width: 575.98px) {
  body .header-search-form .form-control { padding-right: 3.2rem; }
  body .header-search-clear { right: .75rem; }
  body .ui-autocomplete .mc-search-result { grid-template-columns: 42px minmax(0,1fr); }
  body .ui-autocomplete .mc-search-result img { width: 42px; height: 42px; }
  body .ui-autocomplete .mc-search-result-price { grid-column: 2; }
}
body .bg-position-center-top, body .page-title-overlap {
  background-color: #171e29 !important;
  background-blend-mode: multiply;
  border-bottom: 1px solid #2a3341;
}
body .breadcrumb {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  font-size: .875rem;
  line-height: 1.6;
}
body .breadcrumb .breadcrumb-item a { color: #d4dce8 !important; }
body .breadcrumb .breadcrumb-item.active { color: #acb7c7 !important; }
body .blog-entry-title, body .blog-entry-title a { font-weight: 600 !important; line-height: 1.45; }
body .blog-entry-meta-link, body .blog-entry-meta { color: #acb7c7 !important; font-size: .875rem; }
body .blog-entry-thumb { border-radius: 14px; overflow: hidden; }
body .blog-page .widget, body.blog-page .widget,
body .contact-page .card, body .updates-header {
  background: #171d27 !important;
  border: 1px solid #2a3341 !important;
  border-radius: 16px;
  box-shadow: none !important;
}
body .widget-list-link { font-size: .9375rem; line-height: 1.6; }
body .contact-page .form-group { margin-bottom: 1.35rem; }
body .contact-page textarea { line-height: 1.7; padding: .85rem 1rem; }
body .updates-header { padding: clamp(1.25rem,3vw,2rem); margin-bottom: 1.5rem; }
body .updates-header p { color: #b9c3d1; max-width: 75ch; line-height: 1.75; }
body .updates-table-wrap { overflow-x: auto; border-radius: 14px; border: 1px solid #2a3341; }
body .mc-public-prose {
  max-width: 78ch;
  margin-inline: auto;
  color: #d4dce8;
  font-size: 1rem;
  line-height: 1.8;
  overflow-wrap: anywhere;
}
body .mc-public-prose p { margin-bottom: 1.25rem; }
body .mc-public-prose h2, body .mc-public-prose h3 { margin-top: 2rem; margin-bottom: 1rem; }
body .mc-public-prose img { max-width: 100%; height: auto; border-radius: 12px; }
body .mc-public-prose a { color: #f4e4bc; text-decoration: underline; text-underline-offset: 3px; }
body footer .widget-title { font-weight: 600; letter-spacing: normal; }
body footer .widget-list-link { line-height: 1.7; }

/* Editorial layout: bounded media, readable summaries and explicit selection. */
body.blog-page .blog-list {
  display: grid;
  grid-template-columns: minmax(160px, 30%) minmax(0, 1fr);
  gap: .65rem 1.5rem;
  padding: 1.25rem !important;
  margin-bottom: 1.5rem !important;
  background: #171d27 !important;
  border: 1px solid #303b4b !important;
  border-radius: 16px;
}
body.blog-page .blog-list .left-column { grid-column: 2; grid-row: 1; width: auto; padding: 0; min-width: 0; }
body.blog-page .blog-list .right-column { display: contents; }
body.blog-page .blog-list .blog-entry-thumb {
  grid-column: 1; grid-row: 1 / 4; align-self: start;
  display: block; width: 100%; margin: 0 !important;
  background: #222c39 !important;
}
body.blog-page .blog-list .blog-entry-thumb img { width: 100%; height: 180px; object-fit: contain; display: block; }
body.blog-page .blog-list .right-column > div { grid-column: 2; grid-row: 2; margin: 0 !important; }
body.blog-page .blog-list .right-column > p { grid-column: 2; grid-row: 3; margin: 0; line-height: 1.75; color: #bcc7d6; overflow-wrap: anywhere; }
body.blog-page .blog-list .left-column > div { flex-wrap: wrap; row-gap: .4rem; }
body.blog-page .blog-entry-title { overflow-wrap: anywhere; }
body #blog-sidebar { border: 0 !important; padding: 0; width: 100%; max-width: none; }
body #blog-sidebar .cz-sidebar-body { padding: 0 !important; }
body #blog-sidebar .widget { padding: 1.25rem !important; margin-bottom: 1.5rem !important; background: #171d27 !important; border: 1px solid #303b4b !important; border-radius: 16px; }
body #blog-sidebar .widget-title { margin-bottom: 1rem; padding: 0; background: transparent !important; }
body #blog-sidebar .widget-list-item { margin: .25rem 0; }
body #blog-sidebar .widget-list { background: transparent !important; }
body #blog-sidebar .widget-list-item { background: transparent !important; }
body #blog-sidebar .widget-list-link { padding: .7rem .75rem; gap: .5rem; border: 1px solid transparent; border-radius: 9px; }
body #blog-sidebar .widget-list-link > span:first-child { min-width: 0; overflow-wrap: anywhere; }
body #blog-sidebar .widget-list-link:hover { background: #263142 !important; }
body #blog-sidebar .widget-list-link:not([aria-current="page"]) { background: transparent !important; }
body #blog-sidebar .widget-list-link[aria-current="page"] {
  background: #3a3220 !important; border-color: #d4af37;
  border-inline-start-width: 4px; font-weight: 600;
}
body #blog-sidebar .widget-list-link[aria-current="page"] span { color: #ffe6a1 !important; }
body #blog-sidebar .media { align-items: flex-start !important; }
body #blog-sidebar .media > a { flex: 0 0 64px; width: 64px; }
body #blog-sidebar .media img { display: block; width: 64px !important; height: 64px !important; object-fit: contain; background: #222c39; border-radius: 8px; }
body #blog-sidebar .media-body { min-width: 0; }
body #blog-sidebar .blog-entry-title { font-size: .9rem !important; line-height: 1.5; }
body.blog-detail-page section.col-lg-8 > .cz-gallery img { display: block; width: 100%; max-height: 420px; object-fit: contain; border-radius: 14px; }
body .mc-public-prose pre, body .mc-public-prose table { max-width: 100%; overflow-x: auto; display: block; }
body .mc-public-prose iframe, body .mc-public-prose video { max-width: 100%; }
body .product-title, body .purchase-title, body .mc-vendor-page h1 { overflow-wrap: anywhere; }
body .purchase-body { min-width: 0; flex-basis: 220px; overflow-wrap: anywhere; }
body .purchase-meta { grid-template-columns: repeat(auto-fit,minmax(min(160px,100%),1fr)); }
body .purchase-actions .btn { white-space: normal; }
body .cz-sidebar-static .media > .img-thumbnail { flex-shrink: 0; }
body .custom-control-input:checked ~ .custom-control-label { color: #ffe6a1 !important; font-weight: 600 !important; }
body .custom-control-input:checked ~ .custom-control-label::before { background: #d4af37 !important; border-color: #ffe6a1 !important; }
@media (max-width: 991.98px) {
  body #blog-sidebar {
    display: block !important; position: static !important;
    transform: none !important; visibility: visible !important;
    opacity: 1 !important; height: auto !important; max-height: none;
    margin-top: 2rem; box-shadow: none; background: transparent;
  }
}
@media (max-width: 575.98px) {
  body.blog-page .blog-list { grid-template-columns: minmax(0,1fr); gap: .9rem; }
  body.blog-page .blog-list .blog-entry-thumb { grid-column: 1; grid-row: 1; }
  body.blog-page .blog-list .left-column { grid-column: 1; grid-row: 2; }
  body.blog-page .blog-list .right-column > div { grid-column: 1; grid-row: 3; }
  body.blog-page .blog-list .right-column > p { grid-column: 1; grid-row: 4; }
  body.blog-page .blog-list .blog-entry-thumb img { height: 180px; }
  body .purchase-row { padding: 1rem; gap: 1rem; }
  body .breadcrumb { white-space: normal; flex-wrap: wrap; }
  body .breadcrumb .breadcrumb-item { white-space: normal !important; overflow-wrap: anywhere; }
}

/* Navigation targets match the full visual surface, including keyboard focus. */
body.item-page #licenses .license-feature {
  display: flex;
  align-items: center;
  gap: .45rem;
  min-height: 30px;
  padding: .3rem 0;
  border-bottom: 1px solid rgba(255,255,255,.055);
}
body.item-page #licenses .license-feature-icon {
  display: inline-grid;
  place-items: center;
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  color: #c6ceda;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 50%;
  font-size: .9rem;
  font-weight: 600;
  line-height: 1;
}
body.item-page #licenses .license-feature-unavailable { color: #c1c9d5; }
body.item-page #licenses .license-feature-note {
  margin-inline-start: auto;
  padding: .2rem .5rem;
  color: #aeb8c7;
  background: rgba(255,255,255,.055);
  border-radius: 999px;
  font-size: .68rem;
  font-weight: 600;
  white-space: nowrap;
}

body [data-navigation-row], body [data-navigation-row] td { cursor: pointer; }
body .updates-table tbody td { padding: 0 !important; background: transparent !important; }
body .updates-table tbody td > a {
  display: flex; align-items: center; min-height: 76px;
  padding: 1rem; width: 100%; color: #e7edf5 !important;
  overflow-wrap: anywhere; text-decoration: none;
}
body .updates-table tbody tr { background: #171d27 !important; transition: background-color .18s ease; }
body .updates-table tbody tr:hover, body .updates-table tbody tr:focus-within { background: #303027 !important; }
body .updates-table .image-size { width: 48px; height: 48px; object-fit: contain; border-radius: 8px; }
body .updates-table tbody td > a.pricevalue { color: #f4d87d !important; white-space: nowrap; }
body .updates-table thead th { border-color: #303b4b !important; }
body .updates-table-wrap .dataTables_length label,
body .updates-table-wrap .dataTables_filter label { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; }
body .updates-table-wrap .dataTables_length select { width: auto !important; min-width: 76px; margin: 0; }
body .updates-table-wrap .dataTables_filter input { max-width: 100%; margin: 0; }
body .widget-list-link, body .cz-sidebar-static .nav-link-style { min-height: 44px; }
body .cz-sidebar-static .nav-link-style:focus-visible,
body #blog-sidebar .widget-list-link:focus-visible { background: #303b4b !important; }
body .cz-filter .custom-control { padding-top: .4rem; padding-bottom: .4rem; }
body .cz-filter .custom-control-label { display: block; width: 100%; cursor: pointer; }
@media (max-width: 767.98px) {
  body .updates-table { min-width: 540px; }
  body .updates-table-wrap { padding: .75rem; }
  body .updates-table-wrap .dataTables_filter { text-align: start; margin-top: .75rem; }
  body .updates-table tbody td > a { padding: .75rem; }
}

/* Comfortable, fluid page rhythm. */
main, .page-wrapper { min-height: 55vh; }
.container { width: min(100% - 32px, 1240px); }
.py-4 { padding-top: clamp(1.5rem, 3vw, 3rem) !important; padding-bottom: clamp(1.5rem, 3vw, 3rem) !important; }

/* Sticky navigation with subtle depth. */
.navbar-sticky > .navbar,
header.navbar-sticky .navbar {
  background: rgba(7, 11, 18, .84) !important;
  border-bottom: 1px solid var(--mc-border) !important;
  box-shadow: 0 10px 35px rgba(0, 0, 0, .22) !important;
  -webkit-backdrop-filter: blur(18px) saturate(140%);
  backdrop-filter: blur(18px) saturate(140%);
}
.navbar { min-height: 74px; }
.navbar-brand img { max-height: 44px; width: auto; object-fit: contain; }
.navbar .nav-link {
  border-radius: 10px;
  font-weight: 600;
  padding: .65rem .8rem !important;
}
.navbar .nav-link:hover, .navbar .nav-link:focus-visible { background: rgba(255,255,255,.06); }
.navbar-tool-icon-box {
  border-radius: 14px !important;
  transition: transform .22s var(--mc-ease), background .22s ease, border-color .22s ease !important;
}
.navbar-tool:hover .navbar-tool-icon-box { transform: translateY(-2px); border-color: var(--mc-border-hover) !important; }
.dropdown-menu {
  border-radius: 16px !important;
  padding: .55rem !important;
  box-shadow: var(--mc-shadow) !important;
}
.dropdown-item { border-radius: 10px !important; padding: .68rem .8rem !important; }

/* Unified surfaces. */
.card, .modal-content, .dropdown-menu, .list-group, .alert,
.jplist-panel, .widget:not(footer .widget) {
  border: 1px solid var(--mc-border) !important;
  border-radius: var(--mc-radius) !important;
}
.card {
  background: linear-gradient(145deg, rgba(20,30,46,.95), rgba(11,17,27,.96)) !important;
  box-shadow: 0 10px 35px rgba(0,0,0,.16) !important;
  overflow: hidden;
  transition: transform .35s var(--mc-ease), box-shadow .35s var(--mc-ease), border-color .25s ease !important;
}
.card:hover { border-color: rgba(255,255,255,.14) !important; box-shadow: var(--mc-shadow-hover) !important; }
.product-card:hover, .idx-card:hover { transform: translateY(-6px); border-color: var(--mc-border-hover) !important; }
.card-body { padding: clamp(1rem, 2vw, 1.4rem); }
.card-header, .card-footer { background: rgba(255,255,255,.025) !important; border-color: var(--mc-border) !important; }
.card img { transition: transform .55s var(--mc-ease), filter .3s ease; }
.product-card:hover img, .idx-card:hover img { transform: scale(1.025); }

/* Inputs and actions. */
.form-control, .custom-select, select.form-control, textarea.form-control,
.input-group-text {
  min-height: 46px;
  color: var(--mc-text) !important;
  background: rgba(5, 10, 18, .72) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 12px !important;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease !important;
}
.form-control::placeholder { color: #748096 !important; opacity: 1; }
.form-control:focus, .custom-select:focus, select.form-control:focus {
  background: rgba(7, 13, 23, .94) !important;
  border-color: var(--mc-accent) !important;
  box-shadow: 0 0 0 4px rgba(212,175,55,.14) !important;
}
label { color: #dce2eb !important; font-weight: 600; margin-bottom: .45rem; }
.btn {
  min-height: 42px;
  border-radius: 12px !important;
  font-weight: 700 !important;
  letter-spacing: -.01em;
  transition: transform .22s var(--mc-ease), box-shadow .22s ease, background .22s ease, border-color .22s ease !important;
}
.btn:hover { transform: translateY(-2px); }
.btn:active { transform: translateY(0) scale(.98); }
.btn-primary {
  color: #111318 !important;
  background: linear-gradient(135deg, #f0d47a, var(--mc-accent)) !important;
  border-color: transparent !important;
  box-shadow: 0 10px 28px rgba(212,175,55,.18) !important;
}
.btn-primary:hover { background: linear-gradient(135deg, #f7e4a4, #dfbd52) !important; box-shadow: 0 14px 34px rgba(212,175,55,.27) !important; }
.btn-outline-primary, .btn-outline-light, .btn-secondary {
  color: var(--mc-text) !important;
  background: rgba(255,255,255,.045) !important;
  border-color: rgba(255,255,255,.14) !important;
}
.btn-outline-primary:hover, .btn-outline-light:hover, .btn-secondary:hover { border-color: var(--mc-border-hover) !important; background: rgba(212,175,55,.1) !important; }

/* Readable data-heavy screens. */
.table-responsive { border-radius: var(--mc-radius); border: 1px solid var(--mc-border); }
.table { color: #e7ebf1 !important; margin-bottom: 0; }
.table thead th {
  color: #aeb9c9 !important;
  background: rgba(255,255,255,.04) !important;
  border-bottom: 1px solid rgba(255,255,255,.12) !important;
  font-size: .72rem;
  letter-spacing: .065em;
  text-transform: uppercase;
  white-space: nowrap;
}
.table td { border-color: rgba(255,255,255,.065) !important; vertical-align: middle !important; }
.table-hover tbody tr { transition: background .18s ease; }
.table-hover tbody tr:hover { color: #fff !important; background: rgba(255,255,255,.035) !important; }
.badge { border-radius: 999px; padding: .42em .72em; font-weight: 700; }
.pagination .page-link { color: var(--mc-text); background: rgba(255,255,255,.04); border-color: var(--mc-border); }
.pagination .page-item.active .page-link { color: #111; background: var(--mc-accent); border-color: var(--mc-accent); }

/* Modal, alerts and feedback. */
.modal-backdrop.show { opacity: .72; }
.modal-content {
  background: rgba(12, 19, 30, .96) !important;
  box-shadow: 0 30px 100px rgba(0,0,0,.52) !important;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
.modal-header, .modal-footer { border-color: var(--mc-border) !important; }
.alert { box-shadow: 0 12px 30px rgba(0,0,0,.14); }
.toast { animation: mc-toast-in .38s var(--mc-ease) both; }
@keyframes mc-toast-in { from { opacity: 0; transform: translateY(-12px) scale(.98); } }

/* Footer and accessibility. */
footer.bg-dark { border-top: 1px solid var(--mc-border); background: #060a10 !important; }
footer .widget-list-link { display: inline-block; padding: .2rem 0; color: #aab4c3 !important; }
footer .widget-list-link:hover { color: var(--mc-accent-soft) !important; transform: translateX(3px); }
:focus-visible { outline: 3px solid rgba(240,212,122,.72) !important; outline-offset: 3px; }
.skip-link { position: fixed; left: 1rem; top: -100px; z-index: 20000; padding: .7rem 1rem; color: #111; background: var(--mc-accent); border-radius: 10px; }
.skip-link:focus { top: 1rem; }

/* Soft entrance motion. JS adds .mc-ready without delaying interaction. */
.mc-enhanced main { opacity: 0; transform: translateY(8px); }
.mc-enhanced.mc-ready main { opacity: 1; transform: none; transition: opacity .48s ease, transform .55s var(--mc-ease); }

@media (max-width: 991.98px) {
  .navbar { min-height: 64px; }
  .navbar-collapse { margin-top: .75rem; padding: .75rem; border: 1px solid var(--mc-border); border-radius: 16px; background: rgba(7,11,18,.98); }
  .navbar .nav-link { padding: .78rem !important; }
  .container { width: min(100% - 24px, 1240px); }
  .card-body { padding: 1rem; }
}
@media (max-width: 575.98px) {
  h1 { font-size: clamp(1.8rem, 9vw, 2.45rem); }
  h2 { font-size: clamp(1.4rem, 7vw, 1.9rem); }
  .btn { min-height: 46px; }
  .modal-dialog { margin: .65rem; }
  .table-responsive { border-radius: 12px; }
  .toast-container.toast-top-center { left: 12px !important; right: 12px !important; top: 12px !important; max-width: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .mc-enhanced main { opacity: 1; transform: none; }
}

/* Vendor workspace. */
.mc-page-heading { position: relative; padding-left: 1rem; }
.mc-page-heading::before { content:""; position:absolute; left:0; top:.2rem; bottom:.2rem; width:3px; border-radius:3px; background:linear-gradient(var(--mc-accent-soft),var(--mc-accent)); }
.mc-page-heading h1 { margin:.15rem 0 .45rem; font-size:clamp(1.8rem,4vw,2.55rem); color:#fff; }
.mc-eyebrow { color:var(--mc-accent); font-size:.72rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.mc-stat-card { height:100%; position:relative; }
.mc-stat-card .card-body { min-height:142px; display:flex; flex-direction:column; justify-content:flex-end; }
.mc-stat-card h6 { margin:0 0 .2rem; font-size:.73rem; letter-spacing:.07em; text-transform:uppercase; }
.mc-stat-card h3 { margin:0; color:#fff; font-size:clamp(1.55rem,3vw,2rem); }
.mc-form-card .card-body { padding:clamp(1.2rem,3vw,2rem); }
.mc-status-pill { color:#f5d97f; background:rgba(212,175,55,.12); border:1px solid rgba(212,175,55,.2); }
.mc-vendor-page .card h5 { color:#fff; margin-bottom:1.15rem; }
.mc-vendor-page .list-unstyled li + li { margin-top:.5rem; }
.mc-vendor-page .list-unstyled a { display:flex; justify-content:space-between; padding:.7rem .8rem; color:#e7ebf2; background:rgba(255,255,255,.035); border-radius:10px; }
.mc-vendor-page .list-unstyled a::after { content:"→"; color:var(--mc-accent); }
.mc-vendor-page .list-unstyled a:hover { color:#fff; text-decoration:none; background:rgba(212,175,55,.08); }
@media(max-width:575.98px){.mc-vendor-page{padding-top:2rem!important}.mc-page-heading{padding-left:.8rem}.mc-stat-card .card-body{min-height:120px}}

/* Stable typographic scale across legacy utility classes. */
body{font-size:16px}.font-size-xs{font-size:.75rem!important;line-height:1.45}.font-size-ms{font-size:.82rem!important;line-height:1.5}.font-size-sm{font-size:.9rem!important;line-height:1.55}.font-size-base{font-size:1rem!important;line-height:1.55}.font-size-md{font-size:1.125rem!important;line-height:1.5}.font-size-lg{font-size:1.35rem!important;line-height:1.35}.text-muted{color:var(--mc-muted)!important}.text-light{color:var(--mc-text)!important}.text-accent,.text-primary{color:var(--mc-accent-soft)!important}.lead{color:#c1cad8;font-size:clamp(1rem,2vw,1.17rem);line-height:1.7}

/* Page heading and breadcrumb hierarchy. */
.page-title-overlap,.bg-position-center-top{position:relative;isolation:isolate;background-position:center!important;background-size:cover!important;border-bottom:1px solid var(--mc-border)}
.page-title-overlap::before,section.bg-position-center-top::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(7,11,18,.96),rgba(7,11,18,.72) 55%,rgba(7,11,18,.88))}
.page-title-overlap h1,.bg-position-center-top h1{font-size:clamp(1.65rem,3.5vw,2.35rem)!important;letter-spacing:-.035em}.breadcrumb{margin:0;padding:.5rem .75rem!important;background:rgba(255,255,255,.045)!important;border:1px solid var(--mc-border)!important;border-radius:999px!important}.breadcrumb-item,.breadcrumb-item a{color:#c1cad7!important;font-size:.82rem}.breadcrumb-item.active{color:#fff!important}

/* Unified feedback messages. */
.alert{position:relative;padding:1rem 1.1rem 1rem 3.25rem!important;color:#eaf0f8!important;background:rgba(31,41,55,.94)!important;border:1px solid rgba(255,255,255,.12)!important;border-left-width:4px!important;line-height:1.55}
.alert::before{position:absolute;left:1.05rem;top:1rem;display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:50%;font-weight:800;line-height:1}.alert-success{border-left-color:var(--mc-success)!important;background:linear-gradient(110deg,rgba(22,101,70,.28),rgba(18,27,41,.96))!important}.alert-success::before{content:"\2713";color:#a7f3d0}.alert-danger{border-left-color:var(--mc-danger)!important;background:linear-gradient(110deg,rgba(153,27,27,.27),rgba(18,27,41,.96))!important}.alert-danger::before{content:"!";color:#fecaca;border:1px solid rgba(254,202,202,.6)}.alert-warning{border-left-color:#f59e0b!important;background:linear-gradient(110deg,rgba(146,64,14,.26),rgba(18,27,41,.96))!important}.alert-warning::before{content:"!";color:#fde68a;border:1px solid rgba(253,230,138,.55)}.alert-info{border-left-color:#38bdf8!important;background:linear-gradient(110deg,rgba(3,105,161,.25),rgba(18,27,41,.96))!important}.alert-info::before{content:"i";color:#bae6fd;border:1px solid rgba(186,230,253,.55);font-family:Georgia,serif}.alert .close{color:#fff!important;opacity:.7;text-shadow:none}.alert .close:hover{opacity:1}
.toast-container{z-index:10850!important}.toast-container .toast,body>.toast{min-width:min(390px,calc(100vw - 24px))!important;color:var(--mc-text)!important;background:rgba(13,20,32,.97)!important;border:1px solid var(--mc-border)!important;border-left:4px solid var(--mc-accent)!important;border-radius:14px!important;box-shadow:0 24px 70px rgba(0,0,0,.42)!important;overflow:hidden;backdrop-filter:blur(18px)}.toast-container .toast-success{border-left-color:var(--mc-success)!important}.toast-container .toast-error{border-left-color:var(--mc-danger)!important}.toast-container .toast-header,.toast-container .toast-body{color:var(--mc-text)!important;background:transparent!important;border:0!important}.toast-container .toast-header{padding:.9rem 1rem .35rem!important}.toast-container .toast-body{padding:.35rem 1rem 1rem!important;color:#cbd4e1!important}

/* Account workspace. */
.cz-sidebar-static{overflow:hidden;color:var(--mc-text);background:linear-gradient(160deg,rgba(19,29,44,.98),rgba(10,16,26,.98))!important;border:1px solid var(--mc-border)!important;border-radius:var(--mc-radius-lg)!important;box-shadow:var(--mc-shadow)!important}.cz-sidebar-static .img-thumbnail{padding:3px;background:linear-gradient(135deg,var(--mc-accent-soft),var(--mc-accent));border:0}.cz-sidebar-static .bg-secondary{background:rgba(255,255,255,.035)!important;border-block:1px solid var(--mc-border)}.cz-sidebar-static .border-bottom{border-color:var(--mc-border)!important}.cz-sidebar-static .nav-link-style{color:#c7d0dd!important;transition:background .2s ease,color .2s ease,padding .2s ease}.cz-sidebar-static .nav-link-style:hover{color:#fff!important;background:rgba(255,255,255,.045);text-decoration:none}.cz-sidebar-static .nav-link-style.active{color:var(--mc-accent-soft)!important;background:rgba(212,175,55,.11)!important;border-left-color:var(--mc-accent)!important}

/* Tabs and controls. */
.nav-tabs{border-color:var(--mc-border)!important;gap:.35rem}.nav-tabs .nav-link{color:#aeb8c7!important;background:transparent!important;border:1px solid transparent!important;border-radius:10px 10px 0 0!important}.nav-tabs .nav-link:hover{color:#fff!important;background:rgba(255,255,255,.04)!important}.nav-tabs .nav-link.active{color:var(--mc-accent-soft)!important;background:rgba(212,175,55,.09)!important;border-color:var(--mc-border-hover)!important}.list-group-item{color:#dce3ed!important;background:rgba(15,23,36,.88)!important;border-color:var(--mc-border)!important}.custom-control-label::before{background:rgba(5,10,18,.75)!important;border-color:rgba(255,255,255,.22)!important}.custom-control-input:checked~.custom-control-label::before{background:var(--mc-accent)!important;border-color:var(--mc-accent)!important}.custom-file-label{min-height:46px;color:#9da9ba!important;background:rgba(5,10,18,.72)!important;border-color:rgba(255,255,255,.12)!important;border-radius:12px!important}

/* Commerce, content and terminal-state screens. */
.cart-page .cz-sidebar-static,.checkout-page .cz-sidebar-static{border-radius:var(--mc-radius-lg)!important}.cart-page .media,.checkout-page .media{border-radius:12px;transition:background .2s ease}.cart-page .media:hover,.checkout-page .media:hover{background:rgba(255,255,255,.025)!important}.cart-page .widget-product-title a,.checkout-page .widget-product-title a{color:#f4f7fb!important;font-weight:650}#payment-method .card,.payment-method .card{cursor:pointer}#payment-method .card:hover,.payment-method .card:hover{border-color:var(--mc-border-hover)!important;transform:translateY(-2px)}#payment-method img,.media img[width="64"]{border-radius:12px!important;background:#fff;padding:3px}
.product-title,.product-title a,.blog-entry-title,.blog-entry-title a{color:#f7f8fb!important;font-weight:700;line-height:1.35}.product-title a:hover,.blog-entry-title a:hover{color:var(--mc-accent-soft)!important;text-decoration:none}.product-meta{color:#9da9ba!important}.product-price,.price,.green{color:var(--mc-accent-soft)!important;font-weight:750}.blog-entry{border-radius:var(--mc-radius)}.pagination{gap:.35rem}.pagination .page-link{min-width:40px;min-height:40px;display:grid;place-items:center;border-radius:10px!important}
body>.container.py-5 .font-size-md.text-center{max-width:720px;margin:2rem auto;padding:clamp(2rem,6vw,4rem);background:var(--mc-surface);border:1px solid var(--mc-border);border-radius:var(--mc-radius-lg);box-shadow:var(--mc-shadow)}
@media(max-width:767.98px){body{font-size:15px}.breadcrumb{max-width:100%;overflow:auto;white-space:nowrap}.cz-sidebar-static{border-radius:18px!important}.nav-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.nav-tabs .nav-link{white-space:nowrap}.alert{padding:.9rem .9rem .9rem 2.9rem!important}.alert::before{left:.9rem;top:.9rem}}

/* Account modules use the same blue title band as the category pages. */
.account-module-page { background:radial-gradient(circle at 72% 0%,rgba(19,117,190,.18),transparent 34%),linear-gradient(180deg,#06111f 0%,#07192d 46%,#041322 100%) !important; }
.account-module-page .account-page-banner { position:relative;overflow:hidden;background-color:#041a30!important;background-image:linear-gradient(115deg,rgba(2,13,27,.98),rgba(5,31,55,.94))!important;border-top:1px solid rgba(31,169,255,.35);border-bottom:1px solid rgba(31,169,255,.38); }
.account-module-page .account-page-banner::before { content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,transparent 23%,rgba(0,145,220,.16) 23% 37%,transparent 37% 67%,rgba(0,145,220,.12) 67% 81%,transparent 81%); }
.account-module-page .account-page-banner .container { position:relative;z-index:1; }
/* Shared account-module surfaces and controls. */
.account-module-page .container > .row > section.col-lg-8:not(.account-profile-content) {
  margin-top:1rem; margin-bottom:1.5rem; padding:clamp(1rem,2.2vw,1.5rem)!important;
  color:#eaf4ff; background:linear-gradient(155deg,rgba(5,28,49,.96),rgba(4,20,36,.98));
  border:1px solid rgba(29,156,235,.28); border-radius:14px; box-shadow:0 16px 38px rgba(0,0,0,.18);
}
.account-module-page .bg-light.box-shadow-lg,
.account-module-page .bg-light.rounded-lg,
.account-module-page .referral-card,
.account-module-page .purchase-row,
.account-module-page .earnings-row,
.account-module-page .member-row,
.account-module-page .withdrawal-history {
  color:#eaf4ff!important; background:linear-gradient(155deg,#082541,#04182b)!important;
  border:1px solid rgba(29,156,235,.32)!important; border-radius:14px!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}
.account-module-page .purchase-row:hover,
.account-module-page .earnings-row:hover,
.account-module-page .member-row:hover {border-color:rgba(18,170,245,.58)!important;}
.account-module-page .bg-secondary {
  color:#eaf4ff!important; background:linear-gradient(145deg,#0a2b49,#071e34)!important;
  border:1px solid rgba(29,156,235,.2)!important;
}
.account-module-page .form-group label,
.account-module-page .referral-card label {color:#eaf4ff!important;font-weight:600;}
.account-module-page .form-control,
.account-module-page textarea.form-control,
.account-module-page select.form-control,
.account-module-page .custom-file-label,
.account-module-page .input-group-text {
  color:#eaf4ff!important; background:#061b30!important; border:1px solid rgba(29,156,235,.38)!important;
  border-radius:8px; min-height:42px;
}
.account-module-page .form-control::placeholder,
.account-module-page textarea.form-control::placeholder {color:#8aa9c3!important;opacity:1;}
.account-module-page .form-control:focus,
.account-module-page textarea.form-control:focus,
.account-module-page select.form-control:focus {border-color:#16aaf0!important;box-shadow:0 0 0 3px rgba(18,170,245,.14)!important;}
.account-module-page .form-control option {color:#eaf4ff;background:#071c30;}
.account-module-page .custom-file-label::after {color:#eaf4ff;background:#0b385b;border-left-color:rgba(29,156,235,.3);}
.account-module-page .table {color:#dceaf7;background:transparent;}
.account-module-page .table thead th {color:#8bdcff;background:rgba(3,31,54,.88);border-color:rgba(29,156,235,.28);}
.account-module-page .table td,
.account-module-page .table th {border-color:rgba(29,156,235,.18);vertical-align:middle;}
.account-module-page .table tbody tr:hover {color:#fff;background:rgba(0,145,220,.08);}
.account-module-page .table-responsive {border:1px solid rgba(29,156,235,.2);border-radius:10px;}
.account-module-page .purchase-title a,
.account-module-page .purchase-meta-item strong {color:#eaf4ff!important;}
.account-module-page .purchase-price,
.account-module-page .earnings-amount {color:#f4d66f;}
.account-module-page .purchase-meta-item,
.account-module-page .member-email,
.account-module-page .member-date,
.account-module-page .earnings-row-footer {color:#a9c6dc!important;}
.account-module-page #myInput {color:#eaf4ff!important;background:#061b30!important;border-color:rgba(29,156,235,.38)!important;}
.account-module-page #myInput::placeholder {color:#8aa9c3!important;}
.account-module-page .copy-referral-btn {color:#fff!important;background:linear-gradient(135deg,#087ccc,#1aafff)!important;border-color:#119ee8!important;}
.account-module-page .method-option {color:#eaf4ff!important;background:rgba(5,31,55,.78)!important;border-color:rgba(29,156,235,.28)!important;}
.account-module-page .method-option:hover,
.account-module-page .method-option.selected {background:rgba(0,145,220,.14)!important;border-color:#18aaf0!important;box-shadow:0 0 0 3px rgba(18,170,245,.1)!important;}
.account-module-page .modal-content {color:#eaf4ff;background:linear-gradient(155deg,#082541,#04182b)!important;border:1px solid rgba(29,156,235,.38)!important;}
.account-module-page .modal-header,
.account-module-page .modal-footer {border-color:rgba(29,156,235,.2)!important;}
.account-module-page .text-muted,
.account-module-page small {color:#a9c6dc!important;}
@media(max-width:767.98px){
  .account-module-page .container > .row > section.col-lg-8:not(.account-profile-content) {padding:1rem!important;margin-top:.5rem;}
  .account-module-page .table-responsive {overflow-x:auto;}
  .account-module-page .purchase-row {padding:1rem;}
}.account-module-page .card,
.account-module-page .card-body {color:#eaf4ff;background:linear-gradient(155deg,#082541,#04182b)!important;border-color:rgba(29,156,235,.28)!important;}
.account-module-page .card-header {color:#eaf4ff;background:rgba(3,31,54,.72)!important;border-color:rgba(29,156,235,.2)!important;}
body.account-module-page #withdrawal_form .bg-secondary .form-control {color:#eaf4ff!important;background:#061b30!important;border-color:rgba(29,156,235,.38)!important;}
body.account-module-page #withdrawal_form .bg-secondary .form-control:focus {border-color:#16aaf0!important;box-shadow:0 0 0 3px rgba(18,170,245,.14)!important;}
.purchases-page .modal-content {background:linear-gradient(155deg,#082541,#04182b)!important;border-color:rgba(29,156,235,.38)!important;}
.purchases-page .modal-header,.purchases-page .modal-footer {border-color:rgba(29,156,235,.2)!important;}
.purchases-page .modal .form-control {background:#061b30!important;border-color:rgba(29,156,235,.38)!important;color:#eaf4ff!important;}

/* Withdrawal page: keep the method and amount panels content-sized, and fit the history table without horizontal scrolling. */
body.account-module-page #withdrawal_form > .row { align-items:flex-start; }
body.account-module-page #withdrawal_form > .row > [class*="col-"] > .bg-secondary { height:auto!important; min-height:0!important; }
body.account-module-page #withdrawal_form > .row > [class*="col-"] > .bg-secondary { padding:1.25rem!important; border-radius:12px!important; }
body.account-module-page #withdrawal_form .method-option { margin-bottom:.6rem; padding:.8rem 1rem; }
body.account-module-page .withdrawal-history { overflow:hidden; padding:.75rem; }
body.account-module-page .withdrawal-history h3 { color:#eaf4ff; border-bottom:1px solid rgba(29,156,235,.25); margin-bottom:.5rem; }
body.account-module-page .withdrawal-history .table-responsive { overflow-x:hidden; }
body.account-module-page .withdrawal-history table.table-fixed { width:100%!important; min-width:0!important; table-layout:fixed!important; }
body.account-module-page .withdrawal-history th,
body.account-module-page .withdrawal-history td { padding:.55rem .35rem!important; font-size:.76rem; line-height:1.35; overflow-wrap:anywhere; word-break:normal; }
body.account-module-page .withdrawal-history th:nth-child(1), body.account-module-page .withdrawal-history td:nth-child(1) { width:13%; }
body.account-module-page .withdrawal-history th:nth-child(2), body.account-module-page .withdrawal-history td:nth-child(2) { width:15%; }
body.account-module-page .withdrawal-history th:nth-child(3), body.account-module-page .withdrawal-history td:nth-child(3) { width:30%; }
body.account-module-page .withdrawal-history th:nth-child(4), body.account-module-page .withdrawal-history td:nth-child(4) { width:13%; }
body.account-module-page .withdrawal-history th:nth-child(5), body.account-module-page .withdrawal-history td:nth-child(5) { width:14%; }
body.account-module-page .withdrawal-history th:nth-child(6), body.account-module-page .withdrawal-history td:nth-child(6) { width:15%; }
@media(max-width:767.98px) {
  body.account-module-page #withdrawal_form > .row > [class*="col-"] { margin-bottom:1rem!important; }
  body.account-module-page .withdrawal-history th,
  body.account-module-page .withdrawal-history td { padding:.4rem .25rem!important; font-size:.68rem; }
}