/* 
Theme Name:INEOS Child
Description: INEOS theme
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

h1,h2,h3,h4,h5,h6 {
    font-family: 'Oswald';
}

h4 {
    font-size: 22px;
}

nav > ul li:first-child a{padding-left:0!important;}

.enquire-svg svg {
    width: 24px !important;
}

#marketing .wpcf7-list-item {
    display: inline-block;
	margin: 0px 0px 0px 10px;
}
.enquire-svg:hover svg path {
    fill: var(--e-global-color-secondary) !important;
}

.enquire-svg .elementor-button:hover {
    background-color: #fff !important;
    font-family: "Oswald", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    fill: var(--e-global-color-secondary) !important;
    color: var(--e-global-color-secondary) !important;
    border: 1px solid #B61615;
    border-radius: 0px 0px 0px 0px;
    padding: 29px 30px 30px 25px;
}

.letter-A:after {
    position: absolute;
    background: url(/wp-content/uploads/2025/05/Grenadier-A.webp) no-repeat center;
    width: 50%;
    min-height: 220px;
    background-size: contain;
    content: "";
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    bottom: -25px;
}

.letter-A {
    position: relative;
}

.txt-index {
    position: relative;
    z-index: 2
}

.elementor-button.elementor-slide-button {
    min-width: 220px;
}


.form-2cols {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    column-gap: 20px;
}

.col-span {
    grid-column: span 2;
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    border: 1px solid #E8E7E7;
    height: 50px;
    border-radius: 4px;
    color: rgb(0, 21, 44);
    font-size: 12px;
    outline: 0!important;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-size: 12px;
    color: #9D9D9C;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    font-size: 12px;
    color: #9D9D9C;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-size: 12px;
    color: #9D9D9C;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    font-size: 12px;
    color: #9D9D9C;
}
select option[value=""] {
    color: #9D9D9C !important;
}

.wpcf7 input:hover {
    border: #9D9D9C 1px solid;
}

textarea {
    height: 200px;
}

.wpcf7 p {
    color: #4E4E4E;
    font-size: 14px;
    line-height: 20px;
        font-family: 'Roboto';
}

.wpcf7-list-item {
    display: block;
    margin: 0;
}

.wpcf7 h5 {
    font-size: 18px;
    font-weight: 700;
    font-family: "Oswald", Sans-serif;
    letter-spacing: 0.04em;
}

.wpcf7-checkbox input {
    height: 15px;
    width: 15px;
    float: left;
    margin-right: 5px;
}

span.wpcf7-list-item.first {
    margin-left: 0;
}

.wpcf7-submit {
    background: var(--e-global-color-secondary);
    color: #fff;
    width: 100%;
    border-radius: 0;
    margin-top: 20px;
    height: 50px;
    border: 1px solid var(--e-global-color-secondary)!important;
    font-family: var(--e-global-typography-primary-font-family);
    font-weight: 700;
}

.wpcf7-submit:hover, .wpcf7-submit:focus {
    color: var(--e-global-color-secondary);
    background: #fff;
    outline: 0!important
}

.wpcf7 form .wpcf7-response-output {
    font-size: 14px;
    padding: 20px!important;
    margin-top: 0!important;
}

.wpcf7-spinner {
    left: 47%;
    position: absolute;
    bottom: -20px;
}

.gallery-veh .elementor-swiper-button {
    background: #fff;
    padding: 20px;
}

.gallery-veh .elementor-swiper-button-prev {
    left: 0!important;
}

.gallery-veh .elementor-swiper-button-next {
    right: 0!important;
}

.gallery-veh .elementor-swiper-button:hover, .vehicle-carousal .elementor-swiper-button:hover {
    background: var(--e-global-color-secondary)!important;
    color: #fff!important
}

.vehicle-carousal .elementor-swiper-button {
    background: #fff;
    padding: 13px;
}

.vehicle-carousal .elementor-swiper-button-prev {
    left: -50px!important;
}

.vehicle-carousal .elementor-swiper-button-next {
    right: -50px!important;
}

.button-full-width .elementor-button {
    width: 100%!important;
}


.vehicle-popup * {
    outline: 0;
}

.vehicle-popup .e-n-accordion details {
    border-top: 1px solid #e5e7eb;
}

.vehicle-popup .e-n-accordion details:last-child {
    border-bottom: 1px solid #e5e7eb;
}

.vehicle-popup > .e-con-inner {
    height: 100vh!important;
}

.content-scroll-div {
    overflow-y: scroll!important;
    position: relative!important;
    padding-right: 20px!important;
}

.belstaff-logo a {
    position: relative;
    cursor: auto;
}

.belstaff-logo a:before {
    content: "";
    background: url(/wp-content/uploads/2025/05/belstaff_logo.webp) no-repeat;
    width: 170px;
    height: 170px;
    position: absolute;
    left: 50px;
    top: 0px;
    display: block;
    background-size: 100%;
}

.eael-tabs-nav {
    max-width: 530px;
    margin: 0 auto;
}

.eael-tabs-content {
    overflow: visible!important;
}

.enquire-svg svg {
    width: 24px!important;
}

.enquire-svg:hover svg path {
    fill: var(--e-global-color-secondary)!important;
}


/*----Store Locator---*/
body #asl-storelocator.asl-p-cont #asl-map-canv, body #asl-storelocator.asl-cont #asl-map-canv {
    height: 550px !important
}

