/* ATON+ Web3 Blue v4. Frontend-only visual layer for oct_ultrastore. */
:root {
  --aton-bg-main: #06111f;
  --aton-bg-deep: #030712;
  --aton-bg-section: #081827;
  --aton-surface: rgba(255, 255, 255, 0.055);
  --aton-surface-strong: rgba(255, 255, 255, 0.085);
  --aton-border: rgba(56, 189, 248, 0.20);
  --aton-border-strong: rgba(14, 165, 233, 0.38);
  --aton-text-main: #f4f8ff;
  --aton-text-soft: #b8c7d9;
  --aton-text-muted: #7f91a8;
  --aton-blue: #0ea5ff;
  --aton-blue-strong: #2563eb;
  --aton-cyan: #22d3ee;
  --aton-cyan-soft: rgba(34, 211, 238, 0.16);
  --aton-success: #22c55e;
  --aton-warning: #f59e0b;
  --aton-danger: #ef4444;
  --aton-radius: 8px;
  --aton-radius-lg: 14px;
  --aton-shadow: 0 22px 60px rgba(0, 0, 0, 0.36);
  --aton-glow: 0 0 0 1px rgba(34, 211, 238, 0.12), 0 0 34px rgba(14, 165, 255, 0.18);
}

html,
body {
  max-width: 100%;
  overflow-x: clip;
  background:
    linear-gradient(90deg, rgba(34, 211, 238, 0.035) 1px, transparent 1px),
    linear-gradient(0deg, rgba(34, 211, 238, 0.026) 1px, transparent 1px),
    linear-gradient(180deg, var(--aton-bg-deep) 0%, var(--aton-bg-main) 44%, var(--aton-bg-deep) 100%) !important;
  background-size: 44px 44px, 44px 44px, auto !important;
  color: var(--aton-text-main) !important;
  letter-spacing: 0 !important;
}

body,
button,
input,
select,
textarea {
  font-family: Arial, Helvetica, sans-serif;
}

a {
  color: var(--aton-cyan) !important;
  transition: color .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease, transform .2s ease;
}

a:hover,
a:focus {
  color: #8befff !important;
  text-decoration: none !important;
}

#content,
.aton-home-content,
.product-category #content,
.product-product #content,
.product-search #content,
.checkout-cart #content,
.checkout-checkout #content,
.information-contact #content,
.information-information #content,
body[class*="account"] #content {
  color: var(--aton-text-main) !important;
}

.container {
  max-width: 1260px;
}

.top-row,
.us-header,
.us-header-top,
.us-header-menu,
.us-menu,
.us-menu-row,
.us-mobile-header,
header,
#top,
nav {
  background: rgba(3, 7, 18, 0.88) !important;
  border-color: var(--aton-border) !important;
  color: var(--aton-text-soft) !important;
  box-shadow: 0 12px 34px rgba(0, 0, 0, 0.24) !important;
}

.us-header a,
.us-header-top a,
.us-header-menu a,
.us-menu a,
#top a,
header a {
  color: var(--aton-text-soft) !important;
}

.us-header a:hover,
.us-header-top a:hover,
.us-header-menu a:hover,
.us-menu a:hover,
#top a:hover,
header a:hover {
  color: var(--aton-cyan) !important;
}

.header-input,
#input_search,
#search input,
.search-input,
.header-input-group input {
  min-height: 44px;
  background: rgba(255, 255, 255, 0.065) !important;
  border: 1px solid var(--aton-border) !important;
  border-radius: var(--aton-radius) !important;
  color: var(--aton-text-main) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

.header-input:focus,
#input_search:focus,
#search input:focus,
.search-input:focus,
.header-input-group input:focus {
  border-color: var(--aton-cyan) !important;
  box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.16) !important;
}

.dropdown-menu,
.nav-dropdown-menu,
.us-dropdown-inner,
.us-header-location.active,
.us-fixed-contact-dropdown,
#us_menu_mobile_box,
#us_info_mobile,
.us-menu-mobile,
.us-category-mobile-menu {
  background: rgba(6, 17, 31, 0.98) !important;
  border: 1px solid var(--aton-border) !important;
  border-radius: var(--aton-radius) !important;
  box-shadow: var(--aton-shadow), var(--aton-glow) !important;
  color: var(--aton-text-main) !important;
}

.dropdown-menu a,
.nav-dropdown-menu a,
.us-dropdown-inner a,
#us_menu_mobile_box a,
#us_info_mobile a {
  color: var(--aton-text-soft) !important;
}

.dropdown-menu a:hover,
.nav-dropdown-menu a:hover,
.us-dropdown-inner a:hover,
#us_menu_mobile_box a:hover,
#us_info_mobile a:hover {
  background: var(--aton-cyan-soft) !important;
  color: var(--aton-text-main) !important;
}

.breadcrumb,
.us-breadcrumb {
  background: transparent !important;
  border: 0 !important;
  color: var(--aton-text-muted) !important;
}

.breadcrumb a,
.us-breadcrumb a {
  color: var(--aton-text-soft) !important;
}

.btn,
button,
input[type="button"],
input[type="submit"] {
  border-radius: var(--aton-radius) !important;
  letter-spacing: 0 !important;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}

.btn-primary,
.btn.btn-primary,
button.btn-primary,
input.btn-primary,
a.btn-primary,
.us-module-btn,
.us-product-btn,
.us-product-cart-btn,
.us-product-buttons button,
.us-product-action button,
.us-product-action .btn,
.us-cart-btn,
.oct-button,
.oct-product-btn,
.oct-btn,
.button-cart,
#button-cart,
#button-fast-order,
.us-four-banners-item-btn,
.btn[onclick*="cart.add"],
button[onclick*="cart.add"],
a[onclick*="cart.add"] {
  background: linear-gradient(135deg, var(--aton-blue) 0%, var(--aton-cyan) 100%) !important;
  border: 1px solid rgba(34, 211, 238, 0.54) !important;
  color: #03101d !important;
  font-weight: 800 !important;
  box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.24), 0 12px 30px rgba(14, 165, 255, 0.24) !important;
}

.btn-primary:hover,
.btn.btn-primary:hover,
button.btn-primary:hover,
input.btn-primary:hover,
a.btn-primary:hover,
.us-module-btn:hover,
.us-product-btn:hover,
.us-product-cart-btn:hover,
.us-product-buttons button:hover,
.us-product-action button:hover,
.us-product-action .btn:hover,
.us-cart-btn:hover,
.oct-button:hover,
.oct-product-btn:hover,
.oct-btn:hover,
.button-cart:hover,
#button-cart:hover,
#button-fast-order:hover,
.us-four-banners-item-btn:hover {
  transform: translateY(-1px);
  background: linear-gradient(135deg, #45c3ff 0%, #72f1ff 100%) !important;
  color: #03101d !important;
  box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.36), 0 0 32px rgba(34, 211, 238, 0.28), 0 14px 34px rgba(37, 99, 235, 0.24) !important;
}

