:root {
    --hy-bg-primary: #111317;
    --hy-bg-card: #1a1d23;
    --hy-accent: #00aaff;
    --hy-primary: #d3122c;
    --hy-text: #fafafa;
    --hy-text-muted: #8f96a3;
    --hy-border: #2b303b;
    --hy-border-subtle: #21242c;
    --whatsapp-green: #25d366;
    --hy-phone-btn-bg: #ffffff;
}

body {
    background-color: var(--hy-bg-primary) !important;
    color: var(--hy-text);
}

h1,
h2,
h3,
h4,
h5,
h6,
.title {
    color: var(--hy-text) !important;
}

a {
    color: var(--hy-text-muted);
}

a:hover {
    color: var(--hy-accent);
}

.header,
.header-top,
.header-middle,
.header-bottom,
.sticky-header {
    background-color: var(--hy-bg-primary) !important;
    border-color: var(--hy-border-subtle) !important;
    box-shadow: none !important;
}

.main-nav .menu > li > a,
.main-nav .menu > li > span,
.header-call a,
.header .call-info h4,
.header .call-info a,
a.phone-number,
.header-bottom .header-right > a,
.header-top .dropdown-toggle.language_selector {
    color: #ffffff !important;
}

.main-nav .menu > li > a:hover {
    color: var(--hy-accent) !important;
}

.w-icon-hamburger,
.w-icon-hamburger::before,
.w-icon-hamburger::after {
    color: #ffffff !important;
}

.breadcrumb-nav {
    background-color: var(--hy-bg-primary) !important;
}

.breadcrumb {
    background-color: transparent !important;
}

.breadcrumb-item a,
.breadcrumb-item.active {
    color: var(--hy-text-muted) !important;
}

.page-wrapper,
.main {
    background-color: var(--hy-bg-primary);
}

.shop-content,
.toolbox,
.toolbox-horizontal,
.sticky-toolbox,
.nav-wrapper {
    background-color: var(--hy-bg-primary) !important;
    border-color: var(--hy-border) !important;
    color: var(--hy-text) !important;
}

.sidebar,
.sidebar-content,
.shop-sidebar,
.filter-section {
    background-color: var(--hy-bg-primary) !important;
    border-color: var(--hy-border-subtle) !important;
}

.search-select {
    background-color: var(--hy-bg-card) !important;
    color: var(--hy-text) !important;
    border-color: var(--hy-border) !important;
}

.sidebar .widget-title,
.collapsible .card-header,
.collapsible .card-header a {
    color: var(--hy-text) !important;
    border-color: var(--hy-border) !important;
    background-color: var(--hy-bg-primary) !important;
}

.collapsible .card-body {
    background-color: var(--hy-bg-primary) !important;
}

.sidebar label,
.sidebar .filter-items li,
.sidebar .filter-items li label {
    color: var(--hy-text-muted) !important;
}

.mariaje_card,
.product-wrap .product,
.product-details,
.product-details-wrapper {
    background: var(--hy-bg-card) !important;
    color: var(--hy-text) !important;
}