.top-title.Num_of_store {
    display: none!important;
}

body #asl-storelocator.asl-cont.asl-template-1 .asl-wrapper .Filter_section {
    background-color: #E8E7E7 !important;
}

.search_filter label {
    font-family: var(--e-global-typography-primary-font-family )!important;
    text-transform: uppercase;
    letter-spacing: normal!important;
    color: var(--e-global-color-primary)!important;
    font-size: 24px;
    border: 0!important;
}

.asl-search-address {
    font-family: var(--e-global-typography-text-font-family)!important;
}

body #asl-storelocator button#asl-btn-geolocation {
    background: var(--e-global-color-secondary)!important;
    border-radius: 0px!important;
    height: 50px;
}

#asl-storelocator.asl-cont.asl-template-1 .asl-wrapper .sl-main-cont .asl-panel-inner {
    background-color: #F5F5F5!important;
}

#asl-storelocator.asl-cont.asl-template-1 .asl-wrapper .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item.highlighted, #asl-storelocator.asl-cont.asl-template-1 .asl-wrapper .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item {
    background-color: transparent!important;
}

#asl-storelocator.asl-cont .asl-wrapper .sl-main-cont .asl-panel-inner .sl-main-cont-box .sl-list-wrapper .sl-list .sl-item {
    border-bottom: 1px solid #e5e5e5!important;
}

.sl-addr-list-title {
    font-family: var(--e-global-typography-primary-font-family )!important;
    text-transform: uppercase;
    letter-spacing: normal!important;
    font-size: 32px!important;
    line-height: 40px!important;
    color: var(--e-global-color-primary)!important;
}

.sl-sub-title, .sl-addr span, .sl-phone a, .sl-email a, .sl-hours span {
    font-family: var(--e-global-typography-text-font-family)!important;
    color: var(--e-global-color-primary)!important;
    font-style: normal!important;
    letter-spacing: normal!important;
    font-weight: normal!important;
    font-size: 16px!important;
    line-height: 1.3em!important;
}

.sl-list-wrapper {
    padding: 40px;
}

.sl-list-wrapper .sl-list > li {
    padding: 30px 0!important;
}

#asl-storelocator.asl-cont.asl-template-1 .asl-wrapper .sl-main-cont .asl-panel-inner .sl-main-cont-box ul.sl-list li.sl-item .sl-item-box .sl-distance {
    width: 50px!important;
}

span.asl-time-hrs {
    top: -2px;
    position: relative;
}

#asl-storelocator .infowindowContent, .infoWindow h3 {
    background-color: var(--e-global-color-primary)!important;
}

#asl-storelocator a.action.directions {
    width: 100%!important;
    border-radius: 0!important;
}