.btn-default,
.btn-light,
.btn-secondary,
.btn.btn-default {
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid var(--aton-border) !important;
  color: var(--aton-text-main) !important;
}

.btn-default:hover,
.btn-light:hover,
.btn-secondary:hover,
.btn.btn-default:hover {
  background: var(--aton-cyan-soft) !important;
  border-color: var(--aton-border-strong) !important;
  color: var(--aton-text-main) !important;
}

.btn-danger,
.btn.btn-danger {
  background: linear-gradient(135deg, #ef4444 0%, #b91c1c 100%) !important;
  border-color: rgba(239, 68, 68, 0.45) !important;
  color: #fff !important;
}

.btn-success,
.btn.btn-success {
  background: linear-gradient(135deg, #22c55e 0%, #16a34a 100%) !important;
  border-color: rgba(34, 197, 94, 0.45) !important;
  color: #03101d !important;
}

.btn-warning,
.btn.btn-warning {
  background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
  border-color: rgba(245, 158, 11, 0.48) !important;
  color: #03101d !important;
}

.panel,
.panel-default,
.well,
.box,
.list-group,
.table-responsive,
.modal-content,
.popover,
.tooltip-inner,
.us-content,
.us-html-box,
.us-module-box,
.us-main-shop-title,
.account-content,
.quickcheckout-content,
.checkout-content {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.066), rgba(255, 255, 255, 0.032)) !important;
  border: 1px solid var(--aton-border) !important;
  border-radius: var(--aton-radius-lg) !important;
  box-shadow: var(--aton-shadow) !important;
  color: var(--aton-text-main) !important;
}

.panel-heading,
.modal-header,
.modal-footer,
.box-heading,
.us-module-title {
  background: rgba(34, 211, 238, 0.08) !important;
  border-color: var(--aton-border) !important;
  color: var(--aton-text-main) !important;
}

.list-group-item,
#column-left .list-group-item,
#column-right .list-group-item {
  background: rgba(255, 255, 255, 0.045) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--aton-text-soft) !important;
}

.list-group-item:hover,
.list-group-item.active,
#column-left .list-group-item:hover,
#column-right .list-group-item:hover {
  background: rgba(34, 211, 238, 0.13) !important;
  border-color: var(--aton-border-strong) !important;
  color: var(--aton-text-main) !important;
}

input,
select,
textarea,
.form-control {
  background: rgba(255, 255, 255, 0.065) !important;
  border: 1px solid var(--aton-border) !important;
  border-radius: var(--aton-radius) !important;
  color: var(--aton-text-main) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus {
  background: rgba(255, 255, 255, 0.085) !important;
  border-color: var(--aton-cyan) !important;
  box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.16) !important;
  outline: 0 !important;
}

input::placeholder,
textarea::placeholder {
  color: rgba(184, 199, 217, 0.72) !important;
}

option {
  background: var(--aton-bg-section) !important;
  color: var(--aton-text-main) !important;
}

label,
legend,
.control-label {
  color: var(--aton-text-main) !important;
}

.help-block,
small,
.text-muted {
  color: var(--aton-text-muted) !important;
}

.table,
.table-bordered,
.table-hover {
  background: rgba(255, 255, 255, 0.035) !important;
  border-color: var(--aton-border) !important;
  color: var(--aton-text-main) !important;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
  background: rgba(34, 211, 238, 0.105) !important;
  border-color: var(--aton-border) !important;
  color: var(--aton-text-main) !important;
}

.table > tbody > tr > td,
.table > tfoot > tr > td {
  background: rgba(255, 255, 255, 0.026) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--aton-text-soft) !important;
}

.table-hover > tbody > tr:hover > td {
  background: rgba(34, 211, 238, 0.085) !important;
}

.product-thumb,
.us-product-thumb,
.us-product-item,
.product-layout .product-thumb,
.us-category-item,
.us-categories-wall-item,
.us-four-banners-item,
.us-banner-plus-box,
.aton-neon-banner,
.oct-blog-item,
.news-item {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.028)) !important;
  border: 1px solid var(--aton-border) !important;
  border-radius: var(--aton-radius-lg) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.26) !important;
  color: var(--aton-text-main) !important;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.us-four-banners-item::before,
.us-banner-plus-box::before,
.aton-neon-banner::before,
.aton-flow-panel::before,
.us-news-block::before,
.oct-news-block::before,
.product-thumb::before,
.us-product-thumb::before,
.us-product-item::before {
  content: "";
  position: absolute;
  inset: -1px;
  z-index: 5;
  pointer-events: none;
  border-radius: inherit;
  padding: 1px;
  background:
    conic-gradient(from var(--aton-neon-angle, 0deg),
      rgba(34, 211, 238, 0.16),
      rgba(14, 165, 255, 0.88),
      rgba(132, 231, 255, 0.78),
      rgba(37, 99, 235, 0.74),
      rgba(34, 211, 238, 0.16));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  animation: aton-neon-border-spin 5.2s linear infinite;
}

.us-four-banners-item::after,
.us-banner-plus-box::after,
.aton-neon-banner::after,
.aton-flow-panel::after,
.us-news-block::after,
.oct-news-block::after,
.product-thumb::after,
.us-product-thumb::after,
.us-product-item::after {
  content: "";
  position: absolute;
  inset: -18px;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
  background:
    radial-gradient(circle at 18% 8%, rgba(34, 211, 238, 0.24), transparent 34%),
    radial-gradient(circle at 86% 20%, rgba(14, 165, 255, 0.20), transparent 36%),
    radial-gradient(circle at 50% 104%, rgba(37, 99, 235, 0.18), transparent 44%);
  filter: blur(10px);
  opacity: 0.72;
  animation: aton-neon-breathe 3.6s ease-in-out infinite;
}

.us-four-banners-item > *,
.us-banner-plus-box > *,
.aton-neon-banner > *,
.aton-flow-panel > *,
.us-news-block > *,
.oct-news-block > *,
.product-thumb > *,
.us-product-thumb > *,
.us-product-item > * {
  position: relative;
  z-index: 3;
}

@property --aton-neon-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

@keyframes aton-neon-border-spin {
  to {
    --aton-neon-angle: 360deg;
  }
}

@keyframes aton-neon-breathe {
  0%, 100% {
    opacity: 0.46;
  }
  50% {
    opacity: 0.86;
  }
}

