/* ============================================
   ASMAN X - Dark Theme Override
   ============================================ */

/* --- Base with !important to override Bitrix cache --- */
html {
    background-color: #0d0d0d !important;
}

body {
    background-color: #0d0d0d !important;
    color: #e0e0e0 !important;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #fff !important;
}

a {
    color: inherit;
}

p, li, span, td, th, label, dt, dd {
    color: inherit;
}

/* --- Header --- */
.header {
    background: rgba(13, 13, 13, 0.95) !important;
    border-color: #222 !important;
}

.header .header-nav a {
    color: #e0e0e0 !important;
}

.header .header-nav a:hover {
    color: #fff !important;
}

.header .buy-btn {
    background-color: #fff !important;
    border-color: #fff !important;
}

.header .buy-btn span {
    color: #0d0d0d !important;
}

/* --- Menu overlay --- */
.menu {
    background-color: #0d0d0d !important;
}

.menu-nav a {
    color: #e0e0e0 !important;
}

.menu-nav a:hover {
    color: #fff !important;
}

/* --- Sections --- */
section {
    background-color: #0d0d0d !important;
}

/* --- Horizontal scroll section --- */
.horizontal {
    background-color: #111 !important;
}

.horizontal .title,
.horizontal .num {
    color: #fff !important;
}

.horizontal .txt {
    color: #242424 !important;
}

/* --- Advantages --- */
.advantages {
    background-color: #0d0d0d !important;
}

.advantages .h4,
.advantages .h2,
.advantages .title-wrapper h2 {
    color: #fff !important;
}

.advantages-list li p {
    color: #242424!important;
}

.advantages-list li svg circle {
    fill: #1a1a2e !important;
}

/* --- Production section --- */
.production {
    background-color: #0d0d0d !important;
}

.production .h4,
.production .h2 {
    color: #fff !important;
}

.production-list li {
    background: #1a1a1a !important;
}

.production-list li p {
    color: #e0e0e0 !important;
}

.production-list li .arrow span {
    color: #e0e0e0 !important;
}

.production-list li .arrow rect {
    stroke: #555 !important;
}

.production-list li .arrow path {
    stroke: #e0e0e0 !important;
}

/* --- Where / Clients section --- */
.where {
    background-color: #0d0d0d !important;
}

.where .h4,
.where .h2 {
    color: #fff !important;
}

.where-list__item {
    background: #1a1a1a !important;
}

.where-list__item .store-name {
    color: #242424 !important;
}

/* --- Facts section --- */
.facts {
    background-color: #0d0d0d !important;
}

.facts-list__item .txt-wrapper {
    position: relative;
    overflow: hidden;
    padding: 30px;
}

.facts-list__item .txt-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(167.55deg, rgb(70, 86, 134) -13.803%, rgba(70, 86, 134, 0) 35.342%, rgba(70, 86, 134, 0) 55.77%, rgba(70, 86, 134, 0.1) 107.327%);
    pointer-events: none;
    z-index: 0;
}

.facts-list__item .txt-wrapper h2 {
    color: #fff !important;
    position: relative;
    z-index: 1;
}

.facts-list__item .txt-wrapper p {
    color: #ccc !important;
    position: relative;
    z-index: 1;
}

.facts-list__item .img-wrapper .footnote {
    color: #fff !important;
}

/* --- CTA section --- */
.cta {
    background-color: #111 !important;
}

.cta .h2,
.cta .txt-wrapper h2 {
    color: #fff !important;
}

.cta .txt-wrapper p {
    color: #ccc !important;
}

/* --- Footer --- */
.footer {
    background-color: #0a0a0a !important;
}

.footer-top .contacts a {
    color: #ccc !important;
}

.footer-top .contacts .address-title,
.footer-top .contacts p {
    color: #999 !important;
}

.footer-top .footer-nav h6 {
    color: #fff !important;
}

.footer-top .footer-nav ul li a {
    color: #aaa !important;
}

.footer-top .footer-nav ul li a:hover {
    color: #fff !important;
}

.footer-bottom {
    background-color: #050505 !important;
}

.footer-bottom p,
.footer-bottom a {
    color: #888 !important;
}

.footer-bottom a:hover {
    color: #fff !important;
}

/* --- Product pages --- */
.item-info-wrapper {
    background-color: #0d0d0d !important;
}

.item-top .content-wrapper h6,
.item-top .content-wrapper .h2,
.item-review .txt-wrapper h4,
.item-review .txt-wrapper .h2,
.item-characteristics .title-wrapper h4,
.item-characteristics .title-wrapper .h2,
.item-accessories .h2,
.item-use-cases .h2 {
    color: #fff !important;
}