#asl-storelocator.asl-cont .sl-main-cont .s-visit-website {
    text-transform: uppercase;
    font-family: var(--e-global-typography-primary-font-family )!important;
    font-size: 16px!important;
    border-radius: 0!important;
    line-height: 1.5em!important;
    background-color: var(--e-global-color-secondary)!important;
    color: #fff!important;
}

.s-direction, .sl-addr {
    display: none!important;
}

a.action.a-website {
    width: 100%!important;
    border-radius: 0!important;
}

/*---Preowned-----*/
.ico-txt, .det-wrap h5 {
    color: #9D9D9C!important;
    display: block;
    font-size: 14px;
    line-height: 16px;
}

.price_class {
    font-size: 34px;
    font-family: var(--e-global-typography-primary-font-family);
    color: #fff;
    font-weight: 700;
    line-height: 40px;
}

.single-pre-owned h4 {
    font-family: var(--e-global-typography-primary-font-family);
}

ul.car_features {
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 20px;
    margin-bottom: 30px;
}

ul.car_features li {
    padding: 0 0 0 20px;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 10px;
    padding-bottom: 10px;
    background: url(/wp-content/uploads/2025/05/arw-rd.png) no-repeat left top 9px;
}

h4.other-head {
    margin-top: 50px;
}

span.field_label {
    display: block;
    font-weight: 500;
    color: #00152C;
}

.owl-theme .owl-nav {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 999;
}

.owl-prev, .owl-next {
    width: 50px;
    height: 50px;
    border-radius: 0!important;
    outline: 0!important;
    color: var(--e-global-color-secondary)!important;
    margin: 0!important;
    font-size: 32px!important;
}

.owl-prev:hover, .owl-next:hover {
    background: var(--e-global-color-secondary)!important;
    color: #fff!important;
}

.owl-prev {
    background: #fff!important;
}

.owl-next {
    background: #E8E7E7!important;
}

ul.car-listing, .resdrg {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
    row-gap: 30px;
    padding: 0;
    margin: 30px 0;
}

.car-listing li, .resdrg .car-list-item {
    list-style: none;
    border: 1px solid #b5bbc1!important;
    margin-bottom: 30px!important;
    background: #fff;
}

.resdrg .car-list-item {
    height: 100%
}

.resdrg .det-wrap {
    padding-bottom: 0!important;
}

.ajaxsearchpro .results {
    padding-left: 0!important;
    padding-right: 0!important;
}

.det-wrap {
    display: flex;
    padding: 0px 0px 30px 0px!important;
    font-family: 'Oswald';
}

.det-lft {
    flex-basis: 52%;
    text-align: left;
}

.det-rgt {
    flex-basis: 48%;
    padding-left: 10px!important;
    text-align: right!important;
    position: relative;
}

.det-rgt {
    flex-basis: 48%;
    padding-left: 10px!important;
    text-align: right!important;
    position: relative;
}

.det-lft h3 {
    font-size: 16px!important;
    margin: 0 0 5px 0!important;
}

.det-lft h4 {
    font-size: 22px !important;
    margin: 0 0 20px 0 !important;
    line-height: 24px !important;
    font-weight: bold;
}

.det-wrap h5 {
    margin: 0 0 5px 0!important;
    font-size: 14px!important;
    font-weight: 400;
    color: #6F6F6E!important;
    line-height: 16px!important;
}

.det-txt {
    color: var(--e-global-color-primary );
    font-weight: 500!important;
    display: inline-block!important;
    margin-bottom: 5px!important;
    font-weight: 400!important;
}

.det-rgt h3 {
    margin: 0!important;
    color: #6F6F6E!important;
    font-size: 18px!important;
    line-height: 22px!important;
}

.det-rgt * {
    text-align: right!important;
}

.det-rgt h4 {
    margin: 0 0 15px 0!important;
    font-size: 22px!important;
    line-height: 1.2!important;
}