.product-thumb:hover,
.us-product-thumb:hover,
.us-product-item:hover,
.product-layout .product-thumb:hover,
.us-category-item:hover,
.us-categories-wall-item:hover,
.us-four-banners-item:hover,
.us-banner-plus-box:hover,
.aton-neon-banner:hover,
.oct-blog-item:hover,
.news-item:hover {
  transform: translateY(-2px);
  border-color: var(--aton-border-strong) !important;
  box-shadow: 0 24px 54px rgba(0, 0, 0, 0.34), var(--aton-glow) !important;
}

.product-thumb h4 a,
.us-product-title,
.us-product-title a,
.product-layout .name a,
.us-category-title,
.us-categories-wall-title,
.us-four-banners-item-title,
.us-banner-plus-title,
.oct-blog-title,
.news-title {
  color: var(--aton-text-main) !important;
  font-weight: 800 !important;
}

.us-banner-plus-wrap,
.us-banner-plus-box,
.us-banner-plus-inner {
  border-radius: var(--aton-radius-lg) !important;
}

.us-banner-plus-wrap {
  background: transparent !important;
}

.us-banner-plus-box,
.aton-neon-banner {
  background:
    radial-gradient(circle at 82% 16%, rgba(34, 211, 238, 0.17), transparent 34%),
    radial-gradient(circle at 18% 100%, rgba(37, 99, 235, 0.18), transparent 42%),
    linear-gradient(145deg, rgba(3, 7, 18, 0.98), rgba(8, 24, 39, 0.94)) !important;
  border-color: rgba(34, 211, 238, 0.30) !important;
  box-shadow:
    0 22px 60px rgba(0, 0, 0, 0.38),
    0 0 0 1px rgba(34, 211, 238, 0.16),
    0 0 42px rgba(14, 165, 255, 0.22) !important;
}

.us-banner-plus-img img,
.us-four-banners-item-img img,
.aton-neon-banner-img {
  filter: none !important;
  opacity: 1 !important;
  border-radius: calc(var(--aton-radius) + 2px) !important;
  box-shadow:
    0 0 0 1px rgba(34, 211, 238, 0.20),
    0 0 30px rgba(34, 211, 238, 0.16) !important;
}

.us-banner-plus-btn,
.us-four-banners-item-btn {
  background: linear-gradient(135deg, var(--aton-cyan), var(--aton-blue-strong)) !important;
  color: #03101d !important;
  border: 1px solid rgba(132, 231, 255, 0.55) !important;
  box-shadow: 0 0 24px rgba(34, 211, 238, 0.30) !important;
}

.price,
.us-product-price,
.product-price,
.price-new,
.us-product-price-new {
  color: var(--aton-cyan) !important;
  font-weight: 900 !important;
}

.price-old,
.us-product-price-old {
  color: var(--aton-text-muted) !important;
}

.rating .fa-star,
.rating .fa-star-o {
  color: var(--aton-cyan) !important;
}

.us-categories-box,
.us-module-column-box,
#column-left .us-categories-box,
#column-right .us-categories-box {
  background: rgba(6, 17, 31, 0.94) !important;
  border: 1px solid var(--aton-border) !important;
  border-radius: var(--aton-radius-lg) !important;
  box-shadow: var(--aton-shadow) !important;
  color: var(--aton-text-main) !important;
}

.us-categories-box a,
.us-module-column-box a {
  color: var(--aton-text-soft) !important;
}

.us-categories-box a:hover,
.us-module-column-box a:hover {
  background: var(--aton-cyan-soft) !important;
  color: var(--aton-text-main) !important;
}

.nav-tabs {
  border-color: var(--aton-border) !important;
}

.nav-tabs > li > a,
.nav-tabs .nav-link {
  background: rgba(255, 255, 255, 0.045) !important;
  border-color: var(--aton-border) !important;
  color: var(--aton-text-soft) !important;
}

.nav-tabs > li.active > a,
.nav-tabs .nav-link.active,
.nav-tabs > li > a:hover,
.nav-tabs .nav-link:hover {
  background: var(--aton-cyan-soft) !important;
  border-color: var(--aton-border-strong) !important;
  color: var(--aton-text-main) !important;
}

.pagination > li > a,
.pagination > li > span {
  background: rgba(255, 255, 255, 0.055) !important;
  border-color: var(--aton-border) !important;
  color: var(--aton-text-soft) !important;
}

.pagination > .active > span,
.pagination > .active > a,
.pagination > li > a:hover {
  background: var(--aton-cyan-soft) !important;
  border-color: var(--aton-border-strong) !important;
  color: var(--aton-text-main) !important;
}

.alert {
  border-radius: var(--aton-radius) !important;
  color: var(--aton-text-main) !important;
}

.alert-info {
  background: rgba(14, 165, 255, 0.13) !important;
  border-color: rgba(14, 165, 255, 0.32) !important;
}

.alert-success {
  background: rgba(34, 197, 94, 0.13) !important;
  border-color: rgba(34, 197, 94, 0.32) !important;
}

.alert-warning {
  background: rgba(245, 158, 11, 0.13) !important;
  border-color: rgba(245, 158, 11, 0.34) !important;
}

.alert-danger,
.text-danger,
.has-error .control-label,
.has-error .help-block {
  color: #ffb45c !important;
}

.alert-danger {
  background: rgba(239, 68, 68, 0.13) !important;
  border-color: rgba(239, 68, 68, 0.34) !important;
}

.quickcheckout-content,
#checkout-checkout .panel,
.checkout-cart .panel,
.checkout-cart .table-responsive,
body[class*="account"] .panel,
body[class*="account"] .well,
body[class*="account"] .table-responsive,
.information-contact .panel,
.information-contact .well,
.information-information .panel,
.information-information .well {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.064), rgba(255, 255, 255, 0.028)) !important;
  border-color: var(--aton-border) !important;
}

input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--aton-cyan);
}

footer,
.us-footer,
#footer {
  background: linear-gradient(180deg, var(--aton-bg-section), var(--aton-bg-deep)) !important;
  border-top: 1px solid var(--aton-border) !important;
  color: var(--aton-text-soft) !important;
}

footer a,
.us-footer a,
#footer a {
  color: var(--aton-text-soft) !important;
}

footer a:hover,
.us-footer a:hover,
#footer a:hover {
  color: var(--aton-cyan) !important;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: var(--aton-bg-deep);
}

::-webkit-scrollbar-thumb {
  background: rgba(34, 211, 238, 0.36);
  border-radius: 10px;
}

*:focus-visible {
  outline: 2px solid var(--aton-cyan) !important;
  outline-offset: 2px;
}