.product-wrap .product {
    border-color: var(--hy-border) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

.car_card .car_name,
.car_card .car_name a,
.black-link,
.product-title h3 a,
.product-title h3 a:hover {
    color: var(--hy-text) !important;
}

.product-title h3 a:hover,
.black-link:hover {
    color: var(--hy-accent) !important;
    font-weight: normal;
}

.product-detail,
.left-detail,
.right-detail,
.plp_text_color,
.product-version,
.product-detail span {
    color: var(--hy-text-muted) !important;
}

.product-detail hr {
    border-color: var(--hy-border);
}

.gross-price-title,
.net-price-title,
.product-detail .gross-price-title,
.product-detail .net-price-title,
.product-price-detail .product-detail span:last-child {
    color: var(--hy-text) !important;
}

.previous-price {
    color: var(--hy-primary) !important;
}

.product .status-offer {
    background-color: var(--hy-primary) !important;
}

.details_button.in-stock-button,
.in-stock-button {
    background-color: #ffffff !important;
}

.details_button.in-stock-button a,
.details_button.in-stock-button a p {
    color: var(--hy-bg-primary) !important;
}

.offer_button {
    background-color: var(--hy-accent) !important;
    transition: transform 0.2s ease;
}

.offer_button:hover {
    transform: scale(1.03);
}

.offer_button a,
.offer_button a p {
    color: #ffffff !important;
}

.ask-for-details {
    border-color: var(--hy-accent) !important;
    color: var(--hy-text) !important;
}

.ask-for-details:hover,
.ask-for-details:focus {
    transform: scale(1.03);
}

.ask-for-details img {
    filter: brightness(0) invert(1) !important;
}

.watermark-container {
    background: var(--hy-accent) !important;
}

.details_button:not(.in-stock-button) {
    background-color: var(--hy-accent) !important;
    transition: transform 0.2s ease;
}

.details_button:not(.in-stock-button):hover {
    transform: scale(1.03);
}

.details_button:not(.in-stock-button) a p {
    color: #ffffff !important;
}

.load-more-btn {
    background-color: var(--hy-accent) !important;
    color: #ffffff !important;
    transition: transform 0.2s ease;
}

.load-more-btn:hover {
    transform: scale(1.03);
}

.reserve-car-btn {
    background-color: var(--hy-accent) !important;
    transition: transform 0.2s ease;
}

.reserve-car-btn:hover {
    transform: scale(1.03);
}

.btn.btn-primary.btn-outline,
.btn.btn-primary.btn-outline.btn-rounded,
.left-sidebar-toggle {
    color: var(--hy-accent) !important;
    border-color: var(--hy-accent) !important;
}

.btn.btn-primary.btn-outline:hover,
.left-sidebar-toggle:hover {
    background-color: var(--hy-accent) !important;
    color: #ffffff !important;
}

.search_section {
    background: var(--hy-bg-card) !important;
    border-color: var(--hy-border) !important;
    box-shadow: none !important;
}

.search_section select,
.price_up_to {
    background-color: var(--hy-bg-primary) !important;
    color: var(--hy-text) !important;
    border-color: var(--hy-border) !important;
}

.price_up_to::placeholder {
    color: var(--hy-text-muted) !important;
}

.page-link {
    background-color: var(--hy-bg-card) !important;
    border-color: var(--hy-border) !important;
    color: var(--hy-accent) !important;
}

.page-link:hover {
    background-color: var(--hy-accent) !important;
    color: #ffffff !important;
    border-color: var(--hy-accent) !important;
}

.fa-chevron-right,
.fa-chevron-left {
    color: var(--hy-text-muted) !important;
}

.pdp-archived.pdp-archived-theme-dark {
    --pdp-archived-skeleton-bg: var(--hy-bg-card) !important;
    --pdp-archived-text: var(--hy-text) !important;
}

.car_container {
    background-color: transparent !important;
    border-color: var(--hy-border) !important;
}

.car_photo,
.car_price_section,
.car_properties,
.gallery_section,
.description_section,
.feature_section {
    background-color: var(--hy-bg-card) !important;
    border-color: var(--hy-border) !important;
}

.car_price_section p,
.car_properties_container {
    color: var(--hy-text) !important;
}

.car_id {
    color: var(--hy-text-muted) !important;
}

.description_container h3,
.feature_section h3,
.car-name,
.stock {
    color: var(--hy-accent) !important;
}

.checkbox_custom label {
    color: var(--hy-text-muted) !important;
}

.call_button {
    background: var(--hy-accent) !important;
    transition: transform 0.2s ease;
}

.call_button:hover {
    transform: scale(1.03);
}

.product.product-single {
    background-color: transparent !important;
}

.product-single .product-details,
.car-details-wrapper {
    background-color: var(--hy-bg-primary) !important;
    border-color: var(--hy-border) !important;
}

.make-model-version .product-title-make,
.make-model-version .product-title-model {
    color: var(--hy-text) !important;
}

.price_gross .value {
    color: var(--hy-text) !important;
}

.price-net {
    color: var(--hy-text-muted) !important;
}

.product-divider {
    border-color: var(--hy-border) !important;
}

.car-details-wrapper .icon-box-content h5 {
    color: var(--hy-text) !important;
}

.car-details-wrapper .icon-box-content p {
    color: var(--hy-text-muted) !important;
}

.location {
    color: var(--hy-text) !important;
}

.location img {
    filter: brightness(0) invert(1);
}

.get-in-touch a:first-child img {
    filter: brightness(0) !important;
}

.description-section {
    background-color: var(--hy-bg-primary) !important;
    border-color: var(--hy-border) !important;
    color: var(--hy-text) !important;
}

.description-section #shrinkable,
.description-section #product-tab-description p,
.description-section #product-tab-description div {
    color: var(--hy-text-muted) !important;
}

#shrinkable .car-description-read-more,
#shrinkable #moreLink {
    color: var(--hy-accent) !important;
}

.description-section .title-link-wrapper h3 {
    color: var(--hy-text) !important;
}

.description-section hr {
    border-color: var(--hy-border) !important;
}

.leasing-calculator {
    background-color: var(--hy-bg-primary) !important;
    color: var(--hy-text) !important;
}

.leasing-calculator hr {
    border-color: var(--hy-border) !important;
}