a.view-details {
    background-color: var(--e-global-color-secondary);
    color: #fff;
    display: inline-block !important;
    padding: 10px 20px !important;
    border-radius: 0px !important;
    position: absolute;
    border: 1px solid var(--e-global-color-secondary) !important;
    bottom: 0;
    right: 0;
    font-family: var(--e-global-typography-primary-font-family);
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    width: 100%;
}

.related-btn {
    display: flex;
    position: relative;
    width: 100%;
    margin: 25px 0 0 0;
}

a.view-details:hover {
    background: #fff;
    color: var(--e-global-color-secondary);
}

.det-rgt p {
    font-size: 12px!important;
    margin-bottom: 0.9rem!important;
    line-height: 17px;
}

.formwrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
}

.colspan2 {
    grid-column: span 2;
}

.formwrap textarea {
    height: 90px;
    border: 1px solid #DBDBDB!important;
}

.formwrap .wpcf7-submit {
    margin-top: 0;
}

.price_class {
    color: #fff!important;
}

/*---Search Filter--*/
form.asp-fss-flex {
    display: grid!Important;
    grid-template-columns: repeat(3,1fr);
    column-gap: 20px;
}

form.asp-fss-flex fieldset {
    width: 100%!important;
    max-width: 100%!important;
    min-width: 100%!important;
}

.asp_s_btn_container {
    display: grid;
}

.asp_sr_btn_flex {
    align-content: center;
}

.asp_sr_btn_flex button {
    width: 100%!important;
    background: var( --e-global-color-secondary )!important;
    border: 1px solid var( --e-global-color-secondary )!important;
    text-align: center!important;
    font-weight: 500!important;
    color: #fff!important;
    height: 50px;
    font-family: var(--e-global-typography-primary-font-family)!important;
    font-size: 18px!important;
}

.asp_sr_btn_flex button:hover {
    color: var( --e-global-color-secondary )!important;
    background: #fff!important;
}

form.asp-fss-flex span.selection {
    padding: 6px 0 4px 0!important;
    display: block;
    background: #D9D9D9;
}

span.asp_select2-selection {
    background: #D9D9D9!important;
}

.price_class {
    font-size: 28px;
    color: var(--e-global-color-primary );
    font-weight: 700;
    line-height: 1;
    margin-top: -2px;
}

.results {
    padding: 20px!important;
}

.asp_nores {
    margin: 0 auto!important;
    font-size: 20px!important;
    display: block!important;
    text-align: center!important;
    padding-bottom: 20px!important;
}

a.asp_showmore {
    display: inline-block!Important;
    border: 1px solid var(--e-global-color-primary )!important;
    padding: 10px 20px!important;
    text-transform: uppercase!important;
    font-weight: 600!important;
    color: var(--e-global-color-primary )!important;
}

a.asp_showmore:hover {
    background: var(--e-global-color-primary )!important;
    color: #fff!important;
}

body .asp_select2-container--flat .asp_select2-results__option--highlighted[aria-selected], body .asp_select2-container--flat .asp_select2-results__option[aria-selected=true] {
    background: var( --e-global-color-primary ) !important;
}

body .asp_select2-container--open .asp_select2-dropdown--below, body .asp_select2-container--open .asp_select2-dropdown--above {
    background: #f3f3f3 !important;
}

body div.ajaxsearchpro.searchsettings .noUi-handle {
    background: var( --e-global-color-secondary )!important;
    box-shadow: none!important;
}

body div.ajaxsearchpro.searchsettings .noUi-target {
    box-shadow: none!important;
    background: #2A3A4A!important;
}

body form.asp-fss-flex fieldset legend {
    width: 100%!important;
    text-align: center!important;
    position: relative;
    bottom: -10px!important;
}

.ajaxsearchpro legend, .ajaxsearchpro .asp_noui_lu * {
    color: #E8E7E7!important;
}

/*---Search Filter Ends--*/
.mob-only-nav {
    display: none!important;
}