@media (max-width: 991px) {
  html,
  body {
    width: 100%;
    overflow-x: hidden !important;
  }

  .container,
  #content,
  .row,
  .product-layout,
  .table-responsive {
    max-width: 100%;
  }

  .product-thumb,
  .us-product-thumb,
  .us-product-item,
  .panel,
  .well,
  .box {
    border-radius: var(--aton-radius) !important;
  }

  .btn,
  button,
  input[type="button"],
  input[type="submit"] {
    min-height: 42px;
  }

  .table-responsive {
    border-color: var(--aton-border) !important;
  }

  .breadcrumb,
  .us-breadcrumb {
    flex-wrap: nowrap;
    overflow-x: auto;
    white-space: nowrap;
  }
}

/* Replace legacy vivid accent values with ATON blue/cyan. */
.oct-fixed-bar-quantity,
.mobile-header-index,
#mobile_cart_index,
#us_livesearch_close,
#back-top,
#us_fixed_contact_button,
.us-fixed-contact-pulsation,
.us-news-stickers-date,
.us-module-stickers-sticker,
.us-product-stickers-sticker,
.us-product-sticker,
.us-product-info-sticker,
.us-module-item-sticker,
.us-close,
#us_menu_mobile_close,
#us_info_mobile_close,
.us-fixed-contact-item-icon {
  background: linear-gradient(135deg, var(--aton-cyan), var(--aton-blue-strong)) !important;
  color: #06111f !important;
  border-color: rgba(132, 231, 255, 0.72) !important;
  box-shadow: 0 0 0 1px rgba(132, 231, 255, 0.18), 0 12px 28px rgba(14, 165, 255, 0.28) !important;
}

.us-fixed-contact-instagram,
.us-fixed-contact-telegram,
.us-fixed-contact-whatsapp,
.us-fixed-contact-viber {
  background: linear-gradient(135deg, var(--aton-cyan), var(--aton-blue-strong)) !important;
  color: #06111f !important;
}

.us-fixed-contact-item-icon.us-fixed-contact-instagram,
.us-fixed-contact-item-icon.us-fixed-contact-telegram,
.us-fixed-contact-item-icon.us-fixed-contact-whatsapp,
.us-fixed-contact-item-icon.us-fixed-contact-viber {
  background: linear-gradient(135deg, var(--aton-cyan), var(--aton-blue-strong)) !important;
  color: #06111f !important;
}

#content .title,
.aton-home-content .title,
.us-content .title,
.us-news-title,
.us-module-title,
.us-main-shop-title,
.us-page-title,
.us-product-title {
  background: linear-gradient(90deg, rgba(14, 165, 255, 0.12), rgba(34, 211, 238, 0.04)) !important;
  color: var(--aton-text-main) !important;
  border-color: rgba(34, 211, 238, 0.22) !important;
}

#content i,
.aton-home-content i,
.us-advantages i,
.us-fixed-bar i,
.us-product-one-click i,
.us-product-compare i,
.us-product-wishlist i {
  color: var(--aton-cyan) !important;
  border-color: var(--aton-cyan) !important;
}

.ucv-b4-arrow,
.swiper-button-next,
.swiper-button-prev,
.slick-arrow {
  background: rgba(8, 24, 39, 0.94) !important;
  color: var(--aton-cyan) !important;
  border: 1px solid rgba(34, 211, 238, 0.42) !important;
  box-shadow: var(--aton-glow) !important;
}

.oct-fixed-bar-item,
.us-fixed-contact-item,
.us-product-one-click,
.us-module-btn,
.us-product-compare,
.us-product-wishlist {
  color: var(--aton-text-soft) !important;
  border-color: rgba(34, 211, 238, 0.24) !important;
}

.oct-fixed-bar-item:hover,
.us-fixed-contact-item:hover,
.us-module-btn:hover,
.us-product-one-click:hover,
.us-product-compare:hover,
.us-product-wishlist:hover {
  color: var(--aton-cyan) !important;
  border-color: rgba(34, 211, 238, 0.58) !important;
  box-shadow: var(--aton-glow) !important;
}

/* Home v4 composition. */
.aton-section-head-center {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 28px;
}

.aton-web3-proof,
.aton-web3-flow {
  position: relative;
  padding: 42px 0;
  background:
    radial-gradient(circle at 20% 10%, rgba(34, 211, 238, 0.10), transparent 30%),
    linear-gradient(180deg, rgba(3, 7, 18, 0.00), rgba(8, 24, 39, 0.72), rgba(3, 7, 18, 0.00));
}

.aton-proof-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.aton-proof-card {
  position: relative;
  min-height: 210px;
  padding: 24px;
  overflow: hidden;
  border: 1px solid rgba(34, 211, 238, 0.22);
  border-radius: var(--aton-radius-lg);
  background:
    linear-gradient(145deg, rgba(15, 35, 54, 0.92), rgba(6, 17, 31, 0.98)),
    linear-gradient(90deg, rgba(34, 211, 238, 0.12), transparent);
  box-shadow: var(--aton-shadow), var(--aton-glow);
}

.aton-proof-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background:
    linear-gradient(120deg, transparent 0%, rgba(34, 211, 238, 0.20) 48%, transparent 56%),
    linear-gradient(90deg, rgba(34, 211, 238, 0.06), transparent 44%);
  transform: translateX(-120%);
  animation: aton-neon-sweep 6s linear infinite;
}

@keyframes aton-neon-sweep {
  0% {
    transform: translateX(-120%);
    opacity: 0;
  }

  18% {
    opacity: 1;
  }

  52% {
    opacity: 1;
  }

  100% {
    transform: translateX(120%);
    opacity: 0;
  }
}

.aton-proof-card-wide {
  grid-column: span 1;
}

.aton-proof-index {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 22px;
  border-radius: 50%;
  color: #06111f;
  font-weight: 800;
  background: linear-gradient(135deg, var(--aton-cyan), var(--aton-blue));
  box-shadow: 0 0 28px rgba(34, 211, 238, 0.36);
}

.aton-proof-card h3,
.aton-flow-copy h2 {
  margin: 0 0 12px;
  color: var(--aton-text-main) !important;
  letter-spacing: 0 !important;
}

.aton-proof-card p,
.aton-flow-copy p,
.aton-flow-steps span {
  margin: 0;
  color: var(--aton-text-soft) !important;
  line-height: 1.65;
}

.aton-flow-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 520px);
  gap: 28px;
  align-items: center;
  padding: 30px;
  border: 1px solid rgba(34, 211, 238, 0.22);
  border-radius: var(--aton-radius-lg);
  background:
    linear-gradient(135deg, rgba(6, 17, 31, 0.98), rgba(8, 24, 39, 0.92)),
    linear-gradient(90deg, rgba(34, 211, 238, 0.10), transparent);
  box-shadow: var(--aton-shadow), var(--aton-glow);
}