.leasing-calculator .price-infos-container {
    background-color: var(--hy-bg-card) !important;
    border: 1px solid var(--hy-border);
    border-radius: 4px;
}

.leasing-calculator h3,
.leasing-calculator h5,
.leasing-calculator .months,
.leasing-calculator .monthly-amount,
.leasing-calculator .initial-payment,
.price-info-title,
.price-info-amount,
.simulator-info {
    color: var(--hy-text) !important;
}

.vendor-product-section .title-link-wrapper h3 {
    color: var(--hy-text) !important;
}

.widget.widget-icon-box {
    background-color: var(--hy-bg-card) !important;
    border-color: var(--hy-border) !important;
}

.icon-box.icon-box-side {
    border-color: var(--hy-border) !important;
}

.icon-box-icon.text-dark {
    color: var(--hy-accent) !important;
}

.icon-box-title {
    color: var(--hy-text) !important;
}

.widget.widget-icon-box .icon-box-content p {
    color: var(--hy-text-muted) !important;
}

.banner.banner-fixed {
    background-color: transparent !important;
}

.terms-content p,
.terms-content ul,
.terms-content li,
.terms-content strong {
    color: var(--hy-text-muted) !important;
}

.contact-container,
.static-container {
    background: var(--hy-bg-primary) !important;
    border-color: var(--hy-border) !important;
    box-shadow: none !important;
}

.contact-us-title,
.static-container h1 {
    color: var(--hy-accent) !important;
}

.static-container > div,
.static-container > div p,
.static-container > div ul,
.static-container > div li {
    color: var(--hy-text-muted) !important;
}

.contact-us .icon-box-primary .icon-box-icon i {
    color: var(--hy-accent) !important;
}

.contact-us-info .contact-info svg,
.contact-us-info .contact-info svg path,
.contact-us-info .contact-info svg circle,
.contact-us-info .contact-info svg rect {
    stroke: var(--hy-text-muted) !important;
    stroke-width: 0.8 !important;
}

.contact-us-info a {
    color: var(--hy-text-muted) !important;
}

.contact-us-info a:hover {
    color: var(--hy-primary) !important;
}

.contact-us-info > p {
    color: var(--hy-text-muted) !important;
}

.contact-us-info > p:first-of-type {
    color: var(--hy-text) !important;
}

.form-section input,
.form-section textarea {
    background-color: var(--hy-bg-primary) !important;
    color: var(--hy-text) !important;
    border-color: var(--hy-border) !important;
}

.form-section input::placeholder,
.form-section textarea::placeholder {
    color: var(--hy-text-muted) !important;
}

.form-name span {
    background-color: var(--hy-bg-card) !important;
    color: var(--hy-text-muted) !important;
}

footer.footer,
.page-footer {
    background-color: var(--hy-bg-primary) !important;
    border-top: 1px solid var(--hy-border-subtle);
}

.footer .widget-title {
    color: var(--hy-text) !important;
    border-color: var(--hy-border) !important;
}

.footer .widget-body li,
.footer .widget-body li a {
    color: var(--hy-text-muted) !important;
}

.footer .widget-body li a:hover {
    color: var(--hy-primary) !important;
    font-weight: normal;
}

.footer .footer-copyright,
.footer .footer-copyright a,
.footer-link a {
    color: var(--hy-text-muted) !important;
}

.footer .footer-copyright a:hover {
    color: var(--hy-primary) !important;
}

.brands-swiper img[alt="CarVertical"] {
    filter: brightness(0) invert(1);
    opacity: 0.85;
}

.swiper-pagination .swiper-pagination-bullet-active,
.swiper-theme .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--hy-accent) !important;
    border-color: var(--hy-accent) !important;
}

.swiper-theme .swiper-button-prev,
.swiper-theme .swiper-button-next {
    color: var(--hy-accent) !important;
}

.swiper-theme .swiper-button-prev:not(.swiper-button-disabled):hover,
.swiper-theme .swiper-button-prev:not(.swiper-button-disabled):active,
.swiper-theme .swiper-button-prev:not(.swiper-button-disabled):focus,
.swiper-theme .swiper-button-next:not(.swiper-button-disabled):hover,
.swiper-theme .swiper-button-next:not(.swiper-button-disabled):active,
.swiper-theme .swiper-button-next:not(.swiper-button-disabled):focus {
    color: #fff !important;
    background-color: var(--hy-accent) !important;
    border-color: var(--hy-accent) !important;
}

.footer .widget-body li a img,
.contact-us-info a img {
    filter: brightness(0) invert(1);
    opacity: 0.85;
}

.social-media a svg,
.social-media a svg path {
    fill: white !important;
}

