@import url("./theme/css/animate.css");
@import url("./theme/css/owl.css");
@import url("./theme/css/jquery.fancybox.min.css");
@import url("./theme/css/linear.css");
@import url("./theme/css/fontawesome.css");
@import url("./theme/css/flaticon.css");
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');



html{
	--white-bg: #fff;
	--white-clr: #fff;

	--black-bg: #000;
	--black-clr: #000;

	--dark-txt: #000;


	--card-padding: 30px;
}

::selection{ background-color: #000; color: #fff;}

html,body{
	font-family: 'DM Sans', sans-serif !important;
	/* font-size: 14px;
	line-height: 1.5;
	color: var(--dark-txt);
	background-color: var(--white-bg);
	overflow-x: hidden; */
}


body{ color: var(--theme-color-dark);}
body,
body:has(.container.ilan-ekle),
body:has(.container.ilan){ background-color: var(--bg-1, #F9FBFC);}

body > .container{ padding-bottom: 40px;}

img{ max-width: 100%;}
button{ border: none; outline: none; cursor: pointer;}

i{ margin: 0;}

.overflow-hidden{ overflow: hidden;}
.overflow-x-hidden{ overflow-x: hidden;}



.spacing{ padding-top: 50px;}
.spacing-2{ padding-top: 100px;}



.headline{ font-size: 40px; font-weight: 700;}


.w-fit{ width: fit-content;}
.w-full{ width: 100%;}


header, header .sticky, .yazi .bilgi ul li a, #magaza_bilgi, ul.magaza_sec li a:hover, ul.magaza_sec li.active a, .mobil_header, .footer_sabit{ background-color: var(--white-bg);}
header .header_link{ color: var(--dark-txt) !important;}
header .uyelik a{ text-shadow: none;}

header{ height: 90px; box-shadow: none;}
header .container{ max-width: 1400px; margin: 0 auto; padding: 0 20px; width: 100% !important; display: flex; align-items: center; height: 100%;}
header .container > div{ width: 100% !important;}
header .logo img{ height: 35px; min-width: 180px; object-fit: contain;}

/* header .header_link:hover{ color: var(--theme-color2) !important;} */

/* header .ara{ background-color: var(--bg-theme-color1-soft) !important; border: 1px solid var(--theme-color1); border-radius: 5px !important; overflow: hidden;}
header .ara input{ background-color: transparent; border: none !important; outline: none !important; box-shadow: none !important;}
header .ara input::placeholder{ color: var(--bg-theme-color1-clr) !important; opacity: .3;}
header .ara.focus input{ background-color: transparent !important;}
header .ara button{ height: 34px; border-radius: 0 5px 5px 0 !important; font-size: 20px; background-color: var(--theme-color1) !important; color: var(--theme-color1-clr) !important; display: flex; align-items: center; justify-content: center;}
header .ara button i{ font-size: inherit; display: flex;} */

header .ara{ display: flex; flex-direction: row-reverse; background-color: rgba(0, 0, 0, .01); border: 1px solid #ddd; border-radius: 5px !important; overflow: hidden; transition: all .2s ease;}
header .ara:focus-within{ background-color: #fff;}
header .ara input{ padding-left: 10px !important; color: #000 !important; background-color: transparent; border: none !important; outline: none !important; box-shadow: none !important; width: 100%;}
header .ara input::placeholder{ color: #000 !important; opacity: .4;}
header .ara.focus input{ background-color: transparent !important;}
header .ara span{ width: fit-content;display: flex;}
header .ara span button{ background-color: transparent !important; padding: 0 10px 0 12px !important; width: fit-content; height: 34px; border-radius: 0 5px 5px 0 !important; font-size: 20px; color: #aaa !important; display: flex; align-items: center; justify-content: center; outline: none; outline: none; border-radius: 6px !important;}
header .ara span button:hover{ background-color: var(--theme-color1) !important; color: var(--bg-theme-color1-clr) !important;}
header .ara span button i{ font-size: 15px; display: flex;}

header .uyelik{ display: flex; align-items: center; gap: 10px; justify-content: flex-end;}

header .uyelik > a.btn-header{ margin-left: 0;}
header .uyelik > a.btn-header{ height: 47px; padding: 0 25px !important; font-size: 15px; display: flex; align-items: center; justify-content: center; border-radius: 12px;}


header .btn-group{}
header .btn-group > a{ padding: 8px 17px !important; display: flex; align-items: center; gap: 5px; border: 1px solid #ddd; border-radius: 12px;}
header .btn-group > a > i{ font-size: 16px;}
header .btn-group > a > div{ display: flex; flex-direction: column; align-items: flex-start; line-height: 1; gap: 5px;}
header .btn-group > a > div small{ font-size: 11px; color: #555;}
header .btn-group > a > div strong{}
header .btn-group > a > span{}
header .btn-group .dropdown-menu{ width: 210px; right: 0; left: unset; margin-top: 15px;}
header .btn-group .dropdown-menu::before{ position: absolute; right: 12px; top: 0; transform: translateY(-100%); content: ''; display: inline-block; width: 0px; height: 0px; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent; filter: drop-shadow(0 -3px 3px rgba(0, 0, 0, .075));}

header .single-bd,
.mobil_header .single-bd{ --size: 40px; position: relative; background-color: var(--theme-color1) !important; color: #000 !important; width: var(--size); min-width: var(--size); height: var(--size); border-radius: 8px; display: flex; align-items: center; justify-content: center; padding: 0 !important; border: 1px solid var(--theme-color1);}
header .single-bd:hover,
.mobil_header .single-bd:hover{ color: #000 !important;}
header .single-bd svg,
.mobil_header .single-bd svg{ height: 18px; width: auto; color: inherit;}
header .single-bd.msg svg,
.mobil_header .single-bd.msg svg{ height: 21px;}
header .single-bd span,
.mobil_header .single-bd span{ --size: 17px; transform: translate(20%, -20%); position: absolute !important; top: 0 !important; right: 0 !important; display: flex; align-items: center; justify-content: center; background-color: #000 !important; color: #fff !important; width: var(--size); min-width: var(--size); height: var(--size); padding: 0;}

.mobil_header .single-bd.usr{ font-size: 15px;}


footer{ margin-top: 0; background-color: #fff;}

.mt-0{ margin-top: 0 !important;}

.bilesen .baslik{ border-bottom: 0;}
.bilesen.ilan_listeleme .baslik.alternatif{ margin-top: 70px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.bilesen.ilan_listeleme .baslik.alternatif h3{ background-color: transparent; padding: 0; font-family: var(--title-font); font-size: 40px; font-weight: 700; color: var(--theme-color-dark); text-transform: capitalize; line-height: 45px;}
.bilesen .baslik a{ font-size: 15px; font-style: normal; font-weight: 500; line-height: 26px; font-family: var(--title-font); color: var(--color-primary, var(--theme-color-dark)); display: flex; align-items: center; gap: 12px;}
.bilesen .baslik a:before{ display: none;}
.bilesen .baslik a::after{ content: ''; display: inline-block; width: 12px; height: 12px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none'%3E%3Cg clip-path='url(%23clip0_601_243)'%3E%3Cpath d='M13.6109 0H5.05533C4.84037 0 4.66643 0.173943 4.66643 0.388901C4.66643 0.603859 4.84037 0.777802 5.05533 0.777802H12.6721L0.113697 13.3362C-0.0382246 13.4881 -0.0382246 13.7342 0.113697 13.8861C0.18964 13.962 0.289171 14 0.388666 14C0.488161 14 0.587656 13.962 0.663635 13.8861L13.222 1.3277V8.94447C13.222 9.15943 13.3959 9.33337 13.6109 9.33337C13.8259 9.33337 13.9998 9.15943 13.9998 8.94447V0.388901C13.9998 0.173943 13.8258 0 13.6109 0Z' fill='currentColor'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_601_243'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center; background-size: contain;}

.bd-tab-content .btns{ display: flex; gap: 15px;}

.liste{ margin-bottom: 20px;}
.liste.alternatif{ padding: 0; padding-bottom: 15px; border-radius: 16px; border: 1px solid var(--Border, #E1E1E1) !important; background: var(--theme-color-light); -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); overflow: hidden;}
.liste.alternatif:hover{ border: none;}
.liste.alternatif > a{ border-radius: 15px 15px 0 0; overflow: hidden; display: flex;}
.liste.alternatif > a > img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s ease;}
.liste.alternatif > a:hover > img{ transform: scale(1.05);}
.liste.alternatif > *:not(.full){ padding: 0 20px;}
.liste.alternatif h3{ font-size: 16px; margin-top: 15px; margin-bottom: 5px;}
.liste.alternatif .fiyat_layer{ right: unset; left: 15px; top: 15px; padding: 4px 12px; border-radius: 15px; background-color: var(--theme-color1); color: var(--theme-color1-clr); font-weight: 500; font-size: 14px}
.bilesen.ilan_listeleme .il_ilce{ min-height: 1lh;}

.liste.bold h3 a{ font-weight: 700;}

header .uyelik > a.btn-header{ color: var(--bg-theme-color1-clr) !important;}
.btn-theme{ background-color: var(--theme-color1); color: var(--bg-theme-color1-clr); font-weight: 500;}
.btn-theme.v2{ background-color: transparent; color: #444; font-weight: 500 !important;}
.btn-theme.v2:hover{ background-color: #f5f5f5;}


.gri{ padding: 16px 6px; margin: 0; margin-bottom: 15px; background-color: transparent; border: none;}
.gri:before{ display: none;}

.breadcrumb>li:nth-child(1)::before{ display: none;}

.ilan .ust{ border-bottom: none; padding: 0; margin-bottom: 20px;}

.ilan .ust h1{ white-space: unset; font-size: var(--h2-font-size); font-weight: 700; line-height: 1; max-height: unset;}


@media screen and (max-width: 768px){
	.bd-template-5{ flex-direction: column;}
	.ilan .ust h1{ text-align: center; line-height: 1.3;}
	/* .actions-template{ margin-left: auto;} */
}


.ilan-action{ transform: translateY(13px);}


.ilan .well.gorseller{ display: none !important;}

.ilan-ana-gorsel{ width: 100%; border-radius: 16px; border: 1px solid var(--Border, #E1E1E1); background: var(--theme-color-light); -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); padding: var(--card-padding);}
.ilan-ana-gorsel img{ border-radius: 16px;}

.ilan-detaylari{ border-radius: 16px; border: 1px solid var(--Border, #E1E1E1); background: var(--theme-color-light); -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); padding: var(--card-padding);}
/* .ilan .yorumlar .panel.beyaz{ border-radius: 16px !important; border: 1px solid var(--Border, #E1E1E1); background: var(--theme-color-light); -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); padding: var(--card-padding);} */
.panel.limon{ border-radius: 16px !important; border: 1px solid var(--Border, #E1E1E1); background: var(--theme-color-light); -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); padding: var(--card-padding);}
/* .panel.limon .panel-heading{ font-size: 22px; font-weight: 500; background-color: transparent; border: none; padding: 0; margin-bottom: 20px;} */
.panel.limon .panel-heading,
.panel .panel-body .panel-heading{ display: flex; align-items: center; justify-content: space-between; font-size: 22px; font-weight: 500; background-color: transparent; border: none; padding: 0; margin-bottom: 20px;}
.panel .panel-body .panel-heading{ margin-top: -10px !important; margin-bottom: 15px !important;}
.panel.limon > .panel-body{ padding: 0;}


.panel.limon .panel-heading{ }

.ilan table.detay{ font-size: 14px;}
.ilan table.detay td, .ilan table.detay th{ padding: 10px 0;}
.ilan table.detay tr{ display: flex; align-items: center; justify-content: space-between;}
.ilan table.detay th{ color: var(--theme-color-dark); font-weight: 500;}
.ilan table.detay th{ color: var(--theme-color-dark); font-weight: 400;}

table.profil:not(.oth) tr{ display: flex; align-items: center; justify-content: space-between;}
table.profil tr{ border-bottom: 1px solid #e0e0e0;}
table.profil tr th,
table.profil tr td{ border: none !important;}

.gorusme-2{ display: unset;}

.panel.limon.with_footer .panel-footer{ padding: 0; border: none; background-color: transparent !important; margin-top: 20px;}

#doping_bilgi .panel{ overflow: hidden; position: relative;}
#doping_bilgi .panel .fa-rocket{ font-size: 72px; position: absolute; right: 0; bottom: 0; margin: 0; transform: translate(10%, 10%) scaleX(-1); opacity: .05;}
#doping_bilgi .panel .panel-body:has(.fa-rocket) > *:not(.fa-rocket){ position: relative; z-index: 2;}

.ilan-wrapper{ --l: 350px; --gap: 30px; display: flex; gap: var(--gap);}
.ilan-wrapper .left{ padding: 0; width: 100%; max-width: calc(100% - (var(--l) + var(--gap)));}
.ilan-wrapper .right{ width: var(--l); min-width: var(--l);}
.ilan-wrapper .left,
.ilan-wrapper .left .detay,
.ilan-wrapper .right{ padding: 0; display: flex; flex-direction: column; gap: 30px;}

.ilan-wrapper-2{ display: flex; flex-direction: column; gap: 15px;}

.ilan .detay .panel.beyaz .panel-body{ padding: var(--card-padding) !important;}

.liste > a{ border-radius: 12px; overflow: hidden; display: flex;}
.liste > h3{ margin-top: 5px;}


.magaza-item{ border-radius: 16px; overflow: hidden;}
.magaza-item > a{ display: flex; aspect-ratio: 1; height: fit-content;}
.magaza-item > a img{ transition: all .5s ease; width: 100%; height: 100%; object-fit: cover;}
.magaza-item:hover > a img{ transform: scale(1.05);}
.magaza-item > h3{ padding: 8px 13px 9px; line-height: 1; font-size: 11px; max-height: unset;}
.magaza-item > h3 a{ text-decoration: none;}


.ilan .panel{ margin-bottom: 0;}
.ilan .panel-body{ padding: 0 !important	;}

/* .ilan .fiyat{ color: var(--bg-theme-color1-clr); font-size: 28px; display: flex; flex-direction: column;}
.ilan .tl_karsilik{ background-color: var(--bg-theme-color1-soft); margin-left: 0; width: fit-content; display: flex; align-items: center; justify-content: center;} */

/* Aşağıdayken */
/* .ilan .fiyat{ font-size: 28px; display: flex; flex-direction: column; margin-bottom: 20px;}
.ilan .tl_karsilik{ margin-left: 0; width: fit-content; display: flex; align-items: center; justify-content: center;} */

/* Yukardayken */
.ilan .fiyat{ color: #000; font-size: 28px; display: flex; flex-direction: column; margin: 0 !important; margin-top: 15px !important;}
.ilan .tl_karsilik{ background-color: rgba(0, 0, 0, .05); margin-left: 0; width: fit-content; display: flex; align-items: center; justify-content: center;}

.ilan .iletisim .bilgi{ font-weight: 500; padding: 10px 10px; border-radius: 16px; text-align: center; box-shadow: none;}
.ilan .iletisim .bilgi{ background-color: #000; color: #fff; border-color: #000;}
.ilan .iletisim .bilgi{ background-color: #405FF2; color: #fff; border-color: #405FF2;}
.ilan .iletisim .bilgi{ background-color: var(--theme-color1); color: #000; border-color: var(--theme-color1);}
.ilan .iletisim .bilgi.dark{ background-color: #000; color: var(--theme-color1); border-color: #000;}
.ilan .iletisim .bilgi i{ display: none;}
.ilan .iletisim .bilgi span{ display: none;}
.ilan .iletisim .bilgi svg{ height: 15px; transform: translateY(2px); stroke: currentColor; stroke-width: .5px;}
.ilan .iletisim .bilgi svg path{ transform: scale(.95);}
.ilan .iletisim .bilgi .prel{ display: flex; align-items: center; gap: 10px; justify-content: center;}

/* .ilan .iletisim .bilgi.whatsapp{ margin-top: 10px; color: #46d84f; font-weight: 500; background-color: transparent;} */
.ilan .iletisim .bilgi.whatsapp{ color: #46d84f; font-weight: 500; background-color: transparent;}

/* .panel.limon .panel-body,
.table.profil.padding td,
.table.profil.padding th{ border: none !important; padding: 0;} */

.panel.limon .panel-body{ border: none !important;}

.table.profil.padding td,
.table.profil.padding th{ padding: 10px 0;}

#sikayetim_var_buton{ margin-top: 10px; display: inline-block;}



.teknik_grup{ padding: 0; border: none; background-color: transparent;}
.teknik_grup_list{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 3px 20px;}
.teknik_grup_list > div{ width: 100%;}
.checkbox input[type=checkbox]:after{ border-radius: 50% !important;}
label.ozellik{ white-space: unset; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}



.bd-top{ font-size: 14px; background-color: var(--bg-theme-color1-clr); color: var(--theme-color1); padding: 10px 15px; text-align: center;}
.bd-top p{ margin: 0; line-height: 1.6;}
.bd-top strong{ background-color: var(--theme-color1); color: var(--bg-theme-color1-clr); padding: 3px 4px 2px; margin: 0 2px; display: inline-block; line-height: 1;}

@media screen and (min-width: 600px){
	.bd-top br{ display: none;}
}


#ilan_fiyati #fiyat{ width: calc(100% - 70px) !important;}
#para_birimi{ min-width: 70px !important; width: 70px !important;}



/* .teknik_grup input[type=checkbox]:after{ background-image: url('data:image/svg+xml;utf8,<svg fill="%23fee901" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.646 4.646a.5.5 0 01.708 0L8 7.293l2.646-2.647a.5.5 0 01.708.708L8.707 8l2.647 2.646a.5.5 0 01-.708.708L8 8.707l-2.646 2.647a.5.5 0 01-.708-.708L7.293 8 4.646 5.354a.5.5 0 010-.708z"/></svg>') !important; content: ''; background-size: 14px !important; background-repeat: no-repeat !important; background-position: 1.1px 1.1px !important; border-color: var(--theme-color1); opacity: 1;} */
/* .teknik_grup input[type=checkbox]:after{ background-image: url('data:image/svg+xml;utf8,<svg fill="%23000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.646 4.646a.5.5 0 01.708 0L8 7.293l2.646-2.647a.5.5 0 01.708.708L8.707 8l2.647 2.646a.5.5 0 01-.708.708L8 8.707l-2.646 2.647a.5.5 0 01-.708-.708L7.293 8 4.646 5.354a.5.5 0 010-.708z"/></svg>') !important; content: ''; background-size: 14px !important; background-repeat: no-repeat !important; background-position: 1.1px 1.1px !important; background-color: var(--theme-color1); border-color: var(--theme-color1); opacity: .2;}
.teknik_grup input[type=checkbox]:checked:after{ background-image: url('data:image/svg+xml;utf8,<svg fill="%23000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M13.485 1.929a.75.75 0 010 1.06L6.53 9.943a.75.75 0 01-1.06 0L2.515 6.988a.75.75 0 111.06-1.06l2.36 2.358 6.368-6.358a.75.75 0 011.06 0z"/></svg>') !important; content: ''; background-size: 13px !important; background-repeat: no-repeat !important; background-position: 2px 3px !important; opacity: 1;}
.teknik_grup .checkbox.yesil input[type=checkbox]:checked:after{ background-color: var(--theme-color1); border-color: var(--theme-color1) !important;} */
input[type=checkbox]{ width: 2px; height: 2px;}
input[type=checkbox]:after{ background-image: url('data:image/svg+xml;utf8,<svg fill="%23000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.646 4.646a.5.5 0 01.708 0L8 7.293l2.646-2.647a.5.5 0 01.708.708L8.707 8l2.647 2.646a.5.5 0 01-.708.708L8 8.707l-2.646 2.647a.5.5 0 01-.708-.708L7.293 8 4.646 5.354a.5.5 0 010-.708z"/></svg>') !important; content: ''; background-size: 14px !important; background-repeat: no-repeat !important; background-position: 1.1px 1.1px !important; background-color: var(--theme-color1) !important; border-color: var(--theme-color1) !important; opacity: .2;}
input[type=checkbox]:checked:after{ background-image: url('data:image/svg+xml;utf8,<svg fill="%23000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M13.485 1.929a.75.75 0 010 1.06L6.53 9.943a.75.75 0 01-1.06 0L2.515 6.988a.75.75 0 111.06-1.06l2.36 2.358 6.368-6.358a.75.75 0 011.06 0z"/></svg>') !important; content: ''; background-size: 13px !important; background-repeat: no-repeat !important; background-position: 2px 3px !important; opacity: 1;}
.checkbox.yesil input[type=checkbox]:checked:after,
input[type=checkbox]:checked:after{ background-color: var(--theme-color1) !important; border-color: var(--theme-color1) !important;}

input[type=checkbox]:after{ background-image: url('data:image/svg+xml;utf8,<svg fill="%23000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.646 4.646a.5.5 0 01.708 0L8 7.293l2.646-2.647a.5.5 0 01.708.708L8.707 8l2.647 2.646a.5.5 0 01-.708.708L8 8.707l-2.646 2.647a.5.5 0 01-.708-.708L7.293 8 4.646 5.354a.5.5 0 010-.708z"/></svg>') !important; content: ''; background-size: 14px !important; background-repeat: no-repeat !important; background-position: 1.1px 1.1px !important; background-color: #00000000 !important; border-color: #000 !important; opacity: 1;}


.bolum_baslik{ margin-bottom: 15px; font-size: 16px; font-weight: 500;}

a > i,	
button > i,	
.ziyaret i{ margin-right: 10px;}

.ilan_durum{ padding-left: 10px !important;}


.theme-btn .flaticon-search{ margin: 0;}


.panel:has(.nav-tabs) .panel-heading{ margin: 0;}

.ilan .iletisim .panel-body,
.ilan .panel.beyaz.ilan_sag .panel-body{ border-radius: 16px !important; border: 1px solid var(--Border, #E1E1E1) !important; background: var(--theme-color-light) !important; -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05) !important; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05) !important; padding: var(--card-padding) !important;}

.panel{ background-color: transparent;}
.panel.beyaz .panel-body{ border: none !important;}
.panel.beyaz:not(:has(.ilan_listeleme)) .panel-body{ border-radius: 16px !important; border: 1px solid var(--Border, #E1E1E1) !important; background: var(--theme-color-light) !important; -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05) !important; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05) !important; padding: var(--card-padding) !important;}
.panel.beyaz:has(.ilan_listeleme) .panel-body{ margin-top: 20px;}

/* .ilan .detay .panel:has(.nav-tabs) .panel-body{ border-radius: 16px !important; border: 1px solid var(--Border, #E1E1E1) !important; background: var(--theme-color-light) !important; -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05) !important; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05) !important; padding: var(--card-padding) !important;}
.ilan .detay .panel:has(.nav-tabs) .panel-body{ border-top-left-radius: 0 !important;} */
.panel:has(.nav-tabs):not(:has(.ilan_listeleme)) .panel-body{ border-radius: 16px !important; border: 1px solid var(--Border, #E1E1E1) !important; background: var(--theme-color-light) !important; -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05) !important; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05) !important; padding: var(--card-padding) !important;}
.panel:has(.nav-tabs):not(:has(.ilan_listeleme)) .panel-body{ border-top-left-radius: 0 !important;}

.odeme .bilgi{ border-radius: 16px !important; border: 1px solid var(--Border, #E1E1E1) !important; background: var(--theme-color-light) !important; -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05) !important; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05) !important; padding: var(--card-padding) !important;}

.panel:has(.nav-tabs) .nav-tabs.ozel{ border: none !important; height: unset; display: flex;}
.panel:has(.nav-tabs) .nav-tabs.ozel li a{ display: flex; align-items: center; gap: 10px; border-radius: 16px 16px 0 0 !important; padding: 10px 25px !important; opacity: .5 !important;}
/* .panel:has(.nav-tabs) .nav-tabs.ozel li.active a{ background-color: var(--theme-color1); color: var(--bg-theme-color1-clr);} */
.panel:has(.nav-tabs) .nav-tabs.ozel li a,
.panel:has(.nav-tabs) .nav-tabs.ozel li.active a{ background-color: #fff; color: inherit; border: 1px solid var(--Border, #E1E1E1); border-bottom: none;}
.panel:has(.nav-tabs) .nav-tabs.ozel li.active a{ opacity: 1 !important;}
.panel:has(.nav-tabs){ background-color: transparent; border-radius: unset; border: none; box-shadow: unset; padding: unset	;}
.nav-tabs.ozel li a i{ margin-right: 10px;}
.panel:has(.nav-tabs):has(.ilan_listeleme) .nav-tabs.ozel li a{ border-radius: 16px !important;}


/* .arsiv .panel.beyaz .panel-heading .sag{ top: 50%; transform: translateY(-50%);} */
.arsiv .panel.beyaz .panel-heading .sag ul.listeleme{ display: flex; align-items: center;}
.arsiv .panel.beyaz .panel-heading .sag ul.listeleme li a{ height: 32px; width: 32px; display: flex; align-items: center; justify-content: center; border-radius: 6px; background-color: var(--theme-color1) !important; color: var(--bg-theme-color1-clr) !important; opacity: .3;}
.arsiv .panel.beyaz .panel-heading .sag ul.listeleme li.active a{ opacity: 1;}

.arsiv .panel.beyaz .panel-heading .sag select{ height: 32px; border-radius: 6px; padding-left: 6px;}

.arsiv .panel.beyaz.sonuc .panel-body{ padding: 15px 20px !important;}
.arsiv .panel.beyaz.sonuc.uygulanan_filtreler .panel-body{ padding: 15px 20px !important;}
.arsiv .panel.beyaz.sonuc.uygulanan_filtreler ul li{ display: flex; gap: 10px; flex-wrap: wrap; align-items: center;}
.arsiv .panel.beyaz.sonuc.uygulanan_filtreler ul li span,
.arsiv .panel.beyaz.sonuc.uygulanan_filtreler ul li.temizle span{ gap: 4px; padding: 3px 12px; font-weight: 500 !important; border-radius: 6px; display: flex; align-items: center;}
.arsiv .panel.beyaz.sonuc.uygulanan_filtreler ul li span i,
.arsiv .panel.beyaz.sonuc.uygulanan_filtreler ul li.temizle span i{ line-height: 1; transform: translateY(.2px);}





.ilan_notu{ border-radius: 16px; padding: 20px;}

.alert{ border-radius: 16px; padding: 20px 25px;}
.alert i{ margin-right: 10px;}


.col-md-a5 .panel.limon .panel-heading{ font-size: 18px; background-color: transparent !important; color: inherit !important;}



.table>thead>tr>th{ border-bottom-width: 1px;}
tr.warning td{ background-color: transparent !important;}




.profil .kapak{ border-radius: 16px; overflow: hidden;}
.profil .resim img{ border-radius: 16px;}
.profil #kapak_gorsel{ background: linear-gradient(180deg, #fee901, #ffd900fc); height: 200px;}
.profil #kapak_gorsel .no-img{ display: none;}
.profil #kapak_gorsel img{ width: 100%; height: 100%; object-fit: cover;}


#magaza_bilgi ul li{ color: inherit;}




.bd-hr{ border-top: 1px solid #e1e1e1; width: 100%;}


.info-template-1{ max-width: calc(100% - (20px * 2)); display: flex; margin: 10px auto; padding: 15px 0 !important; border: 1px solid #e1e1e1; border-right: 0; border-left: 0; align-items: flex-start;}
.info-template-1 > div{ flex: 1; gap: 5px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center;}
.info-template-1 > div i{}
.info-template-1 > div span{ font-size: 12px;}

/* .info-template-1.v2{ max-width: unset; padding: 0 !important; border: none; margin: 0; width: 100%;} */
.info-template-1.v2{ max-width: unset; margin: 0; width: 100%;}

.add-favorite{ display: flex; align-items: center; gap: 10px; font-size: 12px; color: var(--bg-theme-color1-clr); width: fit-content; background-color: transparent;}
.add-favorite > span{}
.add-favorite > .icon{ --size: 23px; width: var(--size); height: var(--size); min-width: var(--size); display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid var(--Border, #E1E1E1); transition: all .2s ease; background-color: #ffffff00;}
.add-favorite > .icon svg{ height: 11px;}
.add-favorite:hover .icon,
.add-favorite.active .icon{ background-color: var(--bg-theme-color1-clr); color: #fff;}

.price-template-1{ display: flex; justify-content: space-between; align-items: flex-end;}
.price-template-1 > div{ display: flex; flex-direction: column;}
.price-template-1 > div del{ font-size: 12px; opacity: .5;}
.price-template-1 > div strong{ font-size: 18px;}
.price-template-1 > a{ color: inherit; gap: 7px; transform: translateY(-5px); display: flex; align-items: center;}
.price-template-1 > a svg{ height: 13px; stroke: currentColor; stroke-width: .5px;}

.price-template-1.v2{ flex-direction: column; gap: 15px; align-items: end; text-align: end; width: 100%;}
.price-template-1.v2 > div del{ font-size: 13px;}
.price-template-1.v2 > div strong{ font-size: 25px; font-weight: 600;}
.price-template-1.v2 > a{ width: 100%; border: 1px solid var(--bg-theme-color1-clr); color: var(--bg-theme-color1-clr); border-radius: 16px; width: 100%; height: 40px; display: flex; align-items: center; justify-content: center; transition: all .2s ease; background-color: #ffffff00;}
.price-template-1.v2 > a:hover{ background-color: var(--bg-theme-color1-clr); color: #fff;}


/* .tags-template-1{ position: absolute; display: flex; top: 20px; left: 20px; z-index: 3; gap: 5px;} */
.tags-template-1{ position: absolute; display: flex; top: 10px; right: 10px; z-index: 3; gap: 5px; padding: 0 !important;}
.tags-template-1 > span{ padding: 4px 12px; font-weight: 500; border-radius: 16px; font-size: 10px !important; margin: 0 !important;}
.tags-template-1 > span.acil{ background-color: #FA0019; color: #fff !important;}
.tags-template-1 > span.vitrin{ background-color: #18DA3A; color: #000 !important;}


.ilan-template-1{ --l: 300px; --r: 200px; display: flex; border-radius: 16px; border: 1px solid var(--Border, #E1E1E1); background: var(--theme-color-light); -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); position: relative;}
.ilan-template-1 .l{ width: var(--l); min-width: var(--l); border-radius: 16px 0 0 16px; overflow: hidden; position: relative;}
.ilan-template-1 .c{ gap: 10px; padding: 20px; width: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.ilan-template-1 .c h3{ font-size: 18px; margin: 0 0 10px;}
.ilan-template-1.bold .c h3{ font-weight: 700;}
.ilan-template-1 .c h3 a{ color: inherit;}
.ilan-template-1 .c .t .db{ display: flex; align-items: flex-start; justify-content: space-between;}
.ilan-template-1 .c .t .db img{ height: 40px; max-width: 80px; object-fit: contain;}
.ilan-template-1 .r{ padding: 20px ; width: var(--r); min-width: var(--r); position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end;}
.ilan-template-1 .r::before{ border-left: 1px solid var(--Border, #E1E1E1); height: calc(100% - (20px * 2)); content: ''; display: inline-block; left: 0; top: 50%; transform: translateY(-50%); position: absolute;}
.ilan-template-1 .r{}

.vitrin-bg{ background-color: #fffef4 !important; border-color: #f0ecc2 !important;}

.vitrin-tag{ position: relative;}
.vitrin-tag::before { --primary: #2cd4d9; --secondary: #2A2D35; --white: #e6ebf6; --new: #2CD988; content: attr(data-ribbon); transform: translate(-29.29%, -100%) rotate(-45deg); background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% 6px no-repeat var(--theme-color1); clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - 6px) calc(100% - 6px), 6px calc(100% - 6px), 0 100%); -webkit-mask: linear-gradient(135deg, transparent calc(50% - 6px * 0.707), var(--white) 0) bottom left,   linear-gradient(-135deg, transparent calc(50% - 6px * 0.707), var(--white) 0)bottom right; -webkit-mask-size: 300vmax 300vmax; -webkit-mask-composite: destination-in, xor; mask-composite: intersect; z-index: 10; font-size: 11px; font-weight: 500; background-clip: padding-box; text-align: center; padding: 5px 30px 10px; border: 1px solid transparent; border-bottom: 0; border-left: 1px solid transparent; transform-origin: bottom right; position: absolute; top: 0; left: 0; color: #000;}

/* .ilan-link{ color: #5e5702; background-color: #fffef4; border: 1px solid #f0ecc2; padding: 15px 20px; border-radius: 16px; -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);}
.ilan-link:hover{ color: #161400; background-color: #fee901;} */
.ilan-link{ font-weight: 500; color: var(--bg-theme-color1-clr) !important; background-color: var(--theme-color1); border: 1px solid var(--theme-color1); padding: 15px 20px; border-radius: 16px; -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05);}
.ilan-link:hover{ color: #000;}


.slider-template-1{
	--swiper-theme-color: var(--theme-color1);
	--swiper-pagination-bullet-inactive-color: var(--theme-color1);
	/* --swiper-pagination-bullet-width: 12px;
	--swiper-pagination-bullet-height: 5px;
	--swiper-pagination-bullet-border-radius: 100px; */
}
.slider-template-1 .swiper-btn{ --size: 24px; --offset: 0px; font-size: 13px; border-radius: 50%; background-color: var(--theme-color1); color: var(--bg-theme-color1-clr); width: var(--size); height: var(--size); position: absolute; top: 50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; z-index: 2; opacity: 0; transition: all .2s ease;}
.slider-template-1:hover .swiper-btn{ --offset: 10px; opacity: 1;}
.slider-template-1 .swiper-btn.prev{ left: var(--offset);}
.slider-template-1 .swiper-btn.next{ right: var(--offset);}

.slider-template-1 .swiper-pagination{ bottom: 0; opacity: 0; transition: all .2s ease;}
.slider-template-1:hover .swiper-pagination{ bottom: 8px; opacity: 1;}
.slider-template-1:hover .swiper-button-disabled{ opacity: .5; filter: grayscale(1); pointer-events: none;}



.slider-template-2{ overflow: visible !important;}

.ilan-liste-slider{}
.ilan-liste-slider > .swiper-wrapper > .swiper-slide{ opacity: .5; transition: all .3s ease;}
.ilan-liste-slider > .swiper-wrapper > .swiper-slide.swiper-slide-visible-custom{ opacity: 1;}





.form-control{ border-radius: 7px;}
input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=password]:focus, select:focus, textarea:focus{
	/* border-color: var(--theme-color1) !important; box-shadow: 0px 0px 0px 1px var(--theme-color1) !important; */
	border-color: #ccc !important; box-shadow: 0px 0px 0px 1px #ccc !important;
}

input[type="date" i]::-webkit-calendar-picker-indicator{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; z-index: 2;}



div:has(> .bg-filter){ position: relative;}
.bg-filter{ position: absolute; left: 50%; top: 0; height: 100%; background-color: #f5f8fa; width: calc(100% - 100px); max-width: 1000px; transform: translateX(-50%);}



.entry-section{ position: relative; margin-bottom: 35px;}

.kurumsal-satici{ color: #000 !important; font-size: 12px; font-weight: 700; opacity: .75; display: flex; align-items: center; gap: 5px;}
.kurumsal-satici > img{ height: 15px; transform: translateY(-1px);}


.bd-template-1{ transform: translateX(-50%) translateY(35px); display: flex; flex-direction: column; align-items: center; position: absolute; z-index: 5; left: 50%; bottom: 0;}
.bd-template-1:has([data-tab-id="_2"].active){ transform: translateX(-50%) translateY(calc(35px + 40px));}


.bd-template-2{ display: flex; flex-direction: column;}
.bd-template-2 .info{ display: flex; gap: 15px;}
.bd-template-2 .info > img{ height: 50px; width: 50px; min-width: 50px; object-fit: contain;}
.bd-template-2 .info > div{ padding-top: 5px; display: flex; flex-direction: column; gap: 5px;}
.bd-template-2 .info > div h3{ font-size: 15px; margin: 0;}
.bd-template-2 .info > div h3 strong{ font-weight: 600;}
.bd-template-2 .info > div h3 span{ font-weight: 400; opacity: .75;}
.bd-template-2 .info-template-1{ margin-top: 20px;}

.bd-template-3{ display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 10px;}
.bd-template-3 .img{ --size: 70px; width: var(--size); height: var(--size); display: flex; border: 1px solid #e0e0e0; padding: 3px;}
.bd-template-3 .img img{ width: 100%; height: 100%; object-fit: contain;}
.bd-template-3 .detail{ display: flex; flex-direction: column; align-items: center; gap: 5px;}
.bd-template-3 .detail h3{ margin: 0 !important;}
.bd-template-3 .detail h3 a{ font-size: 18px; font-weight: 600; color: inherit;}
.bd-template-3 .detail span{ font-size: 12px; color: #888;}

.bd-template-4{ display: flex; flex-direction: column; gap: 15px; width: 100%;}
.bd-template-4 > div{ display: grid; grid-template-columns: 150px 20px 1fr;}
/* .bd-template-4 > div > div:nth-child(1){ color: #666; font-weight: 600;} */
.bd-template-4 > div > div:nth-child(1){ font-weight: 600;}
.bd-template-4 > div > div:nth-child(2){}
.bd-template-4 > div > div:nth-child(3){}

.bd-template-5{ gap: 30px; display: flex; align-items: center; justify-content: space-between;}
.bd-template-5{}


.bd-template-6{ padding: 50px 80px; gap: 100px; display: flex; background-color: #eff1f7; border-radius: 16px; justify-content: space-between;}
.bd-template-6 .l{ width: 100%; max-width: 500px; display: flex; flex-direction: column; gap: 5px;}
.bd-template-6 .l h3{ font-size: 32px; line-height: 1.3;}
.bd-template-6 .l p{}
.bd-template-6 .r{ width: 100%; max-width: 200px; transform: translateY(50px);}
.bd-template-6 .r img{ width: 100%; position: absolute; bottom: 0; right: 0;}


.bd-template-7{ margin-bottom: 20px; display: flex; background-color: #fff; padding: 30px; border-radius: 16px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, .025); flex-direction: column;}
.bd-template-7 .icon{ margin-bottom: 15px;}
.bd-template-7 .icon svg{ height: 50px;}
.bd-template-7 strong{ font-size: 15px; font-weight: 500; display: inline-block; margin-bottom: 10px;}
.bd-template-7 p{ font-size: 13px; min-height: 3lh;}

.bd-template-8{ --move: 70px; width: calc(100% + calc(var(--move) * 2)); transform: translateX(calc(var(--move) * -1)); padding: 50px var(--move); background-color: #050B20; border-radius: 16px; color: #fff; display: flex; flex-direction: column; gap: 30px;}
.bd-template-8 > .t{ gap: 100px; display: flex; justify-content: space-between;}
.bd-template-8 > .t .l{ width: 100%; max-width: 600px; display: flex; gap: 20px;}
.bd-template-8 > .t .l .icon{ }
/* .bd-template-8 > .t .l .icon svg{ --clr: var(--theme-color1); color: #fff; width: 80px; height: 80px;} */
.bd-template-8 > .t .l .icon svg{ --clr: var(--theme-color1); color: var(--theme-color1); width: 80px; height: 80px;}
.bd-template-8 > .t .l .txt{ display: flex; flex-direction: column; gap: 5px;}
.bd-template-8 > .t .l .txt h3{ font-size: 32px; line-height: 1.3; margin-top: 0;}
.bd-template-8 > .t .l .txt p{}
.bd-template-8 > .t .r{ width: 100%; max-width: 272px; display: flex; gap: 10px; align-items: center;}
.bd-template-8 > .t .r img{ width: 100%; position: absolute; bottom: 0; right: 0;}
.bd-template-8 > .b{ display: flex; flex-direction: column; gap: 15px;}
.bd-template-8 > .b strong{ font-size: 13px; font-weight: 500;}
.bd-template-8 > .b div{ display: flex; gap: 15px; flex-wrap: wrap;}

.bd-template-9{ display: flex; flex-direction: column; gap: 10px;}
.bd-template-9 > div{ display: flex; gap: 10px; align-items: center;}
.bd-template-9 > div > .icon{ --size: 18px; font-size: 10px; background-color: var(--theme-color1); color: var(--bg-theme-color1-clr); display: flex; align-items: center; justify-content: center; border-radius: 50%; width: var(--size); height: var(--size); min-width: var(--size);}
.bd-template-9 > div > .icon i{}
.bd-template-9 > div > p{ font-size: 14px; font-weight: 400; margin: 0;}

.bd-template-10{ display: flex; gap: 15px; align-items: flex-end;}
.bd-template-10 > div{ border-radius: 16px; display: flex; overflow: hidden; height: fit-content;}
.bd-template-10 > div.square{ aspect-ratio: 1;}
.bd-template-10 > div.vertical-half{ aspect-ratio: .75;}
.bd-template-10 > div img{ width: 100%; height: 100%; object-fit: cover;}

.bd-template-11{ display: flex; align-items: center; gap: 25px;}
.bd-template-11 > div{ position: relative;}
.bd-template-11 > div:not(:first-child)::before{ --size: 4px; background-color: #000; position: absolute; left: calc((25px / 2) * -1); top: 50%; transform: translateY(-50%); content: ''; display: inline-block; width: var(--size); height: var(--size); border-radius: 50%;}

.bd-template-12{ display: flex; align-items: center; gap: 15px;}
.bd-template-12 .img{ --size: 40px; width: var(--size); height: var(--size); border-radius: 50%; display: flex; overflow: hidden;}
.bd-template-12 .img img{ width: 100%; height: 100%; object-fit: cover;}
.bd-template-12 strong{ font-size: 15px;}





.cls-1{ padding-left: 70px; min-height: 350px; display: flex; justify-content: center; flex-direction: column;}



.bd-blog-item{ display: flex; flex-direction: column; gap: 15px;}
.bd-blog-item .img{ display: flex; overflow: hidden; border-radius: 16px; position: relative;}
.bd-blog-item .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .5s ease;}
.bd-blog-item:hover .img img{ transform: scale(1.1);}
.bd-blog-item .img .tl{ position: absolute; left: 20px; top: 20px; display: flex; gap: 10px;}
.bd-blog-item .img .tl span{}
.bd-blog-item .detail{ display: flex; flex-direction: column; gap: 5px;}
.bd-blog-item .detail .date span{ font-size: 13px; font-weight: 500; opacity: .5;}
.bd-blog-item .detail h3{ font-size: 20px; line-height: 1.4; margin: 0 !important;}
.bd-blog-item .detail h3 a{ color: inherit;}


.bd-tabs{ display: flex; gap: 1px; position: relative; z-index: 2;}
.bd-tabs > :is(button, a){ background-color: #f5f5f5; color: #666; font-size: 17px; font-weight: 600; height: 50px; padding: 0 25px; display: flex; align-items: center; justify-content: center; transition: all .2s ease;}
.bd-tabs > :is(button, a):hover{ color: #222;}
.bd-tabs > :is(button, a).active{ background-color: #fff; color: #000;}
.bd-tabs > :is(button, a):nth-child(1){ border-top-left-radius: 16px;}
.bd-tabs > :is(button, a):nth-last-child(1){ border-top-right-radius: 16px;}
.bd-tabs > :is(button, a).active{ }

.bd-tab-contents{}

.bd-tab-content{ display: flex; gap: 10px; padding: 15px; width: 600px; background-color: #fff; height: 70px; border-radius: 16px; box-shadow: 0 15px 50px 0 rgba(0, 0, 0, .15);}
.bd-tab-content.v2{	flex-direction: column; align-items: center; height: 110px; flex-wrap: nowrap;}
.bd-tab-content p{ font-weight: 600;}



.custom-dropdown{ width: 100%; max-width: 200px; position: relative;}
.custom-dropdown.disabled{ opacity: .3; pointer-events: none;}
.custom-dropdown i{ position: absolute; top: 50%; transform: translateY(-50%); right: 10px;}
.custom-dropdown input{ cursor: pointer; padding: 0 10px; width: 100%; height: 35px; border-radius: 0; border: none; border-bottom: 1px solid #E1E1E1; outline: none; font-weight: 500; box-shadow: none;}
.custom-dropdown input:focus{ border: none !important; box-shadow: none !important; border-bottom: 1px solid #E1E1E1 !important;}
.custom-dropdown input::placeholder{ color: #000;}

.dropdown-options{ position: absolute; top: 100%; left: 0; width: 100%; padding-top: 12px; opacity: 0; transform: translateY(10px); pointer-events: none; transition: all .3s ease;}
.active > .dropdown-options{ opacity: 1; transform: translateY(0); pointer-events: all;}
.dropdown-options > div{ padding: 15px; border-radius: 16px; background-color: #fff; border: 1px solid var(--Border, #E1E1E1); -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); position: relative;}
/* .dropdown-options > div::before{ border-width: 0 10px 12px 10px; position: absolute; left: 50%; top: 0; transform: translateX(-50%) translateY(-100%); content: ''; width: 0px; height: 0px; border-style: solid; border-color: transparent transparent #000 transparent;} */
.dropdown-options > div::before{ border-width: 0 10px 12px 10px; position: absolute; left: 50%; top: 0; transform: translateX(-50%) translateY(-100%); content: ''; width: 0px; height: 0px; border-style: solid; border-color: transparent transparent #fff transparent; filter: drop-shadow(0px -1px 0 #E1E1E1);}
.dropdown-options > div > div{ padding-right: 10px; display: flex; flex-direction: column; max-height: 250px; overflow-y: auto;}
.dropdown-options > div > div::-webkit-scrollbar{ width: 5px;}
.dropdown-options > div > div::-webkit-scrollbar-thumb{ border-radius: 10px; background-color: #E1E1E1;}
.dropdown-options > div > div button{ gap: 10px; border-bottom: 1px solid #E1E1E1; padding: 10px 0; width: 100%; background-color: transparent; text-align: start; display: flex; align-items: center; transition: all .3s ease;}
/* .dropdown-options > div > div button:hover{ gap: 15px;} */
.dropdown-options > div > div button img{ width: 25px; object-fit: contain;}
.dropdown-options > div > div button span{ transition: all .3s ease;}
.dropdown-options > div > div button:hover span{ padding-left: 6px; transition: all .3s ease;}



.ilan ul.adres.v2{ margin: 0 !important; padding: 0 !important; border: none;}
.ilan ul.adres.v2 li a{ color: #000;}


.actions-template{ align-items: center; display: flex; justify-content: flex-end; gap: 10px;}
.actions-template .single{ background-color: transparent; border: none; outline: none; display: flex;}
.actions-template .single i{ font-size: 17px; margin: 0;}
.actions-template .single-txt{ color: #fff; background-color: #000; border-radius: 8px; padding: 5px 12px;}



.address-wrapper{ display: flex; align-items: center; gap: 10px;}


.btn-group-justified{ border-radius: 16px;}
.btn-group-justified > *:first-child{ border-radius: 16px 0 0 16px !important;}
.btn-group-justified > *:last-child button{ border-radius: 0 16px 16px 0 !important;}


.dropdown-menu{ padding: 10px 0; border-radius: 16px;}
.dropdown-menu>li>a{ padding: 5px 15px;}



.arsiv .table.liste{ border-radius: 8px; overflow: hidden;}



.arsiv .table.liste thead{ background-color: transparent;}
.arsiv .table.liste thead tr{ background-color: #f5f5f5; border-radius: 16px; overflow: hidden; border: none;}
.arsiv .table.liste thead th{ border: none; padding: 12px 8px !important; display: flex; color: #000; font-weight: 600; font-size: 12px; line-height: 1;}
.arsiv .table.liste tbody{}
.arsiv .table.liste thead tr,
.arsiv .table.liste tbody tr{ display: grid; grid-template-columns: 130px 1fr 100px 110px 110px 130px; align-items: center;}
.arsiv .table.liste tbody tr{ border-radius: 16px; border: none; position: relative;}
.arsiv .table.liste tbody tr::before{ content: ''; display: inline-block; position: absolute; left: 0; bottom: 0; border-top: 1px solid #eee; width: 100%; transform: translateY(1px);}
.arsiv .table.liste tbody tr td{ background-color: transparent;}
.arsiv .table.liste tbody .btn-danger{ padding: 8px 14px !important;}
.arsiv .table.liste tbody .btn-danger i{ margin: 0;}
.arsiv .table.liste tbody .il_ilce{ display: flex; flex-direction: column; align-items: center; text-align: center;}
.arsiv .table.liste tbody .il_ilce span{ margin: 0;}
.arsiv .table.liste tbody .il_ilce span:not(:last-child):after{ display: none;}

.arsiv .table.liste img{ border-radius: 12px; padding: 0; object-fit: contain;}

.arsiv .table.liste tbody tr,
.arsiv .table.liste tbody tr td{ background-color: transparent !important; background: transparent !important; border: none;}

.arsiv .table.liste tbody .btn-group{ display: flex;}
.arsiv .table.liste tbody .btn-group > a{ border-radius: 8px 0 0 8px; padding: 0 10px !important; display: flex; align-items: center; height: 30px;}
.arsiv .table.liste tbody .btn-group > .btn-group{ margin-left: 0; height: auto; line-height: 1;}
.arsiv .table.liste tbody .btn-group > .btn-group button{ height: 100%; padding: 0 15px !important;}


.arsiv .table.liste td:not(.baslik_td),
.arsiv .table.liste th:not(.baslik_th){ justify-content: center; align-items: center;}





.tablo_tl i,
.doping .sec i{ margin-right: 7px;}

.label{ border-radius: 5px;}

.ml-auto{ margin-left: auto;}

.bd-order{ margin-top: -10px; margin-bottom: 15px; margin-left: auto;}












.bd-btn{ border-radius: 8px; padding: 5px 35px; height: 40px; font-weight: 600; font-size: 16px; background-color: var(--bg); color: var(--clr); border: 1px solid var(--border-clr, var(--bg)); transition: all .3s ease; align-items: center; justify-content: center; text-align: center; display: flex; white-space: nowrap;}
.bd-btn:hover{ background-color: var(--hover-bg, var(--clr)); color: var(--hover-clr, var(--bg)); border-color: var(--hover-border-clr, var(--border-clr));}

.bd-btn.sm{ height: 40px; font-weight: 500; font-size: 12px; padding: 0 20px;}

.bd-btn.v2{ font-weight: 500; font-size: 12px; border-radius: 99px; padding: 4px 13px; height: fit-content;}

.btn-square{ padding: 0px; aspect-ratio: 1;}

.bd-btn.btn-main{ --bg: var(--theme-color1); --clr: var(--bg-theme-color1-clr); --hover-border-clr: #000;}
.bd-btn.btn-gray-outlined{ --bg: transparent; --clr: #555; --border-clr: #ddd; --hover-bg: #f5f5f5; --hover-clr: #333;}
.bd-btn.btn-main-light-outlined{ --bg: transparent; --clr: #fff; --border-clr: #444; --hover-bg: var(--theme-color1); --hover-clr: var(--bg-theme-color1-clr);}

.bd-btn.btn-white{ --bg: #fff; --clr: #000;}




.ilan-slider{ aspect-ratio: 1.5;}
/* .ilan-slider img{ width: 100%; height: 100%; object-fit: contain; background-color: #fdfdfd; box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, .1);} */
.ilan-slider img{ width: 100%; height: 100%; object-fit: contain; background-color: #fff; box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, .075);}

.ilan-slider.v2{ border-radius: 16px;}
.ilan-slider.v2 .swiper-slide,
.ilan-slider.v2 .swiper-slide img{ border-radius: 0;}


.ilan-big-slider{ border-radius: 16px;}

.ilan-thumb-slider{ margin-top: 15px; padding: 4px;}
.ilan-thumb-slider .swiper-slide{ border-radius: 12px; overflow: hidden; transition: all .3s ease;}
.ilan-thumb-slider .swiper-slide img{ border-radius: 12px;}
.ilan-thumb-slider .swiper-slide-thumb-active{ box-shadow: 0 0 0 2px #fff, 0 0 0 4px #000;}


.arsiv .sidebar .panel.beyaz.filtre .panel-body,
.arsiv .sidebar .panel.beyaz.filtre.kapali .panel-body{ padding-top: 10px !important;}
.arsiv .panel.beyaz.filtre{ overflow: visible;}
.arsiv .panel.beyaz.filtre.kapali .panel-heading{ margin: 0;}
/* .arsiv .sidebar .panel.beyaz:not(:has(.ilan_listeleme)) .panel-body */
/* .arsiv .panel.beyaz.filtre.kapali .form-group{ margin-bottom: 0; margin-top: 10px;} */
.arsiv .sidebar .panel.beyaz .panel-heading{ background-color: transparent; border: none; overflow: visible;}
.arsiv .sidebar .panel.beyaz:not(:has(.ilan_listeleme)) .panel-body{ padding: 0px !important; background-color: transparent !important; border: none !important; outline: none !important; box-shadow: none !important; border-radius: 0 !important;}
.arsiv .sidebar .panel.beyaz .panel-heading,
.bd-sidebar label{ padding: 0 !important; font-size: 15px; font-weight: 500; margin-bottom: 5px;}

.arsiv .filtre.kapali .panel-heading:after{ line-height: 1; font-size: 20px; width: fit-content;}

.bd-sidebar{ padding: 25px !important; overflow: hidden;}
.bd-sidebar{ border-radius: 16px !important; border: 1px solid var(--Border, #E1E1E1) !important; background: var(--theme-color-light) !important; -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05) !important; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05) !important;}
.bd-sidebar h3{ margin: 0; font-size: 18px; font-weight: 600; padding-bottom: 20px; display: flex; justify-content: space-between;}
.bd-sidebar h3 i{}

.bd-sidebar .wr{ padding: 15px 0; border-top: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1;}
.bd-sidebar .hr{ border-top: 1px solid #E1E1E1;}
.bd-sidebar .filtering form,
.bd-sidebar .filtering form .filtre_mobil_scroll{ gap: 15px; display: flex; flex-direction: column;}
.bd-sidebar .filtering form button{ margin-top: 10px;}

.arsiv .sidebar ul.ana_menu{ padding: 0 !important; padding-right: 10px !important;}
.arsiv .sidebar ul.ana_menu::-webkit-scrollbar{}
.arsiv .sidebar ul.ana_menu::-webkit-scrollbar-thumb{ border-radius: 16px; background-color: #E1E1E1 !important;}
.arsiv .sidebar ul.ana_menu > li{ margin-bottom: 10px;}
.arsiv .sidebar ul.ana_menu li a{ color: inherit;}

.menu-list{ padding: 20px; border-radius: 16px !important; border: 1px solid var(--Border, #E1E1E1) !important; background: var(--theme-color-light) !important;}


.bd-wrapper-1 > div:not(:last-child){ margin-bottom: 10px;}


.bd-table{ margin: 50px 0; border-radius: 16px; overflow: hidden; border: 1px solid var(--Border, #E1E1E1) !important; -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05) !important; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05) !important;}
.bd-table table{ border: none; margin: 0;}
.bd-table table :is(th, td){ padding: 12px 20px !important; border: none !important;}
.bd-table table th{ background-color: #f0f0f0; border-bottom: 1px solid #E1E1E1 !important;}
.bd-table table th:not(:last-child){ border-right: 1px solid #E1E1E1 !important;}
.bd-table table tbody tr td:not(:last-child){ border-right: 1px solid #E1E1E1 !important;}
.bd-table table tbody tr:not(:last-child) td{ border-bottom: 1px solid #E1E1E1 !important;}





.bd-footer{ padding: 40px 0 20px;}
.bd-footer > div{}
.bd-footer > div > .t{ display: flex; gap: 40px; justify-content: space-between;}
.bd-footer > div > .t .l{ width: 220px; min-width: 220px; gap: 20px; display: flex; flex-direction: column;}
.bd-footer > div > .t .l .logo{}
.bd-footer > div > .t .l .logo img{ height: 30px;}
.bd-footer > div > .t .l > span{ font-size: 13px;}
.bd-footer > div > .t .l > .links{ gap: 5px; display: flex; flex-direction: column;}
.bd-footer > div > .t .l > .links > a{ font-size: 13px; color: #000; font-weight: 500;}
.bd-footer > div > .t .r{ display: flex; gap: 30px; width: 100%; max-width: 800px; justify-content: space-between;}
.bd-footer > div > .t .r > div{}
.bd-footer > div > .t .r > div .baslik{}
.bd-footer > div > .t .r > div ul{}
.bd-footer > div > .t .r > div ul li{}
.bd-footer > div > .t .r > div ul li a{}
.bd-footer > div > .b{ display: flex; border-top: 1px solid #f5f5f5; margin-top: 25px; padding-top: 25px;}
.bd-footer > div > .b p{ color: #000; font-size: 13px; padding: 0; margin: 0; border: none;}
.bd-footer > div > .b > div{ flex: 1;}
.bd-footer > div > .b > div:nth-child(1){}
.bd-footer > div > .b > div:nth-child(1) > p:nth-child(1){ display: none;}
.bd-footer > div > .b > div:nth-child(2){ display: flex; gap: 10px; justify-content: center; align-items: center;}
.bd-footer > div > .b > div:nth-child(2) > a{ color: #000;}
.bd-footer > div > .b > div:nth-child(3){ font-size: 13px; display: flex; justify-content: flex-end;}


.link-v1{ display: block; width: fit-content; margin: 0 auto;}


.modal-content{ border-radius: 16px;}
.modal-header{ padding: 15px 25px; background-color: #000; color: #fff; border-radius: 16px 16px 0 0;}
.modal-header h4 i{ margin-right: 7px; font-size: .9em;}
.modal-body{ padding: 25px;}
.close{ color: #fff; opacity: 1; margin-top: 0 !important; transition: all .2s ease;}
.close svg{  height: 24px;}
.close:hover, .close:focus { color: var(--theme-color1); opacity: 1;}



.bd-message{ position: relative;}
.bd-message .form-control{ background: #eee; border-radius: 16px; resize: none; height: 100px; padding: 12px 18px !important; border: none !important; box-shadow: none !important;}
.bd-message::before{ content: ""; position: absolute; z-index: 0; bottom: 0; left: -7px; height: 20px; width: 20px; background: #eee; border-bottom-right-radius: 15px}
.bd-message::after{ content: ""; position: absolute; z-index: 1; bottom: 0; left: -10px; width: 10px; height: 20px; background: white; border-bottom-right-radius: 10px;}

.btn{ border-radius: 8px; padding: 8px 20px !important;}
button.btn-primary, a.btn-primary{ background-color: #000 !important;}
button.btn-primary:hover, a.btn-primary:hover{ background-color: var(--theme-color1) !important; color: #000 !important;}

/* html{ overflow-x: hidden;} */





.tabs-template{ display: flex; border-bottom: 1px solid #ddd; gap: 25px;}
.tabs-template > button{ opacity: .75; transform: translateY(1px); font-size: 13px; font-weight: 500; background-color: transparent; border: none; outline: none; padding: 10px 0; position: relative; z-index: 2; border-bottom: 1px solid transparent; transition: all .2s ease;}
.tabs-template > button:hover{ opacity: 1;}
.tabs-template > button.active{ opacity: 1; border-color: var(--theme-color1);}


.img-rounded{ border-radius: 16px !important;}




html{ --sidebar-w: 320px;}
.sidr{ }
.mm#mm_panel{ background-color: #fff;}
#mm_panel ul.ana_menu li a{ padding: 15px !important; font-size: 15px; border-color: #ddd;}
#mm_panel ul.ana_menu li a i{ margin-right: 15px; width: 20px; min-width: 20px; text-align: center; background-color: transparent !important; color: #000; position: static;}


.mm#mmu_panel ul li a{ padding: 15px; font-size: 15px;}
.mm#mmu_panel ul li i{ width: 20px; min-width: 20px; margin-right: 15px; position: static;}



.giris_form.kayit:after{ display: none;}



.mobil_header button{ background-color: transparent !important; color: #000 !important; padding: 0 !important; line-height: 1;}
.mobil_header .row{ display: flex; align-items: center;}

.mobil_ara{ --size: 40px; height: var(--size); display: flex;}
.mobil_ara button{ font-size: 18px; border: 1px solid #ddd !important; border-left: none; height: 100%; padding: 0; width: var(--size); min-width: var(--size); display: flex; align-items: center; justify-content: center; padding: 0; min-width: 40px; width: 40px !important;}
.mobil_ara button i{ margin: 0; line-height: 1;}
.mobil_ara input{ width: 100%; height: 100%; border-right: none;}


#profil_linkleri a{ background-color: var(--theme-color-light); border-radius: 16px; border: 1px solid var(--Border, #E1E1E1); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.05); transition: all .2s ease;}
#profil_linkleri a i{ font-size: 12px; transition: all .2s ease;}
#profil_linkleri a:hover i{ transform: scale(1.15); background-color: var(--theme-color1); color: var(--bg-theme-color1-clr);}
/* .entry-section{ display: none;} */


.hidden{ display: none !important;}

.ilan #aciklama ul{ list-style: disc;}

.mobil_fixed_iletisim .iletisim_bilgi{ letter-spacing: .2px; display: flex; align-items: center; justify-content: center; gap: 5px; background: rgba(0,0,0,.9);}
.mobil_fixed_iletisim .iletisim_bilgi img{ height: 15px; width: 15px;}
.mobil_fixed_iletisim a{ display: flex; align-items: center; justify-content: center; gap: 10px;}
.mobil_fixed_iletisim a.whatsapp{ background: #2bca33;}
.mobil_fixed_iletisim a.tel{ background-color: var(--theme-color1); color: var(--bg-theme-color1-clr);}
.mobil_fixed_iletisim a i{ display: none;}



.bd-filter-wrapper{ position: relative;}
.bd-filter-wrapper > div{ opacity: 0; position: absolute; top: 100%; right: -15px; padding-top: 25px; pointer-events: none; transition: all .2s ease; transform: translateY(15px);}
.bd-filter-wrapper.active > div{ opacity: 1; pointer-events: all; transform: translateY(0px);}
.bd-filter-wrapper > div > div{ }
.bd-filter-wrapper > div .box{ width: 280px; background-color: #fff; border-radius: 16px; box-shadow: 0 0 40px 0 rgba(0, 0, 0, .15); position: relative;}
.bd-filter-wrapper > div .box .triangle{ border-width: 0 19px 19px 19px; top: 1px; right: 17px; transform: translateY(-100%); filter: drop-shadow(0 -5px 4px rgba(0, 0, 0, .05)); border-color: transparent transparent #fff transparent; position: absolute; width: 0px; height: 0px; border-style: solid;}
.bd-filter-wrapper > div .box .values{}
.bd-filter-wrapper > div .box .values > div{ padding: 14px 20px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px;}
.bd-filter-wrapper > div .box .values > div:not(:last-child){ border-bottom: 1px solid #eee;}
.bd-filter-wrapper > div .box .values > div:not(:first-child){ padding-top: 14px;}
.bd-filter-wrapper > div .box .values > div:not(:last-child){ padding-bottom: 0;}
.bd-filter-wrapper > div .box .values > div:last-child{ padding-bottom: 8px;}
.bd-filter-wrapper > div .box .f{ padding: 0 20px 20px;}



.form-control{ border-radius: 8px;}
.sm > label{ font-weight: 500; font-size: .8em;}


.bd-category-wrapper{ margin-bottom: 0px; overflow-x: auto; padding-bottom: 10px;}
.bd-category-wrapper > div{ --h: 300px; --gap: 15px; --column: 4; --w: calc((100% / var(--column)) - calc((var(--gap) / var(--column)) * (var(--column) - 1))); display: flex; gap: var(--gap); flex-wrap: nowrap;}

.bd-category{ padding: 10px 5px 10px 10px; width: var(--w); min-width: var(--w); border-radius: 16px; border: 1px solid #ddd;}
.bd-category > div{ padding-right: 5px; display: flex; flex-direction: column; gap: 1px; max-height: var(--h); height: var(--h); overflow-y: auto;}
.bd-category > div::-webkit-scrollbar{ width: 6px; border-radius: 20px;}
/* .bd-category > div::-webkit-scrollbar-thumb{ background-color: var(--theme-color1); border-radius: 10px;} */
.bd-category > div::-webkit-scrollbar-thumb{ background-color: #eee; border-radius: 10px;}
.bd-category > div button{ border-radius: 16px; display: flex; padding: 4px 10px; font-size: 13px; background-color: transparent; transition: all .2s ease; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-align: start; word-break: break-all; -webkit-line-clamp: 1; line-height: 2; min-height: 36px; position: relative;}
.bd-category > div button::after{ right: 15px; font-size: .85em; opacity: .5; content: '\f105'; display: inline-block; position: absolute; top: 50%; transform: translateY(-50%); font-weight: 900; font-family: 'FONT AWESOME 5 FREE'; transition: all .2s ease;}
.bd-category > div button:hover::after{ opacity: 1;}
.bd-category > div button:hover{ background-color: rgba(0, 0, 0, .025); padding-left: 15px;}
.bd-category > div button.active{ background-color: var(--theme-color1); color: var(--bg-theme-color1-clr); padding-left: 15px;}
.bd-category > div button.active::after{ opacity: 1;}

.panel.limon.ilan_ekle_scroll .panel-body{ height: unset; overflow-x: unset; overflow: unset; width: 100% !important;}

.kategori_sec.tamam{ color: #18DA3A; width: calc(100% - 5px); height: 100%; border-radius: 16px; display: flex !important; align-items: center;}

.kategori_sec.tamam{ background-color: var(--theme-color1); color: var(--bg-theme-color1-clr);}
.kategori_sec.tamam .btn-success,
.kategori_sec.tamam i{ background-color: var(--bg-theme-color1-clr) !important; color: var(--theme-color1) !important;}


#mmu_panel, .mm#mmu_panel ul li a{ background-color: #fff !important; color: #000 !important; border-color: #ddd !important;}
.mm#mmu_panel ul li a{ color: #05112b;}
.mm#mmu_panel ul li a:hover, .mm#mmu_panel ul li a.active,
#mm_panel ul.ana_menu li a:hover{ background-color: var(--theme-color1) !important; color: var(--bg-theme-color1-clr) !important;}


.back-category{}


.mobil_uye_profil{ height: 60px !important; width: 60px !important; border: 2px solid #fff; border-radius: 8px !important;}


.bd-table-2 tr th i{ margin-left: 5px;}


.ozet-table{ overflow-x: auto;}
.ozet-table th{ padding-left: 15px !important; padding-right: 15px !important; white-space: nowrap;}
.ozet-table td{ padding-left: 15px !important; padding-right: 15px !important;}
.ozet-table tr{ display: table-row !important;}


@media screen and (max-width: 1200px) {
	.bd-category-wrapper > div{ --column: 3;}

	.profil .alt.gorsel_var{ left: 170px;}
}


@media screen and (min-width: 992px) {
	.bd-sidebar h3 i{ display: none;}
}

@media screen and (max-width: 992px) {
	.ilan-wrapper{ flex-direction: column;}
	.ilan-wrapper .left{ max-width: unset;}
	.ilan-wrapper .right{ width: 100%; min-width: unset;}

	.bd-footer > div > .t{ flex-direction: column;}

	.cls-1{ padding-left: 10px;}
	.cls-1 .col-md-36{ padding: 0px;}

	.bd-template-6{ padding: 20px; flex-direction: column; gap: 20px; position: relative; overflow: hidden;}
	.bd-template-6 h3 br{ display: none;}
	.bd-template-6 .l{ text-align: center; margin: 0 auto;}
	.bd-template-6 .r{ transform: translateY(20px); margin: 0 auto; position: relative;}
	.bd-template-6 .r img{ position: static;}
	.bd-template-6::before{ position: absolute; inset: 0; z-index: 2; box-shadow: inset 0 -30px 10px -20px rgba(0, 0, 0, 0.1); content: ''; pointer-events: none;}

	.teknik_grup_list{ grid-template-columns: repeat(3, 1fr);}


	.bd-sidebar.zipped{ height: 67px;}
	.bd-sidebar h3{ cursor: pointer;}
	.bd-sidebar h3 i{ transition: all .2s ease;}
	.bd-sidebar:not(.zipped) h3 i{ transform: rotate(45deg);}
}


@media screen and (max-width: 768px) {
	:root{
		--h1-font-size: 38px;
		/* --h2-font-size: 32px; */
		--h2-font-size: 28px;
		--h3-font-size: 28px;
		--h4-font-size: 20px;
		--h5-font-size: 18px;
		--h6-font-size: 16px;
	}

	html{
		--card-padding: 15px;
	}
	
	
	#ilan_ekle :is(.col-md-31, .col-md-11){ padding: 0;}
	

	.bd-footer > div > .t .r{ display: grid; grid-template-columns: repeat(3, 1fr);}

	/* .row:has( >.col-xs-21){ display: grid; grid-template-columns: repeat(2, 1fr);}
	.row >.col-xs-21{ width: 100%; float: unset;} */
	.row:has( >.col-xs-21){ display: flex; flex-wrap: wrap; gap: 14px;}
	.row:has( >.col-xs-21) .clearfix{ display: none !important;}
	.row:has( >.col-xs-21)::before,
	.row:has( >.col-xs-21)::after{ display: none;}
	.row >.col-xs-21{ width: calc(50% - (14px / 2)); padding: 0; float: unset;}
	.row >.col-xs-21 .liste.alternatif{ padding: 0; margin: 0;}
	.row >.col-xs-21 .liste.alternatif > *:not(.full){ padding: 0 15px;}
	.row >.col-xs-21 .liste h3{ white-space: unset; max-height: unset; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 2lh;}
	.row >.col-xs-21 .liste .price-template-1{ padding-bottom: 10px !important;}
	.row >.col-xs-21 .liste .price-template-1 > a{ display: none;}
	
	.row{ margin-left: 0; margin-right: 0;}
	
	.info-template-1{ max-width: calc(100% - (10px * 2));}
	
	.entry-section{ margin-bottom: -30px;}
	.bd-template-1{ transform: translateY(-25px); width: 100%; position: relative; left: unset; bottom: unset;}
	/* .bd-template-1:has([data-tab-id="_2"].active){ transform: translateY(calc(35px + 40px));} */
	.bd-template-1:has([data-tab-id="_2"].active){ transform: translateY(-25px);}
	.bd-tabs{ width: 100%;}
	.bd-tabs > button{ padding: 0 10px; font-size: 15px; font-weight: 500; width: 100%; white-space: nowrap;}

	.bd-tab-content{ flex-wrap: wrap; width: 100%; height: fit-content;}
	.bd-tab-content .entry-filter{ width: calc(100% - (40px + 10px));}
	.bd-tab-content .custom-dropdown{ width: calc(100% / 2 - (10px / 2));}

	.bilesen.ilan_listeleme .baslik.alternatif h3{ font-size: 28px;}

	.ilan-template-1{ flex-direction: column;}
	.ilan-template-1 .l{ width: 100%; min-width: 100%; border-radius: 16px 16px 0 0;}
	.ilan-template-1 .r{ width: 100%; min-width: 100%; padding-top: 0;}
	.ilan-template-1 .r .price-template-1.v2{ text-align: start; align-items: start;}

	.bd-template-6{ text-align: center;}
	
	.bd-template-7{ text-align: center;}

	.bd-template-8{ --move: 10px; position: relative; border-radius: 0; gap: 50px; overflow: hidden;}
	.bd-template-8 > .t{ flex-direction: column; gap: 20px;}
	.bd-template-8 > .t .l{ flex-direction: column;}
	.bd-template-8 > .t .l .icon{ position: absolute; right: 10px; bottom: 10px; opacity: .1; transform: scale(3); pointer-events: none;}
	.bd-template-8 > .b{ position: relative; z-index: 2;}

	.bd-template-8{ text-align: center;}
	.bd-template-8 > .t{ align-items: center;}
	.bd-template-8 > .t .l{ max-width: unset;}
	.bd-template-8 > .b div{ justify-content: center;}


	.category-breadcrumb{ display: flex; flex-direction: column;}
	.back-category{ margin-left: auto; margin-top: 15px;}


	.mobil_uye_profil{ margin: 0 0 15px;}
	.profil .alt.gorsel_var{ width: 100% !important; left: 0 !important; bottom: 0 !important; top: 0 !important; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; padding: 0; position: absolute !important;}
	.profil .alt.gorsel_var > div{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;}
	.profil .alt.gorsel_var > div h1{ order: 1;}
	.profil .alt.gorsel_var > div p{ order: 2;}
	.profil .alt.gorsel_var > div > div{ order: 3; margin-top: 10px;}
	.profil .alt.gorsel_var > div .clearfix{ display: none;}


	.arsiv .table.liste{ overflow: visible;}
	.arsiv .table.liste thead{ display: none;}
	.arsiv .table.liste thead tr, .arsiv .table.liste tbody tr{ display: flex; flex-direction: column;}
	.arsiv .table.liste tbody{ display: flex; flex-direction: column; gap: 15px;}
	/* .arsiv .table.liste tbody{ display: grid; grid-template-columns: repeat(2, 1fr);} */
	.arsiv .table.liste tbody tr{ background-color: #f5f5f5 !important; padding: 15px; justify-content: flex-start; align-items: flex-start;}
	.arsiv .table.liste tbody tr::before{ content: none; }
	.arsiv .table.liste tbody tr .fiyat_mobil{ display: flex; align-items: center; gap: 5px;}
	.arsiv .table.liste tbody .il_ilce{ flex-direction: row; gap: 5px;}
	.arsiv .table.liste tbody .il_ilce span:nth-child(2)::before{ content: '/'; margin-right: 5px;}
	.arsiv .table.liste img.resim,
	.arsiv .table.liste td a > img{ width: 100%;}
	.arsiv .table.liste td.fiyat.visible-sm.visible-md.visible-lg{ display: flex !important; justify-content: flex-start; align-items: center; flex-direction: row; gap: 7px;}
	.arsiv .table.liste tbody tr td{ width: 100%; display: flex; flex-direction: column;}
	.arsiv .table.liste tbody tr td > a{ display: flex; width: 100%;}

	.panel:has(.nav-tabs):not(:has(.ilan_listeleme)) .panel-body{ border-radius: 16px !important;}

	.bd-magaza :is(.col-md-9, .col-md-33){ padding-left: 0; padding-right: 0;}
}

@media screen and (max-width: 678px) {
	.bd-category-wrapper > div{ --column: 2.3;}
}

@media screen and (max-width: 600px) {
	.bd-tab-content.v2{ height: 165px;}
	.bd-tab-content .btns{ flex-direction: column; align-items: center;}
	.bd-tab-contents{ width: 100%;}

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

	.ilan-wrapper .left, .ilan-wrapper .left .detay, .ilan-wrapper .right{ gap: 15px;}

	.mobil_logo{ height: 34px;}

	.bd-table-1{ border: none;}
	.bd-table-1 tbody{ display: flex; flex-direction: column; gap: 15px;}
	.bd-table-1 tr{ gap: 3px; display: flex; flex-direction: column; align-items: flex-start !important; border-bottom: none !important;}
	.bd-table-1 tr > *{ text-align: start; padding-top: 0 !important; padding-bottom: 0 !important;}
	.bd-table-1 tr th::after{ content: ':'; }

	.bd-order-table{}
	.bd-order-table thead{ display: none;}
	.bd-order-table tbody{ display: flex; flex-direction: column; gap: 15px;}
	.bd-order-table tbody tr{ border: none; padding-top: 50px !important; padding: 15px; border-radius: 16px; display: flex; flex-direction: column; background-color: #f5f5f5 !important; position: relative;}
	.bd-order-table tbody tr td{ padding: 0 !important;}
	.bd-order-table tbody tr td:nth-child(1) > div{ display: none !important;}
	.bd-order-table tbody tr td:nth-child(2){ display: block !important; margin-top: 2px;}
	.bd-order-table tbody tr td:nth-child(3){ font-weight: 600; position: absolute; left: 15px; top: 15px; display: block !important;}
	.bd-order-table tbody tr td:nth-child(4){ position: absolute; right: 15px; top: 12px;}
	.bd-order-table tbody tr td:nth-child(5){ margin-top: 15px; margin-left: auto;}
	.bd-order-table tbody tr td:nth-child(5) a{ padding: 7px 20px !important;}
}

@media screen and (max-width: 540px) {
	.bd-footer > div > .t{ gap: 30px;}
	.bd-footer > div > .t .l{ width: 100%; min-width: unset; align-items: center; text-align: center; border-bottom: 1px solid #ddd; padding-bottom: 30px;}
	.bd-footer > div > .t .r{ gap: 40px; display: flex; flex-direction: column; align-items: center; text-align: center;}
	footer ul{ margin-bottom: 0;}

	.bd-footer > div > .b{ margin-top: 25px; display: flex; flex-direction: column; align-items: center; gap: 20px; border-top: 1px solid #ddd;}
	.bd-footer > div > .b p img{ height: 16px !important; width: auto !important;}
	
	.bd-category-wrapper > div{ --column: 1.3;}
}



@media screen and (min-width: 992px) {
	.hide-992{ display: none;}
}
@media screen and (max-width: 992px) {
	.show-992{ display: none;}
}