.vid-cat-head {
    position: absolute!important;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.vid-cat-head a {
    position: absolute;
    top: 0;
    bottom: 30px;
    left: 30px;
    right: 0;
    display: grid;
    align-items: end;
}

.vid-category-box .e-con-inner > .elementor-element {
    transition: all .5s ease-in-out;
}

.vid-category-box .e-con-inner > .elementor-element:hover {
    background-size: 100%!important;
}


.vid-pos-relative {
    position: relative;
    top: 100px;
}

nav ul {
    width: 100%;
}

nav li.wpml-ls-item.wpml-ls-current-language {
    position: absolute;
    right: 0;
}

.wpml-ls-current-language > a {
    padding-right: 0!important;
    padding-left: 0!important;
}

nav li.wpml-ls-item.wpml-ls-current-language ul.sub-menu {
    min-width: auto!important;
    font-size: 18px;
    margin: 0 auto!important;
}

nav li.wpml-ls-item.wpml-ls-current-language ul.sub-menu li a.elementor-sub-item {
    padding: 13px 9px 10px 3px!important;
}

@media (max-width: 1028px) {
    .menu-absolute {
        position: absolute!important;
        top: 0;
        width: 100%!important;
        left: 0;
    }

    .elementor-nav-menu--toggle {
        width: 100%;
    }
    
        nav.elementor-nav-menu--dropdown {
        margin-top: 50px !important;
        z-index: 9999;
        height: 100vh;
    }


      .elementor-menu-toggle {
        right: 0;
        position: absolute;
        top: -25px;
        width: 50px;
        height: 50px;
        border-radius: 0;
    }
 

    span.elementor-menu-toggle__icon--open {
        line-height: 0!important;
    }

    .header-mobile ul.elementor-nav-menu {
        padding: 20px;
    }

    .header-mobile .elementor-menu-toggle.elementor-active {
        background-color: #fff!important;
        color: var(--e-global-color-primary)!important;
    }

    .vehicle-popup > .e-con-inner {
        position: static;
        max-width: 600px!important;
    }

    .vehicle-popup > .e-con-inner {
        height: auto!important;
    }

    .vehicle-carousal .elementor-swiper-button-prev {
        left: -20px!important;
    }

    .vehicle-carousal .elementor-swiper-button-next {
        right: -20px!important;
    }

    body.rtl h3 {
        font-size: 34px!important;
    }

    nav li.wpml-ls-item.wpml-ls-current-language {
        position: static;
    }
}

@media (max-width: 980px) {
    
    nav > ul li a {
    padding-left: 0 !important;
}

    .letter-A:after {
        bottom: -15px;
        min-height: 100px;
    }

    .vehicle-carousal .e-collapse[data-tab="1"] {
        width: 50%!important;
        width: 50%!important;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9;
    }

    .vehicle-carousal .e-collapse[data-tab="2"] {
        width: 50%!important;
        width: 50%!important;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9;
    }

    .vehicle-carousal {
        background-size: auto 120%!important;
    }

    .belstaff-logo a:before {
        width: 130px;
        top: 20px;
        left: 30px;
    }

    ul.car_features {
        grid-template-columns: repeat(2, 1fr);
    }

    ul.car-listing, .resdrg, form.asp-fss-flex {
        grid-template-columns: repeat(2, 1fr);
    }

    .mob-only-nav {
        display: block!important;
    }

    .slier-txt-adjust .swiper-slide-contents .elementor-slide-heading {
        top: 70px;
    }

    .rtl .letter-A:after {
        bottom: -18px;
    }

    body.rtl #asl-storelocator.asl-cont .asl-wrapper .Filter_section .search_filter label {
        margin: 0px 10px 10px 15px !important;
    }

    .rtl #asl-storelocator.asl-cont .infoBox #style_0 h3 {
        font-size: 18px!important;
    }
}