.aton-flow-copy span {
  display: inline-block;
  margin-bottom: 10px;
  color: var(--aton-cyan);
  font-weight: 800;
  text-transform: uppercase;
  font-size: 12px;
}

.aton-flow-steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.aton-flow-steps div {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 82px;
  padding: 16px;
  border: 1px solid rgba(34, 211, 238, 0.18);
  border-radius: var(--aton-radius);
  background: rgba(255, 255, 255, 0.045);
}

.aton-flow-steps strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 40px;
  height: 40px;
  border-radius: 50%;
  color: #06111f;
  background: linear-gradient(135deg, var(--aton-cyan), var(--aton-blue-strong));
  box-shadow: 0 0 24px rgba(34, 211, 238, 0.30);
}

.aton-home-content .container > * {
  position: relative;
}

.aton-home-content img:not(.aton-hero-pc):not(.aton-hero-logo):not(.aton-neon-banner-img):not([src*="aton-lovable"]) {
  border-radius: var(--aton-radius);
  filter: none !important;
  opacity: 1 !important;
}

.aton-home-content .ucv-b4-arrow,
.aton-home-content [class*="arrow"],
.aton-home-content [class*="step"],
.aton-home-content [class*="number"] {
  color: var(--aton-cyan) !important;
  border-color: rgba(34, 211, 238, 0.38) !important;
}

.aton-home-content [style*="rgb(51, 51, 51)"],
.aton-home-content [style*="#333"],
.aton-home-content [style*="background"] {
  color: var(--aton-text-main) !important;
  border-color: rgba(34, 211, 238, 0.18) !important;
}

@media (max-width: 991px) {
  .aton-proof-grid,
  .aton-flow-panel {
    grid-template-columns: 1fr;
  }

  .aton-web3-proof,
  .aton-web3-flow {
    padding: 28px 0;
  }

  .aton-proof-card {
    min-height: 170px;
  }
}

@media (max-width: 575px) {
  .aton-proof-grid,
  .aton-flow-steps {
    grid-template-columns: 1fr;
  }

  .aton-flow-panel {
    padding: 20px;
  }
}

/* v4 full frontend hardening for OpenCart system pages. */
body[class*="account"] .well,
body[class*="account"] .panel,
body[class*="account"] .list-group,
body[class*="account"] .list-group-item,
body[class*="checkout"] .panel,
body[class*="checkout"] .panel-heading,
body[class*="checkout"] .panel-body,
body[class*="checkout"] .panel-collapse,
body[class*="checkout"] .well,
.checkout-cart .table-responsive,
.checkout-checkout .table-responsive,
.product-category .refine-search,
.product-category .category-info,
.product-category .category-description,
.product-search .search-form,
.product-search .product-search-form,
.information-contact .panel,
.information-contact .well,
.information-information #content > div,
.information-news #content > div,
.oct-blog-article,
.oct-blog-category,
.us-account-box,
.us-account-menu,
.us-content-block,
.us-sidebar-box,
.us-filter,
.us-filter-body,
.us-category-description,
.us-category-sort-panel,
.us-product-attributes,
.us-product-description,
.us-product-reviews,
.us-product-related,
.modal-content,
.popover,
.tooltip-inner {
  background: linear-gradient(145deg, rgba(8, 24, 39, 0.96), rgba(3, 7, 18, 0.98)) !important;
  border: 1px solid rgba(34, 211, 238, 0.20) !important;
  border-radius: var(--aton-radius) !important;
  color: var(--aton-text-main) !important;
  box-shadow: 0 16px 46px rgba(0, 0, 0, 0.30), 0 0 0 1px rgba(34, 211, 238, 0.08) !important;
}

.panel-heading,
.modal-header,
.modal-footer,
.popover-title,
.checkout-heading,
.us-sidebar-title,
.us-module-title,
.us-category-sort-panel {
  background: linear-gradient(90deg, rgba(14, 165, 255, 0.16), rgba(34, 211, 238, 0.05)) !important;
  border-color: rgba(34, 211, 238, 0.22) !important;
  color: var(--aton-text-main) !important;
}

.list-group-item,
a.list-group-item,
button.list-group-item,
.dropdown-menu > li > a,
.dropdown-menu .dropdown-item,
.us-menu-mobile a,
.us-menu-list a,
.us-category-wall-item a,
.us-filter-item,
.us-filter label,
.checkbox label,
.radio label {
  background: rgba(255, 255, 255, 0.035) !important;
  border-color: rgba(34, 211, 238, 0.14) !important;
  color: var(--aton-text-soft) !important;
}

.list-group-item:hover,
a.list-group-item:hover,
button.list-group-item:hover,
.dropdown-menu > li > a:hover,
.dropdown-menu .dropdown-item:hover,
.us-menu-mobile a:hover,
.us-menu-list a:hover,
.us-category-wall-item a:hover,
.us-filter-item:hover {
  background: rgba(34, 211, 238, 0.10) !important;
  color: var(--aton-cyan) !important;
  border-color: rgba(34, 211, 238, 0.34) !important;
}

.table,
.table-bordered,
.table-hover,
.table-striped,
.table > thead > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > td,
.account-order table,
.account-address table,
.account-wishlist table,
.checkout-cart table,
.checkout-checkout table {
  background-color: rgba(6, 17, 31, 0.88) !important;
  border-color: rgba(34, 211, 238, 0.16) !important;
  color: var(--aton-text-soft) !important;
}

.table > thead > tr > th,
.table thead td,
.table thead th {
  background: rgba(14, 165, 255, 0.13) !important;
  color: var(--aton-text-main) !important;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th,
.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: rgba(34, 211, 238, 0.055) !important;
}

input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--aton-cyan);
}

.form-horizontal .control-label,
.control-label,
legend,
fieldset,
.account-account h2,
.account-login h2,
.account-register h2,
.checkout-checkout h2,
.checkout-checkout h3,
.product-product h2,
.product-product h3,
.information-contact h2,
.information-contact h3 {
  color: var(--aton-text-main) !important;
}

.help-block,
.text-muted,
.us-product-info-item,
.us-product-info-item span,
.us-product-attr-item,
.us-product-attr-item span,
.account-account #content ul li,
.information-information #content li,
.information-information #content p {
  color: var(--aton-text-soft) !important;
}

.text-danger,
.has-error .help-block,
.has-error .control-label,
.alert-danger {
  color: #ffb45c !important;
}