.item-top .content-wrapper .txt,
.item-top .content-wrapper p,
.item-review .txt-wrapper p {
    color: #ccc !important;
}

.item-review {
    background-color: #111 !important;
}

.item-characteristics {
    background-color: #0d0d0d !important;
}

.item-characteristics .characteristics-list-wrapper ul li h6 {
    color: #999 !important;
}

.item-characteristics .characteristics-list-wrapper ul li p {
    color: #e0e0e0 !important;
}

.characteristics-list-wrapper {
    background: #1a1a1a !important;
}

/* --- Icons on product pages --- */
.icon-wrapper {
    background: #1a1a2e !important;
}

.icons-list li p {
    color: #e0e0e0 !important;
}

/* --- Catalog page --- */
.catalog {
    background-color: #0d0d0d !important;
}

.catalog .h2,
.catalog .h1 {
    color: #fff !important;
}

.catalog .h4 {
    color: #ccc !important;
}

.power-elements-list__item {
    background: #1a1a1a !important;
}

.power-elements-list__item .txt-wrapper h6 {
    color: #999 !important;
}

.power-elements-list__item .txt-wrapper .h2,
.power-elements-list__item .txt-wrapper h3 {
    color: #fff !important;
}

.power-elements-list__item .txt-wrapper p {
    color: #ccc !important;
}

.power-elements-list__item .img-wrapper span {
    color: #fff !important;
    background: rgba(0, 0, 0, 0.5) !important;
}

.product-info__item h6 {
    color: #999 !important;
}

.product-info__item p {
    color: #ccc !important;
}

/* --- Contacts page --- */
.contacts {
    background-color: #0d0d0d !important;
}

.contacts .h4,
.contacts .h2 {
    color: #fff !important;
}

.contacts .address-wrapper h6 {
    color: #999 !important;
}

.contacts .address-wrapper a,
.contacts .address-wrapper p {
    color: #e0e0e0 !important;
}

/* --- Form elements --- */
.form-wrapper {
    background: #1a1a1a !important;
}

.form-wrapper .label {
    color: #ccc !important;
}

.form-wrapper input,
.form-wrapper textarea,
.form-wrapper select {
    background-color: #111 !important;
    border-color: #333 !important;
    color: #e0e0e0 !important;
}

.form-wrapper input::placeholder,
.form-wrapper textarea::placeholder {
    color: #666 !important;
}

.form-wrapper .check-wrapper label {
    color: #999 !important;
}

/* --- Buttons --- */
.btn--dark {
    background-color: #e0e0e0 !important;
    color: #0d0d0d !important;
}

.btn--dark span {
    color: #0d0d0d !important;
}

.btn--dark:hover {
    background-color: #fff !important;
}

.btn--white {
    background-color: #fff !important;
    color: #0d0d0d !important;
}

.btn--white span {
    color: #0d0d0d !important;
}

.btn--stroke-white {
    border-color: #555 !important;
    color: #fff !important;
}

.btn--stroke-white:hover {
    border-color: #fff !important;
}

.btn--sm {
    background-color: #fff !important;
    border-color: #fff !important;
}

.btn--sm span {
    color: #0d0d0d !important;
}

/* --- Tesla / About page --- */
.tesla-whois {
    background-color: #0d0d0d !important;
}

.tesla-whois .txt-wrapper h2 {
    color: #fff !important;
}

.tesla-whois .txt-wrapper p {
    color: #ccc !important;
}

.tesla-ideas {
    background-color: #0d0d0d !important;
}

.tesla-ideas .h4,
.tesla-ideas .h2 {
    color: #fff !important;
}

.tesla-ideas .ideas-list li .txt-wrapper h5 {
    color: #fff !important;
}

.tesla-ideas .ideas-list li .txt-wrapper h6 {
    color: #999 !important;
}

.tesla-ideas .ideas-list li .txt-wrapper p {
    color: #ccc !important;
}

.tesla-history {
    background-color: #0d0d0d !important;
}

.tesla-history .h4,
.tesla-history .h2 {
    color: #fff !important;
}

.tesla-history .history-list li .txt-wrapper .year {
    color: #292635 !important;
}

.tesla-history .history-list li .txt-wrapper .title {
    color: #fff !important;
}

.tesla-history .history-list li .txt-wrapper .txt {
    color: #ccc !important;
}