@media (max-width: 768px) {
    .letter-A:after {
        bottom: -10px;
        min-height: 70px;
    }

    .elementor-slide-button {
        width: 100%;
    }

    .gallery-veh .elementor-swiper-button {
        background: #fff;
        padding: 10px;
    }

    .belstaff-logo a:before {
        width: 90px;
        top: 0px;
        left: 0px;
    }

    ul.car-listing, .resdrg {
        padding: 0px!important;
        font-size: 13px;
        display: block;
    }

    .resdrg .det-wrap {
        padding-bottom: 30px!important;
    }

    .vehicle-carousal .elementor-swiper-button {
        padding: 5px;
        font-size: 20px!important;
    }

    .vehicle-carousal .elementor-element.elementor-arrows-position-outside .swiper {
        width: 100%!important;
    }

    .fullbutton-mob .elementor-button {
        width: 100%!important;
    }

    .sl-list-wrapper {
        padding: 10px 20px;
    }

    .sl-addr-list-title {
        font-size: 22px!important;
        line-height: 28px!important;
    }

    .sl-list-wrapper .sl-list > li {
        padding: 20px 0!important;
    }

    #asl-storelocator.asl-cont .sl-main-cont .asl-panel-inner {
        height: 400px!important;
    }

    body #asl-storelocator.asl-p-cont #asl-map-canv, body #asl-storelocator.asl-cont #asl-map-canv {
        height: 450px !important
    }

    .vid-scroll > .e-con-inner {
        overflow: scroll;
    }

    .vid-scroll > .e-con-inner > .elementor-element {
        min-width: 250px;
    }
}

@media (max-width: 480px) {
    .swiper-slide-contents {
        width:100%;
    }

    .belstaff-logo a:before {
        width: 70px;
        height: 70px;
        top: 0px;
        left: 0;
    }

    ul.car_features, body form.asp-fss-flex {
        display: block!important;
    }

    ul.car-listing {
        margin-top: 0;
    }

    .button-full-width {
        width: 100%!important;
    }

    .swiper-slide .e-con {
        padding-left: 0;
        padding-right: 0;
    }

    .formwrap {
        display: block;
    }

    .slier-txt-adjust .swiper-slide-contents .elementor-button {
        max-width: 90%!important;
        bottom: 30px;
    }

    .slier-txt-adjust .swiper-slide-contents .elementor-slide-heading {
        top: 40px;
    }

    .letter-A:after {
        bottom: -5px;
        min-height: 55px;
    }

    .rtl .letter-A:after {
        bottom: -10px;
    }
}
.owl-carousel {
  width: 100%;
  overflow: hidden;
}

.owl-stage-outer {
  overflow: hidden;
}

.owl-stage {
  display: flex;
  transition: all 0.3s ease;
}

.owl-item {
  width: 100% !important; /* Forțează slide-ul să ocupe tot spațiul */
  margin-right: 0 !important;
}



.layout-wrapper {
  display: flex;
  gap: 0;
  flex-wrap: nowrap;
  align-items: flex-start;
  box-sizing: border-box;
  background: #00152c;
}

.left-column {
  width: 59%;
  box-sizing: border-box;
}

.right-column {
  width: 40%;
  box-sizing: border-box;
}

.product-information {
    padding: 40px;
}

.owl-carousel .item img {
  width: 100%;
  height: auto;
  display: block;
}

.model-title {
    font-family: 'Oswald';
    font-size: 54px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 60px;
    color: #FFFFFF;
    line-height: 1;
    margin-bottom: 0;
    
}
.model-category {
    font-family: 'Oswald';
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 30px;
    color: #FFFFFF;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0px;
}

.grid-item {
  padding: 10px 5px;
  display: flex;
  align-items: left;
  border-bottom: 1px solid #2D3641;
}

.icon-text {
  display: flex;
  align-items: center;
  gap: 12px;
}

.icon {
  flex-shrink: 0;
  color: #007bff;
}

.text h4 {
  margin: 0 0 4px;
  font-size: 1.1rem;
}

.text p {
  margin: 0;
  font-size: 0.9rem;
  color: #666;
}

.product-information img  {
  width: 32px;
}
.text p{
    color: #9D9D9C !important;
    display: block;
    font-size: 14px;
    line-height: 16px;
}

.text h3 {
    font-size: 18px;
    color: #fff;
}

