body {
    font-family: 'Urbanist', sans-serif;
}

:root{
    --primary: #606c38; --primary-light:#606c3870; --secondary: #283618;
    --text: #030303;
    --container-width:1300px;
}

.wishlist-pp .fa-heart.icon-selected {color:var(--primary);}
.text-main {color:var(--primary)!important;}
.btn {border-radius:0;}
.btn.btn-cmd {background: var(--primary)!important;}
.btn.btn-cmd.active.focus, .btn.btn-cmd.active:focus, .btn.btn-cmd.focus, .btn.btn-cmd:active.focus, .btn.btn-cmd:active:focus, .btn.btn-cmd:focus {outline-offset:0;}
.container-h {max-width:var(--container-width);}
.breadcrumbs-default ol li a.active, .breadcrumb2 .breadcrumbs-box ol li a.active, .fullRate {color:var(--primary);}
.flag-drop {border-radius:0;}
input[type=checkbox] {accent-color:var(--primary);}
.rating-s:not(:checked)>label:hover, .rating-s:not(:checked)>label:hover~label, .rating-s>input:checked~label, .option-group .rating i.on {color:var(--primary)!important;}

/*HEADER*/
.main-header .search-form-box input[type="text"] {color:#fff;font-size: 14px;line-height:16px;border:none;border:solid 1px transparent;border-bottom:solid 1px #fff;background:transparent;border-radius:0;}
.main-header .search-form-box input[type="text"]:focus {border:solid 1px #fff;border-radius:4px;}
.main-header .search-form-box input[type="text"]::placeholder {color:#fff;}
.main-header .search-button{background: transparent;color: #fff;border-bottom:solid 1px #fff;font-size:21px;}
.search-toggle .search-button i {color: #fff;}
.acount-section ul li a {font-size: 15px;line-height:18px;border:none;}
.acount-section>ul>li>a {color:#fff;}
.acount-section > ul > li > a > i {font-size: 24px;}
.acount-section > ul > li > a > span{display:none;}
.-g-user-icon .-g-user-fidelity-registration-bonus {top:0;}
.cart-drop .fa-angle-down{display:none;}
.cart-header-btn .q-cart, .cart-m .q-cart, .wishlist-header .-g-wishlist-product-count, .wishlist-header-m .-g-wishlist-product-count {font-size: 13px;color: #fff;background: var(--secondary);}
.main-menu {background: #fff;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
.main-menu ul li a {font-size: 18px;color: #333;line-height: 20px;font-weight: 500;text-transform:unset;}
.main-header .cart-header, .top-head {padding:20px 15px;}
.main-header .top-head,.main-header .nav-menu-hh,.main-header .nav-menu{max-width:1300px;}
.top-head-bg,.main-header .cart-header.container-bg {background:var(--primary)!important;}
.top-head-bg.container-h, #navigation #main-menu {max-width: 100% !important;}
.main-header .nav-menu {width: 100%;text-align: center;}
.main-header .nav-menu > li {padding: 20px 15px;margin: 0;margin-right:0;}
.cart-dd{border:none;box-shadow:0px 2px 18px 0px rgba(4, 4, 4, 0.15);border-radius:6px;}
.cart-dd .product-name {font-size:16px;line-height:19px;font-weight:400;}
.cart-dd .price s {font-size:12px;line-height:14px;font-weight:400;}
.cart-dd .price .text-main {font-size:15px;line-height:18px;font-weight:500;}
.cart-dd ul li {padding-bottom: 10px;}
.cart-dd .subtotal {font-size:14px;}
.menu-dd{text-align:left;box-shadow:0px 2px 18px 0px rgba(4, 4, 4, 0.15);padding:15px 20px;}
.main-header .menu-dd.col-sub-img {width: 630px;}
.main-menu .menu-dd ul li a {font-size: 14px;line-height:20px;font-weight:300;color:#333!important}
.main-menu .menu-dd ul li .title a {font-size: 16px;line-height:20px;font-weight: 400;text-transform: capitalize;}
.menu-dd li a span {display:-webkit-inline-box;}
.menu-dd li a i {display:none;}
.main-header .menu-drop:hover .menu-dd, .menu-drop .menu-dd.open {pointer-events:auto;top:62px;}
.menu-trg span,.menu-trg span:after, .menu-trg span:before {height: 2px;background: #323232;}
.mobile-icon li > a {color: #323232 !important;}
.contact-header .count-phone{display: block;left:22px;}
.international-header {color:#fff;}

/* HEADER STICKY */
.main-header.fix-nav{position:relative;top:0;left:0;right:0;margin:0 auto;width:100%;z-index:999;}
.main-header.fix-nav #navigation{top: 100%;left: 0;right: 0;margin: 0 auto;width: 100%;transition:all .15s ease-out;-webkit-transform: translateY(0);transform: translateY(0);}
.main-header.fix-nav .top-head-bg{position:relative;z-index:9999;}
.main-header.fix-nav .top-head{transition:all .12s ease-out;}
.main-header.fix-nav.fade-menu {position:absolute;-webkit-transition: .12s!important;transition: .12s!important;-webkit-transform: translateY(-100%);transform: translateY(-100%);box-shadow: 0 4px 12px -6px rgba(0,0,0, .3);}
.main-header.fix-nav.fade-menu.animate-menu {position:fixed;-webkit-transform: translateY(0);transform: translateY(0);}
.main-header.fix-nav.fade-menu .acount-section>ul>li {padding-bottom:0;}
.main-header.fix-nav.fade-menu #logo img {max-height: 40px;}
.main-header.fix-nav.fade-menu .top-head{padding-top: 10px;padding-bottom: 10px;}
.main-header.fix-nav.fade-menu #navigation{position: absolute;-webkit-transform: translateY(-100%);transform: translateY(-100%);}
.main-header.fix-nav.fade-menu.active-menu #navigation{-webkit-transform: translateY(0);transform: translateY(0);}

/* MENU UPDATE */
.main-header .menu-dd.column2 ul{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.main-header .menu-dd.column3 ul{-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
.main-header .menu-dd.column4 ul{-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;}
.main-header .menu-dd.column3.banner ul{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
.main-header .menu-dd.column4.banner ul{-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
.main-header .menu-dd ul li{width:100%!important;max-width:100%;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;}
@-moz-document url-prefix() {
.main-header .menu-dd ul li{float:none!important;}
}
.main-header .menu-dd ul li{float:none!important;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.main-header .menu-dd ul li{float:none!important;}
}
@supports (-ms-ime-align:auto) {
.main-header .menu-dd ul li{float:none!important;}
}
.main-header .nav-menu-hh{position:relative;}
.main-header .nav-menu > li.initial-h{position:static;}
.main-header .menu-dd.column1{width:300px!important;}
.main-header .menu-dd.column1.banner{width:600px!important;}
.main-header .menu-dd.column2{width:550px!important;}
.main-header .menu-dd.column3{width:700px!important;}
.main-header .menu-dd.column4{width:100%!important;}
.main-header .menu-dd.column-sld{min-width:400px;}
.main-header .menu-dd.column-sld .carousel-slide .owl-next{right: -30px;}
.main-header .menu-dd.column-sld .carousel-slide .owl-prev{left: -30px;}
.menu-dd:before{display:none!important;}
.main-header .menu-dd{pointer-events: none;}

/* HEADER MEDIA Q */
@media screen and ( max-width:1090px ) {
	.main-header.fix-nav #navigation {position:relative;transition: none;-webkit-transform: none!important;transform: none!important;z-index:999;}
	.main-header.fix-nav.fade-menu .top-head-bg{display:none;}
	.main-header.fix-nav.fade-menu #navigation {position:relative;}
}

@media screen and (min-width: 768px){
	.logo-h:not(.logo-cart), .acount-section{width:33.33333333%;}
}
@media screen and (max-width: 767px){
	.main-menu .user-m {display:none;}
	.main-header .search-form-box.search-toggle {border-bottom:solid 1px #f3f3f3;}
    .main-header .search-toggle .search-button i, .main-header .search-form-box input[type="text"], .main-header .search-form-box input[type="text"]::placeholder {color:#333;}
	.search-button {border-bottom:none;}
}
@media screen and (max-height: 725px){
	.main-header .menu-dd {overflow-y:auto;max-height:550px;}
	.main-header .menu-dd::-webkit-scrollbar {width: 6px;}
	.main-header .menu-dd::-webkit-scrollbar-track {background:rgba(0,0,0,0.2);-webkit-border-radius: 10px;border-radius: 10px;}
	.main-header .menu-dd::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background: rgba(68, 68, 68, .6);}
	.main-header .menu-dd::-webkit-scrollbar-thumb:window-inactive {background: rgba(68, 68, 68, .4);}
}

/* Main slider */
.-g-homepage-main-slider, .bnn-group-big {max-width: 1920px;margin: auto;}
.banner-group-small:not(:has(.owl-item)) {display:none;}
.banner-group-small .owl-item {background:#ffffff50;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);}
.banner-group-small .owl-item.synced {background:#ffffff90;}
.banner-group-small .owl-item div {color:#33333350;}
.banner-group-small .owl-item.synced div {color:var(--primary);}



/* Trust icons */
.icon-group {margin: 18px auto;}
.icon-group .icon-g-scroll {margin:0;border: solid 2px #F2F2F2;}
.icon-group .col .icon-label {text-align:left;}

@media screen and (max-width:480px){
    .icon-group {padding: 0 15px;}
}

/* Title Component */
.title-carousel {text-align:left;}
.titleComponent .title, .title-carousel .title {display: inline-block;text-align:left;word-break:break-word;font-size: 28px;line-height: 32px;padding:0 0 10px 0;text-transform:none;font-weight: 600;border-bottom: solid 2px var(--primary);max-width:calc(100% - 100px);}
.popup-medium .titleComponent .title {border: none;max-width: unset;}
.title-carousel hr {display: none;}
.carousel-slide:not(:has(.owl-item:nth-child(3))) .title-carousel .title {max-width:unset;}

/* Product Slider */
.carousel-slide .owl-theme:not(.slide-item-menu) .owl-controls .owl-buttons div {position: relative;width:35px;height:35px;background:#EFEFEF;}
.carousel-slide .owl-theme:not(.slide-item-menu) .owl-controls .owl-buttons {display: flex;gap:10px;position: absolute;top: -70px;right: 0;}
.default-slider:not(:has(.title-carousel)) {padding-top: 94px;}
@media screen and (max-width:1090px){
	.carousel-slide.-g-slider-background .holder .carousel-slide:not(:has(.title-carousel)) {padding-top:94px;}
}
.-g-slider-background .btn.btn-cmd span {font-size: 10px;}

/* Category */
.catTitle {font-size: 26px;font-weight: 600;}
.result-section {border:none;}

/* Filters */
.filter-group .filter.box {width:100%;background: #F6F6F6;padding: 15px;}
.filter-group .filter.box .title {background: transparent;font-weight: 600;text-transform: capitalize;}
.filter-group .filter.box .title-h.line:after {display: none;}

/* Filters media q */
@media screen and (max-width:768px){
	.filter-group .filter.box .title {border-bottom: solid 2px var(--primary);padding:8px 15px;}
}
.filter.box.-g-category-filters-apply-all {position: sticky;bottom: 0;background: #fff!important;z-index: 99;padding: 10px 15px 0 15px!important;margin: 0 -15px;box-shadow: 0px -1px 3px -2px #00000030!important;width:calc(100% + 30px)}

/* Product Box */
.product-box .box-holder {border:solid 1px #f3f3f3;padding:10px;}
.product-box .box-holder {border: solid 1px #f3f3f3;padding: 10px;}
.product-box .product-icon-box {width:100%;display: flex;flex-wrap: wrap;left: -15px;flex-direction: column;align-items: flex-start;}
.product-icon-box:has(.icon.new), .product-icon-box:has(.icon.discount) {flex-direction: column;}
.product-icon-box:not(:has(a)) {pointer-events: none;}
.icon.new, .icon.discount {width: auto;height: 26px;line-height: 26px;font-size: 14px;padding: 0 10px;}
.product-box .icon.new, .product-box .icon.discount, .product-icon-box .icon.new, .product-icon-box .icon.discount {max-width:100%;border-radius: 0;margin:2px 5px;font-weight:300;}
.icon.new {background: var(--secondary)!important;}
.icon.discount {background: var(--primary)!important;}

.product-box .image {padding-top:100%;}
.product-box .product-icon-holder {width:100%;aspect-ratio:1/1}

.product-box .-g-brand-listing-image {margin:0;}

.product-box .top-side-box {text-align:left;margin-top:10px;}
.product-box .bottom-side-box {text-align:left;}
.product-box .title, .wishlist-box .description > a {font-size:18px;}
.product-box .price .text-main, .wishlist-box .price .text-main {font-size:16px;font-weight:500}
.product-box .add-list {text-align: left;}

.product-box .stockStatus {text-align:left;}

.product-box .add-list .qty-regulator {margin:10px 0;}
.qty-regulator .minus, .qty-regulator .plus {background:var(--secondary);border-color:var(--secondary);color:#fff;}
.qty-regulator input[type=text] {border-color:var(--secondary);}
.add-section .qty-regulator {margin-right:10px;}

.product-box .btn.btn-cmd {width:100%;font-weight:500;}
.product-box .btn.btn-cmd:has(i), .add-section .btn.btn-cmd:has(i), .wishlist-box .btn.btn-cmd:has(i) {padding-left: 0 !important;border: none;display: inline-flex;gap:15px;}
.product-box .btn.btn-cmd i, .add-section .btn.btn-cmd i, .wishlist-box .btn.btn-cmd i {content: '\f290';font-family: 'Font Awesome 6 Pro';font-weight:300;background: var(--secondary);height: 32px;width: 32px;line-height:30px;display: inline-block;border:solid 1px transparent;}
.product-box .btn.btn-cmd.-g-addtocart-button-disabled i, .add-section .btn.btn-cmd.-g-addtocart-button-disabled i, .wishlist-box .btn.btn-cmd.-g-addtocart-button-disabled i {opacity:0;visibility:hidden;}

.btn.wish-btn {position: absolute;top: 10px;right: 10px;z-index: 99;font-size: 20px;width: 32px;height: 32px;border: none;padding: 0;color: #ddd;background:transparent;}
.btn.wish-btn:hover {background:none;border:none;color:var(--primary)}
.btn.wish-btn:active {box-shadow: none;}
.btn.wish-btn.-g-added-to-wishlist {color:var(--primary);}

@media screen and (max-width: 480px){
    .product-box .btn.btn-cmd, .add-section .btn.btn-cmd, .wishlist-box .btn.btn-cmd {font-size:10px;}
}
@media screen and (max-width:390px){
	.product-box .btn.btn-cmd:has(i), .add-section .btn.btn-cmd:has(i), .wishlist-box .btn.btn-cmd:has(i) {padding:0 5px;gap:5px;}
}
@media screen and (max-width:350px){
	.product-box .btn.btn-cmd, .add-section .btn.btn-cmd, .wishlist-box .btn.btn-cmd {font-size:8px;}
}

/* DETAIL */
#product-page .breadcrumbs-default ol li:last-child{display:none;}
#product-page .breadcrumb2,.breadcrumbs-default{padding-top: 10px;padding-bottom: 10px;}
.product-page-holder,.product-top{max-width:1920px;}
.detail-title{background:#fff;}
.detail-title .title{font-weight: 300;margin-bottom:10px;}
.detail-title .title span {font-size: 32px;line-height:38px;font-weight:400;color:#333;margin:0;}
.brand-detail{display:none;}
.gift-text {display: inline-block!important;font-size: 24px!important;color: #ffab00;}
.detail-title, .detail-prod-attr{padding-left:50px;padding-right:50px;background:#fff;z-index: 9;}
.detail-title{padding-top:30px;}
.detail-prod-attr{padding-bottom:30px;}
.detail-price {font-size: 26px;font-weight:300;margin-top: 15px;margin-bottom: 15px;}
.detail-price .fPrice {font-weight:500;}
.short-description {font-size: 15px;}
.add-section,.product-code {margin-top: 20px;}
.add-section .stock-status {float:left;padding: 7px 15px;}
.stock-status i{display:none;}
.wish-section{padding:0;margin-bottom:0;border:none;}
.wish-section .col{padding: 0 15px;margin-right: 15px;margin-bottom: 15px;font-size: 14px;line-height: 30px;text-transform: uppercase;background: #fff;border: 1px solid #bbb;}
.detail-slider-holder{/*position:initial;*/padding:0;/*background: #f2f2f2;*/}
#product-page .breadcrumb2, .breadcrumbs-default {text-align:center;}
.product-top > .row, #product-page .breadcrumb2, .breadcrumbs-default{/*overflow:hidden;*/position: relative;max-width:1300px;margin:auto;}
.detail-slider-holder .product-icon-box{left:auto;}
.detail-slider-holder .product-icon-box > span{font-weight: 600;font-size: 16px;width: 65px;height: 65px;line-height: 65px;}
.detail-slider-holder .product-icon-box > img {height:auto;}
.detail-share{position: relative;margin:0;text-align:left!important;}
.-g-versions-attribute-name {font-size:16px;font-weight:600;}
.-g-versions-attribute-name span {font-weight:300;}
.qty-regulator .minus, .qty-regulator .plus{width:28px;}
.qty-regulator .minus {border-right:none;border-radius:4px 0 0 4px;}
.qty-regulator .plus {border-left:none;border-radius:0 4px 4px 0;}
.wish-section .addToWishlist, .wish-section .-g-info-request-popup-details, .wish-section #qck-order-btn {line-height:16px;padding:10px 20px;border-radius:4px;}

.vertical-slider-box,.vertical-slide-img,.vertical-slide-img img{overflow:initial;max-height:initial!important;}
.prod-lg-sld .slick-arrow, .detail-slide-m .slick-arrow{display:inline-block!important;z-index:99;}
.zoomContainer{display:none!important;}
.prod-lg-sld,.detail-slide-m{text-align:center;}
.prod-lg-sld .slick-arrow, .detail-slide-m .slick-arrow{color:#323232;display:inline-block;font-size:12px;width: 60px;height: 60px;position:relative;top:auto;bottom:0;visibility:hidden;text-indent:0;}
.prod-lg-sld .slick-prev, .detail-slide-m .slick-prev,.prod-lg-sld .slick-next, .detail-slide-m .slick-next{display:none!important;position:absolute;bottom:0;padding:0;background:none;}
.prod-lg-sld .slick-prev, .detail-slide-m .slick-prev{left:0;}
.prod-lg-sld .slick-next, .detail-slide-m .slick-next{right:0;}
.prod-lg-sld .slick-prev:before, .detail-slide-m .slick-prev:before,.prod-lg-sld .slick-next:before, .detail-slide-m .slick-next:before{display: block;font: normal normal normal 14px/1 FontAwesome;font-family: 'Font Awesome 6 Pro';font-weight: 400;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #323232;font-size: 36px;visibility: visible;line-height: 60px;text-align: center;background:rgba(255, 255, 255, 0.5);}
.prod-lg-sld .slick-prev:before, .detail-slide-m .slick-prev:before{content: '\f104'}
.prod-lg-sld .slick-next:before, .detail-slide-m .slick-next:before{content: '\f105';}
.prod-lg-sld .slick-dots,.detail-slide-m .slick-dots{display:inline-block!important;vertical-align:top;padding:15px;position: absolute;bottom: 0;margin: 0 auto;left: 0;right: 0;}
.prod-lg-sld .slick-dots li,.detail-slide-m .slick-dots li{display:inline-block;}
.prod-lg-sld .slick-dots li button,.detail-slide-m .slick-dots li button{display:block;width: 13px;height: 14px;margin: 5px;cursor: pointer;border:none;background: var(--primary);border:1px solid #fff;border-radius: 13px;text-indent:-9999px;transition:width .2s ease-in;}
.prod-lg-sld .slick-dots li.slick-active button,.detail-slide-m .slick-dots li.slick-active button{width: 24px;}

.extra-offer .detail-price {font-size: 18px;}
.extra-offer{max-width: var(--container-width);margin:30px auto 0;border:none;border-bottom: 1px solid #dfdfdf;}
.extra-offer .extra-offer-title{font-weight:300;font-size:36px;text-align:center;text-transform:none;border: none;}
.extra-offer .extra-offer-title:after{content:'';display:block;border-bottom:1px solid #dfdfdf;width:100px;margin:10px auto 0;}
.extra-offer .carousel-slide .owl-item:after {font-weight: 300;font-size: 30px;}
.product-bottom{margin-bottom:20px;}
.detail-tabs, .detail-recomended{width:100%;}
.detail-tabs{float:none;padding:0;max-width:900px;margin:0 auto 40px;}
.detail-tabs .resp-arrow{display:none;}
.detail-tabs .resp-tab-content{display:block!important;font-size:16px;line-height:1.5;margin-bottom: 50px;border:none}
.detail-tabs .resp-tab-content:last-child{border-bottom:none}
.detail-tabs .resp-tab-content-active{display:block}
.detail-tabs ul.resp-tabs-list{display:none}
.detail-tabs span.tab-grup{display:block;border: none!important;font-weight: 400;font-size: 38px;text-align: center;text-transform: none;border-bottom:1px solid #d7d7d7;padding:0!important;background: none!important;}
.detail-tabs .resp-vtabs .resp-tab-content{border:none}
.detail-tabs .resp-vtabs .resp-tabs-container{border:none;float:none;width:100%;min-height:100px;clear:none}
.detail-tabs .resp-accordion-closed{display:none!important}
.detail-tabs .resp-vtabs .resp-tab-content:last-child{border-bottom:none!important}
.product-comment-box{padding: 30px;border: 1px solid #dbdbdb;}
.product-comment-box .com-left-side{float:left;width:190px;}
.product-comment-box .com-right-side{overflow:hidden;}
.product-comment-box .com-right-side .title{font-weight:600;font-size:16px;}
.product-comment-box .comment-author time{display:block;}
.comment-author-info {margin-bottom: 6px;}
.detail-tabs .resp-tab-content table{width:100%!important;}

/* DETAIL MEDIA Q */
@media screen and ( max-width:1020px ) {
	.detail-title, .detail-slider-holder, .detail-prod-attr{width:100%;}
	.prod-lg-sld .slick-prev, .detail-slide-m .slick-prev,.prod-lg-sld .slick-next, .detail-slide-m .slick-next{display:block!important;}
	.detail-title, .detail-prod-attr {text-align: center;}
	.container-h .add-section {max-width: 100%;margin: 30px auto 0;float: none;text-align: center;}
	.add-section .qty-regulator,.add-section .add2cart{float:none;display:inline-block!important;vertical-align:top;}
	.add-section .qty-regulator{width:90px!important;}
	.add-section .qty-regulator input[type="text"] {width: 30px;}
	.detail-product-atributes {text-align:center;}
	.detail-product-atributes select {display: inline-block;}
}
@media screen and (max-width: 991px){
	.detail-title, .detail-prod-attr {padding-left: 15px;padding-right: 15px;}
}
@media screen and (max-width: 767px){
	.detail-slider-holder .product-icon-box .icon,
	.detail-slider-holder .product-box .icon {font-weight: 600;font-size: 14px;width: auto;height: 40px;line-height: 40px;}
	.detail-slider-holder .product-icon-box .icon.-g-icon-discount-value,
	.detail-slider-holder .product-box .icon.-g-icon-discount-value {min-width: 40px;width: auto;line-height: 40px;}
}
@media screen and (max-width: 600px){
	.product-comment-box .com-left-side{float:none;width:100%;}
}
@media screen and (max-width: 480px){
	.detail-title .title span {font-size: 24px;}
	.detail-tabs span.tab-grup,.extra-offer .extra-offer-title {font-size: 26px;}
	.detail-recomended .title-carousel .title, .detail-sld-similar .title-carousel .title {font-size: 22px;}
}
@media screen and (max-width: 360px){
	.add-section .add2cart{margin-top:10px;}
	.add-section .add2cart,.wish-section .col{display:block;width:100%;}
}

/* Cart */
.cart-header.container-bg {background:var(--secondary)!important;}
.cart-menu ul li a, .contact-cart, .contact-cart a {color:#fff;}
.cart-dd.cart-side .cart-items .qty-h .qty-regulator .minus, .cart-dd.cart-side .cart-items .qty-h .qty-regulator .plus {color:#333;}
.cart-title-holder .title-carousel, #shoppingcart .title-carousel {text-align:center;}
.cart-head {background: var(--secondary);}
.cart-head li {color: #fff;}
.cart-box {border: solid 1px #f3f3f3;}
.cart-items>li {border-color:#f3f3f3;}
.-g-checkout-summary .cart-total ul li.-g-total-amount {border-color: var(--secondary);}
.-g-one-time-offers {border-radius:0;}
.-g-one-time-offers .-g-one-time-cart-label {background:var(--primary-light);}
.-g-one-time-offers .product-box .image {padding-top:0!important;}
.testimonials {background:#f3f3f3;}

#succes-page .register-s h4 {color: #333;}

/* Cart Media Q */
@media screen and (max-width:768px){
	#shoppingcart .title-carousel .title {max-width: 100%;}
}

/* Account */
.old-client-section .title-carousel {text-align:center;}
.title.account .title {border-bottom:solid 3px var(--primary);padding-bottom:8px;padding-right:0;}
.side-menu .title.account .title {border-bottom: none;padding-bottom: 0;}
.title.account hr {display:none;}

/* Blog slider */
.-g-post-slide {background: #fff;border: solid 1px #f2f2f2;padding:30px;margin: 25px 15px;box-shadow: 0 4px 12px 0 #33333310;}

/* FOOTER */
.newsletter-holder{position:relative;padding: 35px 0;background-color: var(--secondary);}
.newsletter-holder.lazyloaded, #succes-page .newsletter-h{background-image:url('https://gomagcdn.ro/domains2/hunt/files/files/300dpi-2000px-dcg440x2-a3-edited-1-3-18714.png');background-size: cover;background-position:center;background-repeat: no-repeat;}
#succes-page .newsletter h4, #succes-page .newsletter-h .-g-agreement-NewsletterInformation, #succes-page .newsletter-h .-g-agreement-NewsletterInformation a {color:#fff;}
.newsletter-holder .newsletter{display: flex;flex-direction: column;align-items: flex-start;}
.newsletter-holder .newsletter .title{font-weight: 600;font-size: 30px;color: #fff;text-align: left;}
.newsletter-holder .newsletter .title span{display: block;font-weight: 300; font-size: 16px;padding: 0;}
.newsletter .newsletter-form {position: relative;margin-top:30px;padding:0!important;}
.newsletter .newsletter-form input[type=text] {font-weight: 400;font-size: 15px;color: #fff;background: #ffffff30;line-height: 50px;height: 44px;max-width: 700px;padding: 0 120px 0 18px;border: none;border-right:none;backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);}
.newsletter .newsletter-form input[type=text]::placeholder {color: #fff;background: none}
.newsletter .newsletter-form input[type=submit] {position: absolute;top: 0px!important;right: -1px!important;font-weight: 500;font-size: 14px;color: #fff;line-height: 44px!important;text-transform: none;width: auto;height:auto!important;padding: 0 15px;margin-top: 0;background: var(--primary);border-radius:0;}
.newsletter-holder .newsletter .custom-chk label{font-weight:300;font-size:12px;color: #fff;}
.newsletter-holder .newsletter-form .custom-chk a,
.newsletter-holder .newsletter-form .custom-chk label a {color: #fff;}

footer{background:#fff;box-shadow: 0 -2px 7px -4px rgb(0 0 0 / 30%);}
.main-footer{padding-top: 40px;}
.main-footer .col .title, .main-footer .col .title>a {position:relative;font-size: 17px;font-weight: 500;color: var(--text);text-transform: none;margin-bottom: 20px;}
.main-footer .col ul li{margin-bottom: 8px;}
.main-footer .col,
.main-footer .col ul li,
.main-footer .col ul li a,
.main-footer .support .support-contact{font-weight: 400;font-size: 13px;color: var(--text);}
.main-footer .col ul li a {position:relative;display:block;transition:all .25s ease-in;}
.main-footer .col ul li a:hover{color: var(--primary);}
.main-footer .support .title span {display:block;font-weight: 400;font-size: 15px;margin-top:20px;}

.main-footer .social {text-align:center;padding-top:20px;}
.main-footer .social .title{display:none;}
.main-footer .social ul {display:block;}
.main-footer .social ul li {display:inline-block;margin:0;}
.main-footer .social ul li a {font-size: 25px;padding:0 5px;color: var(--text);}
.copyright-payment {padding: 20px 0;font-weight: 400;border-top: 1px solid #eee;}
.copyright-payment .copyright{display:inline-block;margin-top:6px;}
.copyright-payment .copyright a{font-weight:500;color: var(--text);}
.copyright-payment .copyright span{display:block;}
.copyright-payment .payment-accepted {display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;}
.copyright-payment .payment-accepted img{display:inline-block;max-height:35px;margin:3px 2px ;}
.-g-footer-affiliate-block .container-h{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}

/* FOOTER MEDIA-Q */
@media screen and (max-width: 991px){
	.main-footer .col:not(.social){float:left;width:50%;clear: none;padding-top:0;}
	.copyright-payment{text-align:center;}
	.copyright-payment .payment-accepted {justify-content: center;}
}
@media screen and (max-width: 800px){
	.newsletter .newsletter-form {width:100%;max-width: 100%;margin: 15px auto 0;}
}
@media screen and (max-width: 520px){
	.main-footer .col .title{margin-bottom:15px;}
	.main-footer .col:not(.social){width:100%;text-align:left;}
	.main-footer .col .title .fa{float:right;margin-top: 6px;}
}
@media screen and (max-width: 480px){
	.newsletter-holder .newsletter .title span{font-size: 17px;}
	.newsletter-form input[type=text]{max-width: 200px;}
	.newsletter-form input[type=submit] {padding: 0px 7px;}
	.main-footer .col ul li {padding: 0 10px!important;}
}


:root {--container-width: 100%;} @media screen and (min-width:768px){.container-h,.container-h.full{max-width:100%}}
:root {--container-width: 1920px;}
/*align-to-right*/
body{background:#000000 !important;}
:root{--primary: #065A82; --primary-light:#065A8270; --secondary: #21295C;}
:root{--primary: #b55728; --primary-light:#b5572870}
.product-box .title{font-size:17px !important;}
.product-box .title{-webkit-line-clamp: 2;}
.product-box .price .text-main{font-size:18px !important;}
@media screen and (min-width: 992px) {.product-box:hover .details-button{display:inline-block;}}
#product-page .detail-price, #product-page .detail-price .fPrice {font-size:22px !important;}

<header class='main-header container-bg clearfix fix-nav fade-menu animate-menu active-menu' data-block='headerBlock'>

    <div class='discount-tape container-h full -g-hide' id='_gomagHellobar' style='display:none;'></div>

    <div class='top-head-bg container-h full' style='width:1920px;'>
        <div class='top-head container-h'>
            <div class='row'>

                <!-- LOGO -->
                <div class='col-md-3 col-sm-3 col-xs-5 logo-h'>
                    <a href='https://www.cxaauto.ro' id='logo' data-pageid='11'>
                        <img src='https://gomagcdn.ro/domains3/cxaautofiabil/files/company/logo5689.jpg'
                             class='img-responsive'
                             width='200'
                             height='50'
                             style='width:auto;'
                             alt=''>
                    </a>
                </div>

                <!-- SEARCH -->
                <div class='col-md-4 col-sm-4 col-xs-7 main search-form-box'>
                    <!-- search existent -->
                </div>

                <!-- ACCOUNT / CART -->
                <div class='col-md-5 col-sm-5 acount-section'>
                    <!-- cont / wishlist / cos existent -->
                </div>

            </div>
        </div>
    </div>

    <!-- NAVIGATION -->
    <div id='navigation'>
        <nav id='main-menu' class='main-menu container-h full clearfix'>
            <!-- meniul existent -->
            
        </nav>
    </div>

</header>

<!-- ===================================================== -->
<!-- SOLUȚIE DEFINITIVĂ GOMAG – INTERCEPTARE CLICK LOGO -->
<!-- ===================================================== -->
<script>
(function () {

    function forceLogoRedirect(e) {
        var el = e.target;

        // urcă DOM-ul până la <a id='logo'>
        while (el && el !== document) {
            if (el.id === 'logo') {
                e.preventDefault();
                e.stopImmediatePropagation();
                window.location.replace('https://www.cxaauto.ro/despre-noi');
                return false;
            }
            el = el.parentNode;
        }
    }

    // LISTENER ÎN CAPTURE MODE (CHEIA)
    document.addEventListener('click', forceLogoRedirect, true);

})();
</script>

<!DOCTYPE html>
<html lang='ro'>
<head>
    <meta charset='UTF-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <title>Exemplu Header Mobil</title>
    <style>
        /* Stil general header (desktop) */
        .logo-h img {
            max-height: 50px;
            width: auto;
        }
        .top-head-bg,
        .top-head {
            padding: 10px 20px;
        }
        .account-section ul li a i {
            font-size: 20px;
        }
        .account-section ul li {
            margin-left: 15px;
        }
        .menu-trg span {
            height: 25px;
            width: 30px;
            display: block;
        }

        /* Header compact pentru mobil */
        @media (max-width: 768px) {
            /* Logo mai mic și centrat */
            .logo-h img {
                max-height: 40px !important;
                width: auto !important;
                display: block !important;
                margin: 0 auto !important;
            }

            /* Înălțime și padding top header */
            .top-head-bg,
            .top-head {
                padding: 5px 10px !important;
            }

            /* Iconuri cont, wishlist, cart, search mai mici */
            .account-section ul li a i {
                font-size: 16px !important;
            }

            /* Reduce spațierea între iconuri */
            .account-section ul li {
                margin-left: 8px !important;
            }

            /* Buton meniu (hamburger) mai mic */
            .menu-trg span {
                height: 20px !important;
                width: 25px !important;
                display: block !important;
            }
        }
    </style>
</head>
<body>

<header class='top-head-bg'>
    <div class='logo-h'>
        <img src='logo.png' alt='Logo'>
    </div>
    <div class='account-section'>
        <ul>
            <li><a href='#'><i class='fa fa-user'></i></a></li>
            <li><a href='#'><i class='fa fa-heart'></i></a></li>
            <li><a href='#'><i class='fa fa-shopping-cart'></i></a></li>
            <li><a href='#'><i class='fa fa-search'></i></a></li>
        </ul>
    </div>
    <div class='menu-trg'>
        <span></span>
        <span></span>
        <span></span>
    </div>
</header>

</body>
</html>

/* Asigură-te că meta viewport este în head:
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
*/

@media only screen and (max-width: 768px) {
    /* Titluri mari */
    h1 { font-size: 22px !important; line-height: 1.2 !important; }
    h2 { font-size: 20px !important; line-height: 1.2 !important; }
    h3 { font-size: 18px !important; line-height: 1.2 !important; }
    h4 { font-size: 16px !important; line-height: 1.2 !important; }
    h5, h6 { font-size: 14px !important; line-height: 1.2 !important; }

    /* Paragrafe / subtitluri */
    p { font-size: 14px !important; line-height: 1.4 !important; }

    /* Butoane */
    button, .btn { font-size: 14px !important; padding: 6px 12px !important; }

    /* Optional: imagini / alte elemente */
    img { max-width: 100% !important; height: auto !important; }
}

@media (max-width: 768px) {
  section#sub-banner {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 20px !important;
    padding: 20px !important;
    background-color: #f9f9f9 !important;
    flex-wrap: wrap !important;
  }
}
<!DOCTYPE html>
<html lang='ro'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Sub Banner Responsive</title>
<style>
/* ================= GLOBAL ================= */
body {
  margin: 0;
  font-family: Arial, sans-serif;
}

section {
  width: 100%;
}

/* ================= SUB-BANNER PRINCIPAL ================= */
#sub-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 60px;
  padding: 100px 20px;
  background-color: #f9f9f9;
  flex-wrap: wrap;
}

.sub-text {
  max-width: 800px;
  text-align: center;
}

.sub-text h2 {
  font-size: 4rem;
  font-weight: bold;
  color: #e60000;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
  margin-bottom: 25px;
}

.sub-text p {
  font-size: 2rem;
  font-weight: 600;
  color: #e60000;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

.cta-wrapper {
  position: relative;
}

.cta-btn {
  display: inline-block;
  padding: 20px 40px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  background-color: #e60000;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(0,0,0,0.3);
}

/* cursor */
.fake-cursor {
  position: absolute;
  top: 82%;
  left: 60%;
  width: 45px;
  height: 45px;
  background: url('https://gomagcdn.rodata:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'><path d='M3 2l7 20 2-8 8-2z'/></svg>') no-repeat center;
  background-size: contain;
  animation: clickAnim 1.4s infinite ease-in-out;
}

/* ================= SUB-BANNER SECUNDAR ================= */
#sub-banner-secondary {
  background-color: #ffe6e6;
  text-align: center;
  padding: 60px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 25px;
}

#sub-banner-secondary h3 {
  font-size: 3rem;
  color: #b30000;
  margin: 0;
}

#sub-banner-secondary p {
  font-size: 1.8rem;
  color: #b30000;
  margin: 0;
}

#sub-banner-secondary .cta-btn {
  padding: 16px 36px;
  font-size: 1.6rem;
}

/* ================= TABLETĂ ================= */
@media (max-width: 1024px) and (min-width: 769px) {
  #sub-banner {
    padding: 70px 20px;
    gap: 40px;
  }

  .sub-text h2 {
    font-size: 2.8rem;
  }

  .sub-text p {
    font-size: 1.5rem;
  }

  .cta-btn {
    font-size: 1.4rem;
    padding: 16px 32px;
  }

  #sub-banner-secondary {
    padding: 50px 20px;
    gap: 20px;
  }

  #sub-banner-secondary h3 {
    font-size: 2.2rem;
  }

  #sub-banner-secondary p {
    font-size: 1.4rem;
  }

  #sub-banner-secondary .cta-btn {
    font-size: 1.2rem;
    padding: 14px 28px;
  }
}

/* ================= MOBIL ================= */
@media (max-width: 768px) {
  #sub-banner {
    padding: 40px 15px;
    
    <!DOCTYPE html>
<html lang='ro'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Sub Container Promo</title>
<style>
/* ================= GLOBAL ================= */
body {
  margin: 0;
  font-family: Arial, sans-serif;
}

/* ================= CONTAINER PROMO ================= */
#promo-container {
  background-color: #ffe6e6;
  padding: 80px 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 25px;
}

#promo-container h3 {
  font-size: 3rem;
  color: #b30000;
  margin: 0;
}

#promo-container p {
  font-size: 1.8rem;
  color: #b30000;
  margin: 0;
  max-width: 700px;
}

#promo-container .cta-btn {
  display: inline-block;
  padding: 18px 40px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  background-color: #e60000;
  border-radius: 50px;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(0,0,0,0.2);
  transition: transform 0.3s ease;
}

#promo-container .cta-btn:hover {
  transform: scale(1.05);
}

/* ================= TABLETĂ ================= */
@media (max-width: 1024px) and (min-width: 769px) {
  #promo-container {
    padding: 60px 20px;
    gap: 20px;
  }

  #promo-container h3 {
    font-size: 2.2rem;
  }

  #promo-container p {
    font-size: 1.4rem;
  }

  #promo-container .cta-btn {
    font-size: 1.4rem;
    padding: 14px 32px;
  }
}

/* ================= MOBIL ================= */
@media (max-width: 768px) {
  #promo-container {
    padding: 40px 15px;
    gap: 15px;
  }

  #promo-container h3 {
    font-size: 1.6rem;
  }

  #promo-container p {
    font-size: 1rem;
  }

  #promo-container .cta-btn {
    width: 90%;
    font-size: 1rem;
    padding: 12px;
  }
}
</style>
</head>
<body>

<!-- CONTAINER PROMO -->
<section id='promo-container'>
  <h3>Nu rata oferta noastră specială!</h3>
  <p>Descoperă toate produsele promoționale disponibile și profită de reducerile exclusive.</p>
  <a href='#' class='cta-btn'>Vezi promoțiile</a>
</section>

</body>
</html>

<div class='title-container'>
  <h1 class='main-title'>
    CXA AUTO FIABIL Parc Auto de Incredere – Masini rulate atent verificate, finantare rapida si acte incluse
  </h1>
</div>

<style>
.title-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
  box-sizing: border-box;
}

.main-title {
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: #bf7f10;
  font-size: 36px; /* desktop implicit */
  line-height: 1.3;
}

/* ================= TABLET ================= */
@media (max-width: 1024px) and (min-width: 769px) {
  .main-title {
    font-size: 28px;
    line-height: 1.25;
  }
}

/* ================= MOBILE ================= */
@media (max-width: 768px) {
  .main-title {
    font-size: 22px;
    line-height: 1.2;
    padding: 0 10px; /* spațiu lateral pe ecrane mici */
  }
}
</style>

/* ==============================
   Butoane portocalii uniforme
   ============================== */

/* Butoane standard */
button,
input[type='submit'],
input[type='button'],
a.button {
    background-color: #FF6600 !important; /* portocaliu uniform */
    border-color: #FF6600 !important; /* bordură la fel */
    color: #fff !important; /* text alb */
    font-weight: bold;
    transition: background-color 0.3s ease;
}

/* Hover / focus */
button:hover,
input[type='submit']:hover,
input[type='button']:hover,
a.button:hover {
    background-color: #e65c00 !important; /* portocaliu puțin mai închis la hover */
    border-color: #e65c00 !important;
    color: #fff !important;
}

/* Dacă ai butoane mici sau secundare cu clase speciale */
button.secondary,
a.button.secondary {
    background-color: #FF6600 !important;
    border-color: #FF6600 !important;
    color: #fff !important;
}

button.secondary:hover,
a.button.secondary:hover {
    background-color: #e65c00 !important;
    border-color: #e65c00 !important;
    color: #fff !important;
}

<!-- Header / Nav -->
<header style='display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; background-color: #ffffff;'>
    <!-- Logo -->
    <div>
        <img src='logo-site.png' alt='CXA Auto Fiabil' style='height: 50px;'>
    </div>

    <!-- Meniu principal -->
    <nav style='display: flex; align-items: center; gap: 20px;'>
        <a href='#'>Acasa</a>
        <a href='#'>Despre noi</a>
        <a href='#'>Masini</a>
        <a href='#'>Avantaje</a>
        <a href='#'>Contact</a>
        <a href='#'>Finantare</a>
        <a href='#'>Termeni si Conditii</a>

        <!-- Buton TikTok -->
        <a href='https://www.tiktok.com/@username' target='_blank' style='
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 6px 12px;
            background-color: #69C9D0;
            color: white;
            font-weight: bold;
            border-radius: 6px;
            text-decoration: none;
            font-family: Arial, sans-serif;
            transition: background-color 0.3s, transform 0.3s;
        '
        onmouseover='this.style.backgroundColor='#00f2ea'; this.style.transform='scale(1.05)';' 
        onmouseout='this.style.backgroundColor='#69C9D0'; this.style.transform='scale(1)';'>
            <img src='https://upload.wikimedia.org/wikipedia/commons/6/6b/TikTok_logo.svg' alt='TikTok' style='width: 20px; height: 20px;'>
            TikTok
        </a>
    </nav>
    
<div id='credit-form-section' style='all: initial; display: block; font-family: Arial, sans-serif; background-color: #f9f9f9; padding: 20px 10px; border-radius: 10px;'>
    
    <style>
        #credit-form-section .form-container {
            max-width: 500px;
            margin: 0 auto;
            background: #ffffff;
            padding: 25px;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.08);
            box-sizing: border-box;
        }

        #credit-form-section .form-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 15px;
            gap: 10px;
        }

        #credit-form-section .form-header h2 {
            font-size: 18px;
            margin: 0;
            color: #222;
            line-height: 1.2;
            font-weight: bold;
        }

        #credit-form-section .logos img {
            height: 18px; /* Logo optimizat, mic si discret */
            width: auto;
            display: block;
        }

        #credit-form-section .form-subtitle {
            font-size: 13px;
            margin-bottom: 20px;
            color: #555;
            line-height: 1.5;
        }

        #credit-form-section .form-group {
            margin-bottom: 15px;
        }

        #credit-form-section input[type='text'],
        #credit-form-section input[type='tel'],
        #credit-form-section input[type='email'],
        #credit-form-section input[type='number'],
        #credit-form-section select {
            width: 100%;
            padding: 10px;
            border-radius: 4px;
            border: 1px solid #ccc;
            font-size: 14px;
            box-sizing: border-box;
            background-color: #fff;
            margin-bottom: 10px;
        }

        #credit-form-section .checkbox-group {
            margin-bottom: 15px;
            font-size: 13px;
            color: #333;
            background: #fcfcfc;
            padding: 10px;
            border-radius: 4px;
            border: 1px solid #eee;
        }

        #credit-form-section .checkbox-group strong {
            display: block;
            margin-bottom: 8px;
        }

        #credit-form-section .checkbox-group label {
            margin-right: 15px;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            gap: 5px;
        }

        #credit-form-section .submit-btn {
            width: 100%;
            background: #282828; /* Culoare neutra, se potriveste cu majoritatea temelor */
            color: #fff;
            border: none;
            padding: 14px;
            font-size: 15px;
            font-weight: bold;
            border-radius: 4px;
            cursor: pointer;
            transition: opacity 0.3s;
            text-transform: uppercase;
        }

        #credit-form-section .submit-btn:hover {
            opacity: 0.9;
        }

        /* Responsive Tableta & Mobil */
        @media (max-width: 600px) {
            #credit-form-section .form-container {
                padding: 15px;
            }
            #credit-form-section .form-header {
                flex-direction: column;
                align-items: flex-start;
            }
            #credit-form-section .logos {
                margin-top: 5px;
            }
        }
    </style>

    <div class='form-container'>
        <div class='form-header'>
            <h2>Credit Auto prin parteneri:</h2>
            <div class='logos'>
                <img src='https://tbibank.ro/wp-content/uploads/2022/10/Logo-tbi-bank_secundar.png' alt='TBI Bank'>
            </div>
        </div>

        <div class='form-subtitle'>
            Completează datele de mai jos și echipa noastră te va contacta în cel mai scurt timp pentru detalii.
        </div>

        <form action='https://formspree.io/f/xjgbwvel' method='POST'>
            <input type='hidden' name='_next' value='https://siteultau.ro/multumim.html'>

            <div class='form-group'>
                <input type='text' name='nume_prenume' placeholder='Nume Prenume' required>
                <input type='tel' name='telefon' placeholder='Telefon' required>
                <input type='email' name='email' placeholder='Adresa de Email' required>
            </div>

            <div class='form-group'>
                <select name='status' required>
                    <option value='' disabled selected>Selectează statutul tău</option>
                    <option value='Angajat'>Angajat</option>
                    <option value='Pensionar'>Pensionar</option>
                    <option value='SRL'>SRL</option>
                    <option value='PFA'>PFA</option>
                </select>
                <input type='number' name='venit_lunar' placeholder='Venit lunar net (RON)' min='0' required>
            </div>

            <div class='checkbox-group'>
                <strong>Angajat de minim 3 luni?</strong>
                <label><input type='radio' name='angajat_3_luni' value='Da' required> Da</label>
                <label><input type='radio' name='angajat_3_luni' value='Nu' required> Nu</label>
            </div>

            <div class='checkbox-group'>
                <strong>Mai aveți și alte rate active?</strong>
                <label><input type='radio' name='alte_rate' value='Da' required> Da</label>
                <label><input type='radio' name='alte_rate' value='Nu' required> Nu</label>
            </div>

            <div class='checkbox-group'>
                <strong>Istoric negativ în Biroul de Credit?</strong>
                <label><input type='radio' name='birou_credit' value='Da' required> Da</label>
                <label><input type='radio' name='birou_credit' value='Nu' required> Nu</label>
            </div>

            <div class='checkbox-group' style='border: none; background: transparent; padding: 0;'>
                <label style='font-size: 11px;'>
                    <input type='checkbox' name='accept_politica' required>
                    Sunt de acord cu prelucrarea datelor personale.
                </label>
            </div>

            <button type='submit' class='submit-btn'>
                TRIMITE CEREREA ACUM
            </button>
        </form>
    </div>
</div>
