@charset "utf-8";
/* CSS Document */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.elementor-widget-image a img[src$=".svg"] {
	width: 150px !important;
}

.clear {clear:both;}
#clear {clear:both;}

.kiyasla a {color: #fff;}
.customYears {font-size: 18px;border: 1px solid #1C1C1C;border-radius: 10px;padding: 8px;color: #8e8e8d;display: inline-block;margin: 6px;}
.customYears:hover {background-color: #000;color: #fff;}
.Compareable {border: 1px solid #fff;}
.CompareableTd {background-color: #d7d7d7;font-weight: 700;}
.marka {border: 1px solid #b1b1b1;border-radius: 10px;margin: 0px 10px 20px 10px;text-align: center;	min-width:150px;}

.model {border: 1px solid #b1b1b1;border-radius: 10px;margin: 0px 10px 20px 10px;text-align: center;padding:10px;}

.bas-fiyat-etiket{margin:-5px;color:#666;font-weight:300;}
.bas-fiyat-tl{font-size:30px;color:#C3002F;font-weight:700;}
.bas-fiyat-var{font-size:32px;color:#666;font-weight:700;margin:10px;}
.bas-fiyat-yok{font-size:28px;color:#b1b1b1;font-weight:700;margin:10px;}
.bas-fiyat-yuks{min-height:125px;}
.mt-3 {margin-bottom:15px;}
.mt-2 h2 a{font-size:20px;font-weight:700;color:#34373B;}
.mt-2 h2 {margin: -10px 0px 15px 0;}
.mt-h2 a{font-size:32px;color:#34373B;font-weight:700;}
.mt-h2 h2{margin-bottom:5px;}
.katalog-title {font-size:24px;font-weight:600;}
.cathumb img {}

.teknik ul {list-style: none;display: inline;padding: 0;}
.teknik li span {float: right;}
.teknik li {width: 100%;float: left;padding: 13px 0px;border-bottom: 1px solid #ddd;font-size: 21px;}
.deger {text-transform: capitalize;}

#compareButton {background-color: #C3002F;color:#fff;}
.CompareTable {	font-weight:600;}
.CompareTable td {padding:25px 0px;font-size:25px;font-weight:700;}
.CompareTable th {padding:0px 0px;margin:0px;}
.comparison-thumbnail img {border-radius:10px;}
.customTd {color:#C3002F;}
@media only screen and (max-width: 768px) {
.CompareTable td {padding:25px 0px;font-size:19px;font-weight:500;}
}

/* Anasayfa Markalar bölümü sidebar */
.top-categories {width: 100%;}.top-categories nav {float: left;}.top-categories ul {list-style: none;padding: 0 0 0 5px;}.top-categories li {width: 50%;float: left;font-size: 18px;border-bottom: 1px solid #ddd;padding: 5px 0 5px 0;}
.category-row {display: flex;flex-wrap: wrap;margin-left: -8px;margin-right: -8px;padding: 5px;border-bottom: 1px solid #ececec;}
.category-col {padding-left: 8px;padding-right: 8px;box-sizing: border-box;flex: 0 0 50%; /* default to 2 columns on mobile */
max-width: 50%;}
.responsive-img {max-width: 100%;height: auto;}/* Anasayfa Markalar bölümü sidebar */

/* Marka Model Sıralama */
.grid_category-row {display: flex;flex-wrap: wrap;}
.grid_category-col {flex:auto;}.responsive-img {max-width: 100%;height: auto;}
.uniqueGrid_category-row {display: flex;flex-wrap: wrap;}
.uniqueGrid_category-col {  flex:auto;  max-width:33%;}
@media only screen and (max-width: 768px) {
.uniqueGrid_category-col {  flex:auto;  max-width:100%;}}

.new {min-height: 100%;}
.new .vitrin {float: left;position: relative;box-sizing: border-box;}
.new .itemimage {position: relative;max-width: 800px;margin: 0 auto;}
.ribbon {top: 15px;right: 15px;position: absolute;}.ribbon::before,
.ribbon span {background-color: #c3002f;color: #fff;display: inline-block;font-size: 17px;font-weight: 600;text-transform: uppercase;padding: 3px 10px;}

.new .itemtitle {position: absolute;bottom: 0;color: #ffffff;width: 100%;padding-bottom: 20%;background: linear-gradient(0deg,#000,#000 10%,rgba(24,24,24,0) 95%);}
.new .itemtitle a{color: #fff;}.new .itemtitle h3{margin: 0;font-size: 27px;position: absolute;bottom: 40px;left: 15px;	color: #fff;}.new .itemfiyat {font-size: 26px;	font-weight:700;position: absolute;bottom: 5px;left: 15px;color: #fff;}


/* Arama Sonuclari */
.heart-checkbox {position: absolute;top: 10px;right: 10px;}
.heart-checkbox input[type="checkbox"] {display: none;}
.heart-checkbox label {cursor: pointer;}
.heart-checkbox label .fa-heart {font-size: 24px;color: #f00;}
.heart-checkbox input[type="checkbox"] + label .fa-solid {display: none;}
.heart-checkbox input[type="checkbox"]:checked + label .fa-regular {display: none;}
.heart-checkbox input[type="checkbox"]:checked + label .fa-solid {display: inline-block;}
.product-price {margin-left: 10px;font-size: 14px;font-weight: 700;}
p.product-link,
p.product-price,
p.km-cost {margin-bottom: 8px;}
.car-list {display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;padding: 20px;}
.car-item {background-color: #fff;border-radius: 8px;overflow: hidden;width: 185px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);display: flex;flex-wrap: wrap;}
.image-container {position: relative;}
.heart-checkbox {position: absolute;top: 10px;right: 10px;z-index: 10;}.image-container img {width: 185px;height: 131px;background-size: cover;background-position: center;display: block;}
.heart-checkbox input[type="checkbox"] {display: none;}
.heart-checkbox label {font-size: 24px;color: #f00;cursor: pointer;}
.heart-checkbox input[type="checkbox"]:checked + label {color: #ff0000;}
.product-name h3,
.product-name {padding: 10px;margin-top: 0;font-size: 14px;margin-bottom: 0;}
.km-cost,
.acceleration {margin-left: 10px;font-size: 14px;}

/* Model Sayfası Listeleme*/
.post-list-item {display: flex;padding: 20px 10px;align-items: center;}
.post-list-item:nth-child(even){background-color: #f3f4f5;}
.post-icon {width: auto;flex: auto;}.post-name1 {width: auto;}.tl {}.post-name2 {width: auto;color: #c3002f;font-size: 22px;	display:flex;}.post-name h2 {margin:0;font-size:22px;}.post-name {width:auto;}.post-main {display: flex;	align-items: center;justify-content: space-between;width: 100%;}
@media only screen and (max-width: 768px) {
.form-horizontal {flex-direction: column;}
.post-list-item {display: flex;padding: 20px 3px;align-items: flex-start;}	.post-icon {width: auto;flex: auto;}.post-name1 {width: auto;}.tl {font-weight:600;}	
.post-name2 {color: #c3002f;font-size: 24px;text-align: right;width: 100%;display: flex;flex-direction: row;justify-content: flex-end;}.post-name h2 {margin:0;}.post-name {width:100%;}.post-main {display: flex;flex-direction: column;width: 100%;}}

/* Center-align the form container */
#form-container {display: flex;justify-content: center;align-items: center;/* width: 100%; */
}
.ana-arama {display: flex;flex-wrap: wrap;justify-content: space-around;align-items: baseline;}
.ana-arama-title {font-size: 21px;font-weight:700;}
.ana-arama-kriter {display: flex;flex-direction: column;padding: 15px;	flex:auto;}
.ana-arama-select button{font-size:18px;font-weight:700;width: 100%;border-radius:5px;background-color:#C3002F; color:#fff;}
.ana-arama-kriter select.sec{min-width: 250px;border: 1px solid #b1b1b1;border-radius:5px;font-size:19px;font-weight:500;background-color:#fff;color: #666666;-moz-appearance: none;-webkit-appearance: none;appearance: none;background-image: url('/wp-content/uploads/arrow.png');background-repeat: no-repeat, repeat;background-position: right .7em top 50%, 0 0;background-size: .75em auto, 100%;}
@media (max-width: 768px) {
.ana-arama-select button{font-size:20px;width: 100%;}
.ana-arama {margin:0px;border-radius:0;border:0;}
}
/* ------------- */
.flex-container {display: flex;align-items: center;gap: 10px;}
.post-list-item img {max-width: 100px; height: auto; margin: 0px 5px; vertical-align: middle;}
/* You can further customize the look of each div, for instance, setting a width: */
.flex-container > div {flex: 1;}
/*slide css */

#sync1 .item {margin: 0px;color: #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align: center;}
#sync2 .item {background: #ffffff;/* padding: 10px 0px; */
margin: 0 5px;color: #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align: center;cursor: pointer;}
#sync2 .item h1 {font-size: 18px;}
#sync2 .current .item {background: #ffffff;}
.owl-theme .owl-nav [class*="owl-"] {transition: all 0.3s ease;}
.owl-theme .owl-nav [class*="owl-"].disabled:hover {background-color: #ffffff;}
#sync1.owl-theme {position: relative;}
#sync1.owl-theme .owl-next,
#sync1.owl-theme .owl-prev {height: 40px;margin-top: -20px;position: absolute;top: 50%;}
#sync1.owl-theme .owl-prev {left: 5px;}
#sync1.owl-theme .owl-next {right: 5px;}/* animate fadin duration 1.5s */
.owl-carousel .animated {animation-duration: 1.5s !important;}/*  */
#sync1.owl-theme .owl-next,
#sync1.owl-theme .owl-prev {
}#sync1 svg {width: 20px !important;}
.owl-carousel .owl-item img {display: block;width: 100%;}
@media (max-width: 768px){.galeri {height: 900px;}


/* Responsive */
@media (max-width: 768px) {
.fulltitle {/*word-wrap: break-word;  width: 200px;  display: inline-block;*/}
#compareButton {background-color: #c3002f;width: 100%;color: #ffffff;font-size:22px;}
.category-column {display: block; margin-bottom: 16px; width: 100%;}

.pasif .post-field {text-align: center;margin: -3px 0 4px 0;background-color: #e6e6e6;border-radius: 5px;padding: 3px;font-size: 14px;font-weight: 500;}.category-grid {display: flex;flex-wrap: wrap; /* Öğelerin yeni satıra geçmesini sağlar */
justify-content: center;align-items: center;}
.category-grid > * {/* Konteynerin içerisindeki doğrudan çocuk öğeleri seçer */
flex-basis: calc(50% - 10px); /* Her bir öğenin genişliği. 10px'lik bir boşluk (veya padding/margin) için ayarlanmıştır. */
margin: 5px; /* Her bir öğeye eşit boşluk ekler */
}

.category-column {display: inline-block;text-align: center;border-bottom: 1px solid #e0e0e0;padding: 8px;background-color: #fff;transition: background-color 0.3s;width: 50%; /* Assign 50% width to each cell for a 2-column layout */
}}
@media (max-width: 768px) {.car-list {flex-direction: column;}
.car-item {width: 100%;}.left-column {flex: 0 0 40%;}.right-column {flex: 1; /* Makes the right column take up the remaining space */
}.flickity-prev-next-button.next {right: 10px;margin-top: inherit;}.carousel-cell {width: 100%;height: 10px;margin-right: 8px;/* background: #8C8; */
border-radius: 5px;/* counter-increment: carousel-cell; */
}.flickity-viewport {height: 300px !important;touch-action: pan-y;}.flickity-slider {height: 100px;}}
@media (min-width: 768px) {.post-field {color: #4c4c4c;font-size: 20px;display:flex;		flex-basis:75%;}
.post-name {text-align: left;display:flex;	flex-basis:100%;}	.post-name2 {Font-size: 23px;font-weight: 700;margin-right: 10px;display: flex;flex-basis: 25%;justify-content: flex-end;}.category-column {width: 50%; /* 2-column layout for screens larger than 768px */
}.category-column a {text-decoration: none;color: inherit;}
.category-column:hover {background-color: #fff;}.category-col {flex: 0 0 25%; /* 4 columns on medium and up */
max-width: 25%;}.grid_category-col {flex: 0 0 25%; /* 4 columns for desktop */
max-width: 25%;}.uniqueGrid_category-col {flex: 0 0 25%; /* 4 columns for desktop */
max-width: 25%;}}

/* @media (max-width: 768px) {/*.search-result-item {display: none !important;  }*/
.mobile-table {display: table !important;}
/*.search-result-item {flex-direction: column;  }*/
img.img-fluid {height: auto;max-width: 80%;border: none;border-radius: 0;box-shadow: none;}table td,
table th {padding:10px 5px;}.container a {font-size: 14px;color: #000;font-weight: 700;}.container {max-width: 1200px;margin: 0 auto;padding: 0 10px;}table {font-size: 0.9em;border-spacing: 0;border-collapse: collapse;vertical-align: middle;}}
@media (min-width: 992px) {.col-lg-1 {flex: 0 0 auto;width: 4.333%;}.col-lg-3 {flex: 0 0 auto;width: 20%;}.col-lg-2 {flex: 0 0 auto;width: 18.667%;}.col-6 {flex: 0 0 auto;width: 18%;}}
/* CSS to be added to your theme's styles.css or a custom styles section */
#loading-preloader {position: fixed;

/* Make it cover the entire viewport */
top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(
255,
255,
255,
0.9
); /* Semi-opaque white background */
display: flex; /* Centering with flexbox */
align-items: center; /* Vertical centering */
justify-content: center; /* Horizontal centering */
z-index: 9999; /* High z-index to make it appear on top of other elements */
}

#loading-preloader img {width: 250px;height: 250px;}
#loading-preloader2 img {width: 250px;height: 250px;}
.col-price {text-align: right;font-weight: 700;font-size: 26px;color: #C3002F;}
#versiyon .tl {color: #C3002F;font-size: 25px;font-weight:600;text-align: right;}
#arama-sonuc .tl {font-size: 26px;}
#arama-sonuc .pagination { display: flex; justify-content: space-evenly;}
.page-numbers { padding: 5px;text-align: center;border: 1px solid #b1b1b1;display: inline-block;}
@media only screen and (min-width: 768px) {.mobile-version {display: flex;border-bottom: 1px solid #ddd;margin-bottom: 10px;   
	padding: 10px;justify-content: space-between;align-items: flex-end;}
.col-left,
.col-right {display: inline-block;vertical-align: top;}
.col-left {display:flex; align-items:center;}
.col-right {margin:10px 0;}	.col-meta {display: flex;align-items: flex-end;flex: auto;}
.col-main {	width:300px;}	
	
.col-mety {width: 33%;display: flex;flex-direction: column;align-items: center;	color:#c3002f;	font-weight:600;font-size:20px;}	
.col-mety p{font-size: 20px;font-weight: 600;margin: 0;color: #666;}	
.col-checkbox {display:flex;float:left;}	
.col-title {margin-bottom: 5px;font-size: 20px;font-weight: 600;color: #C3002F;}	
.col-title a{font-size: 20px;font-weight:600;color: #34373b;}
.col-left .col-checkbox,
.col-left .col-image {display: inline-block;vertical-align: middle;		padding:5px;}
.col-image img {object-fit: cover;height: 75px;width: 300px;	border-radius:10px;}}

@media only screen and (max-width: 768px) {.mobile-version {display: flex;padding: 10px;flex-direction: column;border-bottom: 1px solid #bbb;margin-bottom: 10px;}
.col-left,
.col-right {display: inline-block;vertical-align: top;}
.col-left {display:flex; align-items:center;}
.col-right {margin:10px 0;}	
.col-meta {display: flex;}	
.col-main {	display: flex;flex-direction: column;}	
	
.col-mety {width: 33%;font-weight:300;display:flex;flex-direction: column;align-items: center;	color:#c3002f;}	
.col-mety p{margin:0;color:#535d62;font-weight:400;}
.col-checkbox {display:flex;float:left;}	
.col-title a{font-size: 22px;font-weight:700;color: #34373b;}	
.col-title {font-size: 22px;font-weight:700;color: #C3002F;}	
.col-left .col-checkbox,
.col-left .col-image {display: inline-block;vertical-align: middle;	padding:5px;}
.col-image img {object-fit: cover;height: 200px;border-radius:10px;border: 1px solid #b1b1b1;}}
.switch {  position: relative;  display: inline-block;  width: 38px;  height: 22px;margin-bottom:5px;}
.switch input {opacity: 0;  width: 0;  height: 0;}
.slider {position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #bbb;  -webkit-transition: .4s;  transition: .4s;}
.slider:before { position: absolute;  content: "";  height: 17px;  width: 17px;  left: 3px;  bottom: 3px;  background-color: #fff;  -webkit-transition: .4s;  transition: .4s;}
input:checked + .slider {background-color: #C3002F;}
input:focus + .slider {  box-shadow: 0 0 1px #C3002F;}
input:checked + .slider:before {  -webkit-transform: translateX(15px);  -ms-transform: translateX(15px);  transform: translateX(15px);}/* Rounded sliders */
.slider.round {border-radius: 20px;}
.slider.round:before {border-radius: 50%;}
.karsilastirma select {border: 2px solid #ddd;background-color: #FFFFFF;font-size: 20px;font-weight:500;-moz-appearance: none;-webkit-appearance: none;appearance: none;background-image: url('/wp-content/uploads/arrow.png');background-repeat: no-repeat, repeat;background-position: right .7em top 50%, 0 0;background-size: .75em auto, 100%;}
.yil-sec select {background-color: #FFFFFF;font-weight: 500;font-size: 18px;color: #666666;-moz-appearance: none;-webkit-appearance: none;appearance: none;background-image: url('/wp-content/uploads/down.svg');background-repeat: no-repeat, repeat;background-position: right .7em top 50%, 0 0;background-size: .75em auto, 100%;}
@media only screen and (max-width: 768px) {
.karsilastirma select {border: 2px solid #ddd;background-color: #FFFFFF;-moz-appearance: none;-webkit-appearance: none;appearance: none;background-image: url('/wp-content/uploads/arrow.png');background-repeat: no-repeat, repeat;background-position: right .7em top 50%, 0 0;background-size: .75em auto, 100%;}
}

/* Benzer Modeller css */
.benzer-modeller-container {display: flex; flex-wrap: wrap;justify-content: space-around;}
.benzer-model {max-width: 25%; display: flex; flex:auto; margin: 10px 0;}
.benzer-model img {border-radius: 10px;max-width: 150px;}
.benzer-model p{margin:5px;}
.benzer-model a{font-size: 20px;color: #535D62; font-weight:700;}
@media only screen and (max-width: 768px) {
.benzer-model {max-width: 100%;display: flex; flex:auto; margin: 10px 0;}
.benzer-model img {border-radius: 10px;max-width: 150px;}
.benzer-model p{margin:5px;}
.benzer-model a{font-size: 20px;color: #535D62; font-weight:700;}
}

.verimlilik .deger {float:right;}
.marka-desc h3{font-size: 22px;}
.marka-desc {font-size: 18px;font-weight:400;}
.marka-desc p{font-size: 18px;font-weight:400;}

.sorgulanan-kategori-aciklama {font-size:20px;}
.sorgulanan-kategori-aciklama h2{font-size:23px;font-weight:700;}
.sorgulanan-kategori-aciklama h3{font-weight:700;}
@media only screen and (max-width: 768px) {
.sorgulanan-kategori-aciklama {font-size:18px;}
.sorgulanan-kategori-aciklama td{font-size:18px;}
}

.paket th{color:#666;font-size:21px;}
.paket td{font-size:22px;}
@media only screen and (max-width: 768px) {
.paket th{font-size:20px;}
.paket td{font-size:20px;}
}

.reklam-mobil {text-align:center;}
.reklam-mobil-model {text-align:center;margin: 10px 0;}
.reklam-desktop {text-align:center;}

.fiyat-listesi .liste-adi{font-size:20px;float:left;}
.fiyat-listesi .liste-fiyati{float:right;font-size:24px;}
.fiyat-listesi p{margin:0;}
.fiyat-listesi td{}
.fiyat-listesi a{color:#34373b;font-size:22px;font-weight:500;}
.fiyat-listesi th{text-align: left;font-size:24px;color:#666;}
.versiyon-fiyati {text-align: right; font-size: 22px;font-weight:500;min-width:120px;}
.incele img {width: 35px;height: 35px;display: block;  margin: 0 auto;}
@media only screen and (max-width: 768px) {
.versiyon-adi a{font-size:19px;}
.versiyon-fiyati {min-width: 135px; text-align: right; font-size:19px;}
.incele img {width: 30px;height: 30px;display: block;  margin: 0 auto;}
.incele {min-width: 40px;}
.fiyat-listesi .liste-adi{font-size:20px;}
.fiyat-listesi .liste-fiyati{font-size:16px;}
.fiyat-listesi p{margin:0;}
.fiyat-listesi th{text-align: left;font-size:20px;}
.fiyat-listesi a{}
	}


.teknik-ozellikler td{border: none;font-weight:600;font-size:18px;padding:12px 10px;color:#535d62;width:50%}
.veri{text-align:right;}
@media only screen and (max-width: 768px) {
.teknik-ozellikler td{border: none;font-weight:600;font-size:20px;padding:15px 10px;color:#535d62;width:50%}
	}
	
@media only screen and (max-width: 768px) {
	#fiyatGrafik {min-height:350px;margin: -10px 0 -10px 0;}
	}
#fiyatGrafik {max-height:350px;}

.elementor-element.elementor-element-97ce691 > .elementor-widget-container {
	padding: 0px 0px 5px 0px;
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	border-color: var( --e-global-color-secondary );
	border-radius: 0px 0px 0px 0px;
}
.elementor-element.elementor-element-97ce691 > .elementor-widget-container h2 {font-size:25px; font-weight:700;}

.yeni-model{background-color: #34373B; border-radius: 10px; border: 1px solid #b1b1b1;	}
.model-years-buttons {display: flex; flex-wrap: wrap; gap: 10px;}
.year-button {width:75px;padding: 5px 10px; color: #fff; text-align: center; text-decoration: none; border: 1px solid #34373b; cursor: pointer; display: inline-block;}
.model-years-buttons a{color:#34373b;}
.model-button {padding: 10px 20px; text-align: center; border: 1px solid #666; border-radius: 5px;}
.mt-3 a{color:#666;font-size:18px;font-weight:700;}
.bread a{font-weight:500;}

.haber h2 {font-size:22px;font-weight:700;color:#343A40; border-left: 7px solid #C3002F;padding: 0px 10px;}
.haber h3 {font-size:21px;font-weight:700;color:#343A40;}
.acf-aciklama h2 {font-size:24px;font-weight:700;color:#343A40; border-left: 7px solid #C3002F;padding: 0px 10px;}
.acf-aciklama p{font-size:16px;font-weight:700;color:#666;}

/* title="kaynak" olan URL için tasarım */
.elementor-widget-theme-post-content blockquote{
margin: 0;
}

.elementor-widget-theme-post-content blockquote p{
    border: 1px dashed #ccc;
    padding: 5px;
    font-size: 15px;
    margin: 0;
    display: inline-block;
    font-weight:400;
    text-decoration: none;
    max-width: 100%;
    background-color: #f5f5f5;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.elementor-widget-theme-post-content blockquote a{
color: #666;
font-weight:300;
}


@media only screen and (min-width: 768px) {
	.gallery {
	display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;}
	}

.euroncap-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px; /* Çemberler arası boşluk */
  min-height:160px;
  margin: 20px 0;
}

.euroncap-container .ncap-yildiz {
text-align:center;
}

.euroncap-container .ncap-sonuc{
font-size: 42px; /* Yıldızların boyutu */
color: #FFCC00;
letter-spacing: 5px; /* Yıldızlar arasındaki boşluk */
margin:-10px 0px;
}

.euroncap-container .ncap-yil{
font-size: 16px; /* Yıldızların boyutu */
color: #000; /* Yıldızların rengi (altın sarısı) */
margin:15px 0px;
}

.euroncap-results {
  /* flex: 1 1 calc(25% - 20px);  Masaüstünde yan yana 4 adet */
  /* max-width: calc(25% - 20px); */
  position: relative;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  text-align: center;
}

.euroncap-results .progress-circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: conic-gradient(
    #C3002F calc(var(--progress) * 1%), /* Yeşil doluluk */
    #e0e0e0 0%                         /* Gri arka plan */
  );
  display: flex;
  align-items: center;
  justify-content: center;
}

.euroncap-results .progress-circle::before {
  content: '';
  position: absolute;
  width: 85%;
  height: 85%;
  background: #fff;
  border-radius: 50%;
  z-index: 1;
}

.euroncap-results .progress-value {
  position: absolute;
  z-index: 2;
  font-size: 28px;
  font-weight: bold;
  color: #333;
}

.euroncap-results .progress-label {
  font-size: 14px;
  color: #000;
  margin-top: 10px;
}


/* Mobil görünüm (max-width: 768px) */
@media (max-width: 768px) {
  .euroncap-results {
    /* flex: 1 1 calc(50% - 20px);  Mobilde yan yana 2 adet */
    max-width: calc(50% - 20px);
  }
  .euroncap-container {
  min-height:550px;
}
.euroncap-container .ncap-yildiz {
width:100%;
}
.euroncap-results .progress-value {
  font-size: 32px;
}
}

.faq-container {
            margin: 0 auto;
        }

        .faq-item {
            margin-bottom: 10px;
            border-bottom: 1px solid #ddd;
            overflow: hidden;
        }

        .faq-item label {
            display: flex;
            align-items: center;
            cursor: pointer;
            padding: 15px;
            font-size: 20px;
            font-weight: bold;
            transition: background 0.3s ease;
            position: relative;
        }

        .faq-item label:hover {
            
        }

        .faq-item input {
            display: none;
        }

        .faq-item .faq-answer {
            max-height: 0;
            overflow: hidden;
            padding: 0 15px;
            background: #fff;
            transition: max-height 0.3s ease, padding 0.3s ease;
        }

        .faq-item input:checked + label + .faq-answer {
            max-height: 500px; /* İçeriğinize göre ayarlayın */
            padding: 15px;
        }

        /* Dinamik simge */
        .faq-item label::before {
            content: '▶';
            font-size: 14px;
            
            margin-right: 10px;
            color: #333;
            transition: transform 0.3s ease, color 0.3s ease;
        }

        .faq-item input:checked + label::before {
            content: '▼';
            color: #333;
			font-size: 14px;
            
        }