.alert,
.alert-success,
.alert-info,
.alert-warning,
.alert-danger {
  border-radius: var(--aton-radius) !important;
  border: 1px solid rgba(34, 211, 238, 0.20) !important;
  background: rgba(8, 24, 39, 0.96) !important;
  color: var(--aton-text-main) !important;
}

.alert-success {
  border-color: rgba(34, 197, 94, 0.34) !important;
}

.alert-warning {
  border-color: rgba(245, 158, 11, 0.34) !important;
}

.alert-danger {
  border-color: rgba(239, 68, 68, 0.34) !important;
}

.pagination > li > a,
.pagination > li > span {
  min-width: 38px;
  background: rgba(255, 255, 255, 0.045) !important;
  border-color: rgba(34, 211, 238, 0.20) !important;
  color: var(--aton-text-soft) !important;
}

.pagination > .active > span,
.pagination > .active > a,
.pagination > li > a:hover,
.pagination > li > span:hover {
  background: linear-gradient(135deg, var(--aton-blue), var(--aton-cyan)) !important;
  border-color: rgba(132, 231, 255, 0.70) !important;
  color: #06111f !important;
}

.product-thumb,
.us-product-thumb,
.us-product-item {
  min-height: 100%;
}

.product-thumb .caption,
.us-product-caption,
.us-module-caption {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.product-thumb .price,
.us-module-price,
.us-product-price,
.us-price {
  color: var(--aton-success) !important;
  text-shadow: 0 0 14px rgba(34, 197, 94, 0.18);
}

.dropdown-menu,
.nav-dropdown-menu,
.us-dropdown-inner,
.us-menu-mobile,
.us-menu-list,
.us-category-wall,
.us-categories-box {
  backdrop-filter: blur(16px);
}

.modal-backdrop {
  background: rgba(3, 7, 18, 0.82) !important;
}

.close,
.modal-header .close {
  color: var(--aton-text-main) !important;
  opacity: 0.9 !important;
}

.product-product .tab-content,
.product-product .tab-content *,
.product-product .us-product-description,
.product-product .us-product-description *,
.product-product .us-product-attributes,
.product-product .us-product-attributes *,
.product-product .product-tabs,
.product-product .product-tabs * {
  border-color: rgba(34, 211, 238, 0.22) !important;
  text-shadow: none !important;
}

.product-product .tab-content,
.product-product .tab-content p,
.product-product .tab-content li,
.product-product .tab-content td,
.product-product .tab-content span,
.product-product .tab-content strong,
.product-product .tab-content b,
.product-product .tab-content a,
.product-product .us-product-description,
.product-product .us-product-description span,
.product-product .us-product-description td,
.product-product .us-product-attributes span,
.product-product .us-product-attributes td {
  color: var(--aton-text-soft) !important;
}

.product-product .tab-content h1,
.product-product .tab-content h2,
.product-product .tab-content h3,
.product-product .tab-content h4,
.product-product .us-product-description h1,
.product-product .us-product-description h2,
.product-product .us-product-description h3,
.product-product .us-product-attributes h1,
.product-product .us-product-attributes h2,
.product-product .us-product-attributes h3 {
  color: var(--aton-text-main) !important;
}

.product-product .nav-tabs,
.product-product .us-product-tabs,
.product-product .us-product-nav {
  border-color: rgba(34, 211, 238, 0.22) !important;
}

.product-product .nav-tabs > li > a,
.product-product .us-product-tabs a,
.product-product .us-product-nav a {
  color: var(--aton-text-soft) !important;
  border-color: transparent !important;
}

.product-product .nav-tabs > li.active > a,
.product-product .nav-tabs > li > a:hover,
.product-product .us-product-tabs a.active,
.product-product .us-product-tabs a:hover,
.product-product .us-product-nav a.active,
.product-product .us-product-nav a:hover {
  color: var(--aton-cyan) !important;
  background: rgba(34, 211, 238, 0.08) !important;
  border-color: rgba(34, 211, 238, 0.42) !important;
}

.product-product .nav-tabs > li.active > a::after,
.product-product .nav-tabs > li.active > a::before,
.product-product .us-product-nav-item span::after,
.product-product .us-product-nav-item span::before,
.product-product .us-product-nav-item-active span::after,
.product-product .us-product-nav-item-active span::before,
.product-product .us-product-tabs a.active::after,
.product-product .us-product-tabs a.active::before,
.product-product .us-product-nav a.active::after,
.product-product .us-product-nav a.active::before,
.product-product .tab-content h1::after,
.product-product .tab-content h1::before,
.product-product .tab-content h2::after,
.product-product .tab-content h2::before,
.product-product .tab-content h3::after,
.product-product .tab-content h3::before,
.product-product .us-product-description h1::after,
.product-product .us-product-description h1::before,
.product-product .us-product-description h2::after,
.product-product .us-product-description h2::before,
.product-product .us-product-description h3::after,
.product-product .us-product-description h3::before,
.product-product .us-product-attributes h1::after,
.product-product .us-product-attributes h1::before,
.product-product .us-product-attributes h2::after,
.product-product .us-product-attributes h2::before,
.product-product .us-product-attributes h3::after,
.product-product .us-product-attributes h3::before,
.product-product .us-product-reviews h1::after,
.product-product .us-product-reviews h1::before,
.product-product .us-product-reviews h2::after,
.product-product .us-product-reviews h2::before,
.product-product .us-product-reviews h3::after,
.product-product .us-product-reviews h3::before,
.product-product .us-product-faq-tab-content h1::after,
.product-product .us-product-faq-tab-content h1::before,
.product-product .us-product-faq-tab-content h2::after,
.product-product .us-product-faq-tab-content h2::before,
.product-product .us-product-faq-tab-content h3::after,
.product-product .us-product-faq-tab-content h3::before,
.product-product [class*="title"]::after,
.product-product [class*="title"]::before,
.product-product [class*="heading"]::after,
.product-product [class*="heading"]::before {
  background: linear-gradient(90deg, var(--aton-cyan), var(--aton-blue)) !important;
  border-color: var(--aton-cyan) !important;
  border-bottom-color: var(--aton-cyan) !important;
  box-shadow: 0 0 18px rgba(34, 211, 238, 0.24) !important;
}

.product-product [style*="color"],
.product-product [style*="border"],
.product-product [style*="background"] {
  color: var(--aton-text-soft) !important;
  border-color: rgba(34, 211, 238, 0.22) !important;
}

.product-product h1[style*="color"],
.product-product h2[style*="color"],
.product-product h3[style*="color"],
.product-product h4[style*="color"] {
  color: var(--aton-text-main) !important;
}

.bloc_aj_all,
.filter-popup,
.us-filter .filter-popup,
.us-category-appearance-btn.active,
#grid-view.active,
#list-view.active {
  background: linear-gradient(135deg, var(--aton-blue), var(--aton-cyan)) !important;
  border-color: rgba(132, 231, 255, 0.70) !important;
  color: #06111f !important;
  box-shadow: 0 14px 32px rgba(14, 165, 255, 0.28) !important;
}