.request-offer-modal-content {
    background: var(--hy-bg-card) !important;
    box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.5) !important;
}

.request-offer-modal-header h2 {
    color: var(--hy-text) !important;
}

.request-offer-modal-header .close-modal {
    color: var(--hy-text-muted) !important;
}

.request-offer-modal-header .close-modal:hover {
    color: var(--hy-text) !important;
}

.request-offer-subtitle {
    color: var(--hy-text-muted) !important;
}

.request-offer-field input,
.request-offer-message-wrapper textarea {
    background: var(--hy-bg-primary) !important;
    border-color: var(--hy-border) !important;
    color: var(--hy-text) !important;
}

.request-offer-field input:focus,
.request-offer-message-wrapper textarea:focus {
    border-color: var(--hy-accent) !important;
}

.request-offer-field input::placeholder,
.request-offer-message-wrapper textarea::placeholder {
    color: var(--hy-text-muted) !important;
}

.person-type-label,
.person-type-option,
.person-type-text {
    color: var(--hy-text) !important;
}

input[type="radio"] {
    accent-color: var(--hy-accent);
    margin-right: 4px !important;
}

.request-offer-btn,
.request-offer-form .request-offer-submit-button {
    background-color: var(--hy-accent) !important;
    transition: transform 0.2s ease;
}

.request-offer-btn:hover,
.request-offer-form .request-offer-submit-button:hover {
    transform: scale(1.03);
}

.gdpr-container label {
    color: var(--hy-text-muted) !important;
}

.gdpr-container .gdpr-link {
    color: var(--hy-text) !important;
}

.gdpr-container .gdpr-link:hover {
    color: var(--hy-primary) !important;
}

.google-announce-container {
    color: var(--hy-text-muted) !important;
}

.google-announce-container a {
    color: var(--hy-text) !important;
}

.google-announce-container a:hover {
    color: var(--hy-primary) !important;
}

.mobile-menu,
.mobile-menu-wrapper,
.mobile-menu-container {
    background-color: var(--hy-bg-primary) !important;
}

.mobile-menu li a,
.mobile-menu li span,
.mobile-menu-title {
    color: var(--hy-text) !important;
    border-color: var(--hy-border) !important;
}

.mobile-menu li a:hover {
    color: var(--hy-accent) !important;
}

.modal-content-cookie {
    background-color: var(--hy-bg-card) !important;
}

.cookie_info {
    color: var(--hy-text) !important;
}

#scroll-top {
    background-color: transparent !important;
    color: var(--hy-text) !important;
}

#scroll-top #progress-indicator {
    stroke: var(--hy-accent) !important;
}

.white-card,
.white-card-no-height,
.white-card-no-height-no-margin {
    background-color: var(--hy-bg-card) !important;
    border-color: var(--hy-border) !important;
}

.cta-get-car,
.login_right_side button,
.error-button,
.contact-us-submit {
    background-color: var(--hy-accent) !important;
    color: #ffffff !important;
    background: var(--hy-accent) !important;
    transition: transform 0.2s ease;
}

.cta-get-car:hover,
.login_right_side button:hover,
.error-button:hover,
.contact-us-submit:hover {
    background-color: var(--hy-accent) !important;
    background: var(--hy-accent) !important;
    opacity: 1 !important;
    transform: scale(1.03);
}

.cookie_btn {
    background-color: var(--hy-accent) !important;
    color: #ffffff !important;
    transition: transform 0.2s ease;
}

.cookie_btn:hover {
    transform: scale(1.03);
}

.slider::-webkit-slider-thumb {
    background: var(--hy-accent) !important;
    border-color: var(--hy-accent) !important;
}

.slider::-moz-range-thumb {
    background: var(--hy-accent) !important;
    border-color: var(--hy-accent) !important;
}

.request-offer-form .error-message {
    color: var(--hy-accent) !important;
}

.modal-overlay .form-response-modal-container {
    background-color: var(--hy-bg-card) !important;
    color: var(--hy-text) !important;
}

.modal-overlay .modal-heading,
.modal-overlay .modal-subtext {
    color: var(--hy-text) !important;
}

.modal-overlay .success-button {
    background-color: var(--hy-accent) !important;
}

.modal-overlay .success-button:hover {
    background-color: var(--hy-accent) !important;
    color: #fff !important;
}

.modal-overlay .success-icon {
    filter: brightness(0) saturate(100%) invert(52%) sepia(77%) saturate(1089%) hue-rotate(175deg) brightness(103%)
        contrast(104%);
}

.modal-overlay .error-icon {
    border-color: var(--hy-accent) !important;
}

.modal-overlay .close-modal-icon {
    filter: invert(1);
}