.badge {
        width: auto;
    display: inline-block;
    background: #b61615;
    padding: 10px;
    color: #fff;
    font-family: 'Oswald';
    text-transform: uppercase;
    font-weight: bold;
        font-size: 15px;
            margin: 5px 0px;
}
.badge p {
    margin: 0;
    line-height: 1;
}


.soldout {
        width: auto;
    display: inline-block;
    background: #fff;
    padding: 10px;
    color: #000;
    font-family: 'Oswald';
    text-transform: uppercase;
    font-weight: bold;
        font-size: 15px;
            margin: 5px 0px;
}
.soldout p {
    margin: 0;
    line-height: 1;
}


.price {
    margin: 20px 0px;
    color: #fff;
    text-transform: uppercase;
     font-family: 'Oswald';
}
.price p {
    font-size: 20px;
}

.price h3 {
    font-size: 32px;
    margin: 5px 0;
    font-weight: bold;
}

.price h3 span {
    font-weight: 400;
}
.price p {
    margin: 0;
    text-transform: uppercase;
}

.btn-white, .btn-red:hover, .btn-red:focus{
    font-family: "Oswald", Sans-serif;
    background-color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    fill: var(--e-global-color-secondary);
    color: var(--e-global-color-secondary);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-secondary);
    border-radius: 0px 0px 0px 0px;
    padding: 17px 30px 17px 30px;
    width: 100%;
    text-decoration: none !important;
    text-align: center;
}

.btn-red, .btn-white:hover, .btn-white:focus {
    background-color: var(--e-global-color-secondary);
    color: #fff;
    font-family: "Oswald", Sans-serif;
    font-size: 16px;
    font-weight: 700;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-secondary);
    border-radius: 0px 0px 0px 0px;
    padding: 17px 30px 17px 30px;
     width: 100%;
    text-decoration: none !important;
    text-align: center;
}

.specification, .other-details, .request, .related {
    padding: 50px 0px 0px 0px;
}

.related {
    margin-bottom: 50px;
}

.related .badge, .page-id-67 .badge {
    width: auto;
    display: inline-block;
    background: #b61615;
    padding: 10px;
    color: #fff;
    font-family: 'Oswald';
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    margin: 5px 0px;
    position: absolute;
}




.specification h4, .other-details h4, .request h4, .related h4 {
   font-family: "Oswald", Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight);
    color: var(--e-global-color-primary);
    font-size: 34px;
    line-height: 40px;
    text-transform: uppercase;
}

.h4-wrapper {
  display: flex;
  align-items: flex-end;
  gap: 20px; 
  margin-bottom: 20px;
}

.h4-wrapper h4 {
  margin: 0;
}

.h4-line {
  flex-grow: 1;
  height: 1px;
  background-color: #f3f3f3; 
}


.other-details h5 {
     font-family: "Oswald", Sans-serif;
     color: var(--e-global-color-primary);
     font-weight: bold;
         margin-block-start: 1rem;
    margin-block-end: 1rem;
}
.specification p {
    display: block;
}

.specification .grid-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 4 coloane */
  gap: 20px;
}

.grid-item {
  padding: 15px;
  display: flex;
  flex-direction: column;
}

.grid-item p {
  margin: 5px 0;
  font-size: 0.95rem;
}

ul.car_features {
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 20px;
    row-gap: 10px;
    margin-bottom: 30px;
}

.car_features li {
    background: #f9f9f9;
    padding: 10px;
    border-radius: 6px;
    font-size: 0.95rem;
}

.field_label {
    display: block;
    font-weight: bold;
    margin-bottom: 4px;
    color: #333;
}

#form .layout-wrapper {
    background: #fff;
}

.single-model .wpcf7-submit {
    width: 250px;
}


.related-products-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 30px;
}

.related-product-card {
  border: 1px solid #eee;
  padding: 15px;
  text-align: center;
  background: #fff;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%; /* important */
  min-height: 100%; /* asigurăm consistență */
  position: relative;
}