#input_search,
#input-search,
#search input,
.header-input,
.us-search-input,
.us-search input {
  background: rgba(8, 24, 39, 0.96) !important;
  border-color: rgba(34, 211, 238, 0.24) !important;
  color: var(--aton-text-main) !important;
}

.us-product-nav-item span::after,
.us-product-nav-item span::before,
.us-product-nav-item-active span::after,
.us-product-nav-item-active span::before,
.us-page-main-title::after,
.us-page-main-title::before,
.us-product-description .us-page-main-title::after,
.us-product-attributes .us-page-main-title::after,
.us-reviews-top .us-page-main-title::after,
.us-product-faq-tab-content .us-page-main-title::after {
  background: linear-gradient(90deg, var(--aton-cyan), var(--aton-blue)) !important;
  border-color: var(--aton-cyan) !important;
  border-bottom-color: var(--aton-cyan) !important;
  box-shadow: 0 0 18px rgba(34, 211, 238, 0.24) !important;
}

.us-product-nav-item span,
.us-product-nav-item-active span,
.us-product-nav-item .nav-link-text,
.us-product-nav-item .nav-link-qty,
.us-page-main-title,
.us-page-main-title span {
  color: var(--aton-text-main) !important;
  text-shadow: none !important;
}

.us-product-nav-item-active span,
.us-product-nav-item span:hover {
  color: var(--aton-cyan) !important;
}

.ucv-a2-panel {
  overflow: hidden !important;
  border: 1px solid rgba(34, 211, 238, 0.24) !important;
  border-radius: var(--aton-radius-lg) !important;
  background:
    linear-gradient(100deg, rgba(3, 7, 18, 0.94), rgba(6, 17, 31, 0.80) 48%, rgba(3, 7, 18, 0.38)),
    url("../image/aton-lovable/aton-pc-assembly-neon.png") center / cover no-repeat !important;
  box-shadow: var(--aton-shadow), 0 0 70px rgba(34, 211, 238, 0.14) !important;
}

.ucv-a2-panel::before,
.ucv-a2-panel::after {
  border-color: var(--aton-cyan) !important;
  background: linear-gradient(90deg, var(--aton-cyan), var(--aton-blue)) !important;
  box-shadow: 0 0 28px rgba(34, 211, 238, 0.28) !important;
}

.ucv-a2-texts,
.ucv-a2-texts * {
  color: var(--aton-cyan) !important;
  text-shadow: 0 0 18px rgba(34, 211, 238, 0.18) !important;
}

.uc-comment,
.uc-comment__content,
.uc-numbers-inner__item {
  border: 1px solid rgba(34, 211, 238, 0.24) !important;
  background:
    linear-gradient(145deg, rgba(8, 24, 39, 0.96), rgba(3, 7, 18, 0.98)),
    linear-gradient(90deg, rgba(34, 211, 238, 0.12), transparent) !important;
  box-shadow: var(--aton-shadow), var(--aton-glow) !important;
  color: var(--aton-text-main) !important;
}

.uc-comment::before,
.uc-comment::after,
.uc-comment__content::before,
.uc-comment__content::after,
.uc-numbers-inner__item::before,
.uc-numbers-inner__item::after,
.ucv-b4-arrow::before,
.ucv-b4-arrow::after {
  background: linear-gradient(135deg, var(--aton-cyan), var(--aton-blue)) !important;
  border-color: var(--aton-cyan) !important;
  border-bottom-color: var(--aton-cyan) !important;
  box-shadow: 0 0 26px rgba(34, 211, 238, 0.28) !important;
}

.uc-user__name,
.uc-text,
.uc-numbers-inner__title,
.uc-numbers-inner__text,
.uc-numbers-inner__text *,
.uc-comment__content h3,
.uc-comment__content p {
  color: var(--aton-text-main) !important;
  text-shadow: none !important;
}

.uc-numbers-inner__title {
  color: var(--aton-cyan) !important;
}

.ucv-b4-arrow {
  border-color: rgba(34, 211, 238, 0.38) !important;
  background: rgba(8, 24, 39, 0.94) !important;
  box-shadow:
    0 0 0 1px rgba(34, 211, 238, 0.12),
    0 0 34px rgba(14, 165, 255, 0.18) !important;
}

.ucv-b4-arrow img {
  filter: none !important;
  opacity: 1 !important;
}

.us-news-block,
.oct-news-block,
.news-block {
  overflow: hidden !important;
  border: 1px solid rgba(34, 211, 238, 0.24) !important;
  border-radius: var(--aton-radius) !important;
  background:
    linear-gradient(145deg, rgba(8, 24, 39, 0.96), rgba(3, 7, 18, 0.98)),
    linear-gradient(90deg, rgba(34, 211, 238, 0.10), transparent) !important;
  box-shadow: var(--aton-shadow), var(--aton-glow) !important;
}

.us-news-block-photo,
.us-news-block-photo a {
  background: linear-gradient(145deg, rgba(8, 24, 39, 0.96), rgba(3, 7, 18, 0.98)) !important;
  border-radius: var(--aton-radius) var(--aton-radius) 0 0 !important;
  overflow: hidden !important;
}

.us-news-block-photo img {
  filter: none !important;
  opacity: 1 !important;
}

.us-news-stickers-date,
.us-news-block .badge,
.us-news-block .label {
  background: linear-gradient(135deg, var(--aton-cyan), var(--aton-blue)) !important;
  color: #06111f !important;
  border-color: rgba(132, 231, 255, 0.62) !important;
  box-shadow: 0 0 22px rgba(34, 211, 238, 0.28) !important;
}

.us-news-block-title,
.us-news-block-title:hover {
  color: var(--aton-cyan) !important;
  text-shadow: 0 0 16px rgba(34, 211, 238, 0.18) !important;
}

.us-news-block-cont,
.us-news-block-text,
.us-news-block-cont p,
.us-news-block-cont span {
  color: var(--aton-text-soft) !important;
}

.us-blog-search,
.blog-input-group,
.us-blog-article,
.us-news-article,
#us-blog-article,
#oct-blog-article,
.oct-blog-article,
.oct-news-article,
.blog-article,
.news-article {
  border: 1px solid rgba(34, 211, 238, 0.24) !important;
  border-radius: var(--aton-radius) !important;
  background:
    linear-gradient(145deg, rgba(8, 24, 39, 0.96), rgba(3, 7, 18, 0.98)),
    linear-gradient(90deg, rgba(34, 211, 238, 0.10), transparent) !important;
  color: var(--aton-text-main) !important;
  box-shadow: var(--aton-shadow), var(--aton-glow) !important;
}