.tesla-quote {
    background-color: #111 !important;
}

.tesla-quote .txt-wrapper h2 {
    color: #e0e0e0 !important;
}

.tesla-quote .subscribe-wrapper .whois p {
    color: #999 !important;
}

.tesla-earth {
    background-color: #0d0d0d !important;
}

.tesla-earth .txt-wrapper h2 {
    color: #fff !important;
}

.tesla-earth .txt-wrapper p {
    color: #ccc !important;
}

/* --- Top main slider --- */
.top-main {
    background-color: #0d0d0d !important;
}

.top-item .txt-wrapper h4,
.top-item .txt-wrapper h2,
.top-item .txt-wrapper .h1 {
    color: #fff !important;
}

.top-item .txt-wrapper p {
    color: #ddd !important;
}

/* --- Top nav bar on product pages --- */
.top-nav {
    background: #0d0d0d !important;
    border-bottom-color: #222 !important;
}

.top-nav .nav-wrapper a {
    color: #999 !important;
}

.top-nav .nav-wrapper a.active,
.top-nav .nav-wrapper a:hover {
    color: #fff !important;
}

.top-nav .back-link span {
    color: #e0e0e0 !important;
}

.top-nav .back-link path {
    stroke: #e0e0e0 !important;
}

.top-nav .back-link rect {
    stroke: #555 !important;
}

/* --- Modal overlay --- */
.modal-overlay {
    background: rgba(0, 0, 0, 0.8) !important;
}

.modal-close-btn path {
    stroke: #e0e0e0 !important;
}

/* --- Accessories page specific --- */
.item-accessories h4 {
    color: #fff !important;
}

.item-accessories p {
    color: #ccc !important;
}

.item-use-cases ul li {
    color: #e0e0e0 !important;
}

.item-use-cases {
    background: #111 !important;
}

/* --- Scrollbar --- */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #0d0d0d;
}

::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* --- Selection --- */
::selection {
    background: #333;
    color: #fff;
}

/* --- Slider navigation buttons --- */
.top-slider-button-prev,
.top-slider-button-next {
    background: rgba(255,255,255,0.1) !important;
    border-color: #555 !important;
}

.top-slider-button-prev:hover,
.top-slider-button-next:hover {
    background: rgba(255,255,255,0.2) !important;
}

.top-slider-button-prev path,
.top-slider-button-next path {
    stroke: #fff !important;
}

/* --- Slider pagination --- */
.top-slider-pagination .swiper-pagination-bullet {
    background: #555 !important;
}

.top-slider-pagination .swiper-pagination-bullet-active {
    background: #fff !important;
}

/* --- Where slider controls --- */
.where-slider-button-prev,
.where-slider-button-next {
    background: rgba(255,255,255,0.1) !important;
}

.where-slider-button-prev path,
.where-slider-button-next path {
    stroke: #fff !important;
}

/* --- SVG arrow icons in sections --- */
.production-list .arrow rect {
    stroke: #555 !important;
}

.production-list .arrow path {
    stroke: #e0e0e0 !important;
}

/* --- Links in text --- */
.txt-wrapper a,
.content-wrapper a {
    color: #8ab4f8 !important;
}

.txt-wrapper a:hover,
.content-wrapper a:hover {
    color: #aecbfa !important;
}

/* --- Table styles --- */
table {
    border-color: #333 !important;
}

td, th {
    border-color: #333 !important;
    color: #e0e0e0 !important;
}

/* --- Address title --- */
.address-title {
    color: #999 !important;
}

/* --- Buy button / CTA specific --- */
.buy-btn {
    background-color: #fff !important;
    border-color: #fff !important;
}

/* --- Ensure all container backgrounds are dark --- */
.container {
    background: transparent;
}

/* --- Bitrix specific overrides --- */
.bx-active,
.bx-active span {
    color: #fff !important;
}

/* --- Swiper overrides --- */
.swiper-slide {
    background: #0d0d0d !important;
}

/* --- General text classes --- */
.txt {
    color: #ccc !important;
}

.title {
    color: #fff !important;
}

.num {
    color: #fff !important;
}

/* --- Back link button stroke --- */
.back-link rect {
    stroke: #555 !important;
}

.back-link path {
    stroke: #e0e0e0 !important;
}

.back-link span {
    color: #e0e0e0 !important;
}

/* --- Hamburger menu button --- */
.burger {
    border-color: #e0e0e0 !important;
}

.burger::before,
.burger::after {
    background: #e0e0e0 !important;
}