.related-product-card:hover {
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.related-product-card img {
    max-width: 100%;
    margin-bottom: 10px;
    max-height: 300px;
    height: 300px;
    object-fit: cover;
}
.det-wrap {
  margin-bottom: auto; /* împinge .related-btn în jos */
}

.related-btn {
  margin-top: 20px;
}

.noUi-target {
    background: #FAFAFA;
    border-radius: 4px;
    border: 0px solid #D3D3D3 !important;
    box-shadow: 0 !important;
}


#model-filter-form select {
    border: 1px solid #E8E7E7;
    height: 50px;
    border-radius: 0;
    color: rgb(0, 21, 44);
    font-size: 12px;
    outline: 0 !important;
}
@media (max-width: 1024px) {
  .related-products-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .related-products-grid {
    grid-template-columns: 1fr;
  }
}


.slider-wrap {
  margin-bottom: 20px;
}
.slider-wrap label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}

.filter-models-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin-bottom: 30px;
  padding: 50px 20px;
    background: #00152c;
}

.filter-models-grid label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}

.button-wrap {
  display: flex;
  align-items: end;
}

.noUi-tooltip {
    bottom: -45px !important;
    top: auto !important;
    background: #333;
    color: #fff;
    font-size: 13px;
    padding: 4px 6px;
    border-radius: 4px;
}

.noUi-target {
    background: #2a3a4a !important;
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: 0 !important;
}

.noUi-connect {
    background: #2a3a4a !important;
}
.noUi-horizontal {
    height: 10px !important;
}

.noUi-handle {
    background: var(--e-global-color-secondary) !important;
    box-shadow: none !important;
    border: 0 !important;
}

.noUi-horizontal .noUi-handle {
    width: 22px !important;
    height: 22px !important;
}


.noUi-handle:before,  .noUi-handle:after {
    content: "";
    display: block;
    position: absolute;
    height: 9px;
    width: 1px;
    background: #E8E7E6;
        left: 12px !important;
    top: 4px !important;
}

.noUi-handle:after {
    left: 9px !important;
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 0 !important;
    border-radius: 3px;
    background: none !important;
    color: #fff !important;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
    font-family: 'Open Sans' !important;
}

.filter-models-grid label {
    display: block;
    margin-bottom: 15px;
    font-weight: 400 !important;
    color: #fff !important;
    font-size: 13px !important;
    text-align: center !important;
}

.elementor-19 .elementor-element.elementor-element-4dbe50c .elementor-nav-menu--dropdown .elementor-item, .elementor-19 .elementor-element.elementor-element-4dbe50c .elementor-nav-menu--dropdown .elementor-sub-item 
 {
    font-family: "Oswald", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    padding-left: 0 !important;
}

@media (max-width: 768px) {
  .filter-models-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .related-products-grid {
    grid-template-columns: 1fr;
  }
}


/* Responsive */
@media (max-width: 768px) {
    
    .related-product-card img {
    max-width: 100%;
    margin-bottom: 10px;
    max-height: 300px;
    height: 100%;
    object-fit: cover;
}
    
    .specification {
    padding: 15px 0px;
}
    
    .grid-item {
  border: 0px solid;
}
    
    .grid-container {
    grid-template-columns: 1fr;
    gap: 0;
  }
    
    .model-title {
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 60px;
    color: #FFFFFF;
    line-height: 1;
    margin-bottom: 0;b
}

  .layout-wrapper {
    flex-direction: column;
  }

  .left-column,
  .right-column {
    width: 100%;
  }
  
  .product-information {
    padding: 15px;
}

.form-2cols {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 20px;
}
}


@media (min-width: 1200px) {
    .page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
        max-width: 1920px;
        padding: 0px 50px;
    }
}


label {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    font-weight: bold;
    font-family: 'Oswald';
}

.page-id-1109 .wpcf7-submit {
    background: var(--e-global-color-secondary);
    color: #fff;
    width: 100%;
    border-radius: 0;
    margin-top: 20px;
    height: 50px;
    border: 1px solid var(--e-global-color-secondary) !important;
    font-family: var(--e-global-typography-primary-font-family);
    font-weight: 700;
    width: 200px;
    float: right;
}