.us-blog-search-title,
.us-blog-search label,
.us-blog-search .control-label {
  color: var(--aton-text-main) !important;
}

.us-blog-search-input,
.us-blog-search input,
.blog-input-group input {
  background: rgba(3, 7, 18, 0.92) !important;
  border: 1px solid rgba(34, 211, 238, 0.26) !important;
  color: var(--aton-text-main) !important;
  box-shadow: inset 0 0 0 1px rgba(34, 211, 238, 0.08) !important;
}

.us-blog-search-input::placeholder,
.us-blog-search input::placeholder {
  color: var(--aton-text-muted) !important;
}

.us-blog-search-btn,
#oct-blog-search-button,
.blog-input-group button {
  background: linear-gradient(135deg, var(--aton-cyan), var(--aton-blue)) !important;
  border-color: rgba(132, 231, 255, 0.62) !important;
  color: #06111f !important;
  box-shadow: 0 0 22px rgba(34, 211, 238, 0.28) !important;
}

.us-blog-search-btn i,
#oct-blog-search-button i,
.blog-input-group button i {
  color: #06111f !important;
}

.us-blog-article img,
.us-news-article img,
#us-blog-article img,
#oct-blog-article img,
.oct-blog-article img,
.oct-news-article img,
.blog-article img,
.news-article img,
#content .b-user-content img,
#content .b-user-content_with_border img,
.b-user-content img,
.b-user-content_with_border img,
.us-blog-post-img img,
.us-news-post-img img,
.oct-blog-post-img img,
.oct-news-post-img img {
  border-radius: var(--aton-radius) !important;
  background: rgba(3, 7, 18, 0.92) !important;
  border: 1px solid rgba(34, 211, 238, 0.20) !important;
  filter: none !important;
  opacity: 1 !important;
  box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.10), 0 0 44px rgba(34, 211, 238, 0.10) !important;
}

.us-blog-article p,
.us-news-article p,
#us-blog-article p,
#oct-blog-article p,
.oct-blog-article p,
.oct-news-article p,
.blog-article p,
.news-article p,
.us-blog-article span,
.us-news-article span,
#us-blog-article span,
#oct-blog-article span {
  color: var(--aton-text-soft) !important;
  text-shadow: none !important;
}

.us-blog-article h1,
.us-blog-article h2,
.us-blog-article h3,
.us-news-article h1,
.us-news-article h2,
.us-news-article h3,
#us-blog-article h1,
#us-blog-article h2,
#us-blog-article h3,
#oct-blog-article h1,
#oct-blog-article h2,
#oct-blog-article h3 {
  color: var(--aton-text-main) !important;
}

.us-blog-article i,
.us-news-article i,
#us-blog-article i,
#oct-blog-article i,
.oct-blog-article i,
.oct-news-article i,
.blog-article i,
.news-article i,
.us-blog-info i,
.us-news-info i,
.us-blog-article-info i,
.us-news-article-info i,
.us-blog-post-info i,
.us-news-post-info i {
  color: var(--aton-cyan) !important;
  text-shadow: 0 0 14px rgba(34, 211, 238, 0.24) !important;
}

.us-blog-info,
.us-news-info,
.us-blog-article-info,
.us-news-article-info,
.us-blog-post-info,
.us-news-post-info,
.blog-post-info,
.news-post-info {
  border-color: rgba(34, 211, 238, 0.22) !important;
  color: var(--aton-text-soft) !important;
}

.us-blog-tags,
.us-news-tags,
.blog-tags,
.news-tags,
.us-blog-tags a,
.us-news-tags a,
.blog-tags a,
.news-tags a {
  color: var(--aton-cyan) !important;
  border-color: rgba(34, 211, 238, 0.26) !important;
}

html body #content .b-user-content,
html body #content .b-user-content_with_border,
html body .b-user-content,
html body .b-user-content_with_border {
  --banner-color: var(--aton-cyan) !important;
  color: var(--aton-text-soft) !important;
  background:
    linear-gradient(145deg, rgba(8, 24, 39, 0.96), rgba(3, 7, 18, 0.98)),
    linear-gradient(90deg, rgba(34, 211, 238, 0.08), transparent) !important;
  border-color: rgba(34, 211, 238, 0.22) !important;
}

html body #content .b-user-content .title,
html body #content .b-user-content_with_border .title,
html body .b-user-content .title,
html body .b-user-content_with_border .title {
  color: var(--aton-text-main) !important;
  background:
    linear-gradient(90deg, rgba(14, 165, 255, 0.18), rgba(34, 211, 238, 0.06)) !important;
  border: 1px solid rgba(34, 211, 238, 0.24) !important;
  border-radius: var(--aton-radius) !important;
  box-shadow: 0 0 28px rgba(34, 211, 238, 0.12) !important;
}

html body #content .b-user-content .us-advantages-img,
html body #content .b-user-content_with_border .us-advantages-img,
html body .b-user-content .us-advantages-img,
html body .b-user-content_with_border .us-advantages-img {
  background: rgba(8, 24, 39, 0.96) !important;
  border: 1px solid rgba(34, 211, 238, 0.30) !important;
  box-shadow: 0 0 24px rgba(34, 211, 238, 0.22) !important;
}

html body #content .b-user-content .us-advantages-img i,
html body #content .b-user-content_with_border .us-advantages-img i,
html body .b-user-content .us-advantages-img i,
html body .b-user-content_with_border .us-advantages-img i,
html body #content .b-user-content i.far,
html body #content .b-user-content i.fas,
html body #content .b-user-content_with_border i.far,
html body #content .b-user-content_with_border i.fas {
  color: var(--aton-cyan) !important;
  text-shadow: 0 0 16px rgba(34, 211, 238, 0.28) !important;
}

html body .us-advantages-img,
html body #block-0-1 .us-advantages-img,
html body #content #block-0-1 .us-advantages-img {
  background: rgba(8, 24, 39, 0.96) !important;
  border: 1px solid rgba(34, 211, 238, 0.30) !important;
  box-shadow: 0 0 24px rgba(34, 211, 238, 0.22) !important;
}

html body .us-advantages-img i,
html body #block-0-1 .us-advantages-img i,
html body #content #block-0-1 .us-advantages-img i,
html body .us-advantages-img i.far,
html body .us-advantages-img i.fas {
  color: var(--aton-cyan) !important;
  text-shadow: 0 0 16px rgba(34, 211, 238, 0.28) !important;
}
