css body {background:#fff;} i {margin-right:5px;} a {color:#003399;} label {font-weight:600;} a.btn {border-radius:3px;} .mt50 {margin-top:50px;} .mt20 {margin-top:20px;} .mt10 {margin-top:10px;} .mt15 {margin-top:15px;} .mb5 {margin-bottom:5px;} .mb10 {margin-bottom:10px;} .mb7 {margin-bottom:7px;} .mr0 {margin-right:0;} .mb15 {margin-bottom:15px;} .mb20 {margin-bottom:20px;} .mb30 {margin-bottom:30px;} .mb40 {margin-bottom:40px;} .mb50 {margin-bottom:50px;} .mb70 {margin-bottom:70px;} .pabsolute {position:absolute;} .prelative {position:relative;} .top {top:0;} .left {left:0;} .bottom {bottom:0;} .right {right:0;} .tdn {text-decoration:none !important;} .d4 {cursor:not-allowed;} header span.caret {margin-left:8px !important;} .ortala {display:none;} .ortala_h {display:block !important;} header { position:relative; z-index:9999; padding:10px 0; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6); } header .sticky { padding:10px 0; position:relative; z-index:50000 !important; } .mobil_header { position:relative; z-index:9999; padding:10px 0; } button.btn-primary, a.btn-primary {background:#4398f4 !important;color:#fff !important;border:0 !important;padding:6px 12px;font-size:15px;font-weight:500;transition:.3s;} button.btn-primary:hover, a.btn-primary:hover {background:#3768e8 !important;} .btn-danger {background:#FA0019 !important;transition:.3s !important;} .btn-danger:hover {background:#e53935 !important;} .giris h3 {font-weight:700;margin-top:0;} .btn-grey {color:#777;} .btn-grey:hover {color:#4398f4;} .btn-default {background:#eee !important;transition:.3s;border:0;color:#777;} .btn-default:hover {background:#ccc !important;color:#555;} .btn-success {background:#18DA3A !important;transition:.3s;border:0;color:#fff;} .btn-success:hover {background:#00a847 !important;color:#fff;} .fw500 {font-weight:500;} .fw600 {font-weight:600;} .fw700 {font-weight:700;} .btn {font-size:15px;font-weight:500;padding:6px 12px;border:0;} .btn-sm {font-size:14px;font-weight:500;padding:4px 10px;} .btn-xs {font-size:13px;font-weight:500;padding:3px 7px;} .btn-primary.btn-sm {font-size:14px !important;font-weight:500 !important;padding:4px 10px !important;} .btn-primary.btn-xs {font-size:13px !important;font-weight:500 !important;padding:3px 7px !important;} .giris_form {position:relative;overflow:hidden;} .giris_form * {position:relative;z-index:2;} .giris_form:after {position:absolute;z-index:1;bottom:-10px;right:-20px;font-size:250px;line-height:250px;color:#eee;content:"\f09c";font-family:"FontAwesome";transform:rotate(-15deg);} .giris_form.kayit:after {content:"\f0c0";font-family:"FontAwesome";font-size:300px;line-height:300px;} .giris .alert {margin-bottom:10px !important;margin-top:0;} .alert {font-weight:500;border:0;padding:13px 16px;} .alert-danger, .label-danger {background:#FA0019;border-bottom:3px solid #BF001D;color:#fff;} .alert-success, .label-success {background:#18DA3A;border-bottom:3px solid #00a847;color:#fff;} .alert-primary, .label-primary {background:#2196F3;border-bottom:3px solid #1976D2;color:#fff;} .alert-info, .label-info {background:#00BCD4;border-bottom:3px solid #0097A7;color:#fff;} .alert-warning, .label-warning {background:#FF9800;border-bottom:3px solid #F57C00;color:#fff;} .alert-light, .label-light {background:#eee;border-bottom:3px solid #ddd;color:#fff;color:#777;} .alert .alert-link {color:#fff !important;text-decoration:underline;} .notifyjs-bootstrap-base {font-weight:500 !important;text-shadow:none !important;min-width:300px;color:#fff !important;border:0 !important;} .notifyjs-bootstrap-success {background:#18DA3A !important;} .notifyjs-bootstrap-danger {background:#FA0019 !important;} .gradient {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.07+100 */background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.07) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.07) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#12000000',GradientType=0 ); /* IE6-9 */} .beyaz-shadow {-webkit-box-shadow: 0px 0px 47px -9px rgba(255,255,255,0.67);-moz-box-shadow: 0px 0px 47px -9px rgba(255,255,255,0.67);box-shadow: 0px 0px 47px -9px rgba(255,255,255,0.67);} .noselect, .arsiv .filtre .panel-heading {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} header .ara input {border:0 !important;font-size:12px;box-shadow:none !important;border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;color:#fff !important;} header .ara input:focus {border:0 !important;box-shadow:none !important;} header .ara.focus input {background:#fff;color:#4e5a7d !important;} header .ara button {color:#fff !important;border:0;padding:1px 11px;} header .ara button i {font-size:23px;margin-right:0 !important;} header .ara input::-webkit-input-placeholder {color:rgba(255,255,255,0.5) !important;} header .uyelik a {box-shadow:none !important;font-size:12px;padding-left:7px;padding-right:7px;text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.40);transition:.2s;} header .uyelik a:hover {text-decoration:underline;} header .uyelik a:focus {} header .uyelik > a.btn-header {font-size:13px;font-weight:600;color:#fafafa !important;border:0;padding:8px 15px !important;margin-left:7px;text-decoration:none !important;} header .uyelik > a span.badge {color:#fff;} header .is-sticky .sticky {-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);} ul.dropdown-menu {border:0;margin-top:5px;} ul.dropdown-menu li {} ul.dropdown-menu li a {color:#333 !important;text-shadow:none;text-decoration:none !important;font-size:14px;} ul.dropdown-menu li a i:before {width:16px !important;text-align:center;} header #en_ust {margin-bottom:10px;} header ul.ust_sol {margin:0;padding:4px 0;list-style:none;display:table;} header ul.ust_sol li {float:left;} header ul.ust_sol li a {font-size:12px;display:block;} header ul.ust_sol li:not(:last-child) a:after {content:"|";margin:0 6px;} .gri {border-bottom:1px solid #e0e0e0;background:#f0f0f0;padding:6px;margin-bottom:14px;position:relative;} .gri:before {position:absolute;left:0;top:0;width:100%;height:100%;content:"";z-index:1;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0+52,0.03+100 */background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 52%, rgba(0,0,0,0.03) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 52%,rgba(0,0,0,0.03) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 52%,rgba(0,0,0,0.03) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#08000000',GradientType=0 ); /* IE6-9 */} .breadcrumb {background:none;padding:0;margin:0;font-size:12px;font-weight:400;position:relative;z-index:2;} .breadcrumb li {margin-right:5px;} .breadcrumb>li+li:before, .breadcrumb>li:before {font-family: "Ionicons";content: "\f363";padding: 0 6px;color: #aaa;} .breadcrumb>li:before {padding-left:0;} #ornek_breadcrumb > .breadcrumb {font-size:14px !important;} .sidebar ul {padding:0;margin:0;list-style:none;} .sidebar ul li a {font-size:13px;line-height:26px;} ul.ana_menu {padding:0 0 0 35px;margin:0;list-style:none;padding-right:10px;} ul.ana_menu li.cizgi {margin-bottom:7px;padding-bottom:7px;border-bottom:1px solid #eaeaea;} ul.ana_menu li a {line-height:28px;position:relative;} ul.ana_menu li a {font-weight:600;} ul.ana_menu li > a {line-height:27px;} ul.ana_menu li.dropdown a {font-weight:600;} ul.ana_menu ul li a {font-size:13px;line-height:21px;font-weight:400 !important;} ul.ana_menu ul {margin-bottom:7px;padding-bottom:7px;border-bottom:1px solid #eaeaea;} ul.ana_menu li a i {position:absolute;left:-35px;top:-4px;width:25px;height:25px;line-height:25px;font-size:15px;text-align:center;background:#666;color:#fff;border-radius:100%;} ul.ana_menu li span.toplam {color:#999;font-size:11px;line-height:11px;margin-left:5px;font-weight:400;text-decoration:none;} ul.ana_menu li.kategori_more {font-size:12px;margin:7px 0;color:#999;position:relative;font-weight:500;} ul.ana_menu li.kategori_more:hover {color:#777;} ul.ana_menu li.kategori_more:before {font-family: "Ionicons";content: "\f35f";padding:0 6px 0 0;color: #aaa;} ul.ana_menu_a {margin:0 0 15px 0;list-style:none;padding:3px 10px;border:1px solid #E7E7E7;border-radius:3px;} ul.ana_menu_a li {position:relative;} ul.ana_menu_a li:not(.desc):after {position:absolute;top:10px;right:0;font-size:9px;font-family: "Ionicons";content:"\f125";} ul.ana_menu_a li.full {padding:0;border-bottom:1px solid #E7E7E7;display:block;} ul.ana_menu_a li.desc {display:block;margin:-3px -10px 0 -10px;padding:8px 10px;border-bottom:1px solid #E7E7E7;background:#fcfcfc;} ul.ana_menu_a li a {display:block;text-decoration:none;color:#404040;line-height:16px;padding:7px 0;} ul.ana_menu_a li a:hover {color:#AE0004;} ul.ana_menu_a li a span {color:#aaa;margin-left:4px;} ul.ana_menu_a li:last-child {border-bottom:0;} ul.ana_menu_a li.w3 a {float:left;} ul.ana_menu_a li.w3 a:not(:last-child):after {content:", ";margin-right:5px;} ul.ana_menu_a li.w3 {padding:0;display:table;width:100%;} .sidebar .panel.beyaz .panel-heading {font-size:14px;font-weight:600;} .arsiv .sidebar .panel.beyaz .panel-heading {margin-bottom:0;padding:8px 14px;border:1px solid #eee;border-bottom:0;} .arsiv .sidebar ul.ana_menu {padding:7px 14px !important;max-height:275px;overflow-y:scroll;} .arsiv .sidebar ul.ana_menu li a {padding:0 !important;line-height:24px;font-weight:600;} .arsiv .sidebar ul.ana_menu ul {padding-left:7px !important;padding-bottom:0;} .arsiv .sidebar ul {border-bottom:0 !important;margin-bottom:0 !important;} .scroll::-webkit-scrollbar {width:5px !important;} .scroll::-webkit-scrollbar-thumb {background:rgba(0,0,0,.20) !important;} #slides, #mobil_slides {position:relative;} #slides .slidesjs-navigation, #mobil_slides .slidesjs-navigation {position:absolute;top:0;z-index:20;padding:3px 8px;color:#fff;} #slides .slidesjs-previous, #mobil_slides .slidesjs-previous {left:0;} #slides .slidesjs-next, #mobil_slides .slidesjs-next {right:0;} #slides i {font-size:20px;} #mobil_slides .slidesjs-navigation {background:rgba(0,0,0,0.3) !important;} .arsiv .table.liste {font-size:13px;font-weight:400;color:#666;} .arsiv .table.liste img.resim {border:1px solid #eaeaea;} .arsiv .table.liste thead {background:#eaeaea;border:0;box-shadow:none;} .arsiv .table.liste thead th {font-size:13px;line-height:13px;font-weight:700;border:0;color:#555;border-right:1px solid #fff;} .arsiv .table.liste tr:first-child td, .arsiv .table.liste tr:first-child th {border-top:0;} .arsiv .table.liste td, .arsiv .table.liste th {padding:8px !important;border-color:#eaeaea;border-right:1px solid #fff;} .arsiv .table.liste:not(.profil) td:not(:first-child) {padding:8px !important;} .arsiv .table.liste td:last-child, .arsiv .table.liste th:last-child {border-right:0 !important;} .arsiv .table.liste td:not(.baslik_td), .arsiv .table.liste th:not(.baslik_th) {text-align:center;} .arsiv .table.liste tr:nth-child(odd) td {background:#fff !important;} .arsiv .table.liste tr:nth-child(even) td {background:#fafafa !important;} .arsiv .table.liste:not(.profil) tr:hover td {background:#f2f9ff !important;} .arsiv .table.liste tbody td a {font-weight:500;} .arsiv .table.liste tbody td .dropdown-menu a {font-weight:400 !important;} .arsiv .table.liste tbody .baslik {font-weight:500;color:#003d9c;} .arsiv .table.liste tbody .baslik:hover {text-decoration:underline;} .arsiv .table.liste td.fiyat {color:#D70015;font-weight:500;} .arsiv .table.liste tr.acil td {background:#fff0f0 !important;} .arsiv .table.liste tr.vitrin td {background:#fff0f0 !important;} .arsiv .table.liste tr.vitrin:hover td {background:#ffeaea !important;} .arsiv .etiket {font-size:18px;margin-right:9px;} .arsiv .etiket.vitrin {color:#18DA3A;} .arsiv .etiket.acil {color:#FA0019;} tr.satir_link.vitrin_sticker > td:first-child {position:relative;} tr.satir_link.vitrin_sticker > td:first-child:after {position:absolute;top:4px;left:-6px;content:"Vitrin";font-size:12px;padding:1px 6px;background:#18DA3A;color:#fff;z-index:100;} tr.satir_link.vitrin_sticker > td:first-child:before {position:absolute;top:23px;left:-6px;content:"";width: 0;height: 0;border-style: solid;border-width: 0 5px 5px 0;border-color: transparent #00AE34 transparent transparent;} tr.satir_link.acil_sticker > td:first-child {position:relative;} tr.satir_link.acil_sticker > td:first-child:after {position:absolute;top:4px;left:-6px;content:"Acil";font-size:12px;padding:1px 6px;background:#FA0019;color:#fff;z-index:100;} tr.satir_link.acil_sticker > td:first-child:before {position:absolute;top:23px;left:-6px;content:"";width: 0;height: 0;border-style: solid;border-width: 0 5px 5px 0;border-color: transparent #C60014 transparent transparent;} .arsiv .table.liste tr.bold td .baslik a {font-weight:700;} .arsiv .table.liste tr.bold {font-weight:700;} .arsiv .table.liste tr.bold td.fiyat {font-weight:700;} .arsiv .table.liste div.acil {position:relative;background:red;color:#fff;display:table-cell;padding:1px 4px;font-size:12px;border-radius:3px;top:4px;} .arsiv .table.liste .il_ilce a, .arsiv .table.liste .il_ilce span {margin-right:15px;position:relative;} .arsiv .table.liste .il_ilce a:last-child, , .arsiv .table.liste .il_ilce span:last-child {margin-right:0;} .arsiv .table.liste .il_ilce a:not(:last-child):after, .arsiv .table.liste .il_ilce span:not(:last-child):after {position:absolute;right:-12px;top:0;content:"/";color:#ddd;} .arsiv .ikili {padding:6px;border:1px dotted #eaeaea;border-top:0;border-left:0;min-height:140px;} .arsiv .ikili .baslik {margin-bottom:3px;font-weight:500;color:#003d9c;max-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .arsiv .ikili .baslik:hover {text-decoration:underline;} .arsiv .ikili:hover {background:#f2f9ff;} .arsiv .ikili img.resim {border:1px solid #eaeaea;} .arsiv .ikili .fiyat, .fiyat_mobil {color:#D70015;font-weight:500;margin-bottom:6px;} .arsiv .eb {margin-bottom:4px;font-size:13px;} .arsiv .eb .anahtar {color:#3e5877;font-weight:500;margin-right:10px;} .arsiv .eb .deger {color:#292d2e;font-weight:500;} .arsiv .sol {padding-right:0 !important;} .arsiv .sag {padding-left:0 !important;} .arsiv .ikili .il_ilce a, .arsiv .ikili .il_ilce span:not(.anahtar) {margin-right:15px;position:relative;font-weight:500;} .arsiv .ikili .il_ilce a:not(:last-child):after, .arsiv .ikili .il_ilce span:not(:last-child):not(.anahtar):after {position:absolute;right:-12px;top:0;content:"/";color:#ddd;} .arsiv .ikili.bold .baslik, .arsiv .ikili.bold .fiyat {font-weight:700;} .arsiv .ikili.acil, .arsiv .ikili.vitrin {background:#fff0f0 !important;} .arsiv .ikili.acil:hover, .arsiv .ikili.vitrin:hover {background:#ffeaea !important;} .arsiv .ikili.bold * {font-weight:700 !important;} .vitrin_mesaj {font-weight:500;color:#333;padding:10px !important;} .vitrin_mesaj p {padding:2px 0 !important;font-size:12px;margin:0;} .vitrin_mesaj:hover {color:#003d9c;} .badge {text-shadow:none;font-size:11px;font-weight:600;} ul.resimsiz .ilan_baslik {font-size:13px;font-weight:600;line-height:20px;max-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#003d9c;} ul.resimsiz .fiyat {color:#D70015;font-weight:500;} ul.resimsiz a:first-child, .list-group.fix li:first-child, .list-group.fix a:first-child {border-top-left-radius:3px !important;border-top-right-radius:3px !important;} ul.resimsiz a:last-child, .list-group.fix li:last-child, .list-group.fix a:last-child {border-bottom-left-radius:3px !important;border-bottom-right-radius:3px !important;} ul.resimsiz a, .list-group.fix li, .list-group.fix a {border-color:#eaeaea !important;} ul.resimsiz .il_ilce span {position:relative;margin-right:18px;color:#999;font-size:12px;} ul.resimsiz .il_ilce span:not(:last-child):after {position:absolute;right:-12px;top:-1px;content:"/";color:#ddd;} .table.profil td, .table.profil th {border-color:#eaeaea;padding-left:0;} .table.profil.padding td, .table.profil.padding th {padding:6px;} .table.profil tr:first-child td, .table.profil tr:first-child th {border-top:0;} .table.profil th {font-weight:600;} .arsiv .panel.beyaz .panel-body {padding:0 !important;} .arsiv .panel.beyaz.padding .panel-body {padding:12px !important;} .arsiv .panel.beyaz.filtre {border-radius:3px;overflow:hidden;} .arsiv .panel.beyaz.filtre .panel-heading {margin-bottom:0;padding:10px 15px !important;background:#eee;border:0 !important;overflow:hidden;border-radius:0 !important;} .arsiv .panel.beyaz.filtre .panel-body {padding:0 15px 10px 15px !important;background:#eee;border:0 !important;overflow:hidden;border-radius:0 !important;} .arsiv .panel.beyaz.filtre {margin-bottom:3px;} .arsiv .panel.beyaz.filtre a#toggle {color:#333;text-decoration:none;} .arsiv .sidebar button.btn-primary {background:#4398f4 !important;color:#fff !important;border:0 !important;padding:7px 10px;font-size:15px;font-weight:600;transition:.3s;} .arsiv .sidebar button.btn-primary:hover {background:#3768e8 !important;} .arsiv .filtre.kapali .panel-heading {position:relative;} .arsiv .filtre.kapali .panel-heading:after {position:absolute;top:0;right:0;font-family:"Ionicons";content:"\f218";width:25px;line-height:40px;font-size:20px;color:#ddd;} .arsiv .filtre.kapali.acik .panel-heading:after {content:"\f209" !important;} .arsiv .filtre.kapali .panel-body {display:none;} .arsiv .panel.beyaz.filtre .form-group {margin-bottom:8px;} select.form-control, input.form-control, textarea.form-control {padding:5px 10px !important;border-color:#ddd !important;box-shadow:none;border-radius:3px !important;-webkit-border-radius:3px !important;-moz-border-radius:3px !important;} input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=password]:focus, select:focus, textarea:focus {border-color:#4398f4 !important;-webkit-box-shadow: 0px 0px 0px 1px rgba(67,153,244,1) !important;-moz-box-shadow: 0px 0px 0px 1px rgba(67,153,244,1) !important;box-shadow: 0px 0px 0px 1px rgba(67,153,244,1) !important;} .arsiv .panel.beyaz.sonuc {margin-bottom:5px;} .arsiv .panel.beyaz.sonuc .panel-body {padding:8px 10px !important;font-weight:400;} .arsiv .panel.beyaz.sonuc .panel-body a {font-weight:500;} .arsiv .panel.beyaz.sonuc .panel-body span.kategori a:not(:last-child) {position:relative;margin-right:20px;} .arsiv .panel.beyaz.sonuc .panel-body span.kategori a:not(:last-child):after {position:absolute;top:2px;right:-14px;font-size:10px;font-family:Ionicons;content:"\f125";color:#ddd;} .arsiv .panel.beyaz.sonuc .panel-body span.sayi {font-weight:700;} .arsiv .panel.beyaz.sonuc.uygulanan_filtreler .panel-body {padding:8px 10px !important;} .arsiv .panel.beyaz.sonuc.uygulanan_filtreler ul {margin:0;padding:0;list-style:none;} .arsiv .panel.beyaz.sonuc.uygulanan_filtreler ul li {float:left;margin-right:15px;font-size:12px;font-weight:400 !important;color:#888;} .arsiv .panel.beyaz.sonuc.uygulanan_filtreler ul li span {padding:1px 5px 1px 4px;margin-left:2px;background:#eee;color:#777;border-radius:3px;font-weight:600 !important;} .arsiv .panel.beyaz.sonuc.uygulanan_filtreler ul li span:hover {background:#ddd;color:#666;} .arsiv .panel.beyaz.sonuc.uygulanan_filtreler ul li span i {padding-left:4px;margin-right:0;} .arsiv .panel.beyaz.sonuc.uygulanan_filtreler ul li a {text-decoration:none;} .arsiv .panel.beyaz.sonuc.uygulanan_filtreler ul li.temizle {float:right;margin-right:0 !important;} .arsiv .panel.beyaz.sonuc.uygulanan_filtreler ul li.temizle span {padding:1px 4px 1px 5px;background:#ff0000;color:#fff;} .arsiv .panel.beyaz.sonuc.uygulanan_filtreler ul li.temizle:hover span {background:#d32f2f;} .arsiv .panel.beyaz.sonuc.uygulanan_filtreler ul li.temizle span i {padding:0 4px 0 0;} .arsiv .panel.beyaz .panel-heading {position:relative;} .arsiv .panel.beyaz .panel-heading .sag {position:absolute;right:0;top:0;} .arsiv .panel.beyaz .panel-heading .sag ul.listeleme {margin:0;padding:0;list-style:none;float:left;} .arsiv .panel.beyaz .panel-heading .sag ul.listeleme li {float:left;} .arsiv .panel.beyaz .panel-heading .sag ul.listeleme li a {border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;margin-right:4px;color:#999;background:#eee;width:28px;height:28px;line-height:28px;display:block;text-align:center;} .arsiv .panel.beyaz .panel-heading .sag ul.listeleme li.baslik {background:none;color:#999;font-size:12px;line-height:28px;margin-right:10px;font-weight:400;} .arsiv .panel.beyaz .panel-heading .sag ul.listeleme li.active a {background:#4398f4;color:#fff;} .arsiv .panel.beyaz .panel-heading .sag ul.listeleme li a i {margin-right:0;} .arsiv .panel.beyaz .panel-heading .sag select {border:1px solid #ddd;padding:0 8px;width:230px;border-radius:2px;font-weight:400;font-size:12px;color:#555;height:28px;} .arsiv .panel.beyaz .panel-heading .sag select option {font-size:14px !important;font-weight:400;} .arsiv .panel.beyaz .panel-body .table {margin-bottom:0;} .tab .nav-tabs.ozel {border-bottom:2px solid #eaeaea !important;height:34px;} .tab .nav-tabs.ozel li {margin-top:1px;border-radius:0 !important;border-radius:3px !important;} .tab .nav-tabs.ozel li a {margin-left:7px;margin-right:0;padding:5px 10px;font-size:14px;font-weight:500;border:1px solid #dedede !important;border-bottom-color:#eaeaea;background:#eaeaea;color:#777;text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.70);} .tab .nav-tabs.ozel li.active a {background:#fff;border-color:#eaeaea;color:#111;border-radius:3px !important;} .tab .nav-tabs.ozel li.active a:before {position:absolute;left:0;top:0;width:100%;height:100%;content:none !important;z-index:1;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,ffc000+100&0+0,0+47,1+100 */background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(120,90,0,0) 47%, rgba(255,192,0,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(120,90,0,0) 47%,rgba(255,192,0,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(120,90,0,0) 47%,rgba(255,192,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ffc000',GradientType=0 ); /* IE6-9 */} .pagination {margin-top:0;} .pagination li a {padding:4px 8px;font-size:13px;font-weight:500;} .pagination li.active a {background:#4398f4;border-color:#4398f4;} .pagination li a i {margin-right:0;} .panel.beyaz {border:none;box-shadow:none;} .panel.beyaz .panel-heading {background:none;padding:0;margin:0 0 8px 0;font-size:15px;font-weight:600;border:none;} .panel.beyaz .panel-body {border:1px solid #eaeaea !important;border-radius:2px;padding:7px !important;} .panel.cins {border:none;box-shadow:none;} .panel.cins .panel-heading {background:none;padding:8px 12px;margin:0;font-size:14px;font-weight:600;border:1px solid #eaeaea;border-top-left-radius:2px;border-top-right-radius:2px;} .panel.cins.tab .panel-heading {background:none;padding:0;margin:0 0 8px 0;font-size:15px;font-weight:600;border:none;} .panel.cins.tab .panel-heading+.panel-body {border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;} .panel.cins .panel-body {border:1px solid #eaeaea !important;border-bottom-left-radius:2px;border-bottom-right-radius:2px;} .panel.cins.menu .panel-body {padding:0 !important;} .panel.cins.with_footer .panel-body {border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;} .panel.cins.with_footer .panel-footer {border:1px solid #eaeaea;background:#fafafa !important;} .liste {margin-bottom:12px;width:100%;position:relative;} .liste img {border:1px solid #eaeaea;} .liste h3 {color:#333;font-size:11px;line-height:19px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;max-height:19px;font-weight:500;overflow:hidden;letter-spacing:-0.1px;} .liste h3 a {color:#333 !important;} .liste:hover h3 {text-decoration:underline;} .liste .fiyat_layer {position:absolute;top:1px;right:1px;background:rgba(0,0,0,0.5);color:#fff;font-size:13px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-left-radius: 3px;} .liste .oran_layer {position:absolute;top:1px;left:1px;background:#FA0019;color:#fff;font-size:13px;-webkit-border-bottom-right-radius: 3px;-moz-border-radius-bottomright: 3px;border-bottom-right-radius: 3px;} .liste .fiyat_layer i, .liste .oran_layer i {margin-right:0;} .liste.yatay {padding:8px;display:block;width:100%;margin-bottom:12px;transition:.4s;position:relative;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;} .liste.yatay img {border:0;} .liste.yatay h3 {font-size:16px;text-overflow:visible;overflow:visible;white-space:normal;max-height:57px !important;overflow:hidden;margin-bottom:2px;text-decoration:none;} .liste.yatay .adres {font-size:13px;color:#999;} .liste.yatay .fiyat_layer2 {position:absolute;bottom:0px;right:2px;padding:2px 6px;font-weight:bold;background:rgba(0,0,0,0.5);color:#fff;font-size:13px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomleft: 3px;border-top-left-radius: 3px;} .liste.yatay .fiyat_layer2 i {margin:0;} .col-md-21 .liste .fiyat_layer, .col-md-21 .liste .oran_layer {padding:4px 8px;font-size:14px;} .col-md-14 .liste .fiyat_layer, .col-md-14 .liste .oran_layer {padding:4px 8px;font-size:14px;} .col-md-a4 .liste .fiyat_layer, .col-md-a4 .liste .oran_layer {padding:4px 8px;font-size:13px;} .col-md-a5 .liste .fiyat_layer, .col-md-a5 .liste .oran_layer {padding:3px 6px;font-size:13px;} .col-md-7 .liste .fiyat_layer, .col-md-7 .liste .oran_layer {padding:1px 5px;font-size:12px;} .col-md-6 .liste .fiyat_layer, .col-md-6 .liste .oran_layer {padding:0 4px;font-size:12px;} /* Small devices (tablets, 768px and up) */ @media (min-width: @screen-sm-min) { .bilesen.ilan_listeleme .col-sm-14 img {max-height:168px !important;} } /* Medium devices (desktops, 992px and up) */ @media (min-width: @screen-md-min) { .bilesen.ilan_listeleme .col-md-21 img {} .bilesen.ilan_listeleme .col-md-14 img {} .bilesen.ilan_listeleme .col-md-a4 img {max-height:154px;} .bilesen.ilan_listeleme .col-md-a5 img {max-height:120px;} .bilesen.ilan_listeleme .col-md-6 img {max-height:82px;} .bilesen.ilan_listeleme .col-md-7 img {max-height:98px;} } @media(min-width:768px){ .liste img {width:100% !important;} } .ilan .ust {padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid #eaeaea;} .ilan .ust .ilan-baslik {line-height:18px;max-width:100%;} .ilan .ust h1 {font-size:18px;margin:0;padding:0;font-weight:700;line-height:20px;max-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .ilan .ust .buton:not(.sosyal) {float:left;font-size:12px;margin-right:16px;} .ilan .ust .buton:not(.sosyal) a {color:#777;} .ilan .ust .buton:not(.sosyal) a:hover {color:#3e5a9e;} .ilan .ust .buton:not(.sosyal) i {margin-right:3px;} .ilan .ust .buton.sosyal a {margin-top:-4px;color:#fff;display:block;width:22px;height:22px;line-height:22px;margin-left:2px;float:left;text-align:center;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;} .ilan .ust .buton.sosyal a i {margin-right:0;font-size:14px;} .ilan .ust .buton.sosyal a.facebook {background:#4867aa;} .ilan .ust .buton.sosyal a.twitter {background:#00aced;} .ilan .ust .buton.sosyal a.whatsapp {background:#0dc143;} .ilan .ust .buton.sosyal a.google {background:#d13617;} .ilan .ust .buton.sosyal a.pinterest {background:#e00027;} .ilan #aciklama h1 {font-size:29px;line-height:34px;font-weight:700;} .ilan #aciklama h2 {font-size:24px;line-height:29px;font-weight:700;} .ilan #aciklama h3 {font-size:19px;line-height:25px;font-weight:700;} .ilan #aciklama h4 {font-size:16px;line-height:21px;font-weight:600;} .ilan #aciklama h5 {font-size:12px;line-height:17px;font-weight:500;} .ilan #aciklama h6 {font-size:10px;line-height:15px;font-weight:500;} .ilan #aciklama p {font-size:14px;font-weight:400;line-height:21px;} .ilan #aciklama ul, .ilan #aciklama ol {font-size:14px;font-weight:400;line-height:18px;} .ilan #aciklama ul {list-style:none;} .ilan #aciklama * {max-width:100% !important;width:auto !important;} ul.renkli_menu {padding:0;margin:0;list-style:none;} ul.renkli_menu li:first-child a {-webkit-border-top-left-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-bottomleft: 3px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;} ul.renkli_menu li:last-child a {-webkit-border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 3px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomright: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px; } ul.renkli_menu li a {float:left;padding:8px 25px;height:auto;text-align:center;color:#fff;text-decoration:none;transition:.3s;} ul.renkli_menu li a .kat_baslik {line-height:14px;max-height:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} ul.renkli_menu li a i {font-size:40px !important;line-height:50px !important;display:block !important;margin-right:0 !important;} ul.renkli_menu li a span.sayi {color:rgba(255,255,255,0.7);font-size:12px;margin-top:3px;} .sayfa h1 {font-size:20px;margin:0 0 14px 0;padding:0;font-weight:600;line-height:18px;} .sayfa .content {line-height:21px;} .sayfa .sidebar ul {} .sayfa .sidebar ul li {} .sayfa .sidebar ul li a {background:#f0f0f0;padding:2px 10px;display:block;margin-bottom:5px;} .yazi h1 {font-size:24px !important;line-height:32px !important;margin:0 0 14px 0;padding:0;font-weight:600;line-height:26px;} .yazi .content {font-size:15px;line-height:23px;margin-bottom:20px;} .yazi .sidebar .benzer h3 {font-size:14px;font-weight:600;line-height:19px;margin-top:8px;} .yazi .sidebar .benzer:hover h3 a {text-decoration:underline;} .yazi .sidebar .benzer {margin-bottom:15px;} .yazi .sidebar .benzer img, .yazi.kategori .icerik img {border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;} .yazi .sidebar .baslik {font-size:16px;font-weight:600;color:#999;margin-bottom:20px;border-bottom:1px dotted #ddd;padding-bottom:6px;} .yazi .bilgi ul {padding:0;margin:0;list-style:none;margin-bottom:20px;} .yazi .bilgi ul li {} .yazi .bilgi ul li a {padding:2px 6px;color:#fff;float:left;margin-right:10px;text-decoration:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;} .yazi .bilgi .tarih {color:#999;} .yazi .kategori-baslik {font-size:24px;font-weight:600;text-align:center;margin-bottom:20px;} .yazi.kategori .icerik {margin-bottom:20px;} .yazi.kategori .icerik h3 {font-size:14px;font-weight:600;line-height:19px;height:38px;overflow:hidden;margin-top:8px;} .yazi.kategori .icerik:hover h3 a {text-decoration:underline;} .ilan table.detay {font-size:13px;margin-bottom:8px;} .ilan table.detay tr {border-bottom:1px dotted #ccc !important;} .ilan table.detay td, .ilan table.detay th {padding:4px 0;border:none !important;border:0 !important;} .ilan table.detay th {font-weight:600;color:#333;border-right:1px solid #fff !important;} .ilan table.detay td {color:#111;} .ilan .fiyat {font-size:16px;font-weight:600;color:#003399;margin-bottom:10px;} .ilan ul.adres {margin:0;padding:0;list-style:none;font-size:13px;display:table;padding-bottom:5px;margin-bottom:3px !important;width:100%;border-bottom:1px solid #eaeaea;} .ilan ul.adres li {float:left;margin-right:12px;padding-right:4px;position:relative;font-weight:500;color:#003399;} .ilan ul.adres li a {color:#003399;} .ilan ul.adres li:not(:last-child):after {position:absolute;right:-13px;content: "/";padding: 0 6px;color: #ddd;} .ilan .well.gorseller {border-radius:0;box-shadow:none;margin-top:7px;padding:0;display:table;background:#fff;border-color:#eaeaea;width:100%;} .ilan .well.gorseller img {width:19.6%;padding:0;margin-left:0.2%;margin-right:0.2%;height:auto;float:left;margin-bottom:4px;border:1px solid #eaeaea;} .ilan .well.gorseller .galeri_gorsel.active img {border-color:#777;} .ilan .well.gorseller .well-heading {background:#fafafa;border-bottom:1px solid #eaeaea;padding:4px;text-align:center;} .ilan .well.gorseller .well-heading a {font-weight:600;} .ilan .well.gorseller .padding {padding:4px;max-height:161px;overflow-y:scroll;overflow-x:hidden;} .well.cins {border-radius:0;box-shadow:none;margin-top:7px;padding:0;display:table;background:#fff;border-color:#eaeaea;width:100%;} .well.cins .well-heading {background:#fafafa;border-bottom:1px solid #eaeaea;padding:8px 12px;font-weight:600;} .well.cins .well-body {padding:12px;} .ilan .detay .panel.beyaz .panel-body {padding:10px !important;} .ilan .detay .panel.beyaz .panel-body p:last-child {margin-bottom:0;} .ilan .detay .panel.beyaz .panel-body p, .ilan .detay .panel.beyaz .panel-body ul, .ilan .detay .panel.beyaz .panel-body ol {font-size:14px;line-height:21px;} .ilan .detay .panel.beyaz .panel-body ul, .ilan .detay .panel.beyaz .panel-body ol {margin:0 0 0 25px !important;padding:0 !important;} .nav-tabs.ozel {border-bottom:2px solid #ffc000;} .nav-tabs.ozel li {} .nav-tabs.ozel li a {margin-left:7px;margin-right:0;padding:7px 14px;font-size:14px;font-weight:600;border:1px solid #dedede;border-bottom-color:#ffc000;background:#eee;color:#1064bc;text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.70);} .nav-tabs.ozel li.active a {position:relative;background:#ffdd00;border-color:#f2d500;color:#111;border-bottom:1px solid #ffc000;} .nav-tabs.ozel li.active a:before {position:absolute;left:0;top:0;width:100%;height:100%;content:"";z-index:1;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,ffc000+100&0+0,0+47,1+100 */background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(120,90,0,0) 47%, rgba(255,192,0,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(120,90,0,0) 47%,rgba(255,192,0,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(120,90,0,0) 47%,rgba(255,192,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#ffc000',GradientType=0 ); /* IE6-9 */} .ilan .ziyaret {font-size:12px;color:#999;} .ilan .iletisim {margin:0;border:1px solid #eee;padding:3px;margin-bottom:10px;} .ilan .iletisim .magaza_gorsel {border:1px solid #eaeaea;padding:3px;background:#fff;width:80px;height:auto;margin-right:8px;} .ilan .iletisim .panel-body {background:#f5f5f5;padding:15px !important;} .ilan .iletisim h3, .iletisim h3 > a {margin:0 0 7px 0 !important;padding:0 !important;font-size:16px !important;font-weight:600 !important;text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.90) !important;} .ilan .iletisim h3 + p {color:#888;font-size:12px;text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.90);} .ilan .iletisim a:not(.tel_link) {font-size:12px;text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.90);font-weight:500;} .ilan .iletisim .text-center {padding-top:7px;} .ilan .iletisim .tel_link {text-decoration:none;} .ilan .panel.beyaz {border-radius:2px;} .ilan .panel.beyaz.ilan_sag .panel-body {padding:12px !important;position:relative;font-size:12px;} .ilan .panel.beyaz.ilan_sag {margin-bottom:10px !important;} .ilan .panel.beyaz.ilan_sag.ipucu .panel-body {overflow:hidden;} .ilan .panel.beyaz.ilan_sag.ipucu .panel-body:after {position:absolute;z-index:1;bottom:-10px;right:-10px;font-size:150px;line-height:150px;transform:rotate(-15deg);color:#f5f5f5;font-family:"Ionicons";content:"\f100";} .ilan .panel.beyaz.ilan_sag.ipucu .panel-body * {position:relative;z-index:2;} .ilan .panel.beyaz.ilan_sag .panel-body h3 {font-size:13px;margin:0 0 7px 0;font-weight:600;} .ilan .panel.beyaz.ilan_sag .panel-body p {font-size:12px;line-height:15px;color:#777;} .ilan .panel.beyaz.ilan_sag .panel-body p:last-child {margin-bottom:0;} .ilan .panel.beyaz.ilan_sag .panel-body a {font-weight:500;} .ilan .iletisim .bilgi {overflow:hidden;position:relative;margin-bottom:5px;border:1px solid #dedede;background:#fefefe;padding:10px 10px 10px 30px;border-radius:3px;font-weight:700;-webkit-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.07);-moz-box-shadow: 0px 3px 5px -2px rgba(0,0,0,0.07);box-shadow:0px 3px 5px -2px rgba(0,0,0,0.07);} .ilan .iletisim.d4 .panel-body .blurry {filter: blur(3px);-webkit-filter: blur(3px);} .ilan .iletisim .bilgi span {float:right;font-weight:500;} .ilan .iletisim .bilgi .prel {position:relative;z-index:3;} .ilan .iletisim .bilgi i {color:#eaeaea;position:absolute;z-index:1;left:-10px;top:-10px;font-size:70px;line-height:42px;max-height:42px;transform:rotate(-6deg);} .ilan .iletisim .bilgi i.ion-earth {left:-40px;top:-10px;} .ilan .iletisim .bilgi i.ion-ios-telephone {left:-2px;top:-12px;font-size:65px;line-height:42px;max-height:42px;transform:rotate(35deg);} .ilan .iletisim .bilgi.whatsapp {background:#46d84f;border-color:#2bca33;color:#fff;} .ilan .iletisim .bilgi.whatsapp i {font-size:45px;left:-12px;top:0 !important;color:rgba(255,255,255,.5);} .ilan .iletisim .bilgi.whatsapp a {color:#fff;} .bilesen {margin-bottom:10px;} .bilesen .baslik {padding-bottom:6px;margin-bottom:10px;border-bottom:1px solid #eaeaea;font-size:13px;line-height:18px;font-weight:600;color:#111;} .bilesen .baslik a {font-weight:600;font-size:12px;line-height:18px;position:relative;} .bilesen .baslik a:before {position:absolute;left:-15px;font-family: "Ionicons";content: "\f3d3";padding: 0 6px;color: #aaa;} #form_sahiplendirme, #form_gorusulur {display:inline-block;margin-right:20px;} .bilesen.slider {margin-bottom:15px;} .bilesen.slider img {border-radius:3px;} .bilesen #slides {border-radius:3px;} .bilesen .slidesjs-previous {-webkit-border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 3px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomright: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px; } .bilesen .slidesjs-next {-webkit-border-top-left-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-bottomleft: 3px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;} .profil .kapak {position:relative;} .profil .kapak img {border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;position:relative;} .profil .resim img {border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border:4px solid #fff;position:absolute;left:20px;bottom:20px;} .profil .alt {position:absolute;left:0;bottom:20px;width:100%;display:table-cell;font-size:14px;margin:0;height:50px;color:#fff;padding-right:20px;} .profil .alt.gorsel_var {position:absolute;left:195px;width:945px;bottom:10px;font-size:14px;margin:0;height:50px;z-index:9999999 !important;} .profil #kapak_yukle {position:absolute;right:10px;top:10px;z-index:99999;} .profil #profil_gorsel {position:relative;width:100%;} .profil #profil_gorsel #profil_yukle {position:absolute;bottom:30px;left:30px;z-index:99999;} .profil .alt h1 {display:inline;font-size:22px;font-weight:600;margin:0;line-height:26px;} .profil .alt p {font-size:11px;color:#fff;margin:0;padding:0;line-height:15px;} .profil .alt .label {position:relative;top:-3px;margin-left:7px;} .profil .sidebar ul {} .profil .sidebar ul li {} .profil .sidebar ul li a {padding:3px 10px;border-top:1px solid #eee;color:#999;display:block;text-decoration:none;transition:.3s;} .profil .sidebar ul li:hover a, .profil .sidebar ul li.active a {color:#777;background:#f5f5f5;} .panel.cins.ilan_ekle_scroll .panel-body {height:310px;overflow-x:scroll !important;overflow-y:hidden;} #kategori_secimi {padding-bottom:15px;display:block;} .kategori_sec {width:200px;float:left;margin-right:20px;} .kategori_sec.tamam {height:267px;padding:20px;text-align:center;background:#C8E6C9;color:#4CAF50;border-radius:3px;} .kategori_sec.tamam > i {font-size:60px;} .kategori_sec.tamam h3 {margin:0 0 20px 0;} .kategori_sec.tamam.limit {background:#ffcdd2;color:#c62828;} .kategori_sec.tamam.magaza {padding:2px 15px;background:#BBDEFB;color:#1565C0;width:100%;height:auto !important;margin-bottom:15px;text-align:left;} .kategori_sec.tamam.magaza .pull-left {margin-right:20px;} .kategori_sec.tamam.magaza .pull-left i {font-size:60px;} .kategori_sec.tamam.magaza .pull-left h3 {margin:0;margin-top:15px;} .kategori_sec.tamam.magaza .pull-left h3 a {color:#1565C0 !important;text-decoration:none !important;} .panel.cins.ilan_ekle_scroll .panel-body::-webkit-scrollbar, .mm-panel::-webkit-scrollbar {height:10px;} .panel.cins.ilan_ekle_scroll .panel-body::-webkit-scrollbar-thumb, .mm-panel::-webkit-scrollbar-thumb {background:rgba(0,0,0,.20) !important;} .trumbowyg-box {margin:0 !important;min-height:160px !important;height:auto !important;} .trumbowyg-editor {min-height:120px !important;height:120px !important;} .trumbowyg-fullscreen.trumbowyg-box {height:100% !important;} .trumbowyg-fullscreen.trumbowyg-editor {height:100% !important;} .fiyat_input input {border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;} .fileuploader-input {border:1px solid #eee !important;border-radius:3px !important;background:#fafafa !important;padding:15px !important;} .fileuploader-input-button {background:#4398f4 !important;font-weight:600 !important;} .fileuploader-input i {font-size:50px;color:#4398f4 !important;} .fileuploader-input h3 {font-weight:600 !important;} /* input & thumbnails size */ .fileuploader-theme-thumbnails .fileuploader-thumbnails-input,.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {display: inline-block;width: 16.5%;height: 115px;line-height: 95px;padding: 10px;vertical-align: top;} /* input-inner */ .fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner {width: 100%;height: 100%;border: 2px dashed #c2cdda;border-radius: 4px;text-align: center;font-size: 30px;color: #acb9c7;vertical-align: top;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-transition: all 0.1s ease;transition: all 0.1s ease;} .fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner:hover {border-color: #92a7bf;color: #899baf;} .fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner:active, .fileuploader-theme-thumbnails .fileuploader-dragging .fileuploader-thumbnails-input-inner {background: #fff;} /* thumbnails */ .fileuploader-theme-thumbnails .fileuploader-items-list {margin: -5px -10px;} .fileuploader-theme-thumbnails .fileuploader-item {-webkit-animation: fileuploaderScaleIn 0.2s ease;animation: fileuploaderScaleIn 0.2s ease;border-bottom: 0;} .fileuploader-theme-thumbnails .fileuploader-item-inner {position: relative;border-radius: 4px;background: rgba(255,255,255,0.6);overflow: hidden;z-index: 1;} .fileuploader-theme-thumbnails .fileuploader-item-inner, .fileuploader-theme-thumbnails .fileuploader-item-inner .thumbnail-holder, .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item-image {width: 100%;height: 100%;} .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item-image {position: relative;text-align: center;overflow: hidden;} .fileuploader-theme-thumbnails .fileuploader-item .fileuploader-item-image img, .fileuploader-theme-thumbnails .fileuploader-item .fileuploader-item-image canvas {border-radius: 0;} .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item-image img {max-height: 100%;min-height: 100%;max-width: none;} .fileuploader-theme-thumbnails .fileuploader-item .fileuploader-item-image.fileuploader-loading:after {top: 50%;left: 50%;width: 30px;height: 30px;margin-left: -15px;margin-top: -15px;opacity: 0.2;} .fileuploader-theme-thumbnails .fileuploader-items-list .actions-holder {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 4px;background: rgba(33, 33, 33, 0.55);text-align: right;-webkit-transition: opacity 0.2s ease;transition: opacity 0.2s ease;opacity: 0;z-index: 3;} .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item:hover .actions-holder {opacity: 1;} .fileuploader-theme-thumbnails .fileuploader-action {background: none;border: 0;width: 24px;height: 24px;margin: 3px 3px 0 0;z-index: 2;} .fileuploader-theme-thumbnails .fileuploader-action-remove i:before, .fileuploader-theme-thumbnails .fileuploader-action-remove i:after {top: 4px;left: 10px;height: 14px;width: 3px;background: #fff;} .fileuploader-theme-thumbnails .fileuploader-action-vitrin {display:none;position:absolute;top:0 !important;left:4px;color:#fff;z-index:5000;} .fileuploader-theme-thumbnails .fileuploader-action-dondur {display:none;position:absolute;top:0 !important;left:4px;color:#fff;z-index:5000;} .fileuploader-theme-thumbnails .fileuploader-action-sort {display:none;position:absolute;top:0 !important;left:28px;color:#fff;z-index:5000;} .fileuploader-theme-thumbnails li:first-child .fileuploader-action-vitrin {display:none;position:absolute;top:0 !important;left:4px;color:#fff;z-index:5000;} .fileuploader-theme-thumbnails li:first-child .fileuploader-action-dondur {display:none;position:absolute;top:0 !important;left:28px;color:#fff;z-index:5000;} .fileuploader-theme-thumbnails li:first-child .fileuploader-action-sort {display:none;position:absolute;top:0 !important;left:important;left:52px;color:#fff;z-index:5000;cursor:move;} .fileuploader-theme-thumbnails li:first-child:hover .fileuploader-action-dondur {display:block;} .fileuploader-theme-thumbnails li:first-child:hover .fileuploader-action-sort {display:block;} ul.fileuploader-items-list li:first-child .fileuploader-action-vitrin {display:block;position:absolute;top:0 !important;left:4px;color:#fff;background:#4398f4 !important;z-index:5000;} ul.fileuploader-items-list li:first-child .fileuploader-action-vitrin {display:block;position:absolute;top:0 !important;left:4px;color:#fff;background:#4398f4 !important;z-index:5000;} .fileuploader-theme-thumbnails .fileuploader-action-dondur:hover {background:#3ae374;color:#fff;} .fileuploader-theme-thumbnails .fileuploader-action-dondur:active {background:#3ae374;color:#fff;} .fileuploader-theme-thumbnails .fileuploader-action-sort:hover {background:#e67e22;color:#fff;} .fileuploader-theme-thumbnails .fileuploader-action-sort:active {background:#e67e22;color:#fff;} .fileuploader-item:hover .fileuploader-action-dondur, .fileuploader-item:hover .fileuploader-action-sort {display:block;} .fileuploader-theme-thumbnails .fileuploader-action-vitrin i {margin:0 !important;top:0 !important;left:0 !important;position:absolute !important;text-align:center;width:24px;line-height:24px;} .fileuploader-theme-thumbnails .fileuploader-action-dondur i {margin:0 !important;top:0 !important;left:0 !important;position:absolute !important;text-align:center;width:24px;line-height:24px;} .fileuploader-theme-thumbnails .fileuploader-action-sort i {margin:0 !important;top:0 !important;left:0 !important;position:absolute !important;text-align:center;width:24px;line-height:24px;} .fileuploader-theme-thumbnails .fileuploader-action-popup {position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;z-index: 1;} /* uploading */ .fileuploader-theme-thumbnails .fileuploader-item.upload-failed {background: none;} .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item.upload-failed .fileuploader-item-icon {display: block !important;background: #db6868 !important;color: #fff;} .fileuploader-theme-thumbnails .fileuploader-item.upload-pending .fileuploader-action-remove:after {right: 0;margin-top: -14px;} .fileuploader-theme-thumbnails .fileuploader-action-remove:hover, .fileuploader-theme-thumbnails .fileuploader-action-remove:active {background:#e74c3c;color:#fff;} .fileuploader-theme-thumbnails .fileuploader-item .progress-holder {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .fileuploader-theme-thumbnails .fileuploader-item .progress-holder .fileuploader-progressbar {position: relative;top: 50%;width: 80%;height: 6px;margin: 0 auto;background: #dde4f6;} /* sorter */ .fileuploader-theme-thumbnails .fileuploader-item.sorting {-webkit-animation: none;animation: none;} .fileuploader-theme-thumbnails .fileuploader-sorter-placeholder {background: none;} .fileuploader-theme-thumbnails .fileuploader-sorter-placeholder div {background: #fff;} .fileuploader-action-success {background:#4398f4 !important;} .fileuploader-action-sort {right: 0 !important;margin-top: 2px !important;z-index:5;color:#fff !important;line-height:24px !important;} .fileuploader-action-sort i {} .ilan-ekle #form_onay label {font-size:11px;} .checkbox label {margin-top:-2px;padding-left:25px;} input[type=checkbox] {margin-top:1px;position:relative;} .checkbox {cursor:pointer;} input[type=checkbox]:after {position:absolute;top:0;left:0;content:"";width:18px;height:18px;border:1px solid #d5d5d5;background:#fff;cursor:pointer;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;} .checkbox input[type=checkbox]:after {position:absolute;top:0;left:-5px;content:"";width:18px;height:18px;border:1px solid #d5d5d5;background:#fff;cursor:pointer;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;} input[type=checkbox]:checked:after {border:1px solid #4398f4 !important;background:#4398f4;content: "\f00c";font-family: FontAwesome;font-size:13px;color:#fff;text-align:center;line-height:18px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;} .checkbox.yesil input[type=checkbox]:checked:after {border:1px solid #18DA3A !important;background:#18DA3A;} #form_fiyat_yok input[type=checkbox]:checked:after {border:1px solid #f44336 !important;background:#f44336;} .c_auto, .c_auto input[type=checkbox]:after, .checkbox.c_auto input[type=checkbox]:checked:after, .c_auto label {cursor:auto !important;} /*----MS Edge Browser CSS Start----*/ @supports (-ms-accelerator:true) { input[type=checkbox] {margin-top:1px;position:relative;width:15px !important;height:15px !important;} } /*----MS Edge Browser CSS End----*/ .yuklu_resim {width:47%;float:left;} .yuklu_resim:nth-child(even) {margin-right:3%;} .yuklu_resim:nth-child(odd) {margin-left:3%;} .yuklu_resim .panel {margin-bottom:12px !important;} .vitrin_buton {background:none !important;} .vitrin_buton:hover {background:#ddd !important;} .vitrin_buton.vitrin {background:#4398f4 !important;color:#fff !important;} .dondur_buton {} #vitrin_gorseli {border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;margin-bottom:15px;} .yuklu_resim .btn {border-radius:0 !important;} .c_pointer, a {cursor:pointer;} .borderless {border:0 !important;} .bolum_baslik {font-weight:600;font-size:15px;margin-bottom:15px;} tr.warning td {background:#fffef0 !important;} .col-xs-a5,.col-sm-a5,.col-md-a5,.col-lg-a5 {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;} .col-xs-a5 {width: 20%;float: left;} @media (min-width: 768px) { .col-sm-a5 {width: 20%;float: left;} } @media (min-width: 992px) { .col-md-a5 {width: 20%;float: left;} } @media (min-width: 1200px) { .col-lg-a5 {width: 20%;float: left;} } .col-xs-a4,.col-sm-a4,.col-md-a4,.col-lg-a4 {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;} .col-xs-a4 {width: 25%;float: left;} @media (min-width: 768px) { .col-sm-a4 {width: 25%;float: left;} .panel.cins.ilan_ekle_scroll .panel-body {width:720px;} } @media (min-width: 992px) { .col-md-a4 {width: 25%;float: left;} .panel.cins.ilan_ekle_scroll .panel-body {width:940px;} #sm_ara_buton {display:none;} } @media (min-width: 1200px) { .col-lg-a4 {width: 25%;float: left;} .panel.cins.ilan_ekle_scroll .panel-body {width:1140px;} } .modal-dialog {margin: 20vh auto 0px auto;} #mesajlasma {max-height:300px;overflow-y:scroll;padding:15px 10px 30px 15px !important;margin-bottom:0 !important;overflow-x:hidden;} #mesajlasma .mesaj {padding:4px 8px;display:block;border-radius:3px;font-weight:400;background:#eaeaea;color:#666;float:left;margin-bottom:4px;max-width:600px;} #mesajlasma .mesaj.right {background:#03A9F4;color:#fff;float:right;} .gorusme .detay h3 {font-weight:600;font-size:18px;margin:12px 0 2px 0;;} .gorusme .detay span.uyelik_tarihi {font-size:12px;color:#999;} .ortala th, .ortala td {text-align:center !important;} #magaza_bilgi {padding:15px;border-radius:3px;margin-bottom:15px;} #magaza_bilgi h1 {margin:0 0 8px 0;font-size:20px;font-weight:500;color:#fff;} #magaza_bilgi h3 {margin:0;font-size:18px;font-weight:700;color:#ffe800;} #magaza_bilgi h3 small {margin:4px 0 0 20px;font-size:14px;color:rgba(255,255,255,0.6);} #magaza_bilgi .padding {padding:15px;} #magaza_bilgi ul {padding:0;margin:0;list-style:none;border-top:1px solid rgba(0,0,0,0.05);} #magaza_bilgi ul li {color:rgba(255,255,255,0.9);padding:4px 15px;border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(0,0,0,0.05);} #magaza_bilgi ul li:last-child {border-bottom:0;} #paket_bilgi {background:#eee;padding:15px;border-radius:3px;} #paket_bilgi #super {display:none;} #paket_bilgi .paket_baslik {font-weight:600;margin-bottom:15px;} ul.avantaj {margin:0;padding:0;list-style:none;} ul.avantaj li {font-size:14px;font-weight:400;position:relative;color:#555;background:rgba(255,255,255,0.8);padding:3px 10px 3px 30px;margin-bottom:3px;} ul.avantaj li:before {position:absolute;top:1px;left:10px;font-size:18px;font-family:Ionicons;content:"\f373";color:#4CAF50;} .panel-tablo .table th {font-weight:600;} .odeme h2 {font-size:22px;font-weight:700;margin-top:0 !important;} .odeme .bilgi {padding:20px 20px 10px 20px !important;border-radius:3px;margin-bottom:20px;border:1px solid #eaeaea;} .odeme .satir {font-size:16px;} .odeme .satir small {margin:0 0 0 9px;font-weight:400;} .panel.cins.tablo.noborder .table tr:first-child th, .panel.cins.tablo .table tr:first-child td {border:0 !important;} .panel.cins.tablo .table th {font-weight:600;} .panel.cins.tablo .table th, .panel.cins.tablo .table td {border-color:#eaeaea !important;} .size_ozel {padding:15px;border:2px dashed #ddd;border-radius:3px;margin-bottom:15px;} .magaza_sosyal a {color:#777 !important;} .doping .sec {padding:10px;background:#eaeaea;color:#444;border-radius:3px;} .doping .sec.aktif {padding:10px;background:#4398f4;color:#fff;border-radius:3px;} .doping .sec .form-group, .doping .sec .checkbox {margin:0 !important;} .well.ozel {border-radius:3px !important;box-shadow:none;} .doping .sonuc {padding:20px;} .son_durum {padding:10px;background:#eaeaea;color:#555;border-radius:3px;margin-top:6px;} span#toplam_tutar {margin-right:8px;} ul.bilgi {padding:10px 20px 10px 25px;margin:0;border:1px solid #eaeaea;border-radius:3px;} ul.bilgi li {font-size:12px;color:#555;} span.paket {font-size:11px;} footer {background:#f9f9f9;padding:30px 0;border-top:1px solid #eaeaea;margin-top:14px;} footer p:not(.yazilim) {font-size:11px;line-height:16px;padding:10px;margin:0 0 10px 0;background:#fff;border:1px dashed #ddd;color:#999;} footer .baslik {font-size:15px;font-weight:600;margin-bottom:7px;color:#555;} footer ul {list-style:none;margin:0;padding:0;margin-bottom:28px;} footer ul li a {color:#777 !important;font-size:13px;line-height:23px;} footer .iletisim {padding:15px 0;border-top:1px dashed #ddd;} footer .iletisim .buton {color:#777;margin-bottom:15px;float:left;margin-right:30px;padding:5px 10px 5px 0;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;} footer .iletisim .sosyal .buton {margin-right:0;margin-left:8px;padding:0;color:#fff;border-radius:100%;text-align:center;} footer .iletisim .sosyal .buton i {margin-right:0;width:32px;height:32px;line-height:32px;} footer .iletisim .buton.facebook {background:#4267b2;} footer .iletisim .buton.twitter {background:#00aced;} footer .iletisim .buton.google {background:#d13617;} footer .iletisim .buton.instagram {background:#e13d61;} .s_istatistik .badge {padding:5px 10px;position:relative;right:-8px;} .s_istatistik li {padding-top:7px;padding-bottom:7px;padding-left:30px;position:relative;} .s_istatistik li i {position:absolute;left:10px;} .tl_karsilik {font-size:14px;font-weight:400 !important;padding:2px 5px;background:#f2f3f7;margin-bottom:5px;margin-top:5px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;margin-left:15px;} .tl_karsilik > i.ibig {margin-right:6px;} .tl_karsilik .bilgi {font-size:11px;color:#a4abc8;} .tablo_tl {background:#999;color:#fff;padding:3px 5px;font-size:12px;} .tablo_ikili_tl {background:#999;color:#fff;margin-left:10px;padding:3px 5px;font-size:12px;} .tablo_ikili_tl i.fa-try, .tablo_tl i.fa-try {margin-right:0;} .s_mesaj {font-size:16px;font-weight:600;color:#003399;margin-bottom:10px;} .s_mesaj_tablo {} .teknik_grup {clear:both;font-size:13px;padding:10px 10px 0 10px;border:1px solid #ffeaa5;background:#fffced;} label.ozellik {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} ul.magaza_sec {list-style:none;margin:0;padding:0;} ul.magaza_sec li a {padding:5px 15px;border-radius:15px;background:#eee;color:#777;float:left;margin-right:10px;text-decoration:none;transition:.3s;} ul.magaza_sec li a:hover, ul.magaza_sec li.active a {color:#fff;} .sm-ara-buton {color:#333 !important;text-shadow:none !important;} .mobil_header .mobil_toggle_btn {display:inline-block;background:rgba(0,0,0,0.15) !important;border:none !important;color:#fff !important;padding:4px 12px;border-radius:3px;font-size:24px;margin-top:0;margin-left:0;margin-right:0;text-decoration:none !important;cursor:pointer;} .mobil_header ul {border-top:5px solid #32415f;} .img-center {margin-right:auto;margin-left:auto;} .mobil_logo {margin-top:2px;} .mobil_ara input, .mobil_ara button {border-radius:0 !important;} .mobil_ara button {border-bottom:1px solid #ddd !important;} .mobil_ara button:hover {border-bottom:1px solid #ddd;} .arsiv .fiyat_mobil {font-size:14px !important;} .fixed {position:fixed;top:0;margin-bottom:30px;clear:both;z-index:1000;max-width:283px !important;} .bosluk {margin-top:42px;} .kapak {position:relative;z-index:100;} #profil_gorsel, .kapak .alt {position:relative;z-index:10000;} .kapak:after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:#000;z-index:1000; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.4962359943977591) 0%, rgba(51,51,51,0.3029586834733894) 30%, rgba(84,84,84,0) 50%, rgba(255,255,255,0) 100%); } @media (max-width: 768px) { .ilan .ust h1 {overflow:visible !important;white-space:normal;max-height:none;line-height:23px;} .arsiv .panel.beyaz .panel-heading .sag {position:static;} .arsiv .panel.beyaz .panel-heading .sag select {width:100%;font-size:14px;} .profil .alt.gorsel_var, .kapak #profil_gorsel {position:relative !important;left:0 !important;} .kapak {height:auto !important;margin-bottom:12px;} .mobil_uye_profil {float:left;width:45px;height:45px;margin-right:12px;} ul.resimsiz .ilan_baslik {overflow:visible;white-space:normal;max-height:none;} .fileuploader-theme-thumbnails .fileuploader-thumbnails-input,.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {width:50% !important;} .fixed {position:static !important;max-width:100% !important;} .ortala {padding:0 !important;} .profil .alt {color:#222;} .profil .alt p {color:#999;} .kategori_secimi {width:100% !important;} .kategori_sec {width:100%;float:none;margin-bottom:20px;display:block !important;max-width:100% !important;} .panel.cins.ilan_ekle_scroll .panel-body {height:auto !important;width:100%;overflow-x:visible !important;overflow-y:visible;} } @media (max-width: 992px) { .filtre_mobil_scroll {height:184px !important;overflow-y:scroll !important;margin-bottom:5px;} .filtre_sm_hide {display:none;margin-bottom:20px;} .arsiv .filtre.kapali .panel-body {display:block;} .gri ol.breadcrumb {max-width:100%;white-space:nowrap;overflow:scroll;overflow-y:hidden;padding-bottom:4px;} .gri ol.breadcrumb::-webkit-scrollbar {height:3px;} .gri ol.breadcrumb::-webkit-scrollbar-thumb {background:#ddd;} .arsiv .sidebar ul.ana_menu {max-height:225px;} #sidebar_pc_menu{display:none;} .fileuploader-theme-thumbnails .fileuploader-thumbnails-input,.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {width:25%;} .fixed {position:static !important;width:100% !important;} .bosluk {margin-top:0 !important;} .panel.cins.ilan_ekle_scroll .panel-body {height:auto !important;} } @media (max-width: 1200px) { #profil_gorsel img {max-width:125px;height:125px;} .profil .alt.gorsel_var {left:100px;} .profil .alt.gorsel_var .pull-right {position:relative;left:-360px;} } @media (max-width: 992px) { #profil_gorsel img {max-width:85px;height:85px;} .profil .alt.gorsel_var {left:125px;} .profil .alt.gorsel_var .pull-right {position:relative;left:0;} } .fixed-ekle-buton {display:none !important;} @media (max-width: 767px) { .kapak:after {background:none !important;} .fixed-ekle-buton {display:block !important;} } #mm_panel ul {margin:0;padding:0;list-style:none;} .mm::-webkit-scrollbar {width:8px !important;} .mm::-webkit-scrollbar-thumb {background:#cacaca;} .mm#mm_panel {background:#eaeaea;padding:0 0 0 25px;} #mm_panel ul.ana_menu {padding:5px 5px 5px 5px;margin:0;list-style:none;padding-right:0;} #mm_panel ul.ana_menu li.cizgi {margin-bottom:7px;padding-bottom:7px;border-bottom:1px solid #eaeaea;} #mm_panel ul.ana_menu li {border-bottom:1px solid #ddd !important;position:relative;} #mm_panel ul.ana_menu li a {line-height:20px;display:block;padding:10px !important;text-decoration:none;} #mm_panel ul.ana_menu li a {font-weight:600;} #mm_panel ul.ana_menu li a i {position:absolute;left:-25px;top:8px;width:25px;height:25px;line-height:25px;font-size:15px;text-align:center;background:#666;color:#fff;border-radius:100%;} #mm_panel ul.ana_menu li span.toplam {position:absolute;top:15px;right:0;color:#999;font-size:11px;line-height:11px;margin-left:5px;font-weight:400;text-decoration:none;} .mm#filtre_panel {background:#eaeaea;padding:10px;} .mm#mmu_panel {} .mm#mmu_panel ul {padding:0;margin:0;list-style:none;height:100%;border-bottom:1px solid rgba(255,255,255,0.1);} .mm#mmu_panel ul li {} .mm#mmu_panel ul li a {position:relative;color:#fff;padding:10px 20px 10px 30px;border-left:1px solid rgba(255,255,255,0.1);border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(0,0,0,0.1);background:#3f475f;display:block;text-decoration:none;transition:.3s;} .mm#mmu_panel ul li:first-child a {border-top:0;} .mm#mmu_panel ul li i {position:absolute;left:10px;} #yukleniyor i {font-size:50px;color:#eee !important;} .kargo_bilgi {font-size:12px;color:#999 !important;margin-right:10px;} .kargo_bilgi.ucretsiz {color:#127a34 !important;font-weight:600;} .kargo_bilgi.ayni_gun {color:#FF5722 !important;font-weight:600;} .stok_tukendi {color:#FA0019 !important;font-weight:600;} .get_ilan_bilgi {background:#eee;border:1px solid #e5e5e5;padding:5px 10px;margin-top:5px;text-align:center;} .magaza_bilesen_baslik {background:rgba(0,0,0,.5);width:100%;padding:1px 3px;color:#fff !important;} h3.magaza_bilesen_baslik a {color:#fff !important;} #il_ilce_mahalle_kaydet, #il_ilce_mahalle_sil {display:none;} .ileri_geri_buton {display:none;position:absolute;top:10%;padding:6px 12px;background:rgba(0,0,0,0.5);color:#eee !important;} .ileri_geri_buton i {margin:0 !important;} #onceki {left:0;-webkit-border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 3px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomright: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;} #sonraki {right:0;-webkit-border-top-left-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-bottomleft: 3px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;} /*28.07.2018*/ .bilesen.ilan_listeleme .baslik.alternatif {margin-top:10px;} .bilesen.ilan_listeleme .baslik.alternatif h3 {background:#e7e7e7;margin:0 !important;padding:0;padding:8px;font-size:13px;font-weight:600;display:inline;} .bilesen.ilan_listeleme .il_ilce {font-size:11px;color:#999;margin-top:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .liste.alternatif {padding:6px;border:1px solid #e7e7e7;} .liste.alternatif:hover {border:1px solid #ccc;} .liste.alternatif h3 {margin-top:4px;} .liste.alternatif:hover h3, .liste.alternatif h3 a:hover {text-decoration:none !important;} .liste.alternatif img {border:0;} .liste.alternatif .fiyat_layer {top:6px;right:6px;} .liste.alternatif .oran_layer {top:6px;left:6px;} .multiple_checkbox {max-height:180px;overflow-y:scroll;border:1px solid #ddd;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;padding:10px;background:#fff;} .multiple_checkbox .checkbox {padding:0;margin:0;} /* 02.03.2019 güncellemesi */ #no_flash_slider {width:100%;text-align:center;padding:50px 0;} #no_flash_slider i {font-size:30px;line-height:60px;color:#ccc;} #no_flash_slider p {font-size:13px;line-height:13px;color:#aaa;} ul#sortable {list-style:none;margin:0;padding:0;} ul#sortable li {padding:10px;margin-bottom:5px;background:#aaa;} /* 12.03.2019 güncellemesi */ #sikayetim_var_buton {font-size:11px;} .panel.cins .panel-heading {background:#fafafa;} .btn-get {border-bottom:3px solid rgba(0,0,0,.3) !important;} @media (max-width: 767px) { .table-responsive .dropdown-menu { position: static !important; } } @media (min-width: 768px) { .table-responsive { overflow: inherit; } } .fixed-ekle-buton {position:fixed;bottom:10px;right:10px;border-radius:100%;width:46px;height:46px;font-size:34px;line-height:46px;text-align:center;transition:.5s;} .ilan_icerik img {max-width:100%;height:auto !important;} .ilan_icerik * {max-width:100%;} /* 02.10.2019 güncellemesi */ .mobil_fixed_iletisim {position:fixed;bottom:0;left:0;width:100%;z-index:9999999;} .mobil_fixed_iletisim i.fa {margin-right:8px;} .mobil_fixed_iletisim .iletisim_bilgi {background:rgba(0,0,0,.7);color:#fff;text-align:center;font-size:12px;padding:5px;} .mobil_fixed_iletisim a {float:left;display:inline-block;padding:10px;text-align:center;text-shadow:none !important;color:#fff;font-size:17px !important;font-weight:500;text-decoration:none;} .mobil_fixed_iletisim a.tel {background:#4E98F2;} .mobil_fixed_iletisim a.whatsapp {background:#46d84f;} .lightbox {z-index:100000000000000 !important;} #mobil_ozel_menu {margin:0 0 15px 0;overflow:hidden;} #mobil_ozel_menu a {padding:8px 8px 8px 10px;display:block;border-bottom:1px solid #ddd;} #mobil_ozel_menu a:hover {background:#f5f5f5;} #mobil_ozel_menu .ikon i {font-size:20px !important;width:36px !important;height:36px !important;line-height:36px !important;text-align:center;background:#666;color:#fff;border-radius:100%;display:block;} #mobil_ozel_menu .baslik {font-weight:500;padding-left:4px;} #mobil_ozel_menu .alt_kategoriler {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size:12px;color:#bbb;padding-left:4px;} #mobil_ozel_menu .fa-chevron-right {color:#bbb;display:block;line-height:36px;padding:0;margin:0;} .modal {z-index:99999999 !important;} @media (max-width: 991px) { .arsiv .sidebar button.btn-primary, .arsiv .sidebar .btn-primary { font-weight:700 !important; } } @media (max-width: 991px) { .btn-danger, .arsiv .sidebar button.btn-primary, .arsiv .sidebar .btn-primary, .alert-danger, .label-danger { background:#ED2500 !important; color:#fff !important; border-color:#ED2500 !important; border-bottom:3px solid #b81d00 !important; box-shadow:none !important; } .btn-danger:hover, .btn-danger:focus, .arsiv .sidebar button.btn-primary:hover, .arsiv .sidebar button.btn-primary:focus, .arsiv .sidebar .btn-primary:hover, .arsiv .sidebar .btn-primary:focus { background:#d62000 !important; color:#fff !important; border-color:#d62000 !important; } .alert-danger, .label-danger { border-bottom:3px solid #b81d00 !important; } } /* SOLDAKI ICONLAR - YENI HEDEF SELECTORLER */ .sidebar ul.ana_menu li a i, ul.ana_menu li a i, ul.renkli_menu li a i, #mm_panel ul.ana_menu li a i, #mobil_ozel_menu .ikon i { border-radius: 50% !important; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; overflow: hidden !important; box-shadow: none !important; } /* ANA MENUDEKI SOL ICONLAR */ .sidebar ul.ana_menu li a i, ul.ana_menu li a i, #mm_panel ul.ana_menu li a i { width: 25px !important; height: 25px !important; line-height: 25px !important; } /* RENKLI MENU ICONLARI */ ul.renkli_menu li a i { width: 42px !important; height: 42px !important; line-height: 42px !important; } /* MOBIL OZEL MENU ICONLARI */ #mobil_ozel_menu .ikon i { width: 36px !important; height: 36px !important; line-height: 36px !important; } /* BASLIK YANINDAKI LINKLERI GIZLE */ .bilesen .baslik .pull-right, .bilesen .baslik .sag, .bilesen .baslik > a:last-child { display: none !important; } /* ========================================================= CinsPati Yeni Tema v1 - masaüstü + mobil genel görünüm Bu bölüm sadece görünümü değiştirir, sistem mantığına dokunmaz. ========================================================= */ :root{ --cp-bg:#fff7ef; --cp-card:#ffffff; --cp-dark:#2a1a12; --cp-text:#3b2a20; --cp-muted:#8b7668; --cp-primary:#ff6b00; --cp-primary-2:#ff2d00; --cp-soft:#ffe4cf; --cp-border:rgba(68,36,20,.10); --cp-shadow:0 14px 40px rgba(83,44,24,.12); } html,body{background:linear-gradient(180deg,#fff7ef 0%,#fff 360px) !important;color:var(--cp-text) !important;} a{color:#0058b8;transition:.18s ease;} a:hover{color:var(--cp-primary-2);text-decoration:none;} .container{max-width:1180px;} header,header .sticky,.mobil_header{background:rgba(255,255,255,.88) !important;backdrop-filter:blur(14px);border-bottom:1px solid var(--cp-border) !important;box-shadow:0 10px 30px rgba(80,43,23,.08) !important;} header{padding:14px 0 !important;} header .logo img,.mobil_header img{max-height:58px !important;object-fit:contain;} header .header_link,header .header_link *{color:var(--cp-dark) !important;font-weight:600;} header .header_link:hover{color:var(--cp-primary) !important;} .btn,a.btn,button,.arama button,.ara_buton,.ilan_ver,.btn-primary,.btn-success,input[type=submit]{background:linear-gradient(135deg,var(--cp-primary),var(--cp-primary-2)) !important;color:#fff !important;border:0 !important;border-radius:18px !important;box-shadow:0 10px 24px rgba(255,91,0,.24) !important;font-weight:700 !important;} .btn:hover,a.btn:hover,button:hover,input[type=submit]:hover{transform:translateY(-1px);filter:saturate(1.08);} .form-control,input,select,textarea{border:1px solid var(--cp-border) !important;border-radius:18px !important;box-shadow:none !important;background:#fff !important;color:var(--cp-text) !important;} .form-control:focus,input:focus,select:focus,textarea:focus{border-color:rgba(255,107,0,.45) !important;box-shadow:0 0 0 4px rgba(255,107,0,.10) !important;} .panel,.well,.thumbnail,.dropdown-menu,.modal-content,.bilesen,.ilan,.liste,.icerik,.sidebar .panel{background:var(--cp-card) !important;border:1px solid var(--cp-border) !important;border-radius:24px !important;box-shadow:var(--cp-shadow) !important;overflow:hidden;} .panel-heading,.bilesen .baslik{background:linear-gradient(135deg,#fff,#fff1e4) !important;border-bottom:1px solid var(--cp-border) !important;color:var(--cp-dark) !important;font-weight:800 !important;} .breadcrumb,.sayfa_yolu{background:transparent !important;border:0 !important;color:var(--cp-muted) !important;} ul.ana_menu li a,ul.renkli_menu li a,#mm_panel ul.ana_menu li a{border-radius:18px !important;margin-bottom:8px !important;background:#fff !important;border:1px solid var(--cp-border) !important;color:var(--cp-dark) !important;box-shadow:0 8px 22px rgba(83,44,24,.07) !important;} ul.ana_menu li a:hover,ul.renkli_menu li a:hover,#mm_panel ul.ana_menu li a:hover{background:var(--cp-soft) !important;color:var(--cp-primary-2) !important;transform:translateX(2px);} ul.ana_menu li a i,ul.renkli_menu li a i,#mobil_ozel_menu .ikon i{background:linear-gradient(135deg,var(--cp-primary),var(--cp-primary-2)) !important;color:#fff !important;} .table>thead>tr>th{background:#fff1e4 !important;color:var(--cp-dark) !important;border-bottom:0 !important;} .table>tbody>tr>td{border-top:1px dashed rgba(68,36,20,.14) !important;} .label,.badge{border-radius:999px !important;background:var(--cp-primary) !important;color:#fff !important;} .pagination>li>a,.pagination>li>span{border:1px solid var(--cp-border) !important;color:var(--cp-dark) !important;border-radius:14px !important;margin:0 3px;background:#fff !important;} .pagination>.active>a{background:var(--cp-primary) !important;color:#fff !important;} footer{background:#24150f !important;color:#fff !important;margin-top:40px !important;border-top:0 !important;} footer a,footer p,footer li,footer span{color:rgba(255,255,255,.82) !important;} footer h1,footer h2,footer h3,footer h4{color:#fff !important;} /* İlan detay */ .ilan-detay-slider,.cp-mobile-slider{border-radius:22px !important;overflow:hidden !important;box-shadow:var(--cp-shadow) !important;background:#fff !important;} .cp-mobile-slider img{border-radius:22px !important;} .yazi h1,.ilan h1,h1{color:var(--cp-dark) !important;font-weight:800 !important;letter-spacing:-.02em;} /* Mobil */ @media(max-width:767px){ body{background:#fffaf5 !important;} .mobil_header{padding:10px 14px !important;min-height:68px !important;} .mobil_header .pull-left a,.mobil_header .pull-right a{background:rgba(42,26,18,.10) !important;color:var(--cp-dark) !important;border-radius:14px !important;box-shadow:none !important;} .container,.container-fluid{padding-left:14px !important;padding-right:14px !important;} .panel,.well,.thumbnail,.bilesen,.icerik{border-radius:20px !important;box-shadow:0 10px 26px rgba(83,44,24,.10) !important;} .btn,a.btn,button,input[type=submit]{border-radius:16px !important;min-height:44px;} .arama,.mobil_arama,.search,.arama_formu{border-radius:22px !important;overflow:hidden !important;box-shadow:0 10px 28px rgba(83,44,24,.10) !important;background:#fff !important;} .arama input,.mobil_arama input{height:46px !important;border-radius:22px 0 0 22px !important;} .arama button,.mobil_arama button{height:46px !important;border-radius:0 22px 22px 0 !important;} h1{font-size:22px !important;} h2{font-size:20px !important;} .breadcrumb,.sayfa_yolu{font-size:12px !important;padding:8px 0 !important;} } /* ===== CINSPATI YENI TEMA V3 - DÜZENLI ANASAYFA ===== */ :root{ --cp-bg:#fff7ec; --cp-surface:#ffffff; --cp-ink:#24150e; --cp-muted:#7b6a60; --cp-border:rgba(55,31,18,.12); --cp-soft:#fff0db; --cp-orange:#ff7a00; --cp-red:#ee2500; --cp-blue:#0d4aa3; --cp-shadow:0 16px 42px rgba(71,39,21,.13); --cp-shadow-soft:0 8px 22px rgba(71,39,21,.08); } html,body{background:linear-gradient(180deg,#fff3df 0,#ffffff 520px) !important;color:var(--cp-ink)!important;font-family:'Poppins','Work Sans',Arial,sans-serif!important;font-size:14px!important;} body:before{content:"";position:fixed;left:0;top:0;right:0;height:360px;background:radial-gradient(circle at 16% 4%,rgba(255,122,0,.20),transparent 32%),radial-gradient(circle at 85% 8%,rgba(238,37,0,.12),transparent 30%);pointer-events:none;z-index:-1;} a{color:var(--cp-blue)!important}a:hover{color:var(--cp-red)!important;text-decoration:none!important}.container{max-width:1180px!important;width:94%!important}.mt20{margin-top:22px!important}.mb10{margin-bottom:14px!important} /* Header */ header.visible-md.visible-lg{width:94%!important;max-width:1180px!important;margin:18px auto 0!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:26px!important;box-shadow:var(--cp-shadow)!important;padding:16px 0!important;overflow:visible!important;} header .container{width:100%!important}header .row{display:flex!important;align-items:center!important}header .logo img{max-height:66px!important;width:auto!important;filter:drop-shadow(0 7px 12px rgba(0,0,0,.10));} header .ara{height:50px!important;background:#fff!important;border:1px solid var(--cp-border)!important;border-radius:999px!important;padding:4px!important;box-shadow:var(--cp-shadow-soft)!important;overflow:hidden!important;} header .ara input.form-control{height:42px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--cp-ink)!important;padding:0 18px!important;font-weight:600!important;} header .ara input::-webkit-input-placeholder{color:#a9988c!important}header .ara button,header .ara .btn{height:42px!important;width:44px!important;border-radius:50%!important;background:linear-gradient(135deg,var(--cp-orange),var(--cp-red))!important;color:#fff!important;box-shadow:0 10px 20px rgba(238,37,0,.24)!important;padding:0!important;} header .uyelik{text-align:right!important}header .uyelik a{color:var(--cp-ink)!important;text-shadow:none!important;font-weight:700!important}header .uyelik > a.btn-header,.btn-primary.btn-header{background:linear-gradient(135deg,var(--cp-red),var(--cp-orange))!important;color:#fff!important;border:0!important;border-radius:16px!important;padding:11px 18px!important;box-shadow:0 12px 24px rgba(238,37,0,.24)!important;text-shadow:none!important;} .dropdown-menu{border:1px solid var(--cp-border)!important;border-radius:18px!important;box-shadow:var(--cp-shadow)!important;padding:8px!important}.dropdown-menu>li>a{border-radius:12px!important;color:var(--cp-ink)!important;padding:9px 11px!important}.dropdown-menu>li>a:hover{background:var(--cp-soft)!important;color:var(--cp-red)!important} /* Home layout */ .cp-home-layout{display:flex!important;align-items:flex-start!important}.cp-home-main{float:none!important;order:1!important}.cp-home-sidebar{float:none!important;order:2!important;position:relative!important;top:auto!important}.cp-home-subgrid{margin-left:-8px!important;margin-right:-8px!important}.cp-home-subgrid>[class*='col-']{padding-left:8px!important;padding-right:8px!important}.cp-welcome-card{display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(135deg,#28160e,#5a2b16);border-radius:28px;padding:24px 26px;margin-bottom:16px;color:#fff;box-shadow:var(--cp-shadow);position:relative;overflow:hidden}.cp-welcome-card:after{content:"🐾";position:absolute;right:150px;top:-22px;font-size:110px;opacity:.12;transform:rotate(-18deg)}.cp-welcome-card strong{display:block;font-size:31px;line-height:1;font-weight:900;letter-spacing:-.04em}.cp-welcome-card span{display:block;margin-top:7px;color:rgba(255,255,255,.78);font-weight:600}.cp-welcome-card .btn{border-radius:16px!important;padding:12px 18px!important;background:linear-gradient(135deg,var(--cp-orange),var(--cp-red))!important;color:#fff!important;font-weight:900!important;box-shadow:0 12px 22px rgba(238,37,0,.24)!important;white-space:nowrap;} /* Cards and components */ .panel,.well,.thumbnail,.bilesen,.liste,.icerik,.sidebar .panel,.modal-content{background:rgba(255,255,255,.98)!important;border:1px solid var(--cp-border)!important;border-radius:24px!important;box-shadow:var(--cp-shadow-soft)!important;overflow:hidden!important}.panel-heading,.bilesen .baslik{background:#fff!important;border-bottom:1px solid var(--cp-border)!important;color:var(--cp-ink)!important;font-weight:900!important;padding:13px 16px!important}.panel-body{padding:16px!important}.bilesen{margin-bottom:16px!important}.bilesen .baslik h3,.bilesen.ilan_listeleme .baslik.alternatif h3{margin:0!important;padding:0!important;background:transparent!important;color:var(--cp-ink)!important;font-size:16px!important;font-weight:900!important;box-shadow:none!important}.bilesen .baslik h3:before{content:"🐾";margin-right:7px}.bilesen .baslik .pull-right,.bilesen .baslik a.pull-right{display:inline-block!important;color:var(--cp-red)!important;font-size:12px!important} /* Sidebar menu right */ .cp-home-sidebar .bilesen{border-radius:24px!important;background:linear-gradient(180deg,#fff,#fff8ef)!important}.cp-home-sidebar ul.ana_menu{padding:14px!important;margin:0!important}.cp-home-sidebar ul.ana_menu li{position:relative!important;margin:0!important}.cp-home-sidebar ul.ana_menu li.cizgi{border:0!important;margin:9px 0!important;height:1px;background:var(--cp-border);padding:0!important}.cp-home-sidebar ul.ana_menu li a{display:block!important;min-height:38px!important;line-height:18px!important;background:#fff!important;border:1px solid var(--cp-border)!important;border-radius:16px!important;margin:0 0 8px 0!important;padding:10px 42px 10px 42px!important;color:var(--cp-ink)!important;font-weight:800!important;box-shadow:0 7px 18px rgba(71,39,21,.06)!important;transition:.18s ease!important}.cp-home-sidebar ul.ana_menu li a:hover{background:var(--cp-soft)!important;transform:translateX(-2px)!important}.cp-home-sidebar ul.ana_menu li a i{position:absolute!important;left:10px!important;top:7px!important;width:26px!important;height:26px!important;line-height:26px!important;border-radius:12px!important;background:linear-gradient(135deg,var(--cp-orange),var(--cp-red))!important;color:#fff!important;text-align:center!important}.cp-home-sidebar ul.ana_menu li span.toplam{position:absolute!important;right:10px!important;top:10px!important;background:#fff0db!important;border-radius:999px!important;padding:2px 7px!important;color:var(--cp-red)!important;font-size:11px!important;font-weight:900!important}.cp-home-sidebar ul.ana_menu ul{padding-left:12px!important;margin:0 0 8px 0!important;border:0!important}.cp-home-sidebar ul.ana_menu ul li a{font-size:12px!important;font-weight:600!important;padding:8px 10px!important;min-height:0!important}.cp-home-sidebar ul.ana_menu ul li a i{display:none!important} /* Listings */ .liste,.ilan_listeleme .liste,.vitrin .liste{border-radius:22px!important;padding:10px!important;transition:.18s ease!important}.liste:hover,.ilan_listeleme .liste:hover{transform:translateY(-3px)!important;box-shadow:var(--cp-shadow)!important}.liste img,.ilan_listeleme img,.thumbnail img{border-radius:18px!important;object-fit:cover!important}.liste h3,.liste h3 a{font-weight:900!important;color:var(--cp-ink)!important}.liste .il_ilce,.il_ilce{color:var(--cp-muted)!important;font-weight:600!important}.fiyat,.liste .fiyat{color:var(--cp-red)!important;font-weight:900!important}.label,.badge{border-radius:999px!important;background:linear-gradient(135deg,var(--cp-orange),var(--cp-red))!important;color:#fff!important;border:0!important}.breadcrumb,.sayfa_yolu{background:transparent!important;padding:0!important;margin:0 0 15px!important;color:var(--cp-muted)!important;font-weight:700!important}.alert{border-radius:18px!important;border:0!important;box-shadow:var(--cp-shadow-soft)!important}.btn,button,input[type=submit],a.btn{border-radius:15px!important;font-weight:800!important;border:0!important}.btn-primary,.btn-success{background:linear-gradient(135deg,var(--cp-orange),var(--cp-red))!important;color:#fff!important}.form-control,input,select,textarea{border-radius:16px!important;border:1px solid var(--cp-border)!important;box-shadow:none!important}.form-control:focus,input:focus,select:focus,textarea:focus{border-color:rgba(238,37,0,.42)!important;box-shadow:0 0 0 4px rgba(238,37,0,.09)!important} /* Slider / banners */ #slides,.slidesjs-container,.slidesjs-control,.slider,.bilesen.slider,.bilesen.ozel_banner{border-radius:24px!important;overflow:hidden!important}.slidesjs-navigation,.slidesjs-next,.slidesjs-previous{border-radius:12px!important;background:linear-gradient(135deg,var(--cp-orange),var(--cp-red))!important;color:#fff!important}.bilesen img{max-width:100%!important;height:auto!important} /* Footer */ footer{background:linear-gradient(135deg,#25150e,#4a2414)!important;color:#fff!important;border:0!important;margin-top:45px!important;border-radius:30px 30px 0 0!important;box-shadow:0 -18px 38px rgba(71,39,21,.14)!important}footer a,footer p,footer li,footer span{color:rgba(255,255,255,.78)!important}footer h1,footer h2,footer h3,footer h4{color:#fff!important;font-weight:900!important} /* Mobile */ @media(max-width:991px){.container{width:100%!important;max-width:none!important;padding-left:10px!important;padding-right:10px!important}.cp-home-layout{display:block!important}.cp-home-sidebar{position:static!important}.cp-home-sidebar{display:none!important}.cp-home-subgrid>[class*='col-']{width:100%!important;float:none!important}.mobil_header{margin:8px 8px 0!important;border-radius:22px!important;background:rgba(255,255,255,.96)!important;border:1px solid var(--cp-border)!important;box-shadow:var(--cp-shadow-soft)!important;padding:10px 6px!important}.mobil_header img{max-height:54px!important}.mobil_toggle_btn{width:44px!important;height:44px!important;line-height:44px!important;text-align:center!important;border-radius:14px!important;background:#fff0db!important;color:var(--cp-ink)!important}.mobil_ilan_ver_buton{margin:10px 10px!important;border-radius:16px!important;padding:14px!important;background:linear-gradient(135deg,var(--cp-red),var(--cp-orange))!important;color:#fff!important;font-weight:900!important}.mobil_ara{margin:0 10px 12px!important;background:#fff!important;border:1px solid var(--cp-border)!important;border-radius:18px!important;overflow:hidden!important;box-shadow:var(--cp-shadow-soft)!important}.mobil_ara input{height:48px!important;border:0!important;box-shadow:none!important;width:84%!important;padding-left:14px!important}.mobil_ara button{height:48px!important;width:16%!important;border-radius:0!important;background:linear-gradient(135deg,var(--cp-orange),var(--cp-red))!important;color:#fff!important}.panel,.well,.thumbnail,.bilesen,.liste,.icerik{border-radius:20px!important;box-shadow:0 9px 22px rgba(71,39,21,.09)!important}.bilesen .baslik{padding:12px 14px!important}.bilesen .baslik h3{font-size:15px!important}.liste{padding:8px!important}h1,.yazi h1,.ilan h1{font-size:23px!important;font-weight:900!important}.breadcrumb,.sayfa_yolu{padding:4px 0!important;font-size:12px!important}#mobil_ozel_menu{margin:10px!important;border-radius:20px!important;overflow:hidden!important;background:#fff!important;box-shadow:var(--cp-shadow-soft)!important}#mobil_ozel_menu a{border-bottom:1px solid var(--cp-border)!important;color:var(--cp-ink)!important;background:#fff!important}#mobil_ozel_menu .ikon i{border-radius:14px!important;background:linear-gradient(135deg,var(--cp-orange),var(--cp-red))!important}footer{border-radius:24px 24px 0 0!important;margin-top:28px!important}} @media(min-width:992px){.cp-home-main{width:78.57142857%!important}.cp-home-sidebar{width:21.42857143%!important;padding-left:14px!important}.cp-home-layout:before,.cp-home-layout:after{display:none!important}} /* ===== /CINSPATI YENI TEMA V3 ===== */ /* ===== CINSPATI AUTH + HEADER V10 ===== */ @media (min-width: 992px){ header .ortala_h{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;min-height:74px!important;width:100%!important;} header .ortala_h > .visible-md.visible-lg{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:430px!important;max-width:430px!important;margin:0!important;padding:0!important;float:none!important;z-index:2!important;} header .ortala_h .ara{width:100%!important;max-width:430px!important;margin:0 auto!important;background:#fff!important;border:1px solid rgba(87,45,24,.12)!important;border-radius:999px!important;box-shadow:0 12px 28px rgba(76,40,21,.09)!important;overflow:visible!important;height:48px!important;display:block!important;} header .ortala_h .ara input{height:46px!important;border:0!important;border-radius:999px!important;background:#fff!important;padding:0 22px!important;font-weight:700!important;color:#5a3c2a!important;box-shadow:none!important;width:100%!important;} header .ortala_h .ara .input-group-btn{position:absolute!important;right:-58px!important;top:0!important;width:48px!important;height:48px!important;display:block!important;z-index:3!important;} header .ortala_h .ara button{width:48px!important;height:48px!important;border-radius:50%!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#ff9717,#ff3600)!important;color:#fff!important;box-shadow:0 12px 22px rgba(255,81,0,.24)!important;} header .ortala_h .ara button i{font-size:22px!important;margin:0!important;line-height:1!important;} header .uyelik{margin-left:auto!important;width:auto!important;max-width:260px!important;float:none!important;display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;justify-content:flex-end!important;gap:6px!important;padding-right:8px!important;position:relative!important;z-index:4!important;} header .uyelik > a.header_link, header .uyelik > .btn-group > a.header_link{height:31px!important;line-height:31px!important;padding:0 12px!important;border-radius:999px!important;background:linear-gradient(135deg,#ff6500,#ff2d00)!important;color:#fff!important;box-shadow:0 8px 18px rgba(255,72,0,.20)!important;font-size:12px!important;text-shadow:none!important;} header .uyelik > a.btn-header:not(#sm_ara_buton), header .uyelik > .btn-primary.btn-header{order:20!important;flex:0 0 auto!important;margin-top:3px!important;margin-left:0!important;height:42px!important;line-height:42px!important;padding:0 20px!important;border-radius:16px!important;background:linear-gradient(135deg,#ff7214,#f02c00)!important;color:#fff!important;font-size:14px!important;box-shadow:0 12px 26px rgba(244,64,0,.26)!important;} header .uyelik #sm_ara_buton{display:none!important;} } .cinspati-auth-page{padding-top:34px!important;padding-bottom:38px!important;} .cinspati-auth-page .auth-wrap{display:flex;align-items:stretch;gap:24px;max-width:980px;margin:0 auto;} .cinspati-auth-page .auth-card{flex:1;background:rgba(255,255,255,.96);border:1px solid rgba(82,43,24,.10);border-radius:30px;box-shadow:0 24px 60px rgba(66,35,18,.13);overflow:hidden;position:relative;} .cinspati-auth-page .auth-card:before{content:"";position:absolute;right:-80px;top:-80px;width:210px;height:210px;background:radial-gradient(circle,rgba(255,112,0,.16),rgba(255,112,0,0) 68%);} .cinspati-auth-page .auth-head{padding:26px 30px 18px;background:linear-gradient(135deg,#32180d,#693017);color:#fff;position:relative;overflow:hidden;} .cinspati-auth-page .auth-head:after{content:"🐾";position:absolute;right:24px;top:8px;font-size:70px;opacity:.16;transform:rotate(-18deg);} .cinspati-auth-page .auth-head h1{font-size:27px;line-height:1.1;margin:0 0 7px;font-weight:900;letter-spacing:-.03em;color:#fff!important;} .cinspati-auth-page .auth-head p{margin:0;color:rgba(255,255,255,.78);font-weight:600;} .cinspati-auth-page .auth-body{padding:28px 30px 30px;background:#fff;} .cinspati-auth-page .form-group label{font-weight:800;color:#3b2417;margin-bottom:8px;} .cinspati-auth-page .form-control{height:48px!important;border-radius:16px!important;background:#fff!important;border:1px solid rgba(82,43,24,.14)!important;padding:0 16px!important;font-weight:700!important;} .cinspati-auth-page textarea.form-control{height:auto!important;padding-top:12px!important;} .cinspati-auth-page .checkbox label{font-weight:600;color:#644734;} .cinspati-auth-page .auth-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px;align-items:center;} .cinspati-auth-page .auth-actions .btn{height:44px!important;line-height:44px!important;padding:0 18px!important;border-radius:15px!important;} .cinspati-auth-page .auth-side{width:360px;border-radius:30px;background:linear-gradient(135deg,#fff1df,#ffffff);border:1px solid rgba(82,43,24,.10);box-shadow:0 24px 60px rgba(66,35,18,.10);padding:32px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;} .cinspati-auth-page .auth-side:after{content:"🐈";position:absolute;right:-12px;bottom:-20px;font-size:108px;opacity:.10;} .cinspati-auth-page .auth-side h3{font-size:26px!important;font-weight:900!important;line-height:1.15!important;margin:0 0 12px!important;color:#32180d!important;} .cinspati-auth-page .auth-side p{font-size:15px;line-height:1.6;color:#765743;font-weight:600;margin-bottom:18px;} .cinspati-auth-page .auth-side .btn{align-self:flex-start;border-radius:16px!important;padding:12px 18px!important;} .cinspati-auth-page .panel,.cinspati-auth-page .panel-heading,.cinspati-auth-page .panel-body{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;margin:0!important;padding:0!important;overflow:visible!important;} .cinspati-auth-page .panel-heading{display:none!important;} @media(max-width:991px){ .cinspati-auth-page{padding:18px 10px 28px!important;} .cinspati-auth-page .auth-wrap{display:block;max-width:560px;} .cinspati-auth-page .auth-card,.cinspati-auth-page .auth-side{width:100%;margin-bottom:16px;border-radius:24px;} .cinspati-auth-page .auth-head{padding:22px 22px 16px;} .cinspati-auth-page .auth-body{padding:22px;} .cinspati-auth-page .auth-side{padding:24px;} .cinspati-auth-page .auth-side h3{font-size:22px!important;} .cinspati-auth-page .auth-actions .btn{width:100%;text-align:center;} } /* ===== /CINSPATI AUTH + HEADER V10 ===== */ /* ===== CINSPATI HEADER FINAL DUZELTME ===== */ @media (min-width: 992px){ header.visible-md.visible-lg{ width:94%!important; max-width:1180px!important; margin:18px auto 0!important; background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important; overflow:visible!important; } header.visible-md.visible-lg > .container{ width:100%!important; max-width:1180px!important; background:rgba(255,255,255,.97)!important; border:1px solid rgba(255,255,255,.92)!important; border-radius:26px!important; box-shadow:0 18px 44px rgba(71,39,21,.14)!important; padding:28px 56px!important; overflow:hidden!important; } header.visible-md.visible-lg .row.cp-desktop-header-row{ display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:28px!important; width:100%!important; min-height:92px!important; margin:0!important; position:relative!important; } header.visible-md.visible-lg .cp-header-logo{ flex:0 0 190px!important; width:190px!important; max-width:190px!important; float:none!important; padding:0!important; display:flex!important; align-items:center!important; } header.visible-md.visible-lg .cp-header-logo .logo, header.visible-md.visible-lg .cp-header-logo a{ display:flex!important; align-items:center!important; justify-content:flex-start!important; width:100%!important; height:auto!important; } header.visible-md.visible-lg .cp-header-logo img{ max-width:178px!important; max-height:72px!important; height:auto!important; } header.visible-md.visible-lg .cp-header-main, header.visible-md.visible-lg .ortala_h.cp-header-main{ flex:1 1 auto!important; width:auto!important; max-width:none!important; float:none!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:26px!important; min-height:0!important; position:static!important; left:auto!important; top:auto!important; transform:none!important; margin:0!important; padding:0!important; } header.visible-md.visible-lg .cp-header-search, header.visible-md.visible-lg .ortala_h > .cp-header-search.visible-md.visible-lg, header.visible-md.visible-lg .ortala_h > .visible-md.visible-lg.cp-header-search{ position:static!important; left:auto!important; top:auto!important; transform:none!important; flex:0 1 455px!important; width:455px!important; max-width:455px!important; min-width:360px!important; float:none!important; margin:0!important; padding:0!important; display:block!important; z-index:2!important; } header.visible-md.visible-lg .cp-header-search form{ margin:0!important; width:100%!important; } header.visible-md.visible-lg .cp-header-search .ara, header.visible-md.visible-lg .ortala_h .ara{ display:flex!important; align-items:center!important; width:100%!important; max-width:none!important; height:52px!important; margin:0!important; padding:4px!important; background:#fff!important; border:1px solid rgba(87,45,24,.12)!important; border-radius:999px!important; box-shadow:0 12px 28px rgba(76,40,21,.09)!important; overflow:visible!important; } header.visible-md.visible-lg .cp-header-search .ara input, header.visible-md.visible-lg .cp-header-search .ara input.form-control, header.visible-md.visible-lg .ortala_h .ara input{ flex:1 1 auto!important; width:auto!important; height:44px!important; border:0!important; border-radius:999px!important; background:#fff!important; padding:0 20px!important; font-weight:700!important; color:#5a3c2a!important; box-shadow:none!important; } header.visible-md.visible-lg .cp-header-search .ara .input-group-btn, header.visible-md.visible-lg .ortala_h .ara .input-group-btn{ position:static!important; right:auto!important; top:auto!important; display:flex!important; align-items:center!important; justify-content:center!important; flex:0 0 46px!important; width:46px!important; height:44px!important; padding:0!important; margin:0!important; z-index:3!important; } header.visible-md.visible-lg .cp-header-search .ara button, header.visible-md.visible-lg .cp-header-search .ara .btn, header.visible-md.visible-lg .ortala_h .ara button{ width:44px!important; height:44px!important; min-width:44px!important; border-radius:50%!important; padding:0!important; margin:0!important; display:flex!important; align-items:center!important; justify-content:center!important; background:linear-gradient(135deg,#ff9717,#ff3600)!important; color:#fff!important; box-shadow:0 10px 20px rgba(255,81,0,.24)!important; border:0!important; } header.visible-md.visible-lg .cp-header-actions, header.visible-md.visible-lg .uyelik.cp-header-actions, header.visible-md.visible-lg .uyelik{ margin-left:auto!important; flex:0 0 230px!important; width:230px!important; max-width:230px!important; float:none!important; display:flex!important; flex-wrap:wrap!important; align-items:flex-start!important; justify-content:flex-end!important; gap:7px!important; padding:0!important; text-align:right!important; position:relative!important; z-index:4!important; } header.visible-md.visible-lg .uyelik > a.header_link, header.visible-md.visible-lg .uyelik > .btn-group > a.header_link{ height:31px!important; line-height:31px!important; padding:0 13px!important; border-radius:999px!important; background:linear-gradient(135deg,#ff6500,#ff2d00)!important; color:#fff!important; box-shadow:0 8px 18px rgba(255,72,0,.20)!important; font-size:12px!important; font-weight:800!important; text-shadow:none!important; } header.visible-md.visible-lg .uyelik > a.btn-primary.btn-header:not(#sm_ara_buton), header.visible-md.visible-lg .uyelik > a.btn-header:not(#sm_ara_buton){ order:20!important; flex:0 0 auto!important; margin-top:4px!important; margin-left:0!important; height:42px!important; line-height:42px!important; padding:0 20px!important; border-radius:16px!important; background:linear-gradient(135deg,#ff7214,#f02c00)!important; color:#fff!important; font-size:14px!important; font-weight:900!important; box-shadow:0 12px 26px rgba(244,64,0,.26)!important; } header.visible-md.visible-lg .uyelik #sm_ara_buton{display:none!important;} } /* ===== /CINSPATI HEADER FINAL DUZELTME ===== */ /* ===== CINSPATI HEADER KOŞE VE ARAMA FINAL ===== */ @media (min-width:992px){ body header.visible-md.visible-lg{ background:transparent!important; box-shadow:none!important; border:0!important; padding:18px 0 10px!important; overflow:visible!important; } body header.visible-md.visible-lg > .container, body header.visible-md.visible-lg > .sticky > .container, body header.visible-md.visible-lg .cp-header-shell{ background:#fff!important; border-radius:28px!important; -webkit-border-radius:28px!important; overflow:hidden!important; border:1px solid rgba(84,45,23,.08)!important; box-shadow:0 18px 46px rgba(74,39,18,.12)!important; padding:0 36px!important; } body header.visible-md.visible-lg .row.cp-desktop-header-row{ min-height:112px!important; height:112px!important; display:flex!important; align-items:center!important; flex-wrap:nowrap!important; margin-left:0!important; margin-right:0!important; background:transparent!important; border-radius:0!important; box-shadow:none!important; } body header.visible-md.visible-lg .cp-header-logo{ flex:0 0 210px!important; width:210px!important; max-width:210px!important; float:none!important; padding:0!important; } body header.visible-md.visible-lg .cp-header-logo img{max-width:170px!important;height:auto!important;} body header.visible-md.visible-lg .cp-header-main{ flex:1 1 auto!important; width:auto!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:24px!important; float:none!important; padding:0!important; margin:0!important; } body header.visible-md.visible-lg .cp-header-search{ flex:0 0 455px!important; width:455px!important; max-width:455px!important; margin:0!important; padding:0!important; float:none!important; } body header.visible-md.visible-lg .cp-header-search form{margin:0!important;padding:0!important;} body header.visible-md.visible-lg .cp-header-search .ara{ display:flex!important; align-items:center!important; width:100%!important; height:50px!important; margin:0!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; overflow:visible!important; } body header.visible-md.visible-lg .cp-header-search .ara input.form-control, body header.visible-md.visible-lg .cp-header-search .ara input{ flex:1 1 auto!important; height:50px!important; width:auto!important; min-width:0!important; margin:0!important; padding:0 22px!important; border-radius:999px!important; background:#fff!important; border:1px solid rgba(87,45,24,.13)!important; box-shadow:0 10px 25px rgba(76,40,21,.08)!important; color:#6b4a37!important; font-weight:800!important; } body header.visible-md.visible-lg .cp-header-search .ara .input-group-btn{ flex:0 0 56px!important; width:56px!important; min-width:56px!important; height:50px!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; margin-left:8px!important; padding:0!important; position:static!important; } body header.visible-md.visible-lg .cp-header-search .ara button, body header.visible-md.visible-lg .cp-header-search .ara .btn{ width:50px!important; height:50px!important; min-width:50px!important; border-radius:50%!important; padding:0!important; margin:0!important; background:linear-gradient(135deg,#ff9717,#ff3600)!important; color:#fff!important; border:0!important; box-shadow:0 12px 24px rgba(255,81,0,.25)!important; display:flex!important; align-items:center!important; justify-content:center!important; } body header.visible-md.visible-lg .cp-header-actions, body header.visible-md.visible-lg .uyelik.cp-header-actions{ margin-left:auto!important; flex:0 0 255px!important; width:255px!important; max-width:255px!important; display:flex!important; flex-wrap:wrap!important; align-items:flex-start!important; justify-content:flex-end!important; gap:8px!important; padding:0!important; float:none!important; text-align:right!important; } body header.visible-md.visible-lg .uyelik > a.header_link, body header.visible-md.visible-lg .uyelik > .btn-group > a.header_link{ height:32px!important; line-height:32px!important; padding:0 14px!important; border-radius:999px!important; background:linear-gradient(135deg,#ff6500,#ff2d00)!important; color:#fff!important; box-shadow:0 8px 18px rgba(255,72,0,.18)!important; font-size:12px!important; font-weight:900!important; text-shadow:none!important; } body header.visible-md.visible-lg .uyelik > a.btn-primary.btn-header:not(#sm_ara_buton), body header.visible-md.visible-lg .uyelik > a.btn-header:not(#sm_ara_buton){ order:20!important; height:42px!important; line-height:42px!important; padding:0 22px!important; border-radius:16px!important; margin:0!important; background:linear-gradient(135deg,#ff7214,#f02c00)!important; color:#fff!important; font-size:14px!important; font-weight:900!important; box-shadow:0 12px 26px rgba(244,64,0,.25)!important; } body header.visible-md.visible-lg .uyelik #sm_ara_buton{display:none!important;} } /* ===== /CINSPATI HEADER KOŞE VE ARAMA FINAL ===== */ /* ===== CINSPATI HEADER SADECE YUVARLAK KART FINAL ===== */ @media (min-width:992px){ html body header.visible-md.visible-lg{ width:94%!important; max-width:1180px!important; margin:18px auto 0!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; overflow:visible!important; } html body header.visible-md.visible-lg > .container, html body header.visible-md.visible-lg > .sticky > .container, html body header.visible-md.visible-lg .cp-header-shell{ width:100%!important; max-width:1180px!important; margin:0 auto!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; border-radius:0!important; overflow:visible!important; } html body header.visible-md.visible-lg .row.cp-desktop-header-row{ width:100%!important; min-height:112px!important; height:112px!important; margin:0!important; padding:0 56px!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; flex-wrap:nowrap!important; gap:28px!important; background:#fff!important; border:1px solid rgba(84,45,23,.08)!important; border-radius:28px!important; -webkit-border-radius:28px!important; box-shadow:0 18px 46px rgba(74,39,18,.12)!important; overflow:hidden!important; } html body header.visible-md.visible-lg .cp-header-logo{ flex:0 0 205px!important; width:205px!important; max-width:205px!important; padding:0!important; margin:0!important; float:none!important; display:flex!important; align-items:center!important; } html body header.visible-md.visible-lg .cp-header-logo img{max-width:172px!important;max-height:72px!important;height:auto!important;} html body header.visible-md.visible-lg .cp-header-main{ flex:1 1 auto!important; width:auto!important; max-width:none!important; padding:0!important; margin:0!important; float:none!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:24px!important; } html body header.visible-md.visible-lg .cp-header-search{ flex:0 0 455px!important; width:455px!important; max-width:455px!important; min-width:360px!important; padding:0!important; margin:0!important; float:none!important; display:block!important; } html body header.visible-md.visible-lg .cp-header-search form{margin:0!important;padding:0!important;width:100%!important;} html body header.visible-md.visible-lg .cp-header-search .ara{ width:100%!important; height:52px!important; margin:0!important; padding:0!important; display:flex!important; align-items:center!important; background:transparent!important; border:0!important; box-shadow:none!important; border-radius:0!important; overflow:visible!important; } html body header.visible-md.visible-lg .cp-header-search .ara input.form-control, html body header.visible-md.visible-lg .cp-header-search .ara input{ flex:1 1 auto!important; width:auto!important; min-width:0!important; height:50px!important; margin:0!important; padding:0 22px!important; background:#fff!important; border:1px solid rgba(87,45,24,.13)!important; border-radius:999px!important; color:#6b4a37!important; font-weight:800!important; box-shadow:0 10px 25px rgba(76,40,21,.08)!important; } html body header.visible-md.visible-lg .cp-header-search .ara .input-group-btn{ flex:0 0 54px!important; width:54px!important; min-width:54px!important; height:50px!important; margin-left:8px!important; padding:0!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; position:static!important; } html body header.visible-md.visible-lg .cp-header-search .ara button, html body header.visible-md.visible-lg .cp-header-search .ara .btn{ width:50px!important; height:50px!important; min-width:50px!important; padding:0!important; margin:0!important; border:0!important; border-radius:50%!important; color:#fff!important; background:linear-gradient(135deg,#ff9717,#ff3600)!important; box-shadow:0 12px 24px rgba(255,81,0,.25)!important; display:flex!important; align-items:center!important; justify-content:center!important; } html body header.visible-md.visible-lg .cp-header-actions, html body header.visible-md.visible-lg .uyelik.cp-header-actions{ flex:0 0 255px!important; width:255px!important; max-width:255px!important; margin-left:auto!important; padding:0!important; float:none!important; display:flex!important; flex-wrap:wrap!important; align-items:flex-start!important; justify-content:flex-end!important; gap:8px!important; text-align:right!important; } } /* ===== /CINSPATI HEADER SADECE YUVARLAK KART FINAL ===== */ /* ===== CINSPATI TEMIZ HEADER - KARE ARKA PLAN KALDIRILDI ===== */ @media (min-width: 992px){ html body header.visible-md.visible-lg, html body header.visible-md.visible-lg.standart, html body header.visible-md.visible-lg .sticky{ display:block!important; width:100%!important; max-width:none!important; margin:0!important; padding:18px 0 0!important; background:transparent!important; border:0!important; box-shadow:none!important; overflow:visible!important; } html body header.visible-md.visible-lg .cp-header-shell{ width:88%!important; max-width:1180px!important; margin:0 auto!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; border-radius:0!important; overflow:visible!important; } html body header.visible-md.visible-lg .cp-desktop-header-row{ width:100%!important; min-height:112px!important; height:112px!important; margin:0!important; padding:0 64px!important; box-sizing:border-box!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; gap:28px!important; background:#fff!important; border:1px solid rgba(82,45,24,.08)!important; border-radius:28px!important; -webkit-border-radius:28px!important; box-shadow:0 18px 46px rgba(74,39,18,.12)!important; overflow:hidden!important; } html body header.visible-md.visible-lg .cp-header-logo{ flex:0 0 180px!important; width:180px!important; max-width:180px!important; height:auto!important; padding:0!important; margin:0!important; float:none!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; } html body header.visible-md.visible-lg .cp-header-logo .logo, html body header.visible-md.visible-lg .cp-header-logo a{ width:auto!important; max-width:none!important; margin:0!important; padding:0!important; display:block!important; } html body header.visible-md.visible-lg .cp-header-logo img{ max-width:165px!important; max-height:70px!important; width:auto!important; height:auto!important; } html body header.visible-md.visible-lg .cp-header-main{ flex:1 1 auto!important; width:auto!important; height:auto!important; max-width:none!important; min-width:0!important; padding:0!important; margin:0!important; float:none!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:26px!important; } html body header.visible-md.visible-lg .cp-header-search{ flex:0 1 470px!important; width:470px!important; max-width:470px!important; min-width:330px!important; padding:0!important; margin:0!important; float:none!important; display:block!important; } html body header.visible-md.visible-lg .cp-header-search form{ width:100%!important; margin:0!important; padding:0!important; } html body header.visible-md.visible-lg .cp-header-search .ara{ width:100%!important; height:52px!important; margin:0!important; padding:0!important; display:flex!important; align-items:center!important; gap:8px!important; background:transparent!important; border:0!important; box-shadow:none!important; border-radius:0!important; overflow:visible!important; } html body header.visible-md.visible-lg .cp-header-search .ara input, html body header.visible-md.visible-lg .cp-header-search .ara input.form-control{ flex:1 1 auto!important; width:auto!important; min-width:0!important; height:50px!important; margin:0!important; padding:0 22px!important; background:#fff!important; border:1px solid rgba(87,45,24,.13)!important; border-radius:999px!important; color:#6b4a37!important; font-weight:800!important; box-shadow:0 10px 25px rgba(76,40,21,.08)!important; } html body header.visible-md.visible-lg .cp-header-search .ara .input-group-btn{ flex:0 0 52px!important; width:52px!important; height:52px!important; min-width:52px!important; margin:0!important; padding:0!important; position:static!important; display:flex!important; align-items:center!important; justify-content:center!important; } html body header.visible-md.visible-lg .cp-header-search .ara button, html body header.visible-md.visible-lg .cp-header-search .ara .btn{ width:50px!important; height:50px!important; min-width:50px!important; margin:0!important; padding:0!important; border:0!important; border-radius:50%!important; background:linear-gradient(135deg,#ff9717,#ff3600)!important; color:#fff!important; box-shadow:0 12px 24px rgba(255,81,0,.25)!important; display:flex!important; align-items:center!important; justify-content:center!important; } html body header.visible-md.visible-lg .cp-header-actions, html body header.visible-md.visible-lg .uyelik.cp-header-actions{ flex:0 0 230px!important; width:230px!important; max-width:230px!important; min-width:230px!important; height:auto!important; padding:0!important; margin:0!important; float:none!important; display:flex!important; flex-wrap:wrap!important; align-items:flex-start!important; justify-content:flex-end!important; gap:7px!important; text-align:right!important; } html body header.visible-md.visible-lg .uyelik > a.header_link, html body header.visible-md.visible-lg .uyelik > .btn-group > a.header_link{ height:30px!important; line-height:30px!important; padding:0 13px!important; border:0!important; border-radius:999px!important; background:linear-gradient(135deg,#ff6500,#ff2d00)!important; color:#fff!important; box-shadow:0 8px 18px rgba(255,72,0,.18)!important; font-size:12px!important; font-weight:800!important; text-shadow:none!important; } html body header.visible-md.visible-lg .uyelik > a.btn-primary.btn-header:not(#sm_ara_buton), html body header.visible-md.visible-lg .uyelik > a.btn-header:not(#sm_ara_buton){ flex:0 0 auto!important; order:20!important; height:42px!important; line-height:42px!important; margin:0!important; padding:0 22px!important; border:0!important; border-radius:16px!important; background:linear-gradient(135deg,#ff7214,#f02c00)!important; color:#fff!important; box-shadow:0 12px 26px rgba(244,64,0,.25)!important; font-size:14px!important; font-weight:900!important; text-shadow:none!important; } html body header.visible-md.visible-lg .uyelik #sm_ara_buton{display:none!important;} } /* ===== /CINSPATI TEMIZ HEADER ===== */ /* ===== CINSPATI HEADER FINAL SAG HIZALAMA ===== */ @media (min-width: 992px){ html body header.visible-md.visible-lg, html body header.visible-md.visible-lg .sticky{ background:transparent!important; border:0!important; box-shadow:none!important; padding:28px 0 18px!important; overflow:visible!important; } html body header.visible-md.visible-lg .cp-header-shell{ width:88%!important; max-width:1180px!important; margin:0 auto!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; overflow:visible!important; } html body header.visible-md.visible-lg .cp-desktop-header-row{ position:relative!important; width:100%!important; height:112px!important; min-height:112px!important; margin:0!important; padding:0!important; background:#fff!important; border:1px solid rgba(82,45,24,.08)!important; border-radius:28px!important; -webkit-border-radius:28px!important; box-shadow:0 18px 46px rgba(74,39,18,.12)!important; overflow:hidden!important; display:block!important; } html body header.visible-md.visible-lg .cp-header-logo{ position:absolute!important; left:64px!important; top:50%!important; transform:translateY(-50%)!important; width:170px!important; max-width:170px!important; margin:0!important; padding:0!important; float:none!important; } html body header.visible-md.visible-lg .cp-header-logo .logo, html body header.visible-md.visible-lg .cp-header-logo a{ display:block!important; margin:0!important; padding:0!important; } html body header.visible-md.visible-lg .cp-header-logo img{ max-width:165px!important; max-height:70px!important; width:auto!important; height:auto!important; } html body header.visible-md.visible-lg .cp-header-main{ position:static!important; display:block!important; width:100%!important; height:100%!important; margin:0!important; padding:0!important; float:none!important; } html body header.visible-md.visible-lg .cp-header-search{ position:absolute!important; left:300px!important; top:50%!important; transform:translateY(-50%)!important; width:440px!important; max-width:440px!important; min-width:0!important; margin:0!important; padding:0!important; float:none!important; } html body header.visible-md.visible-lg .cp-header-search form, html body header.visible-md.visible-lg .cp-header-search .ara{ width:100%!important; margin:0!important; padding:0!important; } html body header.visible-md.visible-lg .cp-header-search .ara{ display:flex!important; align-items:center!important; gap:8px!important; background:transparent!important; border:0!important; box-shadow:none!important; overflow:visible!important; } html body header.visible-md.visible-lg .cp-header-search .ara input.form-control{ flex:1 1 auto!important; width:auto!important; min-width:0!important; height:50px!important; margin:0!important; padding:0 22px!important; border:1px solid rgba(87,45,24,.13)!important; border-radius:999px!important; background:#fff!important; box-shadow:0 10px 25px rgba(76,40,21,.08)!important; } html body header.visible-md.visible-lg .cp-header-search .ara .input-group-btn{ flex:0 0 52px!important; width:52px!important; height:52px!important; min-width:52px!important; padding:0!important; margin:0!important; display:flex!important; align-items:center!important; justify-content:center!important; } html body header.visible-md.visible-lg .cp-header-search .ara button.btn{ width:50px!important; min-width:50px!important; height:50px!important; margin:0!important; padding:0!important; border-radius:50%!important; display:flex!important; align-items:center!important; justify-content:center!important; } html body header.visible-md.visible-lg .cp-header-actions, html body header.visible-md.visible-lg .uyelik.cp-header-actions{ position:absolute!important; right:64px!important; top:50%!important; transform:translateY(-50%)!important; width:225px!important; max-width:225px!important; min-width:225px!important; height:auto!important; margin:0!important; padding:0!important; float:none!important; display:flex!important; flex-wrap:wrap!important; align-items:flex-start!important; justify-content:flex-end!important; gap:7px!important; text-align:right!important; white-space:normal!important; } html body header.visible-md.visible-lg .cp-header-actions > a.header_link, html body header.visible-md.visible-lg .cp-header-actions > .btn-group, html body header.visible-md.visible-lg .cp-header-actions > a.yeni_mesaj{ flex:0 0 auto!important; } html body header.visible-md.visible-lg .cp-header-actions > a.btn-primary.btn-header:not(#sm_ara_buton), html body header.visible-md.visible-lg .cp-header-actions > a.btn-header:not(#sm_ara_buton){ flex:0 0 auto!important; margin-left:auto!important; } } @media (min-width: 992px) and (max-width: 1199px){ html body header.visible-md.visible-lg .cp-header-logo{left:36px!important;width:150px!important;} html body header.visible-md.visible-lg .cp-header-logo img{max-width:145px!important;} html body header.visible-md.visible-lg .cp-header-search{left:215px!important;width:380px!important;} html body header.visible-md.visible-lg .cp-header-actions{right:36px!important;width:210px!important;min-width:210px!important;} } /* ===== /CINSPATI HEADER FINAL SAG HIZALAMA ===== */ /* CINSPATI FINAL HEADER LAYOUT - logo left, search center, actions far right */ @media (min-width:992px){ html body header.visible-md.visible-lg{ background:transparent!important; border:0!important; box-shadow:none!important; padding:18px 0 14px!important; overflow:visible!important; } html body header.visible-md.visible-lg > .container, html body header.visible-md.visible-lg > .sticky > .container, html body header.visible-md.visible-lg .cp-header-shell{ width:100%!important; max-width:1100px!important; margin:0 auto!important; background:transparent!important; border:0!important; box-shadow:none!important; padding:0!important; overflow:visible!important; } html body header.visible-md.visible-lg .cp-desktop-header-row{ min-height:82px!important; width:100%!important; display:flex!important; align-items:center!important; gap:22px!important; background:#fff!important; border:1px solid rgba(84,45,23,.08)!important; border-radius:26px!important; box-shadow:0 18px 46px rgba(74,39,18,.12)!important; padding:0 32px!important; overflow:hidden!important; } html body header.visible-md.visible-lg .cp-header-logo{ flex:0 0 190px!important; width:190px!important; max-width:190px!important; display:flex!important; align-items:center!important; justify-content:flex-start!important; padding:0!important; margin:0!important; float:none!important; } html body header.visible-md.visible-lg .cp-header-logo .logo, html body header.visible-md.visible-lg .cp-header-logo a{ display:flex!important; align-items:center!important; justify-content:flex-start!important; margin:0!important; padding:0!important; } html body header.visible-md.visible-lg .cp-header-logo img{ max-width:155px!important; height:auto!important; display:block!important; } html body header.visible-md.visible-lg .cp-header-search{ flex:1 1 auto!important; min-width:300px!important; max-width:none!important; width:auto!important; display:flex!important; align-items:center!important; justify-content:center!important; margin:0!important; padding:0!important; float:none!important; } html body header.visible-md.visible-lg .cp-header-search form{ width:440px!important; max-width:100%!important; margin:0!important; padding:0!important; } html body header.visible-md.visible-lg .cp-header-search .ara{ width:100%!important; height:46px!important; display:flex!important; align-items:center!important; background:transparent!important; border:0!important; box-shadow:none!important; border-radius:999px!important; margin:0!important; padding:0!important; overflow:visible!important; } html body header.visible-md.visible-lg .cp-header-search .ara input.form-control, html body header.visible-md.visible-lg .cp-header-search .ara input{ flex:1 1 auto!important; width:auto!important; height:44px!important; border:1px solid rgba(86,50,29,.14)!important; border-radius:999px!important; background:#fff!important; box-shadow:0 8px 20px rgba(63,33,15,.08)!important; color:#5a3c2a!important; padding:0 20px!important; font-weight:700!important; } html body header.visible-md.visible-lg .cp-header-search .ara .input-group-btn{ flex:0 0 50px!important; width:50px!important; height:44px!important; display:flex!important; align-items:center!important; justify-content:flex-end!important; padding-left:8px!important; position:static!important; margin:0!important; } html body header.visible-md.visible-lg .cp-header-search .ara button, html body header.visible-md.visible-lg .cp-header-search .ara .btn{ width:44px!important; height:44px!important; min-width:44px!important; border-radius:50%!important; display:flex!important; align-items:center!important; justify-content:center!important; padding:0!important; margin:0!important; border:0!important; background:linear-gradient(135deg,#ff9717,#ff3600)!important; color:#fff!important; box-shadow:0 10px 20px rgba(255,81,0,.24)!important; } html body header.visible-md.visible-lg .cp-header-search .ara button i{margin:0!important;font-size:22px!important;} html body header.visible-md.visible-lg .cp-header-actions, html body header.visible-md.visible-lg .uyelik.cp-header-actions{ flex:0 0 245px!important; width:245px!important; max-width:245px!important; margin-left:auto!important; padding:0!important; float:none!important; display:flex!important; flex-wrap:wrap!important; align-items:center!important; justify-content:flex-end!important; gap:6px!important; text-align:right!important; white-space:nowrap!important; } html body header.visible-md.visible-lg .cp-header-actions > a.header_link, html body header.visible-md.visible-lg .cp-header-actions > .btn-group > a.header_link{ height:30px!important; line-height:30px!important; padding:0 13px!important; border-radius:999px!important; background:linear-gradient(135deg,#ff6500,#ff2d00)!important; color:#fff!important; box-shadow:0 8px 18px rgba(255,72,0,.20)!important; font-size:12px!important; font-weight:800!important; text-shadow:none!important; border:0!important; } html body header.visible-md.visible-lg .cp-header-actions > a.btn-primary.btn-header:not(#sm_ara_buton), html body header.visible-md.visible-lg .cp-header-actions > a.btn-header:not(#sm_ara_buton){ flex:0 0 auto!important; margin:0!important; height:38px!important; line-height:38px!important; padding:0 18px!important; border-radius:14px!important; background:linear-gradient(135deg,#ff7214,#f02c00)!important; color:#fff!important; font-size:14px!important; font-weight:900!important; box-shadow:0 12px 26px rgba(244,64,0,.26)!important; border:0!important; } html body header.visible-md.visible-lg .cp-header-actions #sm_ara_buton{display:none!important;} } /* ===== CINSPATI HEADER DROPDOWN FIX ===== */ @media (min-width:992px){ html body header.visible-md.visible-lg, html body header.visible-md.visible-lg > .container, html body header.visible-md.visible-lg > .sticky, html body header.visible-md.visible-lg > .sticky > .container, html body header.visible-md.visible-lg .cp-header-shell, html body header.visible-md.visible-lg .cp-desktop-header-row, html body header.visible-md.visible-lg .cp-header-actions, html body header.visible-md.visible-lg .cp-header-actions .btn-group{ overflow:visible!important; } html body header.visible-md.visible-lg{ z-index:999999!important; } html body header.visible-md.visible-lg .cp-header-shell{ position:relative!important; z-index:999999!important; } html body header.visible-md.visible-lg .cp-header-actions .btn-group{ position:relative!important; } html body header.visible-md.visible-lg .cp-header-actions .dropdown-menu{ display:none; position:absolute!important; right:0!important; left:auto!important; top:calc(100% + 10px)!important; min-width:230px!important; width:230px!important; max-height:none!important; overflow:visible!important; padding:10px!important; margin:0!important; background:#fff!important; border:1px solid rgba(86,50,29,.12)!important; border-radius:18px!important; box-shadow:0 18px 42px rgba(67,35,16,.18)!important; z-index:1000000!important; } html body header.visible-md.visible-lg .cp-header-actions .btn-group.open > .dropdown-menu, html body header.visible-md.visible-lg .cp-header-actions .dropdown.open > .dropdown-menu{ display:block!important; } html body header.visible-md.visible-lg .cp-header-actions .dropdown-menu li a{ display:block!important; padding:10px 12px!important; border-radius:12px!important; color:#3b2417!important; font-size:13px!important; font-weight:700!important; line-height:18px!important; white-space:nowrap!important; background:transparent!important; } html body header.visible-md.visible-lg .cp-header-actions .dropdown-menu li a:hover{ background:#fff2e8!important; color:#ff3c00!important; } html body header.visible-md.visible-lg .cp-header-actions .dropdown-menu .divider{ margin:7px 0!important; background:rgba(86,50,29,.10)!important; } } /* ===== /CINSPATI HEADER DROPDOWN FIX ===== */ /* ===== CINSPATI USER DROPDOWN FINAL FIX ===== */ @media (min-width:992px){ html body header.visible-md.visible-lg, html body header.visible-md.visible-lg .sticky, html body header.visible-md.visible-lg .cp-header-shell, html body header.visible-md.visible-lg .cp-desktop-header-row, html body header.visible-md.visible-lg .cp-header-actions, html body header.visible-md.visible-lg .cp-user-menu-wrap{ overflow:visible!important; } html body header.visible-md.visible-lg .cp-user-menu-wrap{ position:relative!important; z-index:2147483000!important; } html body header.visible-md.visible-lg .cp-user-menu-wrap.open .cp-user-dropdown-menu, html body header.visible-md.visible-lg .cp-user-menu-wrap.open > ul.dropdown-menu, html body header.visible-md.visible-lg .cp-header-actions .btn-group.open > ul.dropdown-menu{ display:block!important; visibility:visible!important; opacity:1!important; height:auto!important; min-height:0!important; max-height:none!important; overflow:visible!important; position:absolute!important; top:calc(100% + 12px)!important; right:0!important; left:auto!important; width:245px!important; min-width:245px!important; padding:10px!important; background:#fff!important; border:1px solid rgba(86,50,29,.12)!important; border-radius:18px!important; box-shadow:0 18px 42px rgba(67,35,16,.22)!important; z-index:2147483001!important; } html body header.visible-md.visible-lg .cp-user-dropdown-menu li{ display:block!important; float:none!important; width:100%!important; height:auto!important; } html body header.visible-md.visible-lg .cp-user-dropdown-menu li a{ display:block!important; width:100%!important; padding:10px 12px!important; line-height:18px!important; border-radius:12px!important; color:#3b2417!important; background:transparent!important; font-size:13px!important; font-weight:800!important; text-shadow:none!important; white-space:nowrap!important; } html body header.visible-md.visible-lg .cp-user-dropdown-menu li a:hover{ background:#fff2e8!important; color:#ff3c00!important; } html body header.visible-md.visible-lg .cp-user-dropdown-menu .divider{ display:block!important; height:1px!important; margin:7px 0!important; overflow:hidden!important; background:rgba(86,50,29,.10)!important; } } /* ===== /CINSPATI USER DROPDOWN FINAL FIX ===== */ /* ===== CINSPATI HEADER FINAL ALIGN FIX 2026-05-07 ===== */ @media (min-width: 992px){ html body header.visible-md.visible-lg{ background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; padding: 0 !important; } html body header.visible-md.visible-lg .cp-header-shell{ width: min(860px, calc(100vw - 48px)) !important; height: 84px !important; min-height: 84px !important; margin: 28px auto 18px auto !important; padding: 0 !important; background: #fff !important; border-radius: 22px !important; border: 1px solid rgba(85,45,25,.08) !important; box-shadow: 0 18px 40px rgba(75,42,20,.08) !important; overflow: visible !important; position: relative !important; z-index: 99999 !important; } html body header.visible-md.visible-lg .cp-desktop-header-row{ width: 100% !important; height: 84px !important; min-height: 84px !important; margin: 0 !important; padding: 0 !important; display: block !important; position: relative !important; overflow: visible !important; } html body header.visible-md.visible-lg .cp-header-logo{ position: absolute !important; left: 58px !important; top: 50% !important; transform: translateY(-50%) !important; width: 150px !important; height: auto !important; margin: 0 !important; padding: 0 !important; float: none !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; } html body header.visible-md.visible-lg .cp-header-logo .logo, html body header.visible-md.visible-lg .cp-header-logo a{ display: flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; } html body header.visible-md.visible-lg .cp-header-logo img{ width: 115px !important; max-width: 115px !important; height: auto !important; display: block !important; } html body header.visible-md.visible-lg .cp-header-search{ position: absolute !important; left: 255px !important; top: 50% !important; transform: translateY(-50%) !important; width: 350px !important; max-width: 350px !important; height: 44px !important; margin: 0 !important; padding: 0 !important; float: none !important; display: block !important; } html body header.visible-md.visible-lg .cp-header-search form{ width: 100% !important; height: 44px !important; margin: 0 !important; padding: 0 !important; display: block !important; } html body header.visible-md.visible-lg .cp-header-search .ara{ width: 100% !important; height: 44px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; gap: 8px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; position: relative !important; } html body header.visible-md.visible-lg .cp-header-search .ara input.form-control, html body header.visible-md.visible-lg .cp-header-search .ara input{ flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; height: 38px !important; line-height: 38px !important; margin: 0 !important; padding: 0 18px !important; border-radius: 999px !important; border: 1px solid rgba(80,45,28,.14) !important; background: #fff !important; box-shadow: 0 8px 18px rgba(60,35,18,.06) !important; color: #5b402e !important; font-size: 12px !important; font-weight: 700 !important; } html body header.visible-md.visible-lg .cp-header-search .ara .input-group-btn{ flex: 0 0 44px !important; width: 44px !important; height: 44px !important; min-width: 44px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; position: static !important; } html body header.visible-md.visible-lg .cp-header-search .ara button, html body header.visible-md.visible-lg .cp-header-search .ara .btn{ width: 42px !important; height: 42px !important; min-width: 42px !important; margin: 0 !important; padding: 0 !important; border-radius: 50% !important; border: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient(135deg,#ff9b18,#ff3600) !important; color: #fff !important; box-shadow: 0 10px 22px rgba(255,83,0,.22) !important; } html body header.visible-md.visible-lg .cp-header-search .ara button i{ font-size: 22px !important; line-height: 1 !important; margin: 0 !important; } html body header.visible-md.visible-lg .cp-header-actions, html body header.visible-md.visible-lg .uyelik.cp-header-actions{ position: absolute !important; right: 48px !important; top: 50% !important; bottom: auto !important; left: auto !important; transform: translateY(-50%) !important; width: 205px !important; min-width: 205px !important; max-width: 205px !important; height: 58px !important; min-height: 58px !important; max-height: 58px !important; margin: 0 !important; padding: 0 !important; float: none !important; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-content: center !important; align-items: center !important; justify-content: flex-end !important; gap: 6px !important; overflow: visible !important; text-align: right !important; z-index: 2147483000 !important; } html body header.visible-md.visible-lg .cp-header-actions > a.header_link, html body header.visible-md.visible-lg .cp-header-actions > .btn-group > a.header_link, html body header.visible-md.visible-lg .cp-header-actions > a.yeni_mesaj{ height: 24px !important; min-height: 24px !important; line-height: 24px !important; padding: 0 11px !important; margin: 0 !important; border-radius: 999px !important; background: linear-gradient(135deg,#ff6e0b,#ff3000) !important; color: #fff !important; border: 0 !important; box-shadow: 0 8px 18px rgba(255,77,0,.18) !important; font-size: 11px !important; font-weight: 900 !important; text-shadow: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } html body header.visible-md.visible-lg .cp-header-actions > .btn-group{ display: inline-flex !important; align-items: center !important; justify-content: center !important; position: relative !important; height: 24px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } html body header.visible-md.visible-lg .cp-header-actions > a.yeni_mesaj{ width: 32px !important; min-width: 32px !important; padding: 0 !important; } html body header.visible-md.visible-lg .cp-header-actions > a.btn-primary.btn-header:not(#sm_ara_buton), html body header.visible-md.visible-lg .cp-header-actions > a.btn-header:not(#sm_ara_buton){ order: 20 !important; flex: 0 0 138px !important; width: 138px !important; height: 30px !important; min-height: 30px !important; line-height: 30px !important; margin: 0 0 0 auto !important; padding: 0 13px !important; border-radius: 12px !important; background: linear-gradient(135deg,#ff7214,#f02c00) !important; color: #fff !important; border: 0 !important; box-shadow: 0 12px 24px rgba(244,64,0,.24) !important; font-size: 13px !important; font-weight: 900 !important; text-align: center !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } html body header.visible-md.visible-lg .cp-header-actions #sm_ara_buton{ display: none !important; } html body header.visible-md.visible-lg .cp-user-menu-wrap.open .cp-user-dropdown-menu, html body header.visible-md.visible-lg .cp-user-menu-wrap.open > ul.dropdown-menu, html body header.visible-md.visible-lg .cp-header-actions .btn-group.open > ul.dropdown-menu{ top: calc(100% + 10px) !important; right: 0 !important; left: auto !important; transform: none !important; } } /* ===== /CINSPATI HEADER FINAL ALIGN FIX 2026-05-07 ===== */ /* ===== CINSPATI HEADER TRUE FINAL SIZE FIX 2026-05-07 ===== */ @media (min-width: 992px){ html body header.visible-md.visible-lg, html body header.visible-md.visible-lg > .container, html body header.visible-md.visible-lg > .sticky, html body header.visible-md.visible-lg > .sticky > .container, html body header.visible-md.visible-lg .cp-header-shell{ background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin-left: auto !important; margin-right: auto !important; overflow: visible !important; } html body header.visible-md.visible-lg .cp-header-shell{ width: 100% !important; display: flex !important; justify-content: center !important; } html body header.visible-md.visible-lg .cp-desktop-header-row{ box-sizing: border-box !important; width: 1000px !important; max-width: calc(100vw - 170px) !important; min-height: 92px !important; height: 92px !important; margin: 0 auto !important; padding: 0 38px !important; background: #fff !important; border-radius: 24px !important; border: 1px solid rgba(84,45,23,.08) !important; box-shadow: 0 18px 42px rgba(74,39,18,.12) !important; display: grid !important; grid-template-columns: 175px minmax(350px, 1fr) 220px !important; column-gap: 28px !important; align-items: center !important; overflow: visible !important; float: none !important; left: auto !important; right: auto !important; transform: none !important; } html body header.visible-md.visible-lg .cp-header-logo, html body header.visible-md.visible-lg .cp-header-search, html body header.visible-md.visible-lg .cp-header-actions{ position: relative !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; transform: none !important; float: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } html body header.visible-md.visible-lg .cp-header-logo{ width: 175px !important; min-width: 175px !important; height: auto !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; } html body header.visible-md.visible-lg .cp-header-logo .logo, html body header.visible-md.visible-lg .cp-header-logo a{ display: flex !important; align-items: center !important; justify-content: flex-start !important; width: auto !important; height: auto !important; margin: 0 !important; } html body header.visible-md.visible-lg .cp-header-logo img{ width: 112px !important; max-width: 112px !important; height: auto !important; display: block !important; } html body header.visible-md.visible-lg .cp-header-search{ width: 100% !important; min-width: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; } html body header.visible-md.visible-lg .cp-header-search form{ width: 100% !important; max-width: 430px !important; margin: 0 auto !important; display: block !important; } html body header.visible-md.visible-lg .cp-header-search .ara{ width: 100% !important; height: 44px !important; display: flex !important; align-items: center !important; border-radius: 999px !important; background: #fff !important; border: 1px solid rgba(84,45,23,.13) !important; box-shadow: 0 10px 24px rgba(74,39,18,.08) !important; overflow: visible !important; } html body header.visible-md.visible-lg .cp-header-search .ara input, html body header.visible-md.visible-lg .cp-header-search .ara input.form-control{ height: 42px !important; line-height: 42px !important; border: 0 !important; box-shadow: none !important; background: transparent !important; border-radius: 999px 0 0 999px !important; padding: 0 20px !important; font-size: 13px !important; font-weight: 800 !important; width: calc(100% - 50px) !important; } html body header.visible-md.visible-lg .cp-header-search .ara .input-group-btn{ width: 50px !important; min-width: 50px !important; height: 50px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: -3px -6px -3px 0 !important; } html body header.visible-md.visible-lg .cp-header-search .ara button, html body header.visible-md.visible-lg .cp-header-search .ara .btn{ width: 50px !important; height: 50px !important; min-width: 50px !important; min-height: 50px !important; border-radius: 50% !important; border: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; background: linear-gradient(135deg,#ff9a18,#ff3600) !important; color: #fff !important; box-shadow: 0 12px 24px rgba(255,83,0,.24) !important; } html body header.visible-md.visible-lg .cp-header-actions, html body header.visible-md.visible-lg .uyelik.cp-header-actions{ width: 220px !important; min-width: 220px !important; max-width: 220px !important; height: 58px !important; min-height: 58px !important; max-height: none !important; display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-content: center !important; align-items: center !important; justify-content: flex-end !important; gap: 6px !important; text-align: right !important; z-index: 999999 !important; } html body header.visible-md.visible-lg .cp-header-actions > a.header_link, html body header.visible-md.visible-lg .cp-header-actions > .btn-group > a.header_link, html body header.visible-md.visible-lg .cp-header-actions > a.yeni_mesaj{ height: 24px !important; min-height: 24px !important; line-height: 24px !important; padding: 0 11px !important; margin: 0 !important; border-radius: 999px !important; background: linear-gradient(135deg,#ff6e0b,#ff3000) !important; color: #fff !important; border: 0 !important; box-shadow: 0 8px 18px rgba(255,77,0,.18) !important; font-size: 11px !important; font-weight: 900 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } html body header.visible-md.visible-lg .cp-header-actions > .btn-group{ position: relative !important; display: inline-flex !important; height: 24px !important; overflow: visible !important; } html body header.visible-md.visible-lg .cp-header-actions > a.yeni_mesaj{ width: 32px !important; min-width: 32px !important; padding: 0 !important; } html body header.visible-md.visible-lg .cp-header-actions > a.btn-primary.btn-header:not(#sm_ara_buton), html body header.visible-md.visible-lg .cp-header-actions > a.btn-header:not(#sm_ara_buton){ flex: 0 0 138px !important; width: 138px !important; height: 30px !important; min-height: 30px !important; line-height: 30px !important; margin: 0 0 0 auto !important; padding: 0 13px !important; border-radius: 12px !important; background: linear-gradient(135deg,#ff7214,#f02c00) !important; color: #fff !important; border: 0 !important; box-shadow: 0 12px 24px rgba(244,64,0,.24) !important; font-size: 13px !important; font-weight: 900 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } html body header.visible-md.visible-lg .cp-header-actions #sm_ara_buton{display:none!important;} html body header.visible-md.visible-lg .cp-user-menu-wrap.open .cp-user-dropdown-menu, html body header.visible-md.visible-lg .cp-header-actions .btn-group.open > ul.dropdown-menu{ top: calc(100% + 10px) !important; right: 0 !important; left: auto !important; width: 220px !important; min-width: 220px !important; height: auto !important; max-height: none !important; overflow: visible !important; border-radius: 16px !important; z-index: 2147483647 !important; } } /* ===== /CINSPATI HEADER TRUE FINAL SIZE FIX 2026-05-07 ===== */ /* ===== CINSPATI HEADER KESIN DUZELTME - 2026-05-07 ===== Amaç: Yuvarlak beyaz header kartı içinde logo solda, arama ortada, üyelik/ilan butonları sağda; hiçbir buton kart dışına taşmaz. */ @media (min-width: 992px){ html body header.visible-md.visible-lg, html body header.visible-md.visible-lg.standart, html body header.visible-md.visible-lg .sticky, html body header.visible-md.visible-lg > .container, html body header.visible-md.visible-lg > .sticky > .container{ width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; overflow:visible !important; } html body header.visible-md.visible-lg{ padding-top:28px !important; padding-bottom:22px !important; position:relative !important; z-index:99999 !important; } html body header.visible-md.visible-lg .cp-header-shell{ width:min(1100px, calc(100vw - 120px)) !important; max-width:1100px !important; margin:0 auto !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; overflow:visible !important; position:relative !important; } html body header.visible-md.visible-lg .cp-desktop-header-row{ box-sizing:border-box !important; width:100% !important; min-height:112px !important; height:112px !important; margin:0 !important; padding:0 44px !important; background:#fff !important; border:1px solid rgba(84,45,23,.08) !important; border-radius:28px !important; box-shadow:0 18px 46px rgba(74,39,18,.12) !important; display:grid !important; grid-template-columns:170px minmax(360px, 1fr) 245px !important; column-gap:32px !important; align-items:center !important; justify-content:stretch !important; overflow:visible !important; position:relative !important; float:none !important; left:auto !important; right:auto !important; top:auto !important; bottom:auto !important; transform:none !important; } html body header.visible-md.visible-lg .cp-header-logo, html body header.visible-md.visible-lg .cp-header-search, html body header.visible-md.visible-lg .cp-header-actions, html body header.visible-md.visible-lg .uyelik.cp-header-actions{ position:relative !important; left:auto !important; right:auto !important; top:auto !important; bottom:auto !important; transform:none !important; float:none !important; margin:0 !important; padding:0 !important; box-sizing:border-box !important; overflow:visible !important; } html body header.visible-md.visible-lg .cp-header-logo{ grid-column:1 !important; width:170px !important; min-width:170px !important; max-width:170px !important; height:112px !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; } html body header.visible-md.visible-lg .cp-header-logo .logo, html body header.visible-md.visible-lg .cp-header-logo a{ display:flex !important; align-items:center !important; justify-content:flex-start !important; width:auto !important; height:auto !important; margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; } html body header.visible-md.visible-lg .cp-header-logo img{ width:122px !important; max-width:122px !important; height:auto !important; max-height:72px !important; display:block !important; } html body header.visible-md.visible-lg .cp-header-search{ grid-column:2 !important; width:100% !important; min-width:0 !important; max-width:none !important; height:52px !important; display:flex !important; align-items:center !important; justify-content:center !important; } html body header.visible-md.visible-lg .cp-header-search form{ width:100% !important; max-width:460px !important; height:52px !important; margin:0 auto !important; padding:0 !important; display:block !important; } html body header.visible-md.visible-lg .cp-header-search .ara{ width:100% !important; height:52px !important; margin:0 !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:8px !important; background:transparent !important; border:0 !important; box-shadow:none !important; border-radius:0 !important; overflow:visible !important; } html body header.visible-md.visible-lg .cp-header-search .ara input, html body header.visible-md.visible-lg .cp-header-search .ara input.form-control{ flex:1 1 auto !important; width:auto !important; min-width:0 !important; height:44px !important; line-height:44px !important; margin:0 !important; padding:0 20px !important; border:1px solid rgba(84,45,23,.13) !important; border-radius:999px !important; background:#fff !important; box-shadow:0 10px 24px rgba(74,39,18,.08) !important; color:#5b402e !important; font-size:13px !important; font-weight:800 !important; } html body header.visible-md.visible-lg .cp-header-search .ara .input-group-btn{ flex:0 0 52px !important; width:52px !important; min-width:52px !important; height:52px !important; margin:0 !important; padding:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; position:static !important; } html body header.visible-md.visible-lg .cp-header-search .ara button, html body header.visible-md.visible-lg .cp-header-search .ara .btn{ width:50px !important; min-width:50px !important; height:50px !important; min-height:50px !important; margin:0 !important; padding:0 !important; border:0 !important; border-radius:50% !important; display:flex !important; align-items:center !important; justify-content:center !important; background:linear-gradient(135deg,#ff9a18,#ff3600) !important; color:#fff !important; box-shadow:0 12px 24px rgba(255,83,0,.24) !important; } html body header.visible-md.visible-lg .cp-header-search .ara button i, html body header.visible-md.visible-lg .cp-header-search .ara .btn i{ margin:0 !important; font-size:22px !important; line-height:1 !important; } html body header.visible-md.visible-lg .cp-header-actions, html body header.visible-md.visible-lg .uyelik.cp-header-actions{ grid-column:3 !important; width:245px !important; min-width:245px !important; max-width:245px !important; height:76px !important; min-height:76px !important; max-height:76px !important; display:flex !important; flex-direction:row !important; flex-wrap:wrap !important; align-content:center !important; align-items:center !important; justify-content:flex-end !important; gap:7px !important; text-align:right !important; white-space:normal !important; z-index:2147483000 !important; } html body header.visible-md.visible-lg .cp-header-actions > a.header_link, html body header.visible-md.visible-lg .cp-header-actions > .btn-group > a.header_link, html body header.visible-md.visible-lg .cp-header-actions > a.yeni_mesaj{ flex:0 0 auto !important; height:27px !important; min-height:27px !important; line-height:27px !important; margin:0 !important; padding:0 12px !important; border:0 !important; border-radius:999px !important; background:linear-gradient(135deg,#ff6e0b,#ff3000) !important; color:#fff !important; box-shadow:0 8px 18px rgba(255,77,0,.18) !important; font-size:11px !important; font-weight:900 !important; text-shadow:none !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; } html body header.visible-md.visible-lg .cp-header-actions > .btn-group{ flex:0 0 auto !important; height:27px !important; margin:0 !important; padding:0 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; position:relative !important; overflow:visible !important; z-index:2147483001 !important; } html body header.visible-md.visible-lg .cp-header-actions > a.yeni_mesaj{ width:34px !important; min-width:34px !important; padding:0 !important; } html body header.visible-md.visible-lg .cp-header-actions > a.btn-primary.btn-header:not(#sm_ara_buton), html body header.visible-md.visible-lg .cp-header-actions > a.btn-header:not(#sm_ara_buton){ order:20 !important; flex:0 0 150px !important; width:150px !important; min-width:150px !important; max-width:150px !important; height:34px !important; min-height:34px !important; line-height:34px !important; margin:0 0 0 auto !important; padding:0 14px !important; border:0 !important; border-radius:13px !important; background:linear-gradient(135deg,#ff7214,#f02c00) !important; color:#fff !important; box-shadow:0 12px 24px rgba(244,64,0,.24) !important; font-size:13px !important; font-weight:900 !important; text-shadow:none !important; text-align:center !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; } html body header.visible-md.visible-lg .cp-header-actions #sm_ara_buton{ display:none !important; } html body header.visible-md.visible-lg .cp-user-menu-wrap.open .cp-user-dropdown-menu, html body header.visible-md.visible-lg .cp-user-menu-wrap.open > ul.dropdown-menu, html body header.visible-md.visible-lg .cp-header-actions .btn-group.open > ul.dropdown-menu{ display:block !important; visibility:visible !important; opacity:1 !important; height:auto !important; max-height:none !important; overflow:visible !important; position:absolute !important; top:calc(100% + 10px) !important; right:0 !important; left:auto !important; width:230px !important; min-width:230px !important; padding:10px !important; background:#fff !important; border:1px solid rgba(86,50,29,.12) !important; border-radius:18px !important; box-shadow:0 18px 42px rgba(67,35,16,.22) !important; z-index:2147483647 !important; } } @media (min-width:992px) and (max-width:1199px){ html body header.visible-md.visible-lg .cp-header-shell{ width:min(980px, calc(100vw - 70px)) !important; } html body header.visible-md.visible-lg .cp-desktop-header-row{ padding:0 34px !important; grid-template-columns:150px minmax(300px, 1fr) 230px !important; column-gap:22px !important; } html body header.visible-md.visible-lg .cp-header-logo, html body header.visible-md.visible-lg .cp-header-logo img{ max-width:112px !important; } html body header.visible-md.visible-lg .cp-header-search form{ max-width:400px !important; } html body header.visible-md.visible-lg .cp-header-actions, html body header.visible-md.visible-lg .uyelik.cp-header-actions{ width:230px !important; min-width:230px !important; max-width:230px !important; } } /* ===== /CINSPATI HEADER KESIN DUZELTME ===== */ /* HEADER KÜÇÜLTME */ @media (min-width:992px){ html body header.visible-md.visible-lg { padding-top: 10px !important; padding-bottom: 10px !important; margin-bottom: 10px !important; } html body header.visible-md.visible-lg .cp-desktop-header-row, html body header.visible-md.visible-lg .row.cp-desktop-header-row, html body header.visible-md.visible-lg div.cp-desktop-header-row { min-height: 80px !important; height: auto !important; max-height: none !important; padding-top: 10px !important; padding-bottom: 10px !important; align-items: center !important; overflow: visible !important; } html body header.visible-md.visible-lg .cp-header-logo img, html body header.visible-md.visible-lg .logo img, html body header.visible-md.visible-lg img.img-responsive { max-height: 48px !important; max-width: 150px !important; height: auto !important; width: auto !important; display: block !important; } html body header.visible-md.visible-lg .ara, html body header.visible-md.visible-lg div.ara, html body header.visible-md.visible-lg .input-group.ara { height: 36px !important; max-height: 36px !important; } html body header.visible-md.visible-lg .ara input, html body header.visible-md.visible-lg .ara input.form-control { height: 34px !important; max-height: 34px !important; font-size: 13px !important; padding: 0 14px !important; } html body header.visible-md.visible-lg .ara .input-group-btn, html body header.visible-md.visible-lg .ara span.input-group-btn { height: 34px !important; width: 38px !important; } html body header.visible-md.visible-lg .ara button, html body header.visible-md.visible-lg .ara .btn, html body header.visible-md.visible-lg .ara button.btn-default { height: 34px !important; width: 34px !important; min-width: 34px !important; max-height: 34px !important; padding: 0 !important; line-height: 34px !important; } html body header.visible-md.visible-lg .ara button i, html body header.visible-md.visible-lg .ara .btn i { font-size: 17px !important; line-height: 34px !important; margin: 0 !important; } /* Üyelik alanı - butonlar taşmasın */ html body header.visible-md.visible-lg .uyelik, html body header.visible-md.visible-lg .cp-header-actions { display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-end !important; gap: 5px !important; height: auto !important; overflow: visible !important; } html body header.visible-md.visible-lg .uyelik > a.header_link, html body header.visible-md.visible-lg .cp-header-actions > a.header_link, html body header.visible-md.visible-lg .uyelik > .btn-group > a.header_link { height: 28px !important; line-height: 28px !important; font-size: 12px !important; padding: 0 10px !important; display: inline-block !important; } html body header.visible-md.visible-lg .uyelik > a.btn-header, html body header.visible-md.visible-lg .uyelik > a.btn-primary.btn-header, html body header.visible-md.visible-lg .cp-header-actions > a.btn-header, html body header.visible-md.visible-lg .cp-header-actions > a.btn-primary.btn-header { height: 30px !important; line-height: 30px !important; font-size: 12px !important; padding: 0 12px !important; display: inline-block !important; flex: 0 0 auto !important; } } /* FOOTER METNİ DÜZELTMESİ */ footer p:not(.yazilim) { background: none !important; border: none !important; color: rgba(255,255,255,0.85) !important; padding: 0 !important; margin: 0 0 10px 0 !important; } /* SOL MENÜ ALT KATEGORİ HOVER AÇILIR/KAPANIR */ ul.ana_menu li.dropdown > ul { display: none !important; position: absolute; left: 100%; top: 0; background: #fff; border: 1px solid #eee; border-radius: 12px !important; box-shadow: 0 8px 24px rgba(0,0,0,0.10); min-width: 200px; z-index: 9999; padding: 6px 0; } ul.ana_menu li.dropdown { position: relative; } ul.ana_menu li.dropdown:hover > ul { display: block !important; } ul.ana_menu li.dropdown > ul li a { padding: 6px 16px !important; font-size: 13px !important; font-weight: 500 !important; line-height: 24px !important; display: block; color: #444 !important; white-space: nowrap; } ul.ana_menu li.dropdown > ul li a:hover { background: #fff5ee !important; color: #f7931e !important; } ul.ana_menu li.dropdown > ul li { border-bottom: 1px solid #f5f5f5 !important; } ul.ana_menu li.dropdown > ul li:last-child { border-bottom: 0 !important; } /* Ok işareti ekle - alt kategorisi olan kategorilere */ ul.ana_menu li.dropdown > a::after { content: ' ›'; float: right; color: #bbb; font-size: 16px; line-height: 1; } /* Cinspati kategori emoji ikon desteği */ .cinspati-kategori-emoji{display:inline-block;text-align:center;vertical-align:middle;font-style:normal;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;} #mobil_ozel_menu .ikon .cinspati-kategori-emoji{font-size:20px!important;width:36px!important;height:36px!important;line-height:36px!important;text-align:center;background:#666;color:#fff;border-radius:100%;display:block;} .kategori_menu .cinspati-kategori-emoji,.sol_menu .cinspati-kategori-emoji,header .cinspati-kategori-emoji{margin-right:5px;} ul.renkli_menu .cinspati-kategori-emoji{display:block;margin:0 auto 5px auto;font-size:26px;line-height:32px;} .nav-tabs .cinspati-kategori-emoji{margin-right:5px;} /* Cinspati modern masaüstü ana sayfa düzeni - 07.05.2026 */ @media (min-width: 992px) { html body { background:#fbfaf8 !important; } html body .container.mt20 { width: min(1460px, calc(100% - 44px)) !important; max-width:1460px !important; margin-top:28px !important; } html body .cp-home-layout { display:flex !important; align-items:flex-start !important; gap:30px !important; } html body .cp-home-layout:before, html body .cp-home-layout:after {display:none !important;} html body .cp-home-sidebar { order:2 !important; width:300px !important; min-width:300px !important; max-width:300px !important; float:none !important; padding:0 !important; position:relative !important; top:22px !important; z-index:10 !important; } html body .cp-home-main { order:1 !important; flex:1 1 auto !important; width:auto !important; max-width:none !important; float:none !important; padding:0 !important; } html body .cp-home-subgrid {margin-left:-12px !important;margin-right:-12px !important;} html body .cp-home-subgrid > [class*='col-'] {padding-left:12px !important;padding-right:12px !important;} html body .cp-home-hero { background:#fff !important; border:1px solid rgba(32,24,18,.08) !important; border-radius:24px !important; padding:34px 34px 36px !important; margin:0 0 28px !important; box-shadow:0 18px 42px rgba(48,32,18,.08) !important; overflow:hidden !important; position:relative !important; } html body .cp-home-hero:after { content:"🐾"; position:absolute; right:42px; top:18px; font-size:98px; opacity:.055; transform:rotate(-14deg); pointer-events:none; } html body .cp-home-hero-title { font-size:28px !important; line-height:1.2 !important; font-weight:900 !important; color:#171717 !important; letter-spacing:-.03em !important; } html body .cp-home-hero-line { width:54px !important; height:4px !important; border-radius:999px !important; background:#ff5b00 !important; margin:18px 0 30px !important; } html body .cp-home-hero-form { display:flex !important; align-items:center !important; gap:18px !important; max-width:760px !important; } html body .cp-home-hero-form input { flex:1 1 auto !important; height:58px !important; border:1px solid #e8e4dd !important; border-radius:16px !important; padding:0 18px !important; font-size:15px !important; font-weight:600 !important; color:#232323 !important; background:#fff !important; outline:none !important; box-shadow:none !important; } html body .cp-home-hero-form input:focus { border-color:rgba(255,91,0,.42) !important; box-shadow:0 0 0 5px rgba(255,91,0,.08) !important; } html body .cp-home-hero-form button { flex:0 0 auto !important; height:58px !important; min-width:126px !important; border-radius:16px !important; border:0 !important; background:linear-gradient(135deg,#ff6b00,#ff3d00) !important; color:#fff !important; font-size:16px !important; font-weight:900 !important; box-shadow:0 14px 26px rgba(255,72,0,.24) !important; } html body .cp-home-sidebar .bilesen { background:#fffaf2 !important; border:1px solid rgba(32,24,18,.08) !important; border-radius:26px !important; box-shadow:0 18px 42px rgba(48,32,18,.10) !important; padding:16px !important; overflow:visible !important; } html body .cp-home-sidebar ul.ana_menu { padding:0 !important; margin:0 !important; list-style:none !important; overflow:visible !important; } html body .cp-home-sidebar ul.ana_menu li {position:relative !important;margin:0 !important;border:0 !important;} html body .cp-home-sidebar ul.ana_menu li.cizgi { height:1px !important; background:#eee5da !important; margin:14px 0 !important; padding:0 !important; border:0 !important; } html body .cp-home-sidebar ul.ana_menu > li > a { display:flex !important; align-items:center !important; min-height:58px !important; line-height:20px !important; width:100% !important; background:#fff !important; border:1px solid #ece7df !important; border-radius:18px !important; margin:0 0 12px 0 !important; padding:12px 54px 12px 50px !important; color:#1c1c1c !important; font-size:16px !important; font-weight:900 !important; text-decoration:none !important; box-shadow:0 8px 20px rgba(48,32,18,.06) !important; transition:.18s ease !important; white-space:normal !important; } html body .cp-home-sidebar ul.ana_menu > li:first-child > a { background:#fff0dc !important; border-color:#ffe0b8 !important; } html body .cp-home-sidebar ul.ana_menu > li > a:hover { transform:translateX(-2px) !important; border-color:#ffd7ad !important; background:#fff6ec !important; } html body .cp-home-sidebar ul.ana_menu > li > a i, html body .cp-home-sidebar ul.ana_menu > li > a .cinspati-kategori-emoji { position:absolute !important; left:14px !important; top:50% !important; transform:translateY(-50%) !important; width:30px !important; height:30px !important; line-height:30px !important; border-radius:12px !important; background:transparent !important; color:#ff5b00 !important; text-align:center !important; font-size:22px !important; margin:0 !important; font-style:normal !important; } html body .cp-home-sidebar ul.ana_menu > li > span.toplam { position:absolute !important; right:14px !important; top:50% !important; transform:translateY(-50%) !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:34px !important; height:25px !important; padding:0 8px !important; border-radius:999px !important; background:#fff3e6 !important; color:#ff3d00 !important; font-size:13px !important; font-weight:900 !important; z-index:2 !important; } html body .cp-home-sidebar ul.ana_menu li.dropdown > a::after { content:'›' !important; position:absolute !important; right:60px !important; top:50% !important; transform:translateY(-50%) !important; float:none !important; color:#c7c0b7 !important; font-size:26px !important; line-height:1 !important; } html body .cp-home-sidebar ul.ana_menu li.dropdown > ul { right:calc(100% + 10px) !important; left:auto !important; top:0 !important; min-width:240px !important; border-radius:18px !important; padding:8px !important; border:1px solid #ece7df !important; box-shadow:0 16px 38px rgba(48,32,18,.14) !important; background:#fff !important; z-index:99999 !important; } html body .cp-home-sidebar ul.ana_menu li.dropdown > ul li a { border:0 !important; box-shadow:none !important; min-height:0 !important; margin:0 !important; border-radius:12px !important; padding:9px 12px !important; font-size:13px !important; font-weight:700 !important; color:#333 !important; white-space:nowrap !important; background:#fff !important; } html body .cp-home-sidebar ul.ana_menu li.dropdown > ul li a:hover { background:#fff4e9 !important; color:#ff4b00 !important; transform:none !important; } html body .bilesen, html body .panel, html body .well, html body .thumbnail { border-radius:24px !important; border-color:#eee8df !important; box-shadow:0 12px 30px rgba(48,32,18,.07) !important; } html body .bilesen .baslik h3, html body .panel-heading, html body h3 { font-weight:900 !important; color:#171717 !important; } html body .liste, html body .ilan_listeleme .liste, html body .vitrin .liste { border-radius:16px !important; overflow:hidden !important; background:#fff !important; box-shadow:0 10px 28px rgba(48,32,18,.08) !important; } html body .liste img, html body .ilan_listeleme img, html body .thumbnail img { border-radius:14px !important; } } /* Cinspati masaüstü genel sayfa düzeni: menü/sidebar sağda - 07.05.2026 */ @media (min-width: 992px) { html body .container.mt20 > .row:has(> .sidebar) { display:flex !important; align-items:flex-start !important; } html body .container.mt20 > .row:has(> .sidebar):before, html body .container.mt20 > .row:has(> .sidebar):after {display:none !important;} html body .container.mt20 > .row:has(> .sidebar) > .sidebar { order:2 !important; float:none !important; margin-left:auto !important; } html body .container.mt20 > .row:has(> .sidebar) > [class*="col-md-"]:not(.sidebar) { order:1 !important; float:none !important; } } /* Cinspati alt slider düzeni */ .cins-alt-slider-wrap{margin-top:20px;margin-bottom:28px;width:100%;} .cins-alt-slider-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;width:100%;align-items:stretch;} .cins-alt-slider-col{min-width:0;} .cins-alt-slider-box{position:relative;overflow:hidden;border-radius:20px;background:#f7f7f7;box-shadow:0 8px 22px rgba(0,0,0,.08);height:280px;width:100%;} .cins-alt-slider-box img,.cins-alt-slider-box a{width:100%;height:100%;display:block;} .cins-alt-slider-box img{object-fit:cover;border-radius:20px;} .cins-alt-slider-box .slidesjs-container,.cins-alt-slider-box .slidesjs-control{width:100%!important;height:280px!important;} .cins-alt-slider-box .slidesjs-navigation{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:42px;height:42px;line-height:42px;text-align:center;background:rgba(255,255,255,.92);color:#ff5a00!important;text-decoration:none!important;border-radius:50%;box-shadow:0 4px 14px rgba(0,0,0,.14);font-size:24px;} .cins-alt-slider-box .slidesjs-previous{left:14px;} .cins-alt-slider-box .slidesjs-next{right:14px;} .cins-alt-slider-box .slidesjs-pagination{position:absolute;left:0;right:0;bottom:14px;z-index:25;text-align:center;margin:0;padding:0;list-style:none;} .cins-alt-slider-box .slidesjs-pagination li{display:inline-block;margin:0 4px;} .cins-alt-slider-box .slidesjs-pagination li a{display:block;width:9px;height:9px;border-radius:50%;background:#fff;text-indent:-9999px;opacity:.9;} .cins-alt-slider-box .slidesjs-pagination li a.active{background:#ff5a00;} @media (max-width:991px){.cins-alt-slider-grid{gap:14px}.cins-alt-slider-box{height:220px}.cins-alt-slider-box .slidesjs-container,.cins-alt-slider-box .slidesjs-control{height:220px!important}} @media (max-width:767px){.cins-alt-slider-wrap{margin-top:14px;margin-bottom:20px}.cins-alt-slider-grid{grid-template-columns:1fr;gap:12px}.cins-alt-slider-box{height:190px;border-radius:16px}.cins-alt-slider-box img{border-radius:16px}.cins-alt-slider-box .slidesjs-container,.cins-alt-slider-box .slidesjs-control{height:190px!important}.cins-alt-slider-box .slidesjs-navigation{width:36px;height:36px;line-height:36px;font-size:20px}} /* Cinspati son ana sayfa tasarım düzeltmeleri - 07.05.2026 */ @media (min-width: 992px) { /* Sağ kategori alanı: sabit, daha küçük ve başlıksız görünüm */ html body .cp-home-sidebar { width: 260px !important; min-width: 260px !important; max-width: 260px !important; position:relative !important; top: 18px !important; align-self: flex-start !important; } html body .cp-home-sidebar .bilesen { padding: 12px !important; border-radius: 22px !important; box-shadow: 0 12px 32px rgba(48,32,18,.08) !important; } html body .cp-home-sidebar .baslik, html body .cp-home-sidebar .baslik h3, html body .cp-home-sidebar h3:first-child { display: none !important; } html body .cp-home-sidebar ul.ana_menu > li > a { min-height: 46px !important; margin-bottom: 9px !important; padding: 9px 48px 9px 42px !important; border-radius: 14px !important; font-size: 13px !important; line-height: 17px !important; } html body .cp-home-sidebar ul.ana_menu > li > a i, html body .cp-home-sidebar ul.ana_menu > li > a .cinspati-kategori-emoji { left: 11px !important; width: 24px !important; height: 24px !important; line-height: 24px !important; font-size: 18px !important; } html body .cp-home-sidebar ul.ana_menu > li > span.toplam { right: 10px !important; min-width: 28px !important; height: 22px !important; font-size: 12px !important; padding: 0 6px !important; } html body .cp-home-sidebar ul.ana_menu li.dropdown > a::after { right: 46px !important; font-size: 22px !important; } /* Üst ana slider: alt sliderlarla aynı modern kart dili */ html body #slides, html body #slides .slidesjs-container, html body #slides .slidesjs-control { width: 100% !important; border-radius: 22px !important; overflow: hidden !important; } html body #slides img { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: 22px !important; } html body .cp-home-main > .bilesen:first-of-type, html body .cp-home-main #slides.closest { border-radius: 22px !important; } html body #slides .slidesjs-navigation, html body .slidesjs-navigation { width: 40px !important; height: 40px !important; line-height: 40px !important; border-radius: 50% !important; background: rgba(255,255,255,.94) !important; color: #ff5b00 !important; box-shadow: 0 6px 16px rgba(48,32,18,.14) !important; text-align: center !important; z-index: 30 !important; } html body #slides .slidesjs-pagination { position: absolute !important; left: 0 !important; right: 0 !important; bottom: 16px !important; z-index: 35 !important; text-align: center !important; margin: 0 !important; padding: 0 !important; } html body #slides .slidesjs-pagination li { display: inline-block !important; float: none !important; margin: 0 4px !important; } html body #slides .slidesjs-pagination li a { display: block !important; width: 9px !important; height: 9px !important; border-radius: 50% !important; background: #fff !important; opacity: .95 !important; text-indent: -9999px !important; } html body #slides .slidesjs-pagination li a.active { background:#ff5b00 !important; } /* Alt sağ/sol slider: iki bağımsız kart, ortada gölge yok */ html body .cins-alt-slider-wrap { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin-top: 18px !important; } html body .cins-alt-slider-grid { gap: 18px !important; } html body .cins-alt-slider-box { height: 250px !important; border-radius: 22px !important; box-shadow: 0 10px 26px rgba(48,32,18,.09) !important; } html body .cins-alt-slider-box img, html body .cins-alt-slider-box .slidesjs-container, html body .cins-alt-slider-box .slidesjs-control { height: 250px !important; border-radius: 22px !important; } /* İlan kartları: örnek görseldeki modern kart görünümü */ html body .ilan_listeleme { background:#fff !important; border:1px solid #eee8df !important; border-radius:24px !important; padding:20px 18px 10px !important; box-shadow:0 12px 32px rgba(48,32,18,.07) !important; } html body .ilan_listeleme > .baslik { display:flex !important; align-items:center !important; justify-content:space-between !important; margin:0 0 18px !important; padding:0 !important; border:0 !important; font-size:24px !important; font-weight:900 !important; color:#171717 !important; } html body .ilan_listeleme > .baslik:before { content:'🐾' !important; color:#ff5b00 !important; margin-right:10px !important; font-size:23px !important; } html body .ilan_listeleme > .baslik a { height:38px !important; line-height:38px !important; border:1px solid #eee8df !important; border-radius:14px !important; padding:0 14px !important; color:#1d1d1d !important; font-size:13px !important; font-weight:800 !important; background:#fff !important; text-decoration:none !important; } html body .ilan_listeleme .liste { border:1px solid #eee8df !important; border-radius:16px !important; overflow:hidden !important; background:#fff !important; box-shadow:0 8px 22px rgba(48,32,18,.07) !important; transition:.18s ease !important; margin-bottom:20px !important; } html body .ilan_listeleme .liste:hover { transform: translateY(-3px) !important; box-shadow:0 14px 30px rgba(48,32,18,.10) !important; } html body .ilan_listeleme .liste .r_ust { display:block !important; height:180px !important; overflow:hidden !important; border-radius:16px 16px 0 0 !important; position:relative !important; } html body .ilan_listeleme .liste .r_ust img { width:100% !important; height:100% !important; object-fit:cover !important; border-radius:16px 16px 0 0 !important; } html body .ilan_listeleme .liste h3 { min-height:0 !important; margin:12px 12px 4px !important; padding:0 !important; font-size:15px !important; line-height:20px !important; font-weight:900 !important; } html body .ilan_listeleme .liste h3 a { color:#171717 !important;text-decoration:none !important; } html body .ilan_listeleme .liste .il_ilce { margin:0 12px 14px !important; font-size:12px !important; font-weight:700 !important; color:#777 !important; } html body .ilan_listeleme .liste .fiyat_layer { right:12px !important; bottom:10px !important; top:auto !important; left:auto !important; border-radius:12px !important; background:#ff5b00 !important; color:#fff !important; font-weight:900 !important; padding:6px 10px !important; } } @media (max-width: 991px) { html body .cins-alt-slider-wrap { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; } } /* Cinspati sağ ana sayfa listesi sabit takip etmesin - 07.05.2026 */ @media (min-width: 992px) { html body .cp-home-sidebar, html body .cp-home-sidebar .bilesen { position: relative !important; top: auto !important; bottom: auto !important; } } /* Cinspati footer ortalama düzeltmesi - 07.05.2026 */ html body footer, html body footer .container, html body footer .row, html body footer [class*="col-"] { text-align: center !important; } html body footer .row { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; } html body footer [class*="col-"] { float: none !important; display: inline-block !important; vertical-align: top !important; } html body footer ul, html body footer ol { list-style: none !important; padding-left: 0 !important; margin-left: auto !important; margin-right: auto !important; text-align: center !important; } html body footer li, html body footer li a, html body footer .baslik, html body footer p, html body footer .iletisim, html body footer .iletisim .baslik, html body footer .iletisim .buton { text-align: center !important; } html body footer .pull-right { float: none !important; display: inline-block !important; margin-left: auto !important; margin-right: auto !important; } html body footer .iletisim .buton { display: inline-block !important; margin-left: auto !important; margin-right: auto !important; } html body footer p:not(.yazilim) { max-width: 980px !important; margin-left: auto !important; margin-right: auto !important; text-align: center !important; } @media (max-width: 991px) { html body footer .row { display: block !important; } html body footer [class*="col-"] { width: 100% !important; display: block !important; } } /* ── CinsPati İlan Sayfası Tema Güncellemeleri ── */ /* 1. Breadcrumb (Anasayfa / Kedi) */ .ilan .gri { background: linear-gradient(135deg,#fff4ee,#fff9f5) !important; border-bottom: 2px solid #ffe0cc !important; } .ilan .gri .breadcrumb li a { color: #ff6b35 !important; font-weight: 600; } .ilan .gri .breadcrumb li.active { color: #c0440f !important; font-weight: 700; } .ilan .gri .breadcrumb>li+li:before { color: #ffaa80 !important; } /* 2. Fotoğrafı büyüt / Video bar */ .cp-galeri-bar { display: flex; align-items: center; gap: 8px; padding: 8px 10px; background: linear-gradient(135deg,#fff4ee,#fff9f5); border-bottom: 1px solid #ffe0cc; } .cp-galeri-btn { display: inline-flex; align-items: center; gap: 5px; padding: 5px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; color: #ff6b35 !important; background: #fff; border: 1.5px solid #ffcaaa; text-decoration: none !important; transition: all .2s; cursor: pointer; } .cp-galeri-btn:hover { background: #ff6b35; color: #fff !important; border-color: #ff6b35; } .cp-galeri-btn i { font-size: 15px; margin-right: 2px; } .cp-galeri-btn-video { color: #e04400 !important; border-color: #ffb080; } .cp-galeri-btn-video:hover { background: linear-gradient(135deg,#ff6b35,#e04400); border-color: transparent; color: #fff !important; } .cp-galeri-btn-disabled { display: inline-flex; align-items: center; gap: 5px; padding: 5px 14px; border-radius: 20px; font-size: 13px; font-weight: 600; color: #ccc !important; background: #fafafa; border: 1.5px solid #eee; cursor: default; } .cp-galeri-btn-disabled i { font-size: 15px; margin-right: 2px; } /* 3. Adres satırı (İstanbul / Bağcılar / Kirazlı Mah.) */ .ilan ul.adres.cp-adres { border-bottom: 2px solid #ffe0cc !important; padding-bottom: 8px !important; margin-bottom: 10px !important; } .ilan ul.adres.cp-adres li { color: #ff6b35 !important; font-weight: 700 !important; font-size: 13px; } .ilan ul.adres.cp-adres li a { color: #ff6b35 !important; text-decoration: none; transition: color .15s; } .ilan ul.adres.cp-adres li a:hover { color: #c04400 !important; text-decoration: underline; } .ilan ul.adres.cp-adres li:not(:last-child):after { color: #ffaa80 !important; } /* 3b. Detay tablosu (İlan No, İlan Tarihi, Yaş, Cinsiyet vb.) */ .ilan table.detay.cp-detay-table { border-radius: 10px; overflow: hidden; border: 1px solid #ffe0cc !important; margin-bottom: 12px; } .ilan table.detay.cp-detay-table tr { border-bottom: 1px solid #ffe8d6 !important; } .ilan table.detay.cp-detay-table tr:last-child { border-bottom: 0 !important; } .ilan table.detay.cp-detay-table tr:nth-child(odd) { background: #fff9f5; } .ilan table.detay.cp-detay-table tr:nth-child(even) { background: #fff4ee; } .ilan table.detay.cp-detay-table th { color: #a04020 !important; font-weight: 700; padding: 6px 10px !important; font-size: 12px; text-transform: uppercase; letter-spacing: .3px; } .ilan table.detay.cp-detay-table td { color: #333 !important; font-weight: 600; padding: 6px 10px !important; } .ilan table.detay.cp-detay-table td[style*="color:red"] { color: #ff6b35 !important; } /* 4a. Favorilere ekle butonu */ .cp-fav-btn { display: inline-flex; align-items: center; gap: 4px; padding: 5px 14px; border-radius: 20px; font-size: 13px; font-weight: 700; color: #ff6b35 !important; border: 1.5px solid #ffcaaa; background: #fff; text-decoration: none !important; transition: all .2s; margin-right: 8px; float: left; margin-top: -3px; } .cp-fav-btn:hover { background: #ff6b35; color: #fff !important; border-color: #ff6b35; } .cp-fav-btn i { font-size: 15px; margin-right: 0; } .cp-fav-btn.cp-fav-active { background: linear-gradient(135deg,#ff6b35,#ff9500); color: #fff !important; border-color: transparent; } .cp-fav-btn.cp-fav-active:hover { background: linear-gradient(135deg,#e04400,#e07800); } /* 4b. Sosyal medya paylaşım ikonları */ .cp-sosyal-grup { display: inline-flex; align-items: center; gap: 5px; } .cp-s-btn { display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 8px; color: #fff !important; font-size: 14px; text-decoration: none !important; transition: transform .15s, opacity .15s; } .cp-s-btn i { margin: 0 !important; } .cp-s-btn:hover { transform: translateY(-2px); opacity: .88; } .cp-s-btn.cp-s-fb { background: #1877f2; } .cp-s-btn.cp-s-tw { background: #1da1f2; } .cp-s-btn.cp-s-wp { background: #25d366; } /* Ust satırı hizala */ .ilan .ust { padding-bottom: 12px; margin-bottom: 14px; border-bottom: 2px solid #ffe0cc; } .ilan .ust .col-md-11 { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 4px; padding-top: 2px; } /* ── Başlık hizalama düzeltmesi ── */ .ilan .ust { display: flex; align-items: center; padding-bottom: 12px; margin-bottom: 14px; border-bottom: 2px solid #ffe0cc; } .ilan .ust .row { width: 100%; margin: 0; display: flex; align-items: center; } .ilan .ust .col-md-31 { display: flex; align-items: center; } .ilan .ust h1 { margin: 0; padding: 0; line-height: 1.3; max-height: none; overflow: visible; white-space: normal; } /* ── Mobil: cp-sidebar her zaman görünsün ── */ @media (max-width: 991px) { .cp-sidebar { display: block !important; margin-top: 20px; } .cp-owner-card { margin-bottom: 10px; } .cp-meta-strip { font-size: 11px; } .cp-contact-btn { padding: 10px 12px; font-size: 13px; } } /* ── Başlık yukarıda durma sorunu ── */ .ilan .ust .ilan-baslik { padding-top: 0 !important; margin-top: 0 !important; } /* WhatsApp ile Yaz butonu (Mesaj Gönder altı) */ .cp-btn-wp2 { background: linear-gradient(135deg,#25D366,#128C7E); display:flex; align-items:center; padding:11px 14px; border-radius:10px; margin-bottom:8px; text-decoration:none !important; transition:transform .15s,box-shadow .15s; font-weight:600; font-size:14px; color:#fff !important; border:none; cursor:pointer; } .cp-btn-wp2:hover { transform:translateY(-1px); box-shadow:0 6px 18px rgba(0,0,0,.15); color:#fff !important; } .cp-btn-wp2 .cp-btn-icon { width:34px; height:34px; border-radius:8px; background:rgba(255,255,255,.25); display:flex; align-items:center; justify-content:center; font-size:17px; margin-right:10px; flex-shrink:0; } .cp-btn-wp2 .cp-btn-text { line-height:1.2; } .cp-btn-wp2 .cp-btn-text small { display:block; font-size:11px; font-weight:400; opacity:.85; } @media (max-width: 767px) { .mobil_fixed_iletisim { display:none !important; } } /* Cinspati mobil kategori tasarımı - kart görünümü */ @media (max-width: 991px) { html body #mobil_ozel_menu.container-fluid.visible-xs.visible-sm { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px !important; margin: 14px 12px 18px !important; padding: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; overflow: visible !important; } html body #mobil_ozel_menu a.cp-mobile-cat-card { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: space-between !important; min-height: 142px !important; margin: 0 !important; padding: 22px 16px 18px !important; border: 0 !important; border-radius: 24px !important; color: #352115 !important; text-decoration: none !important; box-shadow: 0 12px 28px rgba(71,39,21,.08) !important; overflow: hidden !important; transform: translateZ(0) !important; } html body #mobil_ozel_menu a.cp-mobile-cat-card:before, html body #mobil_ozel_menu a.cp-mobile-cat-card:after { content: "🐾" !important; position: absolute !important; color: rgba(255,255,255,.38) !important; font-size: 28px !important; line-height: 1 !important; pointer-events: none !important; } html body #mobil_ozel_menu a.cp-mobile-cat-card:before {right: 18px !important;top: 18px !important;} html body #mobil_ozel_menu a.cp-mobile-cat-card:after {right: 58px !important;bottom: 32px !important;font-size: 22px !important;} html body #mobil_ozel_menu a.cp-mobile-cat-card:nth-of-type(1) {background: linear-gradient(135deg,#ffe2dc,#ffd2c9) !important;} html body #mobil_ozel_menu a.cp-mobile-cat-card:nth-of-type(2) {background: linear-gradient(135deg,#fff0d1,#ffe4b7) !important;} html body #mobil_ozel_menu a.cp-mobile-cat-card:nth-of-type(3) {background: linear-gradient(135deg,#eadcff,#dfccff) !important;} html body #mobil_ozel_menu a.cp-mobile-cat-card:nth-of-type(4) {background: linear-gradient(135deg,#dff2ff,#cae9ff) !important;} html body #mobil_ozel_menu a.cp-mobile-cat-card:nth-of-type(5) {background: linear-gradient(135deg,#daf8ed,#c7f0e2) !important;} html body #mobil_ozel_menu a.cp-mobile-cat-card:nth-of-type(6) {background: linear-gradient(135deg,#e3f4d8,#d6ecc9) !important;} html body #mobil_ozel_menu a.cp-mobile-cat-card:nth-of-type(7) { grid-column: 1 / -1 !important; min-height: 92px !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 16px !important; background: linear-gradient(135deg,#eadbff,#e0ccff) !important; } html body #mobil_ozel_menu .cp-mobile-cat-icon { width: 62px !important; height: 62px !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 2px solid rgba(255,255,255,.82) !important; border-radius: 999px !important; background: rgba(255,255,255,.22) !important; box-shadow: none !important; z-index: 1 !important; } html body #mobil_ozel_menu .cp-mobile-cat-icon i, html body #mobil_ozel_menu .cp-mobile-cat-icon .cinspati-kategori-emoji { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 46px !important; height: 46px !important; line-height: 46px !important; margin: 0 !important; border-radius: 999px !important; background: transparent !important; color: inherit !important; font-size: 32px !important; box-shadow: none !important; } html body #mobil_ozel_menu .cp-mobile-cat-title { position: relative !important; z-index: 1 !important; margin-top: 18px !important; font-size: 19px !important; line-height: 1.15 !important; font-weight: 900 !important; color: #352115 !important; } html body #mobil_ozel_menu a.cp-mobile-cat-card:nth-of-type(7) .cp-mobile-cat-title {margin-top: 0 !important;} html body #mobil_ozel_menu .cp-mobile-cat-arrow { position: absolute !important; right: 16px !important; bottom: 18px !important; z-index: 2 !important; width: 44px !important; height: 44px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 999px !important; background: rgba(255,255,255,.94) !important; box-shadow: 0 8px 18px rgba(71,39,21,.08) !important; color: #ff5b55 !important; font-size: 16px !important; } html body #mobil_ozel_menu a.cp-mobile-cat-card:nth-of-type(7) .cp-mobile-cat-arrow {top: 50% !important;bottom: auto !important;transform: translateY(-50%) !important;} html body #mobil_ozel_menu .alt_kategoriler, html body #mobil_ozel_menu a.cp-mobile-cat-card .row, html body #mobil_ozel_menu a.cp-mobile-cat-card [class*="col-xs-"] {display: none !important;} } @media (max-width: 360px) { html body #mobil_ozel_menu.container-fluid.visible-xs.visible-sm {gap: 10px !important;margin-left: 10px !important;margin-right: 10px !important;} html body #mobil_ozel_menu a.cp-mobile-cat-card {min-height: 126px !important;padding: 18px 13px 16px !important;border-radius: 20px !important;} html body #mobil_ozel_menu .cp-mobile-cat-title {font-size: 17px !important;} html body #mobil_ozel_menu .cp-mobile-cat-icon {width: 54px !important;height: 54px !important;} html body #mobil_ozel_menu .cp-mobile-cat-arrow {width: 38px !important;height: 38px !important;} } /* Cinspati mobil kategori sıra düzeltmesi: boş ilk satır ve 7. kart özel satır iptal */ @media (max-width: 991px) { html body #mobil_ozel_menu.container-fluid.visible-xs.visible-sm { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-flow: row dense !important; align-items: stretch !important; margin-top: 8px !important; padding-top: 0 !important; } html body #mobil_ozel_menu a.cp-mobile-cat-card, html body #mobil_ozel_menu a.cp-mobile-cat-card:nth-of-type(7) { grid-column: auto !important; min-height: 142px !important; flex-direction: column !important; align-items: flex-start !important; justify-content: space-between !important; gap: 0 !important; } html body #mobil_ozel_menu a.cp-mobile-cat-card:nth-of-type(7) { background: linear-gradient(135deg,#eadbff,#e0ccff) !important; } html body #mobil_ozel_menu a.cp-mobile-cat-card:nth-of-type(7) .cp-mobile-cat-title { margin-top: 18px !important; } html body #mobil_ozel_menu a.cp-mobile-cat-card:nth-of-type(7) .cp-mobile-cat-arrow { top: auto !important; bottom: 18px !important; transform: none !important; } } @media (max-width: 360px) { html body #mobil_ozel_menu a.cp-mobile-cat-card, html body #mobil_ozel_menu a.cp-mobile-cat-card:nth-of-type(7) { min-height: 126px !important; } } /* Cinspati mobil kategori son düzeltme: Bootstrap boş hücreyi kaldır + 7. kartı geniş tut */ @media (max-width: 991px) { html body #mobil_ozel_menu.container-fluid.visible-xs.visible-sm:before, html body #mobil_ozel_menu.container-fluid.visible-xs.visible-sm:after { content: none !important; display: none !important; } html body #mobil_ozel_menu.container-fluid.visible-xs.visible-sm { grid-auto-flow: row !important; } html body #mobil_ozel_menu a.cp-mobile-cat-card:nth-of-type(7) { grid-column: 1 / -1 !important; min-height: 92px !important; flex-direction: row !important; align-items: center !important; justify-content: flex-start !important; gap: 16px !important; background: linear-gradient(135deg,#eadbff,#e0ccff) !important; } html body #mobil_ozel_menu a.cp-mobile-cat-card:nth-of-type(7) .cp-mobile-cat-title { margin-top: 0 !important; padding-right: 58px !important; } html body #mobil_ozel_menu a.cp-mobile-cat-card:nth-of-type(7) .cp-mobile-cat-arrow { top: 50% !important; right: 16px !important; bottom: auto !important; transform: translateY(-50%) !important; } } @media (max-width: 360px) { html body #mobil_ozel_menu a.cp-mobile-cat-card:nth-of-type(7) { min-height: 84px !important; } } /* Cinspati mobil vitrin/ilan/urun tema dokunuslari - 08.05.2026 */ @media (max-width: 991px) { html body { background: radial-gradient(circle at 10% 8%, rgba(255,148,83,.16), transparent 26%), radial-gradient(circle at 92% 18%, rgba(255,88,86,.10), transparent 24%), linear-gradient(180deg,#fffaf5 0%,#fff6ef 45%,#fffaf7 100%) !important; } /* Mobilde bolum basliklari: Acil Yuva, Vitrin Ilanlari, Ilanlar vb. */ html body .bilesen.ilan_listeleme > .baslik, html body .bilesen.ilan_listeleme > .baslik.alternatif, html body .ilan_listeleme > .baslik, html body .panel.beyaz > .panel-heading, html body .panel.cins > .panel-heading, html body .sayfa_baslik, html body .arsiv .panel.beyaz .panel-heading { display:flex !important; align-items:center !important; justify-content:center !important; text-align:center !important; gap:8px !important; width:100% !important; margin:18px auto 14px !important; padding:0 12px !important; border:0 !important; background:transparent !important; box-shadow:none !important; color:#2d211b !important; font-size:22px !important; line-height:1.18 !important; font-weight:900 !important; letter-spacing:-.35px !important; } html body .bilesen.ilan_listeleme > .baslik:before, html body .ilan_listeleme > .baslik:before, html body .panel.beyaz > .panel-heading:before, html body .panel.cins > .panel-heading:before, html body .sayfa_baslik:before, html body .arsiv .panel.beyaz .panel-heading:before { content:'🐾' !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; width:30px !important; height:30px !important; border-radius:999px !important; background:linear-gradient(135deg,#ff9b37,#ff5a55) !important; color:#fff !important; font-size:17px !important; box-shadow:0 8px 18px rgba(255,91,0,.20) !important; flex:0 0 auto !important; } html body .bilesen.ilan_listeleme > .baslik h3, html body .bilesen.ilan_listeleme > .baslik.alternatif h3, html body .panel-heading h3 { margin:0 !important; padding:0 !important; background:transparent !important; color:#2d211b !important; font-size:22px !important; line-height:1.18 !important; font-weight:900 !important; } html body .bilesen.ilan_listeleme > .baslik h3:before, html body .bilesen .baslik h3:before { content:none !important; } html body .bilesen.ilan_listeleme > .baslik a, html body .ilan_listeleme > .baslik a, html body .bilesen .baslik .pull-right, html body .bilesen .baslik a.pull-right { display:none !important; } /* Vitrin / Acil Yuva / Ilan kartlari: mevcut boyut ve fontu koruyup temaya uydur */ html body .bilesen.ilan_listeleme, html body .bilesen.ilan_listeleme.yatay, html body .panel.beyaz, html body .panel.cins, html body .arsiv .panel.beyaz { background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; margin:12px 0 20px !important; overflow:visible !important; } html body .bilesen.ilan_listeleme > .row, html body .arsiv .panel-body > .row, html body .panel.beyaz > .panel-body > .row { margin-left:-6px !important; margin-right:-6px !important; } html body .bilesen.ilan_listeleme > .row > [class*='col-'], html body .arsiv .panel-body > .row > [class*='col-'], html body .panel.beyaz > .panel-body > .row > [class*='col-'] { padding-left:6px !important; padding-right:6px !important; } html body .ilan_listeleme .liste, html body .liste, html body .thumbnail, html body .urun, html body .magaza_liste, html body .vitrin .liste { position:relative !important; background:rgba(255,255,255,.96) !important; border:1px solid rgba(244,223,207,.98) !important; border-radius:22px !important; box-shadow:0 12px 26px rgba(71,39,21,.08) !important; overflow:hidden !important; padding:8px !important; margin-bottom:14px !important; transform:none !important; } html body .ilan_listeleme .liste:before, html body .liste:before, html body .thumbnail:before { content:'' !important; position:absolute !important; inset:0 !important; background:linear-gradient(135deg,rgba(255,237,226,.55),rgba(255,255,255,0) 42%) !important; pointer-events:none !important; z-index:0 !important; } html body .ilan_listeleme .liste > *, html body .liste > *, html body .thumbnail > * { position:relative !important; z-index:1 !important; } html body .ilan_listeleme .liste .r_ust, html body .liste .r_ust, html body .thumbnail > a, html body .thumbnail .resim { display:block !important; border-radius:18px !important; overflow:hidden !important; background:#fff5ef !important; } html body .ilan_listeleme .liste img, html body .liste img, html body .thumbnail img { width:100% !important; object-fit:cover !important; border-radius:18px !important; box-shadow:none !important; } html body .ilan_listeleme .liste h3, html body .liste h3, html body .thumbnail h3 { margin:9px 5px 3px !important; padding:0 !important; color:#2d211b !important; font-weight:900 !important; } html body .ilan_listeleme .liste h3 a, html body .liste h3 a, html body .thumbnail h3 a { color:#2d211b !important; text-decoration:none !important; } html body .ilan_listeleme .liste .il_ilce, html body .liste .il_ilce, html body .adres, html body .magaza_bilesen_baslik { color:#8a7163 !important; font-weight:700 !important; } html body .fiyat_layer, html body .fiyat_layer2, html body .liste .fiyat, html body .fiyat_mobil { background:linear-gradient(135deg,#ff8a33,#ff5755) !important; color:#fff !important; border-radius:999px !important; padding:6px 10px !important; font-weight:900 !important; box-shadow:0 8px 18px rgba(255,91,0,.22) !important; } /* Yatay/ikili vitrin kartlari mobilde daha temiz dursun */ html body .ilan_listeleme.yatay .liste.yatay, html body .liste.yatay { border-radius:20px !important; padding:8px !important; min-height:92px !important; } html body .ilan_listeleme.yatay .liste.yatay img, html body .liste.yatay img { height:76px !important; border-radius:16px !important; } html body .ilan_listeleme.yatay .liste.yatay h3, html body .liste.yatay h3 { margin:2px 0 5px !important; font-size:14px !important; line-height:18px !important; } /* Mobil sayfa araliklari */ html body .container.mt20, html body .container { padding-left:10px !important; padding-right:10px !important; } html body .bilesen + .bilesen, html body .panel + .panel { margin-top:18px !important; } } @media (max-width: 480px) { html body .bilesen.ilan_listeleme > .baslik, html body .ilan_listeleme > .baslik, html body .panel.beyaz > .panel-heading, html body .panel.cins > .panel-heading, html body .sayfa_baslik, html body .arsiv .panel.beyaz .panel-heading { font-size:20px !important; margin-top:16px !important; margin-bottom:12px !important; } html body .bilesen.ilan_listeleme > .baslik h3, html body .bilesen.ilan_listeleme > .baslik.alternatif h3, html body .panel-heading h3 { font-size:20px !important; } html body .ilan_listeleme .liste, html body .liste, html body .thumbnail { border-radius:20px !important; padding:7px !important; } html body .ilan_listeleme .liste .r_ust, html body .liste .r_ust, html body .thumbnail > a { border-radius:16px !important; } html body .ilan_listeleme .liste img, html body .liste img, html body .thumbnail img { border-radius:16px !important; } } /* ===== CINSPATI ILANLARIM DROPDOWN TASMA FIX ===== */ .profil.arsiv .panel.tab, .profil.arsiv .panel.tab .panel-body, .profil.arsiv table.liste, .profil.arsiv table.liste tbody, .profil.arsiv table.liste tr, .profil.arsiv table.liste td{ overflow:visible!important; } .profil.arsiv table.liste .btn-group{ position:relative!important; overflow:visible!important; } .profil.arsiv table.liste .dropdown-menu{ z-index:9999!important; min-width:170px!important; } .profil.arsiv table.liste td:last-child{ position:relative!important; z-index:5!important; } .profil.arsiv table.liste tr:hover td:last-child, .profil.arsiv table.liste .btn-group.open{ z-index:9998!important; } /* ===== /CINSPATI ILANLARIM DROPDOWN TASMA FIX ===== */ /* ===== CINSPATI MOBIL KATEGORI ILAN KARTLARI ===== */ @media (max-width:767px){ html body .arsiv:not(.profil){ background:#fff3ee!important; } html body .arsiv:not(.profil) .col-md-33, html body .arsiv:not(.profil) .col-md-9{ width:100%!important; float:none!important; padding-left:10px!important; padding-right:10px!important; } html body .arsiv:not(.profil) .panel.tab{ background:transparent!important; border:0!important; box-shadow:none!important; overflow:visible!important; margin-top:10px!important; } html body .arsiv:not(.profil) .panel.tab>.panel-heading{ background:#fff!important; border:1px solid rgba(255,92,31,.13)!important; border-radius:22px!important; box-shadow:0 10px 24px rgba(255,92,31,.10)!important; margin-bottom:12px!important; padding:12px!important; } html body .arsiv:not(.profil) .panel.tab>.panel-heading .sag{ float:none!important; width:100%!important; display:block!important; } html body .arsiv:not(.profil) .panel.tab>.panel-heading select#jump{ width:100%!important; height:44px!important; border-radius:16px!important; border:1px solid rgba(255,92,31,.20)!important; background:#fff!important; color:#313131!important; font-weight:800!important; padding:0 12px!important; box-shadow:none!important; } html body .arsiv:not(.profil) .panel.tab>.panel-body{ padding:0!important; background:transparent!important; } html body .arsiv:not(.profil) table.liste, html body .arsiv:not(.profil) table.liste tbody, html body .arsiv:not(.profil) table.liste tr, html body .arsiv:not(.profil) table.liste td{ display:block!important; width:100%!important; border:0!important; background:transparent!important; } html body .arsiv:not(.profil) table.liste{ padding:0!important; margin:0!important; box-shadow:none!important; border:0!important; border-radius:0!important; overflow:visible!important; } html body .arsiv:not(.profil) table.liste thead{ display:none!important; } html body .arsiv:not(.profil) table.liste tr.satir_link{ position:relative!important; min-height:132px!important; margin:0 0 12px!important; padding:14px 13px 13px 132px!important; border-radius:24px!important; background:#fff!important; border:1px solid rgba(255,92,31,.13)!important; box-shadow:0 10px 24px rgba(70,38,22,.08)!important; overflow:hidden!important; } html body .arsiv:not(.profil) table.liste tr.satir_link:active{ transform:scale(.992)!important; } html body .arsiv:not(.profil) table.liste tr.satir_link>td:first-child{ position:absolute!important; left:14px!important; top:14px!important; width:104px!important; padding:0!important; } html body .arsiv:not(.profil) table.liste tr.satir_link>td:first-child a{ display:block!important; width:104px!important; height:104px!important; border-radius:20px!important; overflow:hidden!important; background:#fff!important; border:1px solid #f0e5df!important; box-shadow:0 7px 18px rgba(71,39,21,.06)!important; } html body .arsiv:not(.profil) table.liste tr.satir_link img.resim{ width:104px!important; height:104px!important; min-width:104px!important; max-width:104px!important; object-fit:cover!important; border-radius:20px!important; margin:0!important; } html body .arsiv:not(.profil) table.liste td.baslik_td{ padding:0!important; min-height:104px!important; } html body .arsiv:not(.profil) table.liste td.baslik_td .baslik, html body .arsiv:not(.profil) table.liste td.baslik_td .baslik a{ display:block!important; max-width:100%!important; color:#083f72!important; font-size:17px!important; line-height:21px!important; font-weight:900!important; text-decoration:none!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } html body .arsiv:not(.profil) table.liste td.baslik_td .baslik{ margin:4px 0 8px!important; } html body .arsiv:not(.profil) table.liste .fiyat_mobil{ display:inline-flex!important; align-items:center!important; min-height:30px!important; margin:0 0 8px!important; padding:5px 10px!important; border-radius:999px!important; background:#fff3ee!important; color:#ff4b14!important; font-size:14px!important; line-height:18px!important; font-weight:900!important; box-shadow:none!important; } html body .arsiv:not(.profil) table.liste .fiyat_mobil:empty{ display:none!important; } html body .arsiv:not(.profil) table.liste .s_mesaj_tablo{ display:inline-flex!important; align-items:center!important; height:26px!important; padding:0 9px!important; border-radius:999px!important; background:#eaf8ef!important; color:#1d9b46!important; font-size:13px!important; font-weight:900!important; } html body .arsiv:not(.profil) table.liste .il_ilce, html body .arsiv:not(.profil) table.liste .il_ilce_mobil{ display:flex!important; align-items:center!important; gap:6px!important; margin:0 0 6px!important; color:#555!important; font-size:13px!important; line-height:18px!important; font-weight:700!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; } html body .arsiv:not(.profil) table.liste .il_ilce span:not(:empty):before, html body .arsiv:not(.profil) table.liste .il_ilce_mobil span:not(:empty):before{ content:'\f041'; font-family:'FontAwesome'; margin-right:4px; color:#ff4b14; } html body .arsiv:not(.profil) table.liste .ilan_tarih_mobil{ display:flex!important; align-items:center!important; gap:6px!important; color:#666!important; font-size:12px!important; line-height:16px!important; font-weight:700!important; } html body .arsiv:not(.profil) table.liste .ilan_tarih_mobil i{ color:#ff4b14!important; margin-right:0!important; } html body .arsiv:not(.profil) table.liste .etiket{ position:absolute!important; right:12px!important; top:12px!important; border-radius:999px!important; box-shadow:0 7px 15px rgba(255,92,31,.12)!important; } html body .arsiv:not(.profil) table.liste tr.vitrin{ border-color:rgba(255,92,31,.24)!important; box-shadow:0 12px 26px rgba(255,92,31,.12)!important; } html body .arsiv:not(.profil) table.liste tr:not(.satir_link){ display:none!important; } html body .arsiv:not(.profil) .filtre_mobil_scroll .panel, html body .arsiv:not(.profil) .panel.filtre{ border-radius:20px!important; border:1px solid rgba(255,92,31,.13)!important; box-shadow:0 8px 20px rgba(70,38,22,.07)!important; } html body .arsiv:not(.profil) #filtre_panel_buton{ border-radius:17px!important; height:46px!important; background:linear-gradient(135deg,#ff4b14,#ff7a18)!important; box-shadow:0 10px 20px rgba(255,92,31,.18)!important; font-weight:900!important; } } /* ===== /CINSPATI MOBIL KATEGORI ILAN KARTLARI ===== */ /* ===== CINSPATI MOBIL KATEGORI ILAN KARTI ORTA HIZA + TEK BILGI FIX ===== */ @media (max-width:767px){ html body .arsiv:not(.profil) table.liste tr.satir_link{ min-height:132px!important; padding:16px 14px 16px 130px!important; display:flex!important; align-items:center!important; } html body .arsiv:not(.profil) table.liste tr.satir_link > td{ display:none!important; } html body .arsiv:not(.profil) table.liste tr.satir_link > td:first-child, html body .arsiv:not(.profil) table.liste tr.satir_link > td.baslik_td{ display:block!important; } html body .arsiv:not(.profil) table.liste tr.satir_link > td:first-child{ position:absolute!important; left:16px!important; top:50%!important; transform:translateY(-50%)!important; width:96px!important; height:96px!important; padding:0!important; } html body .arsiv:not(.profil) table.liste tr.satir_link > td:first-child a, html body .arsiv:not(.profil) table.liste tr.satir_link img.resim{ width:96px!important; height:96px!important; min-width:96px!important; max-width:96px!important; border-radius:18px!important; object-fit:cover!important; } html body .arsiv:not(.profil) table.liste td.baslik_td{ width:100%!important; min-height:96px!important; padding:0 8px 0 0!important; display:flex!important; flex-direction:column!important; justify-content:center!important; align-items:center!important; text-align:center!important; } html body .arsiv:not(.profil) table.liste td.baslik_td .baslik, html body .arsiv:not(.profil) table.liste td.baslik_td .baslik a{ text-align:center!important; font-size:17px!important; line-height:21px!important; margin:0 0 8px!important; } html body .arsiv:not(.profil) table.liste td.baslik_td .visible-xs{ display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; width:100%!important; } html body .arsiv:not(.profil) table.liste .fiyat_mobil, html body .arsiv:not(.profil) table.liste .fiyat_mobil:empty{ display:none!important; } html body .arsiv:not(.profil) table.liste .il_ilce, html body .arsiv:not(.profil) table.liste .il_ilce_mobil{ justify-content:center!important; margin:0 0 7px!important; font-size:13px!important; line-height:17px!important; font-weight:800!important; max-width:100%!important; } html body .arsiv:not(.profil) table.liste .ilan_tarih_mobil{ justify-content:center!important; font-size:13px!important; line-height:17px!important; font-weight:800!important; } html body .arsiv:not(.profil) table.liste td.baslik_td > .clearfix, html body .arsiv:not(.profil) table.liste td.baslik_td > .etiket{ display:none!important; } } /* ===== /CINSPATI MOBIL KATEGORI ILAN KARTI ORTA HIZA + TEK BILGI FIX ===== */ /* Cinspati kategori vitrin bilgi kutusu düzeni */ .arsiv table.liste tr.cp-vitrin-promo td.vitrin_mesaj, .arsiv table.liste tr.vitrin td.vitrin_mesaj { padding:8px 10px !important; background:#f8fafc; border-top:1px solid #e7edf5; border-bottom:1px solid #e7edf5; } .arsiv table.liste td.vitrin_mesaj .vitrin_promo_box { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:42px; padding:8px 12px; background:#ffffff; border:1px solid #e6ebf2; border-radius:8px; box-shadow:0 2px 8px rgba(30,45,70,.05); color:#4f5f73; text-align:center; } .arsiv table.liste td.vitrin_mesaj .vitrin_promo_badge { display:inline-block; padding:4px 9px; border-radius:20px; background:#eef5ff; color:#2f6fbd; font-size:12px; line-height:14px; font-weight:800; letter-spacing:.2px; } .arsiv table.liste td.vitrin_mesaj strong { margin:0; font-size:14px; line-height:18px; font-weight:800; color:#24364b; } .arsiv table.liste td.vitrin_mesaj .vitrin_promo_box > span:last-child { font-size:13px; line-height:17px; font-weight:600; color:#718096; } .arsiv table.liste tr.cp-vitrin-promo:hover td.vitrin_mesaj .vitrin_promo_box, .arsiv table.liste tr.vitrin:hover td.vitrin_mesaj .vitrin_promo_box { border-color:#cbdcf3; box-shadow:0 4px 12px rgba(30,45,70,.08); } @media (max-width: 767px) { .arsiv table.liste tr.cp-vitrin-promo td.vitrin_mesaj, .arsiv table.liste tr.vitrin td.vitrin_mesaj { display:block; width:100%; padding:8px 0 !important; background:transparent; border:0; } .arsiv table.liste td.vitrin_mesaj .vitrin_promo_box { display:block; min-height:0; padding:11px 12px; border-radius:10px; text-align:left; } .arsiv table.liste td.vitrin_mesaj .vitrin_promo_badge { margin-bottom:6px; } .arsiv table.liste td.vitrin_mesaj strong, .arsiv table.liste td.vitrin_mesaj .vitrin_promo_box > span:last-child { display:block; } .arsiv table.liste td.vitrin_mesaj strong { font-size:14px; line-height:19px; } .arsiv table.liste td.vitrin_mesaj .vitrin_promo_box > span:last-child { margin-top:3px; font-size:12px; line-height:16px; } } /* Cinspati kategori sayfası modern liste düzeni */ body .panel.beyaz.sonuc, body .panel.beyaz.tab, body .panel.beyaz.filtre, body .kategori_liste, body .filtre_mobil_scroll .panel { border-radius: 18px !important; border: 1px solid rgba(255, 105, 35, 0.10) !important; box-shadow: 0 12px 35px rgba(28, 28, 28, 0.06) !important; overflow: hidden; } body .panel.beyaz.sonuc .panel-body { padding: 18px 22px !important; font-size: 16px; } body .panel.beyaz.sonuc .kategori a, body .panel.beyaz.sonuc .sayi { color: #ff4b10 !important; font-weight: 800; } body .panel.beyaz.tab > .panel-heading { border: 0 !important; background: #fff !important; padding: 16px 18px !important; min-height: 64px; } body .panel.beyaz.tab > .panel-heading .nav-tabs.ozel { display: none !important; } body .panel.beyaz.tab > .panel-heading .sag { float: none !important; width: 100%; display: flex; justify-content: flex-end; align-items: center; gap: 12px; } body .panel.beyaz.tab .listeleme .baslik { color: #8d98a7; font-size: 12px; padding-top: 6px; } body .panel.beyaz.tab .listeleme li a, body .panel.beyaz.tab .listeleme li.active a { border-radius: 9px !important; border: 0 !important; } body .panel.beyaz.tab select#jump { border-radius: 999px !important; border: 1px solid #edf0f3 !important; box-shadow: none !important; min-height: 38px; padding-left: 15px; max-width: 220px; } body table.liste { border-collapse: separate !important; border-spacing: 0 10px !important; margin: 0 !important; } body table.liste thead { display: none !important; } body table.liste tbody tr, body table.liste tbody tr.vitrin, body table.liste tbody tr.acil { background: #fff !important; border-radius: 15px !important; box-shadow: 0 8px 24px rgba(30, 30, 30, 0.055) !important; overflow: hidden; transition: transform .16s ease, box-shadow .16s ease; } body table.liste tbody tr:hover { transform: translateY(-1px); box-shadow: 0 12px 30px rgba(30, 30, 30, 0.085) !important; } body table.liste tbody tr.vitrin, body table.liste tbody tr.acil { background: linear-gradient(90deg, #fff8f2 0%, #fff 100%) !important; outline: 1px solid rgba(255, 91, 24, 0.15); } body table.liste tbody tr td { border-top: 0 !important; border-bottom: 1px solid #f3f3f3 !important; vertical-align: middle !important; padding: 14px 16px !important; background: transparent !important; } body table.liste tbody tr td:first-child { border-radius: 15px 0 0 15px !important; width: 116px; } body table.liste tbody tr td:last-child { border-radius: 0 15px 15px 0 !important; } body table.liste img.resim { width: 92px !important; height: 72px !important; object-fit: cover; border-radius: 10px !important; border: 1px solid #f2f2f2; } body table.liste .baslik a, body table.liste .baslik { color: #192235 !important; font-weight: 800 !important; font-size: 15px !important; } body table.liste .il_ilce span { color: #6d7480 !important; font-weight: 600; } body table.liste .il_ilce span:before { content: "\f041"; font-family: FontAwesome; color: #9aa3ad; margin-right: 6px; } body table.liste .etiket.acil, body table.liste .etiket.vitrin { display: inline-flex !important; align-items: center; justify-content: center; color: #fff !important; border-radius: 999px !important; width: auto !important; height: auto !important; padding: 4px 10px !important; font-size: 12px !important; font-weight: 800; line-height: 1.2; margin-top: 6px; } body table.liste .etiket.acil:after { content: "Acil Yuva"; margin-left: 0; } body table.liste .etiket.vitrin:after { content: "Vitrin"; margin-left: 0; } body table.liste .etiket.acil i, body table.liste .etiket.vitrin i { display: none !important; } body table.liste .etiket.acil { background: #ff3b30 !important; } body table.liste .etiket.vitrin { background: #16c950 !important; } body table.liste .fiyat, body table.liste .fiyat_mobil, body table.liste .tablo_tl, body .panel.filtre .fiyat_mask, body #fiyat_min, body #fiyat_max { display: none !important; } body .cp-vitrin-promo td, body .cp-vitrin-promo .vitrin_mesaj { padding: 16px !important; border-radius: 15px !important; background: #fffaf6 !important; } body .vitrin_promo_box { border-radius: 14px !important; border: 1px solid rgba(255, 91, 24, 0.16) !important; background: linear-gradient(90deg, #fff6ef, #ffffff) !important; color: #363b45 !important; padding: 15px 18px !important; text-align: left !important; } body .vitrin_promo_box .vitrin_promo_badge, body .vitrin_promo_box strong { color: #ff4b10 !important; font-weight: 900 !important; } body .vitrin_promo_box strong { display: block; font-size: 17px; margin-bottom: 4px; } body .vitrin_promo_box span:last-child { font-size: 13px; color: #5f6672; } body .filtre .panel-heading { background: #fff !important; border-bottom: 0 !important; font-weight: 800; color: #202636; padding: 15px 18px 8px !important; } body .filtre .panel-body { padding: 10px 18px 18px !important; } body .filtre select, body .filtre input.form-control { border-radius: 999px !important; border: 1px solid #edf0f3 !important; box-shadow: none !important; } @media (min-width: 992px) { body .col-md-33 { width: 78% !important; } body .col-md-9 { width: 22% !important; } } @media (max-width: 767px) { body .panel.beyaz.tab > .panel-heading { min-height: auto; padding: 10px !important; } body .panel.beyaz.tab > .panel-heading .sag { justify-content: space-between; } body table.liste { border-spacing: 0 8px !important; } body table.liste tbody tr td { padding: 10px !important; } body table.liste tbody tr td:first-child { width: 94px; } body table.liste img.resim { width: 82px !important; height: 64px !important; } body table.liste .baslik a, body table.liste .baslik { font-size: 14px !important; } body .vitrin_promo_box { text-align: center !important; padding: 13px !important; } } /* Cinspati mobil vitrin bilgi yazısı eski uyumlu görünüm düzeltmesi */ @media (max-width: 767px) { body .arsiv table.liste tr.cp-vitrin-promo td.vitrin_mesaj, body .arsiv table.liste tr.vitrin td.vitrin_mesaj, body .cp-vitrin-promo td, body .cp-vitrin-promo .vitrin_mesaj { display: block !important; width: 100% !important; padding: 8px 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body .arsiv table.liste td.vitrin_mesaj .vitrin_promo_box, body .vitrin_promo_box { display: block !important; width: 100% !important; min-height: 0 !important; padding: 11px 12px !important; border-radius: 10px !important; border: 1px solid #e6ebf2 !important; background: #ffffff !important; box-shadow: 0 2px 8px rgba(30,45,70,.05) !important; color: #4f5f73 !important; text-align: left !important; } body .arsiv table.liste td.vitrin_mesaj .vitrin_promo_badge, body .vitrin_promo_box .vitrin_promo_badge { display: inline-block !important; margin: 0 0 6px 0 !important; padding: 4px 9px !important; border-radius: 20px !important; background: #eef5ff !important; color: #2f6fbd !important; font-size: 12px !important; line-height: 14px !important; font-weight: 800 !important; letter-spacing: .2px !important; } body .arsiv table.liste td.vitrin_mesaj strong, body .vitrin_promo_box strong { display: block !important; margin: 0 !important; color: #24364b !important; font-size: 14px !important; line-height: 19px !important; font-weight: 800 !important; } body .arsiv table.liste td.vitrin_mesaj .vitrin_promo_box > span:last-child, body .vitrin_promo_box > span:last-child, body .vitrin_promo_box span:last-child { display: block !important; margin-top: 3px !important; color: #718096 !important; font-size: 12px !important; line-height: 16px !important; font-weight: 600 !important; } } /* Cinspati vitrin bilgi yazısı - mobil eski uyumlu görünüm */ body .arsiv table.liste tr.cp-vitrin-promo, body .arsiv table.liste tr.cp-vitrin-promo:hover { background: transparent !important; } body .arsiv table.liste tr.cp-vitrin-promo td.vitrin_mesaj, body .arsiv table.liste tr.vitrin.cp-vitrin-promo td.vitrin_mesaj { padding: 12px 16px !important; background: #fffaf6 !important; border: 1px solid rgba(255,91,24,.18) !important; border-radius: 15px !important; box-shadow: none !important; } body .arsiv table.liste td.vitrin_mesaj .vitrin_promo_box, body .vitrin_promo_box { display: block !important; width: 100% !important; min-height: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; text-align: center !important; color: #3f4652 !important; } body .arsiv table.liste td.vitrin_mesaj .vitrin_promo_badge, body .vitrin_promo_box .vitrin_promo_badge { display: none !important; } body .arsiv table.liste td.vitrin_mesaj strong, body .vitrin_promo_box strong { display: block !important; margin: 0 0 6px 0 !important; color: #ff4b10 !important; font-size: 16px !important; line-height: 20px !important; font-weight: 900 !important; } body .arsiv table.liste td.vitrin_mesaj .vitrin_promo_box > span:last-child, body .vitrin_promo_box > span:last-child, body .vitrin_promo_box span:last-child { display: block !important; margin: 0 !important; color: #5f6672 !important; font-size: 13px !important; line-height: 18px !important; font-weight: 700 !important; } @media (max-width: 767px) { body .arsiv table.liste tr.cp-vitrin-promo, body .arsiv table.liste tr.vitrin.cp-vitrin-promo { display: block !important; width: 100% !important; margin: 8px 0 10px 0 !important; background: transparent !important; } body .arsiv table.liste tr.cp-vitrin-promo td.vitrin_mesaj, body .arsiv table.liste tr.vitrin.cp-vitrin-promo td.vitrin_mesaj { display: block !important; width: auto !important; padding: 12px 12px !important; border-radius: 12px !important; background: #fffaf6 !important; border: 1px solid rgba(255,91,24,.18) !important; } body .arsiv table.liste td.vitrin_mesaj .vitrin_promo_box, body .vitrin_promo_box { display: block !important; width: 100% !important; padding: 0 !important; text-align: center !important; } body .arsiv table.liste td.vitrin_mesaj strong, body .vitrin_promo_box strong { font-size: 15px !important; line-height: 19px !important; margin-bottom: 5px !important; } body .arsiv table.liste td.vitrin_mesaj .vitrin_promo_box > span:last-child, body .vitrin_promo_box > span:last-child, body .vitrin_promo_box span:last-child { font-size: 12px !important; line-height: 17px !important; } } /* Cinspati mobil vitrin yazısı - masaüstü şerit görünümü */ @media (max-width: 767px) { body .arsiv table.liste tr.cp-vitrin-promo, body .arsiv table.liste tr.vitrin.cp-vitrin-promo { display: table-row !important; width: auto !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; } body .arsiv table.liste tr.cp-vitrin-promo td.vitrin_mesaj, body .arsiv table.liste tr.vitrin.cp-vitrin-promo td.vitrin_mesaj, body table.liste tbody tr.cp-vitrin-promo td.vitrin_mesaj:first-child { display: table-cell !important; width: 100% !important; max-width: none !important; padding: 12px 16px !important; background: #fffaf6 !important; border: 1px solid rgba(255,91,24,.18) !important; border-radius: 15px !important; box-shadow: none !important; box-sizing: border-box !important; text-align: center !important; } body .arsiv table.liste td.vitrin_mesaj .vitrin_promo_box, body .vitrin_promo_box { display: block !important; width: 100% !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; text-align: center !important; } body .arsiv table.liste td.vitrin_mesaj strong, body .vitrin_promo_box strong { font-size: 15px !important; line-height: 20px !important; margin: 0 0 5px 0 !important; color: #ff4b10 !important; } body .arsiv table.liste td.vitrin_mesaj .vitrin_promo_box > span:last-child, body .vitrin_promo_box > span:last-child, body .vitrin_promo_box span:last-child { font-size: 12px !important; line-height: 17px !important; color: #5f6672 !important; } } /* Cinspati mobil vitrin yazısı - kutusuz şerit düzeltmesi */ @media (max-width: 767px) { html body .arsiv table.liste tr.cp-vitrin-promo, html body .arsiv table.liste tr.vitrin.cp-vitrin-promo, html body table.liste tbody tr.cp-vitrin-promo { display: block !important; width: 100% !important; margin: 6px 0 10px 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; border-radius: 0 !important; transform: none !important; overflow: visible !important; } html body .arsiv table.liste tr.cp-vitrin-promo td.vitrin_mesaj, html body .arsiv table.liste tr.vitrin.cp-vitrin-promo td.vitrin_mesaj, html body table.liste tbody tr.cp-vitrin-promo td.vitrin_mesaj, html body table.liste tbody tr.cp-vitrin-promo td.vitrin_mesaj:first-child, html body table.liste tbody tr.cp-vitrin-promo td.vitrin_mesaj:last-child { display: block !important; width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; box-sizing: border-box !important; } html body .arsiv table.liste td.vitrin_mesaj .vitrin_promo_box, html body .vitrin_promo_box { display: block !important; width: 100% !important; max-width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 10px 12px !important; background: linear-gradient(90deg, #fff4ea 0%, #fffaf6 55%, #ffffff 100%) !important; border: 0 !important; border-left: 4px solid #ff4b10 !important; border-radius: 0 !important; box-shadow: none !important; color: #4b5563 !important; text-align: left !important; line-height: 1.45 !important; box-sizing: border-box !important; } html body .arsiv table.liste td.vitrin_mesaj .vitrin_promo_badge, html body .vitrin_promo_box .vitrin_promo_badge { display: none !important; } html body .arsiv table.liste td.vitrin_mesaj strong, html body .vitrin_promo_box strong { display: inline !important; margin: 0 5px 0 0 !important; padding: 0 !important; color: #ff4b10 !important; font-size: 13px !important; line-height: 18px !important; font-weight: 900 !important; vertical-align: baseline !important; } html body .arsiv table.liste td.vitrin_mesaj .vitrin_promo_box > span:last-child, html body .vitrin_promo_box > span:last-child, html body .vitrin_promo_box span:last-child { display: inline !important; margin: 0 !important; padding: 0 !important; color: #5f6672 !important; font-size: 12px !important; line-height: 18px !important; font-weight: 700 !important; vertical-align: baseline !important; } } /* Cinspati mobil anasayfa slider ve başlık bağlantıları */ .cp-home-title-link{color:inherit!important;text-decoration:none!important;display:inline-block!important;} .cp-home-title-link:hover{color:var(--cp-red,#f05a28)!important;text-decoration:none!important;} @media (max-width:767px){ body .cins-alt-slider-wrap:not(.cins-mobile-slider-wrap){display:none!important;} body .cins-mobile-slider-wrap{display:block!important;margin:10px 0 16px 0!important;} body .cins-mobile-slider-wrap .cins-alt-slider-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;} body .cins-mobile-slider-wrap .cins-alt-slider-box{height:118px!important;border-radius:16px!important;box-shadow:0 8px 20px rgba(71,39,21,.10)!important;background:#fff8ef!important;} body .cins-mobile-slider-wrap .cins-alt-slider-box img{height:118px!important;border-radius:16px!important;object-fit:cover!important;} body .cins-mobile-slider-wrap .cins-alt-slider-box .slidesjs-container, body .cins-mobile-slider-wrap .cins-alt-slider-box .slidesjs-control{height:118px!important;} body .cins-mobile-slider-wrap .cins-alt-slider-box .slidesjs-navigation{display:none!important;} body .cins-mobile-slider-wrap .cins-alt-slider-box .slidesjs-pagination{bottom:6px!important;} body .cins-mobile-slider-wrap .cins-alt-slider-box .slidesjs-pagination li a{width:6px!important;height:6px!important;} } @media (min-width:768px) and (max-width:991px){ body .cins-alt-slider-wrap:not(.cins-mobile-slider-wrap){display:none!important;} body .cins-mobile-slider-wrap{display:block!important;margin:10px 0 18px 0!important;} } @media (min-width:992px){ body .cins-mobile-slider-wrap{display:none!important;} } @media (max-width:991px){ body .cins-mobile-slider-wrap .cins-alt-slider-box .slidesjs-container, body .cins-mobile-slider-wrap .cins-alt-slider-box .slidesjs-control{width:100%!important;} } /* Cinspati mobil ana sayfa başlık düzeltmesi - masaüstü eski görünüm korunur */ .cp-home-title-link{color:inherit!important;text-decoration:none!important;} .cp-home-title-link:hover{color:inherit!important;text-decoration:none!important;} @media (min-width:768px){ html body .ilan_listeleme > .baslik, html body .ilan_listeleme.yatay > .baslik{display:block!important;} html body .ilan_listeleme > .baslik .cp-home-title-link, html body .ilan_listeleme.yatay > .baslik .cp-home-title-link{display:none!important;} } @media (max-width:767px){ html body .ilan_listeleme > .baslik, html body .ilan_listeleme.yatay > .baslik{ display:flex!important; align-items:center!important; justify-content:space-between!important; min-height:38px!important; margin:0 0 12px!important; padding:0 0 8px!important; border:0!important; border-bottom:1px solid #f1e5da!important; background:transparent!important; box-shadow:none!important; opacity:1!important; visibility:visible!important; } html body .ilan_listeleme > .baslik a.cp-home-title-link, html body .ilan_listeleme.yatay > .baslik a.cp-home-title-link, html body .ilan_listeleme > .baslik h3 a.cp-home-title-link, html body .ilan_listeleme.yatay > .baslik h3 a.cp-home-title-link{ display:inline-block!important; width:auto!important; height:auto!important; line-height:1.25!important; padding:0!important; margin:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; color:#171717!important; font-size:19px!important; font-weight:900!important; text-decoration:none!important; opacity:1!important; visibility:visible!important; text-indent:0!important; white-space:normal!important; } html body .ilan_listeleme > .baslik a.cp-home-title-link:before, html body .ilan_listeleme.yatay > .baslik a.cp-home-title-link:before, html body .ilan_listeleme > .baslik h3 a.cp-home-title-link:before, html body .ilan_listeleme.yatay > .baslik h3 a.cp-home-title-link:before{ content:none!important; display:none!important; } html body .ilan_listeleme > .baslik h3, html body .ilan_listeleme.yatay > .baslik h3{ display:block!important; margin:0!important; padding:0!important; font-size:19px!important; line-height:1.25!important; opacity:1!important; visibility:visible!important; } } /* Cinspati ortak liste ve başlık düzeni - 08.05.2026 */ html body .bilesen.ilan_listeleme > .baslik, html body .bilesen.ilan_listeleme.yatay > .baslik, html body .bilesen.ilan_listeleme > .baslik.alternatif, html body .bilesen.ilan_listeleme.yatay > .baslik.alternatif{ display:flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; width:100%!important; background:transparent!important; border:0!important; box-shadow:none!important; padding:12px 0 14px!important; margin:12px 0 14px!important; color:#2d211b!important; } html body .bilesen.ilan_listeleme > .baslik > span, html body .bilesen.ilan_listeleme.yatay > .baslik > span, html body .bilesen.ilan_listeleme > .baslik h3, html body .bilesen.ilan_listeleme.yatay > .baslik h3, html body .bilesen.ilan_listeleme > .baslik .cp-home-title-link, html body .bilesen.ilan_listeleme.yatay > .baslik .cp-home-title-link{ color:#2d211b!important; font-size:22px!important; line-height:1.2!important; font-weight:900!important; text-align:center!important; margin:0!important; padding:0!important; background:transparent!important; border:0!important; box-shadow:none!important; text-decoration:none!important; } html body .bilesen.ilan_listeleme > .baslik h3:before, html body .bilesen.ilan_listeleme.yatay > .baslik h3:before{content:none!important;display:none!important;} @media (max-width:767px){ html body .bilesen.ilan_listeleme > .baslik, html body .bilesen.ilan_listeleme.yatay > .baslik, html body .bilesen.ilan_listeleme > .baslik.alternatif, html body .bilesen.ilan_listeleme.yatay > .baslik.alternatif{ justify-content:center!important; min-height:auto!important; padding:10px 0 12px!important; margin:12px 0 12px!important; border-bottom:0!important; } html body .bilesen.ilan_listeleme > .baslik:before, html body .bilesen.ilan_listeleme.yatay > .baslik:before{ content:'🐾'!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; width:30px!important; height:30px!important; margin-right:8px!important; border-radius:50%!important; background:linear-gradient(135deg,#ff9b37,#ff5a55)!important; color:#fff!important; font-size:16px!important; box-shadow:0 8px 18px rgba(255,91,0,.18)!important; flex:0 0 auto!important; } html body .bilesen.ilan_listeleme > .baslik a.cp-home-title-link, html body .bilesen.ilan_listeleme.yatay > .baslik a.cp-home-title-link, html body .bilesen.ilan_listeleme > .baslik h3 a.cp-home-title-link, html body .bilesen.ilan_listeleme.yatay > .baslik h3 a.cp-home-title-link{ display:inline-block!important; color:#2d211b!important; font-size:21px!important; line-height:1.2!important; font-weight:900!important; text-align:center!important; } } /* Kategori ve sayfa yan menülerinde yazı arkaları boş kalsın */ html body .sidebar .panel, html body .arsiv .sidebar .panel, html body .sidebar .panel.beyaz, html body .arsiv .sidebar .panel.beyaz, html body .sidebar .panel-body, html body .arsiv .sidebar .panel-body, html body #mm_panel_copy, html body #mm_panel, html body .mm#mm_panel{ background:transparent!important; border:0!important; box-shadow:none!important; } html body .sidebar ul.ana_menu, html body .sidebar ul.ana_menu ul, html body #mm_panel ul.ana_menu, html body #mm_panel ul.ana_menu ul{ background:transparent!important; border:0!important; box-shadow:none!important; } html body .sidebar ul.ana_menu li, html body .sidebar ul.ana_menu li a, html body #mm_panel ul.ana_menu li, html body #mm_panel ul.ana_menu li a{ background:transparent!important; border:0!important; box-shadow:none!important; } html body .sidebar ul.ana_menu li a, html body #mm_panel ul.ana_menu li a{ padding-left:0!important; color:#2d211b!important; text-decoration:none!important; } html body .sidebar ul.ana_menu li a:hover, html body #mm_panel ul.ana_menu li a:hover{ background:transparent!important; color:#f05a28!important; } /* Ana sayfa ilan kartları kategori görünümüyle uyumlu kalsın */ html body .bilesen.ilan_listeleme .liste, html body .bilesen.ilan_listeleme.yatay .liste.yatay{ background:#fff!important; border:1px solid rgba(244,223,207,.98)!important; border-radius:18px!important; box-shadow:0 10px 24px rgba(71,39,21,.07)!important; overflow:hidden!important; } html body .bilesen.ilan_listeleme .liste:hover, html body .bilesen.ilan_listeleme.yatay .liste.yatay:hover{ transform:translateY(-1px)!important; box-shadow:0 14px 30px rgba(71,39,21,.10)!important; } /* Cinspati düzeltme - ana sayfa başlık hizası ve sağ liste görünümü */ @media (min-width:768px){ html body .bilesen.ilan_listeleme > .baslik, html body .bilesen.ilan_listeleme.yatay > .baslik, html body .bilesen.ilan_listeleme > .baslik.alternatif, html body .bilesen.ilan_listeleme.yatay > .baslik.alternatif{ position:relative!important; display:flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; min-height:48px!important; padding:12px 110px 14px!important; } html body .bilesen.ilan_listeleme > .baslik > a.pull-right, html body .bilesen.ilan_listeleme.yatay > .baslik > a.pull-right, html body .bilesen.ilan_listeleme > .baslik.alternatif > a.pull-right, html body .bilesen.ilan_listeleme.yatay > .baslik.alternatif > a.pull-right{ position:absolute!important; right:0!important; top:50%!important; transform:translateY(-50%)!important; float:none!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; min-height:32px!important; padding:6px 14px!important; border-radius:999px!important; background:#fff7ef!important; border:1px solid #f4dfcf!important; color:#f05a28!important; font-size:13px!important; font-weight:800!important; text-decoration:none!important; box-shadow:none!important; } html body .bilesen.ilan_listeleme > .baslik > a.pull-right:hover, html body .bilesen.ilan_listeleme.yatay > .baslik > a.pull-right:hover{ background:#fff1e4!important; color:#d94d20!important; } } /* Sağ taraf liste kutuları ana sayfadaki temiz görünüme döndürüldü ve sayfalarda da aynı kullanılır */ html body .sidebar .panel, html body .arsiv .sidebar .panel, html body .sidebar .panel.beyaz, html body .arsiv .sidebar .panel.beyaz, html body .sag .panel, html body aside .panel{ background:#fff!important; border:1px solid #f4dfcf!important; border-radius:18px!important; box-shadow:0 10px 24px rgba(71,39,21,.07)!important; overflow:hidden!important; } html body .sidebar .panel-heading, html body .arsiv .sidebar .panel-heading, html body .sag .panel-heading, html body aside .panel-heading{ background:#fff8ef!important; border:0!important; border-bottom:1px solid #f4dfcf!important; color:#2d211b!important; font-weight:900!important; } html body .sidebar .panel-body, html body .arsiv .sidebar .panel-body, html body .sag .panel-body, html body aside .panel-body{ background:#fff!important; border:0!important; box-shadow:none!important; } html body .sidebar ul.ana_menu, html body .sidebar ul.ana_menu ul, html body .sag ul.ana_menu, html body .sag ul.ana_menu ul, html body aside ul.ana_menu, html body aside ul.ana_menu ul{ background:transparent!important; border:0!important; box-shadow:none!important; } html body .sidebar ul.ana_menu li, html body .sag ul.ana_menu li, html body aside ul.ana_menu li{ background:transparent!important; border:0!important; box-shadow:none!important; } html body .sidebar ul.ana_menu li a, html body .sag ul.ana_menu li a, html body aside ul.ana_menu li a{ display:block!important; background:transparent!important; border:0!important; box-shadow:none!important; color:#2d211b!important; text-decoration:none!important; } html body .sidebar ul.ana_menu li a:hover, html body .sag ul.ana_menu li a:hover, html body aside ul.ana_menu li a:hover{ background:transparent!important; color:#f05a28!important; } /* Cinspati ana sayfa sağ liste düzeltmesi - ikon/yazı çakışması */ @media (min-width: 992px) { html body .cp-home-sidebar .bilesen { background:#fffaf2 !important; border:1px solid rgba(32,24,18,.08) !important; border-radius:24px !important; box-shadow:0 16px 38px rgba(48,32,18,.10) !important; padding:14px !important; overflow:visible !important; } html body .cp-home-sidebar ul.ana_menu, html body .cp-home-sidebar ul.ana_menu li { list-style:none !important; margin:0 !important; padding:0 !important; } html body .cp-home-sidebar ul.ana_menu > li { position:relative !important; margin:0 0 10px 0 !important; } html body .cp-home-sidebar ul.ana_menu > li > a { position:relative !important; display:block !important; width:100% !important; min-height:52px !important; line-height:20px !important; padding:15px 78px 15px 54px !important; margin:0 !important; background:#fff !important; border:1px solid #ece7df !important; border-radius:17px !important; color:#24180f !important; font-size:14px !important; font-weight:900 !important; text-decoration:none !important; white-space:normal !important; word-break:normal !important; overflow:visible !important; box-shadow:0 8px 18px rgba(48,32,18,.06) !important; } html body .cp-home-sidebar ul.ana_menu > li > a i, html body .cp-home-sidebar ul.ana_menu > li > a .cinspati-kategori-emoji { position:absolute !important; left:14px !important; top:50% !important; transform:translateY(-50%) !important; display:flex !important; align-items:center !important; justify-content:center !important; width:30px !important; height:30px !important; line-height:30px !important; margin:0 !important; padding:0 !important; border-radius:12px !important; background:#fff3e6 !important; color:#ff5b00 !important; font-size:17px !important; text-align:center !important; z-index:2 !important; } html body .cp-home-sidebar ul.ana_menu > li > span.toplam { position:absolute !important; right:12px !important; top:50% !important; transform:translateY(-50%) !important; display:flex !important; align-items:center !important; justify-content:center !important; min-width:34px !important; height:24px !important; padding:0 8px !important; border-radius:999px !important; background:#fff0db !important; color:#ff4b00 !important; font-size:12px !important; font-weight:900 !important; z-index:3 !important; } html body .cp-home-sidebar ul.ana_menu > li.dropdown > a { padding-right:96px !important; } html body .cp-home-sidebar ul.ana_menu > li.dropdown > a::after { content:'›' !important; position:absolute !important; right:58px !important; top:50% !important; transform:translateY(-50%) !important; color:#c8bfb5 !important; font-size:22px !important; line-height:1 !important; z-index:2 !important; } html body .cp-home-sidebar ul.ana_menu > li.cizgi { height:1px !important; background:#eee5da !important; margin:13px 0 !important; border:0 !important; } } /* Cinspati liste sayfaları sağ seçenek menüsü - ana sayfa ile aynı görünüm */ @media (min-width: 992px) { html body .cp-page-layout { display:flex !important; align-items:flex-start !important; } html body .cp-page-main { float:none !important; order:1 !important; } html body .cp-page-sidebar { float:none !important; order:2 !important; } html body .cp-page-sidebar .bilesen { background:#fffaf2 !important; border:1px solid rgba(32,24,18,.08) !important; border-radius:24px !important; box-shadow:0 16px 38px rgba(48,32,18,.10) !important; padding:14px !important; overflow:visible !important; } html body .cp-page-sidebar ul.ana_menu, html body .cp-page-sidebar ul.ana_menu li { list-style:none !important; margin:0 !important; padding:0 !important; } html body .cp-page-sidebar ul.ana_menu > li { position:relative !important; margin:0 0 10px 0 !important; } html body .cp-page-sidebar ul.ana_menu > li > a { position:relative !important; display:block !important; width:100% !important; min-height:52px !important; line-height:20px !important; padding:15px 78px 15px 54px !important; margin:0 !important; background:#fff !important; border:1px solid #ece7df !important; border-radius:17px !important; color:#24180f !important; font-size:14px !important; font-weight:900 !important; text-decoration:none !important; white-space:normal !important; word-break:normal !important; overflow:visible !important; box-shadow:0 8px 18px rgba(48,32,18,.06) !important; } html body .cp-page-sidebar ul.ana_menu > li > a i, html body .cp-page-sidebar ul.ana_menu > li > a .cinspati-kategori-emoji { position:absolute !important; left:14px !important; top:50% !important; transform:translateY(-50%) !important; display:flex !important; align-items:center !important; justify-content:center !important; width:30px !important; height:30px !important; line-height:30px !important; margin:0 !important; padding:0 !important; border-radius:12px !important; background:#fff3e6 !important; color:#ff5b00 !important; font-size:17px !important; text-align:center !important; z-index:2 !important; } html body .cp-page-sidebar ul.ana_menu > li > span.toplam { position:absolute !important; right:12px !important; top:50% !important; transform:translateY(-50%) !important; display:flex !important; align-items:center !important; justify-content:center !important; min-width:34px !important; height:24px !important; padding:0 8px !important; border-radius:999px !important; background:#fff0db !important; color:#ff4b00 !important; font-size:12px !important; font-weight:900 !important; z-index:3 !important; } html body .cp-page-sidebar ul.ana_menu > li.dropdown > a { padding-right:96px !important; } html body .cp-page-sidebar ul.ana_menu > li.dropdown > a::after { content:'›' !important; position:absolute !important; right:58px !important; top:50% !important; transform:translateY(-50%) !important; color:#c8bfb5 !important; font-size:22px !important; line-height:1 !important; z-index:2 !important; } html body .cp-page-sidebar ul.ana_menu > li.cizgi { height:1px !important; background:#eee5da !important; margin:13px 0 !important; border:0 !important; } } /* Cinspati genel sayfa başlıkları ve ilanların tümü sağ menü düzeltmesi */ html body .cp-section-title, html body .cp-page-main > .bilesen > .baslik, html body .cp-page-main .baslik.cp-section-title, html body .arsiv .baslik.cp-section-title{ display:flex!important; align-items:center!important; justify-content:center!important; text-align:center!important; width:100%!important; } @media (min-width: 992px){ html body .cp-page-layout{ display:flex!important; align-items:flex-start!important; gap:0!important; } html body .cp-page-layout > .cp-page-main{ float:none!important; order:1!important; } html body .cp-page-layout > .cp-page-sidebar{ float:none!important; order:2!important; } html body .cp-page-sidebar .bilesen{ background:#fffaf2!important; border:1px solid rgba(32,24,18,.08)!important; border-radius:24px!important; box-shadow:0 16px 38px rgba(48,32,18,.10)!important; padding:14px!important; overflow:visible!important; } html body .cp-page-sidebar ul.ana_menu, html body .cp-page-sidebar ul.ana_menu li{ list-style:none!important; margin:0!important; padding:0!important; } html body .cp-page-sidebar ul.ana_menu > li{ position:relative!important; margin:0 0 10px 0!important; } html body .cp-page-sidebar ul.ana_menu > li > a{ position:relative!important; display:block!important; width:100%!important; min-height:52px!important; line-height:20px!important; padding:15px 78px 15px 54px!important; margin:0!important; background:#fff!important; border:1px solid #ece7df!important; border-radius:17px!important; color:#24180f!important; font-size:14px!important; font-weight:900!important; text-decoration:none!important; white-space:normal!important; word-break:normal!important; overflow:visible!important; box-shadow:0 8px 18px rgba(48,32,18,.06)!important; } html body .cp-page-sidebar ul.ana_menu > li > a i, html body .cp-page-sidebar ul.ana_menu > li > a .cinspati-kategori-emoji{ position:absolute!important; left:14px!important; top:50%!important; transform:translateY(-50%)!important; display:flex!important; align-items:center!important; justify-content:center!important; width:30px!important; height:30px!important; line-height:30px!important; margin:0!important; padding:0!important; border-radius:12px!important; background:#fff3e6!important; color:#ff5b00!important; font-size:17px!important; text-align:center!important; z-index:2!important; } html body .cp-page-sidebar ul.ana_menu > li > span.toplam{ position:absolute!important; right:12px!important; top:50%!important; transform:translateY(-50%)!important; display:flex!important; align-items:center!important; justify-content:center!important; min-width:34px!important; height:24px!important; padding:0 8px!important; border-radius:999px!important; background:#fff0db!important; color:#ff4b00!important; font-size:12px!important; font-weight:900!important; z-index:3!important; } html body .cp-page-sidebar ul.ana_menu > li.dropdown > a{padding-right:96px!important;} html body .cp-page-sidebar ul.ana_menu > li.dropdown > a::after{ content:'›'!important; position:absolute!important; right:58px!important; top:50%!important; transform:translateY(-50%)!important; color:#c8bfb5!important; font-size:22px!important; line-height:1!important; z-index:2!important; } html body .cp-page-sidebar ul.ana_menu > li.cizgi{ height:1px!important; background:#eee5da!important; margin:13px 0!important; border:0!important; } } /* Cinspati profil üst alan hizalama düzeltmesi */ html body .profil .kapak, html body .container.profil .kapak { height: auto !important; min-height: 0 !important; margin-bottom: 22px !important; overflow: visible !important; } html body .profil .kapak:after, html body .container.profil .kapak:after { display: none !important; content: none !important; background: none !important; } html body .profil #profil_gorsel, html body .profil .mobil_uye_profil { overflow: hidden !important; border-radius: 50% !important; background: linear-gradient(135deg,#fff7ed 0%,#fff 100%) !important; border: 4px solid #ff6b00 !important; box-shadow: 0 12px 28px rgba(255,91,0,.18) !important; } html body .profil #profil_gorsel img, html body .profil .mobil_uye_profil { display: block !important; width: 118px !important; height: 118px !important; max-width: 118px !important; min-width: 118px !important; object-fit: contain !important; object-position: center center !important; border-radius: 50% !important; padding: 0 !important; margin: 0 auto !important; background: #f1f1f1 !important; } @media (min-width: 768px) { html body .container.profil { max-width: 980px !important; } html body .profil #profil_gorsel { position: relative !important; left: auto !important; top: auto !important; width: 126px !important; height: 126px !important; margin: -64px auto 14px auto !important; z-index: 3 !important; } html body .profil #profil_gorsel img { width: 118px !important; height: 118px !important; max-width: 118px !important; } html body .profil .alt.gorsel_var { left: auto !important; width: 100% !important; min-height: 0 !important; padding: 18px 24px 24px 24px !important; margin: 0 auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; text-align: center !important; color: #32170f !important; background: #fff !important; border: 1px solid rgba(50,23,15,.08) !important; border-radius: 28px !important; box-shadow: 0 14px 34px rgba(50,23,15,.08) !important; } html body .profil .alt.gorsel_var .pull-left, html body .profil .alt.gorsel_var .pull-right { float: none !important; position: static !important; left: auto !important; right: auto !important; top: auto !important; clear: both !important; width: 100% !important; margin: 0 auto !important; text-align: center !important; } html body .profil .alt.gorsel_var h1 { margin: 0 0 10px 0 !important; padding: 0 !important; font-size: 28px !important; line-height: 1.25 !important; font-weight: 800 !important; color: #32170f !important; } html body .profil .alt.gorsel_var .label { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 4px 4px !important; padding: 8px 12px !important; border-radius: 999px !important; font-size: 12px !important; line-height: 1 !important; border: 0 !important; } html body .profil .alt.gorsel_var p { margin: 12px 0 0 0 !important; color: #8a6b5c !important; font-size: 14px !important; line-height: 1.5 !important; } html body .profil .alt.gorsel_var .pull-right { margin-top: 16px !important; } } @media (max-width: 767px) { html body .profil .mobil_uye_profil { width: 54px !important; height: 54px !important; min-width: 54px !important; max-width: 54px !important; margin: 0 12px 0 0 !important; border-width: 3px !important; object-fit: contain !important; object-position: center center !important; } } /* Cinspati profil masaüstü düzen toparlama - mobil görünüm korunur */ @media (min-width: 768px) { html body .profil .kapak, html body .container.profil .kapak { position: relative !important; width: 100% !important; max-width: 760px !important; min-height: 0 !important; height: auto !important; margin: 0 auto 24px auto !important; padding: 34px 30px 28px 30px !important; overflow: visible !important; background: #ffffff !important; border: 1px solid rgba(50,23,15,.08) !important; border-radius: 30px !important; box-shadow: 0 14px 34px rgba(50,23,15,.08) !important; text-align: center !important; } html body .profil #kapak_gorsel, html body .profil #kapak_gorsel img, html body .profil #kapak_yukle { display: none !important; } html body .profil #profil_gorsel { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 126px !important; height: 126px !important; margin: 0 auto 16px auto !important; padding: 0 !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; overflow: hidden !important; border-radius: 50% !important; background: linear-gradient(135deg,#fff7ed 0%,#fff 100%) !important; border: 4px solid #ff6b00 !important; box-shadow: 0 12px 28px rgba(255,91,0,.18) !important; z-index: 2 !important; } html body .profil #profil_gorsel img { position: static !important; display: block !important; width: 100% !important; height: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; object-fit: contain !important; object-position: center center !important; border: 0 !important; border-radius: 50% !important; background: #f3f3f3 !important; } html body .profil .alt, html body .profil .alt.gorsel_var { position: static !important; display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 auto !important; padding: 0 !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; z-index: 1 !important; color: #32170f !important; background: transparent !important; border: 0 !important; box-shadow: none !important; text-align: center !important; } html body .profil .alt.gorsel_var .pull-left, html body .profil .alt.gorsel_var .pull-right { float: none !important; position: static !important; display: block !important; width: 100% !important; margin: 0 auto !important; clear: both !important; text-align: center !important; } html body .profil .alt.gorsel_var h1 { display: block !important; margin: 0 0 12px 0 !important; padding: 0 !important; font-size: 26px !important; line-height: 1.25 !important; font-weight: 800 !important; color: #32170f !important; } html body .profil .alt.gorsel_var .label { position: static !important; display: inline-block !important; margin: 3px 4px !important; padding: 7px 11px !important; border-radius: 999px !important; font-size: 12px !important; line-height: 1.2 !important; vertical-align: middle !important; } html body .profil .alt.gorsel_var p { display: block !important; margin: 12px 0 0 0 !important; padding: 0 !important; color: #8a6b5c !important; font-size: 14px !important; line-height: 1.45 !important; } html body .profil .alt.gorsel_var .pull-right { margin-top: 16px !important; } } /* Cinspati profil görsel alanı düzeltmesi */ @media (min-width: 768px) { html body .profil .mobil_uye_profil { display: none !important; } html body .profil #profil_yukle { position: absolute !important; left: 50% !important; top: 50% !important; right: auto !important; bottom: auto !important; z-index: 4 !important; display: flex !important; width: auto !important; min-width: 76px !important; max-width: 96px !important; height: auto !important; margin: 0 !important; padding: 0 !important; transform: translate(-50%, -50%) !important; align-items: center !important; justify-content: center !important; pointer-events: auto !important; } html body .profil #profil_yukle .btn { display: inline-flex !important; width: auto !important; min-width: 0 !important; margin: 0 !important; padding: 4px 7px !important; align-items: center !important; justify-content: center !important; gap: 3px !important; white-space: nowrap !important; border-radius: 999px !important; font-size: 10px !important; line-height: 1.15 !important; font-weight: 600 !important; text-align: center !important; background: rgba(255,255,255,.92) !important; border-color: rgba(255,107,0,.35) !important; color: #32170f !important; box-shadow: 0 4px 12px rgba(50,23,15,.12) !important; } html body .profil #profil_yukle .btn i { margin-right: 2px !important; font-size: 11px !important; line-height: 1 !important; } } /* ===== CINSPATI PROFIL GUNCELLE MODERN GORUNUM ===== */ .cp-profile-page { background: #fff7f2; border-radius: 24px; padding-top: 16px; padding-bottom: 22px; } .cp-profile-page .row { display: flex; align-items: flex-start; } .cp-profile-page .col-md-33 { order: 1; } .cp-profile-page .col-md-9.sidebar { order: 2; } .cp-profile-card, .cp-profile-update-menu { border: 1px solid rgba(255, 121, 45, .16) !important; border-radius: 18px !important; box-shadow: 0 14px 32px rgba(40, 27, 18, .07) !important; overflow: hidden; } .cp-profile-card > .panel-heading { background: #fff !important; border-bottom: 1px solid rgba(255, 121, 45, .12) !important; padding: 12px 14px 0 !important; } .cp-profile-card > .panel-heading .nav-tabs.ozel { border: 0 !important; display: flex; gap: 8px; flex-wrap: wrap; } .cp-profile-card > .panel-heading .nav-tabs.ozel > li > a { border: 0 !important; border-radius: 999px !important; background: #f5f6f8 !important; color: #344054 !important; font-weight: 700; padding: 9px 14px !important; margin: 0 0 10px !important; } .cp-profile-card > .panel-heading .nav-tabs.ozel > li.active > a, .cp-profile-card > .panel-heading .nav-tabs.ozel > li > a:hover { background: #ff7a2d !important; color: #fff !important; } .cp-profile-card > .panel-body { background: #fff !important; padding: 20px !important; } .cp-profile-form .form-group { margin-bottom: 15px !important; } .cp-profile-form label { color: #212529; font-size: 13px; font-weight: 800; margin-bottom: 7px; } .cp-profile-form .form-control, .cp-profile-form select, .cp-profile-form textarea { min-height: 42px; border: 1px solid #e7e9ee !important; border-radius: 14px !important; box-shadow: none !important; background: #fff !important; color: #24272f; padding: 10px 13px; } .cp-profile-form textarea.form-control { min-height: 86px; resize: vertical; } .cp-profile-form .form-control:focus, .cp-profile-form select:focus, .cp-profile-form textarea:focus { border-color: #ff8b45 !important; box-shadow: 0 0 0 3px rgba(255, 139, 69, .14) !important; } .cp-profile-form .help-block, .cp-profile-form .text-muted, .cp-profile-form p { color: #7a8290 !important; font-size: 12px !important; } .cp-profile-form .input-group-addon { border: 1px solid #e7e9ee !important; border-right: 0 !important; border-radius: 14px 0 0 14px !important; background: #f7f8fa !important; color: #ff6d20; font-weight: 800; } .cp-profile-form .input-group .form-control { border-radius: 0 14px 14px 0 !important; } .cp-profile-actions { margin-top: 4px; padding-top: 10px; border-top: 1px solid #f0f1f4; } .cp-profile-actions .btn-primary, .cp-profile-form button.btn-primary, .cp-profile-form input.btn-primary { border-radius: 999px !important; padding: 9px 22px !important; font-weight: 800 !important; } .cp-profile-update-menu > .panel-heading { background: #fff1e7 !important; border-bottom: 1px solid rgba(255, 121, 45, .15) !important; color: #1f2937; font-weight: 900; padding: 13px 15px !important; } .cp-profile-update-menu .panel-body { padding: 8px !important; background: #fff !important; } .cp-profile-update-menu ul li a { display: block; border-radius: 12px; padding: 10px 12px !important; line-height: 18px !important; text-decoration: none !important; font-weight: 700; color: #344054 !important; } .cp-profile-update-menu ul li.active a, .cp-profile-update-menu ul li a:hover { background: #ff7a2d !important; color: #fff !important; } @media (max-width: 991px) { .cp-profile-page .row { display: block; } .cp-profile-page .col-md-33, .cp-profile-page .col-md-9.sidebar { width: 100% !important; float: none !important; } .cp-profile-page .col-md-9.sidebar { margin-top: 15px; } } @media (max-width: 767px) { .cp-profile-page { padding-left: 10px !important; padding-right: 10px !important; border-radius: 18px; } .cp-profile-card > .panel-body { padding: 15px !important; } .cp-profile-card > .panel-heading .nav-tabs.ozel > li, .cp-profile-card > .panel-heading .nav-tabs.ozel > li > a { width: 100%; text-align: center; } } /* ===== /CINSPATI PROFIL GUNCELLE MODERN GORUNUM ===== */ /* Üye profil sayfası: ilan listesi, özel menü ve limit kutuları düzeni */ .profil.arsiv .sonuc, .profil.arsiv .tab, .profil.arsiv #sidebar_pc_menu, .profil.arsiv .sidebar + div .panel, .profil.arsiv > div[style*="border:1px solid #EAEAEA"] { border: 1px solid #edf0f5 !important; border-radius: 18px !important; box-shadow: 0 10px 28px rgba(28, 40, 68, .07) !important; overflow: hidden; } .profil.arsiv > div[style*="border:1px solid #EAEAEA"] { padding: 18px 18px 2px 18px !important; background: #fff !important; margin-bottom: 18px !important; } .profil.arsiv > div[style*="border:1px solid #EAEAEA"] .alert { border: 0 !important; border-radius: 16px !important; min-height: 86px; padding: 18px 18px !important; color: #fff !important; box-shadow: 0 10px 24px rgba(0, 0, 0, .08); } .profil.arsiv > div[style*="border:1px solid #EAEAEA"] .alert strong { font-size: 22px; line-height: 1.2; } .profil.arsiv .sonuc { background: #fff !important; margin-bottom: 14px; } .profil.arsiv .sonuc .panel-body { padding: 14px 18px; font-size: 14px; color: #39465e; } .profil.arsiv .sonuc .sayi { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; height: 24px; padding: 0 8px; border-radius: 999px; background: #fff3e4; color: #ff8800; font-weight: 700; } .profil.arsiv .tab { background: #fff !important; } .profil.arsiv .tab .panel-heading { display: flex; align-items: center; justify-content: space-between; min-height: 64px; padding: 14px 16px !important; background: linear-gradient(180deg, #ffffff, #fbfcff) !important; border-bottom: 1px solid #eef1f6 !important; } .profil.arsiv .tab .panel-heading .nav-tabs { border: 0; } .profil.arsiv .tab .panel-heading .nav-tabs > li > a { border: 0 !important; border-radius: 999px !important; background: #f2f6fb !important; color: #41516c !important; font-weight: 700; padding: 9px 16px; } .profil.arsiv .tab .panel-heading .sag select, .profil.arsiv #jump { height: 38px; border: 1px solid #e1e7f0; border-radius: 999px; padding: 0 38px 0 14px; color: #40506a; background-color: #fff; outline: none; } .profil.arsiv .tab .panel-body { padding: 14px !important; } .profil.arsiv table.liste { border-collapse: separate; border-spacing: 0 10px; margin-bottom: 0; } .profil.arsiv table.liste thead { display: none; } .profil.arsiv table.liste tbody tr { background: #fff; border-radius: 18px; box-shadow: 0 8px 22px rgba(24, 39, 75, .055); transition: transform .18s ease, box-shadow .18s ease; } .profil.arsiv table.liste tbody tr:hover { transform: translateY(-2px); box-shadow: 0 14px 30px rgba(24, 39, 75, .10); } .profil.arsiv table.liste tbody tr td { border-top: 1px solid #f1f3f7 !important; border-bottom: 1px solid #f1f3f7 !important; vertical-align: middle !important; padding: 13px 14px !important; background: transparent !important; } .profil.arsiv table.liste tbody tr td:first-child { border-left: 1px solid #f1f3f7 !important; border-radius: 18px 0 0 18px; width: 92px; } .profil.arsiv table.liste tbody tr td:last-child { border-right: 1px solid #f1f3f7 !important; border-radius: 0 18px 18px 0; } .profil.arsiv table.liste .resim { width: 68px; height: 56px; object-fit: cover; border-radius: 12px; border: 1px solid #edf1f6; background: #f8fafc; } .profil.arsiv table.liste .baslik a, .profil.arsiv table.liste .baslik { color: #1f2b3d !important; font-size: 15px; font-weight: 800; } .profil.arsiv table.liste .fiyat { color: #16a34a; font-weight: 800; } .profil.arsiv table.liste .il_ilce span { display: inline-flex; align-items: center; gap: 4px; color: #667085; font-size: 12px; font-weight: 600; } .profil.arsiv table.liste .il_ilce span:before { content: "\f041"; font-family: FontAwesome; color: #98a2b3; } .profil.arsiv #sidebar_pc_menu { background: #fff !important; } .profil.arsiv #sidebar_pc_menu .panel-heading { padding: 16px 18px !important; border: 0 !important; background: linear-gradient(135deg, #fff7ed, #fff) !important; color: #1f2937 !important; font-weight: 800; } .profil.arsiv #sidebar_pc_menu ul { padding: 10px; margin: 0; } .profil.arsiv #sidebar_pc_menu ul li { list-style: none; margin-bottom: 6px; } .profil.arsiv #sidebar_pc_menu ul li a { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 12px; color: #475467 !important; font-weight: 700; text-decoration: none !important; transition: background .18s ease, color .18s ease, transform .18s ease; } .profil.arsiv #sidebar_pc_menu ul li a:hover, .profil.arsiv #sidebar_pc_menu ul li.active a { background: #fff3e4 !important; color: #ff8800 !important; transform: translateX(2px); } .profil.arsiv #sidebar_pc_menu ul li a i { width: 18px; color: inherit; } @media (max-width: 767px) { .profil.arsiv > div[style*="border:1px solid #EAEAEA"] .row { margin-left: -7px; margin-right: -7px; } .profil.arsiv > div[style*="border:1px solid #EAEAEA"] [class*="col-"] { padding-left: 7px; padding-right: 7px; } .profil.arsiv .tab .panel-heading { display: block; } .profil.arsiv .tab .panel-heading .sag, .profil.arsiv #jump { width: 100%; margin-top: 8px; } .profil.arsiv table.liste, .profil.arsiv table.liste tbody, .profil.arsiv table.liste tr, .profil.arsiv table.liste td { display: block; width: 100% !important; } .profil.arsiv table.liste tbody tr { padding: 12px; } .profil.arsiv table.liste tbody tr td { border: 0 !important; padding: 5px 0 !important; } .profil.arsiv table.liste tbody tr td:first-child, .profil.arsiv table.liste tbody tr td:last-child { border: 0 !important; border-radius: 0; } .profil.arsiv table.liste .resim { width: 84px; height: 64px; float: left; margin-right: 12px; } } /* ===== CINSPATI SIZE OZEL MENU ORTAK GORUNUM ===== */ #sidebar_pc_menu.cp-member-menu, #sidebar_pc_menu.cp-profile-update-menu { border: 1px solid rgba(255, 121, 45, .16) !important; border-radius: 18px !important; box-shadow: 0 14px 32px rgba(40, 27, 18, .07) !important; overflow: hidden; background: #fff !important; } #sidebar_pc_menu.cp-member-menu > .panel-heading, #sidebar_pc_menu.cp-profile-update-menu > .panel-heading { background: #fff1e7 !important; border: 0 !important; border-bottom: 1px solid rgba(255, 121, 45, .15) !important; color: #1f2937 !important; font-weight: 900; padding: 13px 15px !important; } #sidebar_pc_menu.cp-member-menu .panel-body, #sidebar_pc_menu.cp-profile-update-menu .panel-body { padding: 8px !important; background: #fff !important; } #sidebar_pc_menu.cp-member-menu ul, #sidebar_pc_menu.cp-profile-update-menu ul { padding: 0 !important; margin: 0 !important; } #sidebar_pc_menu.cp-member-menu ul li, #sidebar_pc_menu.cp-profile-update-menu ul li { list-style: none !important; margin: 0 0 4px !important; } #sidebar_pc_menu.cp-member-menu ul li a, #sidebar_pc_menu.cp-profile-update-menu ul li a { display: flex !important; align-items: center; gap: 8px; border-radius: 12px !important; padding: 10px 12px !important; line-height: 18px !important; text-decoration: none !important; font-weight: 700; color: #344054 !important; transition: background .18s ease, color .18s ease, transform .18s ease; } #sidebar_pc_menu.cp-member-menu ul li.active a, #sidebar_pc_menu.cp-member-menu ul li a:hover, #sidebar_pc_menu.cp-profile-update-menu ul li.active a, #sidebar_pc_menu.cp-profile-update-menu ul li a:hover { background: #ff7a2d !important; color: #fff !important; transform: translateX(2px); } #sidebar_pc_menu.cp-member-menu ul li a i, #sidebar_pc_menu.cp-profile-update-menu ul li a i { width: 18px; color: inherit !important; text-align: center; } @media (max-width: 991px) { #sidebar_pc_menu.cp-member-menu, #sidebar_pc_menu.cp-profile-update-menu { margin-top: 16px; } } /* ===== CINSPATI MODERN MESAJ DETAY EKRANI ===== */ .profil.gorusme .cp-message-detail-layout { display: flex; align-items: flex-start; gap: 18px; } .profil.gorusme .cp-message-main-column { flex: 1 1 auto; min-width: 0; } .profil.gorusme .cp-message-side-column { flex: 0 0 205px; max-width: 205px; } .cp-message-chat-card, .cp-message-side-card { background: #fff !important; border: 1px solid rgba(255, 121, 45, .16) !important; border-radius: 18px !important; box-shadow: 0 16px 38px rgba(40, 27, 18, .07) !important; overflow: hidden; } .cp-message-chat-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 82px; padding: 16px 20px; border-bottom: 1px solid #eef0f4; background: linear-gradient(180deg, #fff, #fffaf6); } .cp-message-user-mini { display: flex; align-items: center; gap: 12px; } .cp-message-user-mini img { width: 54px; height: 54px; border-radius: 50%; object-fit: cover; background: #eef2f7; } .cp-message-user-mini h2 { margin: 0 0 4px; font-size: 20px; font-weight: 900; color: #111827; } .cp-message-user-mini span, .cp-message-help, .cp-message-side-card .uyelik_tarihi { color: #667085; font-size: 12px; } .cp-message-listing-link { display: inline-flex; align-items: center; gap: 8px; border: 1px solid #e5e7eb; border-radius: 999px; padding: 10px 16px; color: #1d8cf8 !important; font-weight: 800; text-decoration: none !important; background: #fff; white-space: nowrap; } .cp-message-listing-link:hover { border-color: #1d8cf8; box-shadow: 0 8px 18px rgba(29, 140, 248, .12); } .cp-message-date-line { position: relative; padding: 18px 22px 6px; text-align: center; color: #8a93a3; font-weight: 700; } .cp-message-date-line:before { content: ""; position: absolute; left: 22px; right: 22px; top: 28px; height: 1px; background: #eef0f4; } .cp-message-date-line span { position: relative; z-index: 1; display: inline-block; padding: 0 16px; background: #fff; } .cp-message-chat-body { background: #fff; } #mesajlasma.cp-message-thread, .cp-message-thread { height: 410px; max-height: 410px; overflow-y: auto; padding: 18px 22px 22px !important; background: linear-gradient(180deg, #fff, #fffefd); } #mesajlasma .mesaj.cp-message-bubble, #mesajlasma .mesaj { display: block; clear: both; width: auto; max-width: 62%; min-width: 120px; margin: 8px 0 10px !important; padding: 14px 16px 12px !important; border-radius: 16px !important; font-size: 14px; line-height: 1.45; box-shadow: 0 10px 24px rgba(17, 24, 39, .06); word-break: break-word; } #mesajlasma .mesaj.left { float: left !important; background: #fff !important; color: #344054 !important; border: 1px solid #e8edf3 !important; border-bottom-left-radius: 6px !important; } #mesajlasma .mesaj.right { float: right !important; background: #eff6ff !important; color: #263445 !important; border: 1px solid #cfe5ff !important; border-bottom-right-radius: 6px !important; } #mesajlasma .cp-message-text { display: block; } #mesajlasma .cp-message-time { display: block; margin-top: 9px; font-size: 11px; line-height: 1; color: #667085; } .cp-message-chat-footer { padding: 14px 18px 16px; border-top: 1px solid #eef0f4; background: #fff; } .cp-message-form { display: flex; align-items: center; gap: 10px; } .cp-message-form .form-control { height: 44px !important; border: 1px solid #e1e6ee !important; border-radius: 14px !important; box-shadow: none !important; padding: 0 15px !important; } .cp-message-form .form-control:focus { border-color: #1d8cf8 !important; box-shadow: 0 0 0 3px rgba(29, 140, 248, .12) !important; } .cp-message-form .btn { height: 44px; min-width: 104px; border: 0 !important; border-radius: 999px !important; font-weight: 900; background: linear-gradient(135deg, #35a4ff, #1677f2) !important; box-shadow: 0 10px 20px rgba(29, 140, 248, .24); } .cp-message-help { display: block; margin-top: 10px; } .cp-message-side-card { margin-bottom: 16px !important; } .cp-message-side-card > .panel-heading { background: #fff1e7 !important; border: 0 !important; border-bottom: 1px solid rgba(255, 121, 45, .15) !important; color: #1f2937 !important; font-weight: 900; padding: 13px 15px !important; } .cp-message-side-card .panel-body { padding: 14px !important; } .cp-message-profile-photo { width: 100px; height: 100px; border-radius: 12px; object-fit: cover; background: #eef2f7; } .cp-message-profile-card h3 { margin: 12px 0 6px; font-size: 20px; font-weight: 900; color: #111827; } .cp-message-profile-link { display: block; margin-top: 10px; color: #1d8cf8 !important; font-weight: 800; text-decoration: none !important; } .cp-message-end-btn { width: 100%; margin-top: 14px; border-radius: 10px !important; padding: 9px 8px !important; font-weight: 900; background: #fff !important; border: 1px solid #ff5a1f !important; color: #ff5a1f !important; } .cp-message-end-btn:hover { background: #ff5a1f !important; color: #fff !important; } /* Mesaj detayindaki geri don menusunu diger uye menuleriyle ayni yapida gosterir. */ .cp-message-back-card .panel-body { padding: 8px !important; background: #fff !important; } .cp-message-back-card ul { margin: 0 !important; padding: 0 !important; } .cp-message-back-card li { list-style: none !important; margin: 0 0 4px !important; } .cp-message-back-card a { display: flex !important; align-items: center; gap: 8px; border-radius: 12px !important; padding: 10px 12px !important; line-height: 18px !important; color: #344054 !important; font-weight: 700; text-decoration: none !important; background: transparent !important; transition: background .18s ease, color .18s ease, transform .18s ease; } .cp-message-back-card li.active a, .cp-message-back-card a:hover { background: #ff7a2d !important; color: #fff !important; transform: translateX(2px); } .cp-message-back-card a i { width: 18px; color: inherit !important; text-align: center; } @media (max-width: 991px) { .profil.gorusme .cp-message-detail-layout { display: block; } .profil.gorusme .cp-message-side-column { max-width: none; width: 100%; margin-top: 16px; } .cp-message-chat-head, .cp-message-form { flex-direction: column; align-items: stretch; } .cp-message-listing-link, .cp-message-form .btn { justify-content: center; width: 100%; } #mesajlasma.cp-message-thread, .cp-message-thread { height: 360px; max-height: 360px; } #mesajlasma .mesaj.cp-message-bubble, #mesajlasma .mesaj { max-width: 86%; } } /* ===== CINSPATI GORUSME DETAYLARI SAG KART DUZENI ===== */ /* Sadece mesaj detay sayfasindaki sag tarafta yer alan Gorusme Detaylari kartini modernlestirir. */ .profil.gorusme .cp-message-side-column .cp-message-side-card:first-child { border: 1px solid rgba(29, 140, 248, .10) !important; border-radius: 22px !important; box-shadow: 0 18px 42px rgba(16, 24, 40, .08) !important; background: #fff !important; overflow: hidden !important; } .profil.gorusme .cp-message-side-column .cp-message-side-card:first-child > .panel-heading { background: #fff !important; border-bottom: 1px solid #eef2f7 !important; padding: 16px 18px !important; font-size: 16px !important; font-weight: 900 !important; color: #111827 !important; } .profil.gorusme .cp-message-side-column .cp-message-side-card:first-child .panel-body { padding: 22px 18px 20px !important; text-align: center !important; } .profil.gorusme .cp-message-profile-photo { width: 108px !important; height: 108px !important; border-radius: 50% !important; object-fit: cover !important; display: block !important; margin: 0 auto 14px !important; background: #eef2f7 !important; border: 3px solid #e4f1ff !important; box-shadow: 0 10px 24px rgba(29, 140, 248, .14) !important; } .profil.gorusme .cp-message-profile-card h3 { margin: 6px 0 8px !important; font-size: 20px !important; line-height: 1.2 !important; font-weight: 900 !important; color: #101828 !important; } .profil.gorusme .cp-message-side-card .uyelik_tarihi { display: block !important; margin: 0 auto 18px !important; color: #667085 !important; font-size: 12px !important; line-height: 1.45 !important; } /* Kullanici istegi: Gorusme Detaylari kartinda Ilani Goruntule secenegi gorunmesin. */ .profil.gorusme .cp-message-side-column .cp-message-side-card:first-child .cp-message-profile-link { display: none !important; } .profil.gorusme .cp-message-side-column .cp-message-side-card:first-child .cp-message-profile-card:after { content: ""; display: block; width: 100%; height: 1px; margin: 18px 0 16px; background: #eef2f7; } .profil.gorusme .cp-message-end-btn { width: 100% !important; min-height: 48px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; border-radius: 16px !important; padding: 12px 14px !important; margin-top: 0 !important; background: #fff !important; border: 1.5px solid #ff5a1f !important; color: #ff5a1f !important; font-weight: 900 !important; box-shadow: 0 10px 24px rgba(255, 90, 31, .08) !important; transition: background .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease; } .profil.gorusme .cp-message-end-btn:hover { background: #ff5a1f !important; color: #fff !important; box-shadow: 0 14px 28px rgba(255, 90, 31, .18) !important; transform: translateY(-1px); } @media (max-width: 991px) { .profil.gorusme .cp-message-side-column .cp-message-side-card:first-child .panel-body { padding: 20px 16px !important; } .profil.gorusme .cp-message-profile-photo { width: 96px !important; height: 96px !important; } } /* ===== /CINSPATI GORUSME DETAYLARI SAG KART DUZENI ===== */ /* Profil üst istatistik kartları - modern görünüm */ .profil .row .col-md-a5 > a, .profil .row .col-md-a5 > div.alert { display: block; height: 100%; text-decoration: none !important; } .profil .row .col-md-a5 > a > .alert, .profil .row .col-md-a5 > .alert { min-height: 145px; padding: 24px 16px 20px !important; border: 1px solid rgba(226, 232, 240, .95) !important; border-radius: 18px !important; background: #fff !important; box-shadow: 0 14px 34px rgba(15, 23, 42, .08) !important; text-align: center; overflow: hidden; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; } .profil .row .col-md-a5 > a:hover > .alert, .profil .row .col-md-a5 > .alert:hover { transform: translateY(-3px); box-shadow: 0 18px 42px rgba(15, 23, 42, .12) !important; border-color: rgba(59, 130, 246, .22) !important; } .profil .row .col-md-a5 > a > .alert > div[style*="font-size:20px"], .profil .row .col-md-a5 > .alert > div[style*="font-size:20px"] { margin-top: 12px; font-size: 30px !important; line-height: 1.1; } .profil .row .col-md-a5 > a > .alert > div[style*="font-size:20px"] strong, .profil .row .col-md-a5 > .alert > div[style*="font-size:20px"] strong { font-weight: 800; } .profil .row .col-md-a5 > a > .alert .pabsolute, .profil .row .col-md-a5 > .alert .pabsolute { position: relative !important; top: auto !important; right: auto !important; width: 62px; height: 62px; margin: 0 auto 14px; border-radius: 50%; display: flex; align-items: center; justify-content: center; opacity: 1 !important; background: rgba(59, 130, 246, .10); } .profil .row .col-md-a5 > a > .alert .pabsolute i, .profil .row .col-md-a5 > .alert .pabsolute i { font-size: 30px !important; } .profil .row .col-md-a5 > a > .alert.alert-success, .profil .row .col-md-a5 > .alert.alert-success { border-bottom: 4px solid #22c55e !important; color: #111827 !important; } .profil .row .col-md-a5 > a > .alert.alert-success .pabsolute, .profil .row .col-md-a5 > .alert.alert-success .pabsolute { background: rgba(34, 197, 94, .12); color: #22c55e; } .profil .row .col-md-a5 > a > .alert.alert-success strong, .profil .row .col-md-a5 > .alert.alert-success strong { color: #22c55e; } .profil .row .col-md-a5 > a > .alert.alert-primary, .profil .row .col-md-a5 > .alert.alert-primary { border-bottom: 4px solid #2387e8 !important; color: #111827 !important; } .profil .row .col-md-a5 > a > .alert.alert-primary .pabsolute, .profil .row .col-md-a5 > .alert.alert-primary .pabsolute { background: rgba(35, 135, 232, .12); color: #2387e8; } .profil .row .col-md-a5 > a > .alert.alert-primary strong, .profil .row .col-md-a5 > .alert.alert-primary strong { color: #2387e8; } .profil .row .col-md-a5 > a > .alert.alert-warning, .profil .row .col-md-a5 > .alert.alert-warning { border-bottom: 4px solid #f97316 !important; color: #111827 !important; } .profil .row .col-md-a5 > a > .alert.alert-warning .pabsolute, .profil .row .col-md-a5 > .alert.alert-warning .pabsolute { background: rgba(249, 115, 22, .12); color: #f97316; } .profil .row .col-md-a5 > a > .alert.alert-warning strong, .profil .row .col-md-a5 > .alert.alert-warning strong { color: #f97316; } .profil .row .col-md-a5 > a > .alert.alert-info, .profil .row .col-md-a5 > .alert.alert-info { border-bottom: 4px solid #8b5cf6 !important; color: #111827 !important; } .profil .row .col-md-a5 > a > .alert.alert-info .pabsolute, .profil .row .col-md-a5 > .alert.alert-info .pabsolute { background: rgba(139, 92, 246, .12); color: #8b5cf6; } .profil .row .col-md-a5 > a > .alert.alert-info strong, .profil .row .col-md-a5 > .alert.alert-info strong { color: #8b5cf6; } .profil .row .col-md-a5 > a > .alert.alert-danger, .profil .row .col-md-a5 > .alert.alert-danger { border-bottom: 4px solid #ef4444 !important; color: #111827 !important; } .profil .row .col-md-a5 > a > .alert.alert-danger .pabsolute, .profil .row .col-md-a5 > .alert.alert-danger .pabsolute { background: rgba(239, 68, 68, .12); color: #ef4444; } .profil .row .col-md-a5 > a > .alert.alert-danger strong, .profil .row .col-md-a5 > .alert.alert-danger strong { color: #ef4444; } @media (max-width: 991px) { .profil .row .col-md-a5 { margin-bottom: 12px; } .profil .row .col-md-a5 > a > .alert, .profil .row .col-md-a5 > .alert { min-height: 124px; padding: 18px 12px 16px !important; } } /* Header profil alanı hizalama düzeltmesi */ header .uyelik{ display:flex !important; align-items:center !important; justify-content:center !important; gap:10px !important; flex-wrap:wrap !important; } /* Profil görseli taşma düzeltmesi */ header .uyelik .dropdown-toggle img, header .uyelik .profil_resim, header .uyelik .user-avatar{ width:42px !important; height:42px !important; min-width:42px !important; border-radius:50% !important; object-fit:cover !important; display:block !important; } /* Mesaj ve bildirim ikon hizalama */ header .uyelik a.yeni_mesaj, header .uyelik .header_link{ display:flex !important; align-items:center !important; justify-content:center !important; position:relative !important; width:42px !important; height:42px !important; padding:0 !important; } /* Bildirim sayı rozeti */ header .uyelik .badge{ position:absolute !important; top:-4px !important; right:-4px !important; } /* Ücretsiz ilan ver butonu hizalama */ header .uyelik .btn-header{ display:flex !important; align-items:center !important; justify-content:center !important; height:42px !important; padding:0 18px !important; } /* ======================================== CinsPati İlan Detay - Mobil Düzen v3 Sıra: Galeri → Başlık → Profil+İletişim ======================================== */ /* Masaüstünde ilan.ust'u sıfırla */ .ilan .ust { padding-bottom: 0 !important; margin-bottom: 0 !important; border-bottom: 0 !important; } /* Mobil: galeri önce, sonra başlık/taglar, sonra sidebar */ @media (max-width: 991px) { .container.ilan > .row { display: flex !important; flex-direction: column !important; } /* Ana içerik kolonu (galeri + detay) önce */ .container.ilan > .row > div:first-child { order: 1 !important; float: none !important; width: 100% !important; } /* Sidebar (profil+iletişim) galeri altında, detay panelinden önce */ .container.ilan > .row > .col-md-11 { order: 2 !important; float: none !important; width: 100% !important; padding-left: 15px !important; padding-right: 15px !important; margin-top: 4px !important; } /* İç satır içinde: galeri sol, detay sağ → mobilde galeri üste çıksın */ .container.ilan .col-md-31 > .row { display: flex !important; flex-direction: column !important; } /* Galeri kolonu (fotoğraflar) önce */ .container.ilan .col-md-31 > .row > div:first-child { order: 1 !important; float: none !important; width: 100% !important; } /* Fiyat/detay kolonu (tablo vs) arkadan gelsin */ .container.ilan .col-md-31 > .row > div:last-child { order: 3 !important; float: none !important; width: 100% !important; } /* Detay paneli (açıklama tab vb.) en sona */ .container.ilan .detay { order: 4 !important; } /* Fiyat / sahiplendirme satırı mobilde gizle */ .container.ilan .fiyat, .container.ilan .s_mesaj, .container.ilan .s_mesaj_tablo, .container.ilan #sikayetim_var_buton:not(.cp-report-link *) { display: none !important; } /* Mobilde ilan bilgi detay tablosu görünsün */ .container.ilan table.detay.cp-detay-table { display: table !important; width: 100% !important; } /* Sidebar ikonu güzel görünsün */ .cp-mic-val { font-size: 10px !important; max-width: 60px !important; } /* İletişim butonları mobilde tam genişlik */ .cp-contact-btns { padding: 10px 12px !important; } } /* Masaüstünde fiyat/sahiplendirme gizle (tasarım gereği) */ @media (min-width: 992px) { .container.ilan .fiyat, .container.ilan .s_mesaj { display: none !important; } } /* ======================================== CinsPati Header Sağ Panel Override ======================================== */ /* Eski buton stillerini sıfırla */ header .cp-h-actions .btn, header .cp-h-actions a.btn { background: none !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; padding: 0 !important; font-size: inherit !important; font-weight: inherit !important; color: inherit !important; text-shadow: none !important; transform: none !important; } /* Profil dropdown Bootstrap fix */ header .cp-user-wrap .dropdown-menu, header .cp-h-dropdown { display: none !important; border-radius: 16px !important; border: 1px solid rgba(84,45,23,.10) !important; box-shadow: 0 14px 36px rgba(74,39,18,.16) !important; padding: 6px !important; min-width: 200px !important; margin-top: 4px !important; overflow: hidden !important; } header .cp-user-wrap.open .dropdown-menu, header .cp-user-wrap.open .cp-h-dropdown { display: block !important; } header .cp-h-dropdown li a, header .cp-h-dropdown .cp-h-dd-item { border-radius: 10px !important; padding: 9px 14px !important; font-size: 13px !important; color: #2a1a12 !important; font-weight: 500 !important; display: flex !important; align-items: center !important; gap: 10px !important; transition: .15s !important; text-decoration: none !important; } header .cp-h-dropdown li a:hover, header .cp-h-dropdown .cp-h-dd-item:hover { background: #fff8f2 !important; color: #ee2500 !important; } header .cp-h-dropdown li a i, header .cp-h-dropdown .cp-h-dd-item i { color: #ff7a00 !important; font-size: 15px !important; margin: 0 !important; width: 18px !important; text-align: center !important; flex-shrink: 0 !important; } header .cp-h-dropdown .cp-danger, header .cp-h-dropdown .cp-danger i { color: #ee2500 !important; } header .cp-h-dropdown .cp-h-dd-sep { height: 1px !important; background: #f0e8e0 !important; margin: 3px 0 !important; padding: 0 !important; } /* CinsPati - Ana site masaüstü sağa/sola taşma kesin düzeltme */ @media (min-width: 992px) { html, body { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; } body { position: relative !important; } html body .container { max-width: 1170px !important; width: 1170px !important; box-sizing: border-box !important; } html body .row { box-sizing: border-box !important; } html body .cp-home-layout, html body .cp-page-layout { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; display: flex !important; flex-wrap: nowrap !important; overflow: visible !important; margin-left: -10px !important; margin-right: -10px !important; } html body .cp-home-layout > .cp-home-main, html body .cp-page-layout > .cp-page-main { width: 78.57142857% !important; max-width: 78.57142857% !important; flex: 0 0 78.57142857% !important; min-width: 0 !important; box-sizing: border-box !important; padding-left: 10px !important; padding-right: 10px !important; } html body .cp-home-layout > .cp-home-sidebar, html body .cp-page-layout > .cp-page-sidebar { width: 21.42857143% !important; max-width: 21.42857143% !important; flex: 0 0 21.42857143% !important; min-width: 0 !important; box-sizing: border-box !important; padding-left: 10px !important; padding-right: 10px !important; margin-left: 0 !important; margin-right: 0 !important; float: none !important; } html body .cp-home-sidebar *, html body .cp-page-sidebar *, html body .cp-home-main *, html body .cp-page-main * { max-width: 100% !important; box-sizing: border-box !important; } html body .cp-home-sidebar .bilesen, html body .cp-page-sidebar .bilesen { width: 100% !important; max-width: 100% !important; overflow: hidden !important; } html body .cp-home-sidebar ul.ana_menu, html body .cp-page-sidebar ul.ana_menu { width: 100% !important; max-width: 100% !important; overflow: hidden !important; } html body .cp-home-sidebar ul.ana_menu > li > a, html body .cp-page-sidebar ul.ana_menu > li > a { width: 100% !important; max-width: 100% !important; white-space: normal !important; overflow-wrap: anywhere !important; } html body .cins-alt-slider-wrap, html body .bilesen, html body .panel, html body .liste, html body img { max-width: 100% !important; box-sizing: border-box !important; } } @media (min-width: 1200px) { html body .container { max-width: 1170px !important; width: 1170px !important; } } @media (min-width: 992px) and (max-width: 1199px) { html body .container { max-width: 970px !important; width: 970px !important; } } /* CinsPati sağ kategori menüsü - masaüstü alt kategori hover kesin düzeltme */ @media (min-width: 992px){ html body .cp-page-sidebar, html body .cp-page-sidebar .bilesen, html body .cp-page-sidebar .panel, html body .cp-page-sidebar .panel-body, html body .cp-home-sidebar, html body .cp-home-sidebar .bilesen, html body .cp-home-sidebar .panel, html body .cp-home-sidebar .panel-body{ overflow:visible!important; } html body .cp-page-sidebar ul.ana_menu > li.dropdown, html body .cp-home-sidebar ul.ana_menu > li.dropdown, html body .sidebar ul.ana_menu > li.dropdown, html body aside ul.ana_menu > li.dropdown{ position:relative!important; overflow:visible!important; z-index:20!important; } html body .cp-page-sidebar ul.ana_menu > li.dropdown:hover, html body .cp-home-sidebar ul.ana_menu > li.dropdown:hover, html body .sidebar ul.ana_menu > li.dropdown:hover, html body aside ul.ana_menu > li.dropdown:hover{ z-index:999999!important; } html body .cp-page-sidebar ul.ana_menu > li.dropdown > ul, html body .cp-home-sidebar ul.ana_menu > li.dropdown > ul, html body .sidebar ul.ana_menu > li.dropdown > ul, html body aside ul.ana_menu > li.dropdown > ul{ display:block!important; visibility:hidden!important; opacity:0!important; pointer-events:none!important; position:absolute!important; left:auto!important; right:calc(100% + 12px)!important; top:0!important; min-width:245px!important; max-width:320px!important; margin:0!important; padding:10px!important; background:#fff!important; border:1px solid #ece7df!important; border-radius:18px!important; box-shadow:0 18px 42px rgba(48,32,18,.16)!important; z-index:999999!important; transform:translateX(8px)!important; transition:opacity .16s ease, transform .16s ease, visibility .16s ease!important; } html body .cp-page-sidebar ul.ana_menu > li.dropdown:hover > ul, html body .cp-home-sidebar ul.ana_menu > li.dropdown:hover > ul, html body .sidebar ul.ana_menu > li.dropdown:hover > ul, html body aside ul.ana_menu > li.dropdown:hover > ul{ visibility:visible!important; opacity:1!important; pointer-events:auto!important; transform:translateX(0)!important; } html body .cp-page-sidebar ul.ana_menu > li.dropdown > ul:before, html body .cp-home-sidebar ul.ana_menu > li.dropdown > ul:before, html body .sidebar ul.ana_menu > li.dropdown > ul:before, html body aside ul.ana_menu > li.dropdown > ul:before{ content:''!important; position:absolute!important; right:-14px!important; top:0!important; width:14px!important; height:100%!important; background:transparent!important; } html body .cp-page-sidebar ul.ana_menu > li.dropdown > ul li, html body .cp-home-sidebar ul.ana_menu > li.dropdown > ul li, html body .sidebar ul.ana_menu > li.dropdown > ul li, html body aside ul.ana_menu > li.dropdown > ul li{ margin:0!important; padding:0!important; border:0!important; background:transparent!important; } html body .cp-page-sidebar ul.ana_menu > li.dropdown > ul li a, html body .cp-home-sidebar ul.ana_menu > li.dropdown > ul li a, html body .sidebar ul.ana_menu > li.dropdown > ul li a, html body aside ul.ana_menu > li.dropdown > ul li a{ display:block!important; min-height:0!important; height:auto!important; line-height:18px!important; margin:0 0 4px!important; padding:10px 12px!important; border:0!important; border-radius:12px!important; background:#fff!important; color:#2d211b!important; box-shadow:none!important; font-size:13px!important; font-weight:800!important; white-space:nowrap!important; } html body .cp-page-sidebar ul.ana_menu > li.dropdown > ul li a:hover, html body .cp-home-sidebar ul.ana_menu > li.dropdown > ul li a:hover, html body .sidebar ul.ana_menu > li.dropdown > ul li a:hover, html body aside ul.ana_menu > li.dropdown > ul li a:hover{ background:#fff4e9!important; color:#ff4b00!important; transform:none!important; } } /* CinsPati masaüstü sağ kategori menüsü - alt kategori çerçeve dışına taşsın */ @media (min-width:768px){ html body .cp-page-sidebar, html body .cp-home-sidebar, html body .sidebar, html body aside, html body .kategori_sidebar, html body .kategori_sol, html body .side_bar, html body .sag_menu, html body .left_menu, html body .home_sidebar, html body .ilan_kategori_sidebar, html body .blok, html body .widget, html body .panel, html body .panel-body, html body .ana_menu, html body ul.ana_menu, html body ul.ana_menu > li, html body ul.ana_menu > li.dropdown{ overflow:visible!important; } html body ul.ana_menu > li.dropdown{ position:relative!important; z-index:20!important; } html body ul.ana_menu > li.dropdown:hover{ z-index:999990!important; } html body ul.ana_menu > li.dropdown:hover > ul{ display:block!important; visibility:visible!important; opacity:1!important; pointer-events:auto!important; z-index:999999!important; } html body ul.ana_menu > li.dropdown > ul{ position:absolute!important; top:0!important; right:calc(100% + 10px)!important; left:auto!important; min-width:260px!important; max-width:360px!important; overflow:visible!important; } } /* Blog sayfaları ve footer blog alanı */ .cp-blog-head{background:#fff;border-radius:22px;padding:24px;margin-bottom:20px;box-shadow:0 12px 30px rgba(0,0,0,.06);text-align:center}.cp-blog-head h1{margin:0 0 8px;font-weight:800}.cp-blog-head p{margin:0;color:#777}.cp-blog-card{display:block;background:#fff;border-radius:20px;margin-bottom:22px;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.07);text-decoration:none!important;color:#333!important;transition:.2s}.cp-blog-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.1)}.cp-blog-card img,.cp-blog-placeholder{width:100%;height:210px;object-fit:cover;background:#fff4ed;display:flex;align-items:center;justify-content:center;color:#ff6b00;font-size:42px}.cp-blog-card-body{padding:18px}.cp-blog-card-body span{font-size:12px;color:#999}.cp-blog-card-body h3{font-size:18px;font-weight:800;line-height:1.35;margin:8px 0;color:#2b2b2b}.cp-blog-card-body p{font-size:13px;color:#666;line-height:1.65;min-height:64px}.cp-blog-card-body strong{font-size:13px;color:#ff6b00}.cp-blog-detail-img{border-radius:18px;box-shadow:0 12px 28px rgba(0,0,0,.08)}footer .cp-footer-blog-block{border-top:1px solid rgba(255,255,255,.16);margin-top:18px;padding-top:18px;text-align:center}footer .cp-footer-blog-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}footer .cp-footer-blog-list li a{display:block;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.10);color:#fff!important;font-size:13px;text-decoration:none!important}footer .cp-footer-blog-list li a:hover{background:rgba(255,255,255,.20)}footer .cp-footer-blog-all a{font-weight:700} @media(max-width:767px){.cp-blog-card img,.cp-blog-placeholder{height:185px}.cp-blog-card-body p{min-height:auto}footer .cp-footer-blog-list{display:block}footer .cp-footer-blog-list li{margin-bottom:7px}} /* Cinspati Footer final tasarım düzeltmesi - sadece tema görünümü */ html body footer.cp-site-footer{ background:radial-gradient(circle at 50% 15%,rgba(158,95,48,.22),transparent 34%),linear-gradient(135deg,#130c08 0%,#2b1a12 47%,#140d09 100%)!important; color:#f8eadb!important;border:1px solid rgba(190,122,67,.42)!important;border-radius:28px!important;margin:34px auto 0!important;padding:34px 0 24px!important;box-shadow:0 -16px 40px rgba(36,18,10,.16),inset 0 1px 0 rgba(255,221,184,.15)!important;overflow:hidden!important; } html body footer.cp-site-footer .cp-footer-container{max-width:1280px!important;width:calc(100% - 40px)!important;margin:0 auto!important;padding:0!important;text-align:left!important} html body footer.cp-site-footer *{box-sizing:border-box!important} html body footer.cp-site-footer a{text-decoration:none!important;transition:.2s ease!important} html body .cp-footer-nav-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;margin:0 0 36px!important;text-align:left!important} html body .cp-footer-nav-card{position:relative!important;padding:0 26px!important;min-height:250px!important;text-align:left!important;border-right:1px solid rgba(190,122,67,.24)!important} html body .cp-footer-nav-card:last-child{border-right:0!important} html body .cp-footer-title{display:flex!important;align-items:center!important;gap:14px!important;margin:0 0 12px!important;color:#ffe1bd!important;font-weight:800!important;font-size:19px!important;line-height:1.2!important;text-align:left!important} html body .cp-footer-title-icon{width:48px!important;height:48px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:13px!important;background:linear-gradient(145deg,rgba(255,182,109,.16),rgba(255,255,255,.04))!important;border:1px solid rgba(221,139,75,.43)!important;color:#ffb46f!important;box-shadow:inset 0 0 16px rgba(255,183,111,.08)!important;font-size:20px!important;flex:0 0 48px!important} html body .cp-footer-paw-sep{display:flex!important;align-items:center!important;gap:10px!important;margin:0 0 18px 58px!important;color:#c38350!important;text-align:left!important} html body .cp-footer-paw-sep span{display:block!important;width:28px!important;height:1px!important;background:#9b633f!important} html body footer.cp-site-footer ul{list-style:none!important;padding:0!important;margin:0!important;text-align:left!important} html body footer.cp-site-footer li{position:relative!important;margin:0!important;padding:0!important;text-align:left!important;border-bottom:1px dashed rgba(196,128,77,.16)!important} html body footer.cp-site-footer li a{display:block!important;position:relative!important;padding:12px 0 12px 18px!important;color:rgba(255,239,223,.86)!important;font-size:15px!important;line-height:1.35!important;text-align:left!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;white-space:normal!important} html body footer.cp-site-footer li a:before{content:'›'!important;position:absolute!important;left:0!important;top:10px!important;color:#d18b53!important;font-size:22px!important;line-height:1!important} html body footer.cp-site-footer li a:hover{color:#ffbe7f!important;padding-left:23px!important} html body footer.cp-site-footer .cp-footer-all{display:inline-flex!important;align-items:center!important;gap:9px!important;margin-top:18px!important;padding:10px 18px!important;border-radius:999px!important;border:1px solid rgba(218,140,79,.58)!important;background:rgba(255,164,85,.05)!important;color:#ffd2a1!important;font-weight:700!important;font-size:14px!important;text-align:left!important} html body footer.cp-site-footer .cp-footer-all:hover{background:rgba(255,164,85,.13)!important;color:#fff!important;transform:translateY(-1px)!important} html body .cp-footer-contact-box{display:grid!important;grid-template-columns:1fr 190px 1fr!important;align-items:center!important;gap:24px!important;margin:6px 0 26px!important;padding:22px 32px!important;border:1px solid rgba(201,131,74,.45)!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;box-shadow:inset 0 0 0 1px rgba(255,232,208,.035)!important;text-align:left!important} html body .cp-footer-contact-side{display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;text-align:left!important;border-right:1px solid rgba(198,128,75,.35)!important;min-height:94px!important} html body .cp-footer-social-side{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;border-left:1px solid rgba(198,128,75,.35)!important;min-height:94px!important} html body .cp-footer-contact-icon{width:56px!important;height:56px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;border:1px solid rgba(204,132,74,.45)!important;color:#ffbd79!important;font-size:28px!important;background:rgba(255,180,109,.05)!important;flex:0 0 56px!important} html body .cp-footer-contact-title{margin:0 0 10px!important;color:#ffbd79!important;font-weight:900!important;font-size:18px!important;letter-spacing:.3px!important;text-align:left!important} html body .cp-footer-social-side .cp-footer-contact-title{text-align:center!important} html body .cp-footer-mail{display:inline-block!important;color:#fff1e5!important;font-size:15px!important;background:transparent!important;border:0!important;padding:0!important;text-align:left!important} html body .cp-footer-paw-center{width:112px!important;height:112px!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;border:1px solid rgba(211,139,80,.65)!important;background:radial-gradient(circle,rgba(255,185,112,.22),rgba(255,185,112,.05) 58%,transparent 60%)!important;color:#ffbe7c!important;font-size:54px!important;box-shadow:0 0 0 10px rgba(255,185,112,.03)!important} html body .cp-footer-socials{display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;text-align:center!important} html body .cp-social-icon{width:48px!important;height:48px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:16px!important;border:1px solid rgba(210,140,84,.42)!important;background:rgba(255,255,255,.05)!important;color:#fff!important;font-size:24px!important;line-height:1!important;box-shadow:none!important;text-align:center!important;padding:0!important;margin:0!important} html body .cp-social-icon i,html body .cp-social-icon span{display:block!important;line-height:1!important;color:#fff!important} html body .cp-facebook{background:linear-gradient(145deg,#5079d7,#264fa4)!important} html body .cp-instagram{background:radial-gradient(circle at 30% 110%,#ffd15e 0,#f65d38 38%,#c13584 62%,#833ab4 100%)!important} html body .cp-tiktok{background:#111!important;text-shadow:2px 0 #25f4ee,-2px 0 #fe2c55!important;font-weight:900!important;font-size:30px!important} html body .cp-social-icon:hover{transform:translateY(-2px)!important;filter:brightness(1.08)!important} html body .cp-footer-legal-box{position:relative!important;display:grid!important;grid-template-columns:90px minmax(0,1fr)!important;gap:18px!important;margin:0!important;padding:26px 34px!important;border:1px solid rgba(201,131,74,.22)!important;border-radius:16px!important;background:rgba(255,255,255,.025)!important;text-align:left!important;overflow:hidden!important} html body .cp-footer-legal-icons{display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;padding-top:4px!important;text-align:center!important} html body .cp-footer-legal-icons span{width:52px!important;height:52px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;border:1px solid rgba(201,131,74,.38)!important;color:#ffd09e!important;font-size:22px!important;background:rgba(255,180,109,.04)!important} html body .cp-footer-legal-text{text-align:left!important} html body footer.cp-site-footer .cp-footer-legal-text p{max-width:none!important;margin:0 0 13px!important;padding:0!important;background:none!important;border:0!important;color:rgba(255,239,223,.82)!important;font-size:13px!important;line-height:1.75!important;text-align:left!important} html body .cp-footer-slogan{display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;margin-top:22px!important;color:#d9935a!important;text-align:center!important;font-size:20px!important;font-style:italic!important} html body .cp-footer-slogan span{height:1px!important;width:170px!important;background:linear-gradient(90deg,transparent,#9f6037,transparent)!important;display:block!important} html body .cp-footer-stores{margin-top:18px!important;text-align:center!important}.cp-footer-stores img{width:150px!important;height:auto!important;margin:0 5px!important}.cp-footer-payment{margin:18px auto 0!important} @media(max-width:1100px){html body .cp-footer-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 0!important}html body .cp-footer-nav-card{min-height:auto!important;border-right:0!important;border-bottom:1px solid rgba(190,122,67,.18)!important;padding-bottom:20px!important}html body .cp-footer-contact-box{grid-template-columns:1fr!important;text-align:center!important}.cp-footer-contact-side,.cp-footer-social-side{border:0!important}.cp-footer-contact-title,.cp-footer-mail{text-align:center!important}} @media(max-width:700px){html body footer.cp-site-footer{border-radius:22px!important;padding:24px 0 18px!important}html body footer.cp-site-footer .cp-footer-container{width:calc(100% - 22px)!important}.cp-footer-nav-grid{grid-template-columns:1fr!important}.cp-footer-nav-card{padding:0 14px 20px!important}.cp-footer-contact-box{padding:18px 14px!important}.cp-footer-contact-side{flex-direction:column!important;text-align:center!important}.cp-footer-paw-center{width:88px!important;height:88px!important;font-size:42px!important}.cp-footer-legal-box{grid-template-columns:1fr!important;padding:20px 16px!important}.cp-footer-legal-icons{flex-direction:row!important;justify-content:center!important}.cp-footer-slogan{font-size:15px!important;gap:10px!important}.cp-footer-slogan span{width:55px!important}} /* CINSPATI AI MODERN POPUP - desktop */ @media (min-width: 992px) { .cp-ai-menu-trigger { position: relative !important; font-weight: 900 !important; } .cp-ai-menu-trigger:after { content: "AI"; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); display: inline-flex; align-items: center; justify-content: center; min-width: 28px; height: 19px; padding: 0 7px; border-radius: 999px; background: linear-gradient(135deg,#7a4a2a,#c48a59); color: #fff; font-size: 10px; font-weight: 900; letter-spacing: .4px; box-shadow: 0 6px 15px rgba(122,74,42,.25); } .cinspati-ai-popup-mask { position: fixed; inset: 0; z-index: 2147483500; background: rgba(33,20,12,.34); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); opacity: 0; pointer-events: none; transition: opacity .22s ease; } .cinspati-ai-popup-mask.active { opacity: 1; pointer-events: auto; } .cinspati-ai-popup { position: fixed; left: 50%; top: 50%; width: min(920px, calc(100vw - 80px)); height: min(720px, calc(100vh - 70px)); z-index: 2147483600; transform: translate(-50%, -46%) scale(.96); opacity: 0; pointer-events: none; display: flex; flex-direction: column; overflow: hidden; border-radius: 30px; background: #fffaf5; border: 1px solid rgba(255,255,255,.7); box-shadow: 0 34px 100px rgba(35,22,13,.42); transition: opacity .22s ease, transform .22s ease; } .cinspati-ai-popup.active { opacity: 1; pointer-events: auto; transform: translate(-50%, -50%) scale(1); } .cinspati-ai-popup-head { min-height: 82px; padding: 17px 20px; display: flex; align-items: center; gap: 14px; color: #fff; background: linear-gradient(135deg,#5c321b 0%,#8a5733 48%,#c59261 100%); } .cinspati-ai-avatar { width: 50px; height: 50px; border-radius: 18px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.17); box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); font-size: 25px; } .cinspati-ai-head-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; } .cinspati-ai-head-text strong { font-size: 23px; line-height: 1.1; font-weight: 900; } .cinspati-ai-head-text span { color: rgba(255,255,255,.86); font-size: 13px; font-weight: 700; } .cinspati-ai-minimize, .cinspati-ai-close { width: 40px; height: 40px; border: 0; border-radius: 14px; background: rgba(255,255,255,.16); color: #fff; font-size: 23px; line-height: 40px; cursor: pointer; transition: background .18s ease, transform .18s ease; } .cinspati-ai-minimize:hover, .cinspati-ai-close:hover { background: rgba(255,255,255,.26); transform: translateY(-1px); } .cinspati-ai-popup-body { flex: 1 1 auto; min-height: 0; background: #fffaf5; } .cinspati-ai-popup-body iframe { display: block; width: 100%; height: 100%; border: 0; background: #fffaf5; } } @media (max-width: 991px) { .cinspati-ai-popup, .cinspati-ai-popup-mask { display: none !important; } } /* CINSPATI AI - Mobil arama altı kart ve mobil popup */ .cp-mobile-ai-card{ display:none; } @media (max-width: 991px){ .cp-mobile-ai-card{ display:flex; align-items:center; gap:12px; margin:10px 10px 12px; padding:13px 14px; border-radius:18px; background:linear-gradient(135deg,#6f3f22 0%,#9b6742 55%,#c79261 100%); color:#fff; box-shadow:0 12px 30px rgba(91,50,25,.22); border:1px solid rgba(255,255,255,.22); cursor:pointer; user-select:none; } .cp-mobile-ai-card:active{ transform:scale(.99); } .cp-mobile-ai-icon{ width:44px; height:44px; flex:0 0 44px; border-radius:15px; display:flex; align-items:center; justify-content:center; font-size:22px; background:rgba(255,255,255,.16); box-shadow:inset 0 0 0 1px rgba(255,255,255,.20); } .cp-mobile-ai-text{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:3px; line-height:1.2; } .cp-mobile-ai-text strong{ font-size:16px; font-weight:900; color:#fff; } .cp-mobile-ai-text span{ font-size:12px; color:rgba(255,255,255,.88); line-height:1.35; } .cp-mobile-ai-action{ flex:0 0 auto; padding:8px 11px; border-radius:999px; background:rgba(255,255,255,.18); color:#fff; font-size:12px; font-weight:900; } .cinspati-ai-popup-mask{ position:fixed !important; inset:0 !important; z-index:2147483500 !important; display:block !important; background:rgba(33,20,12,.38) !important; backdrop-filter:blur(5px) !important; -webkit-backdrop-filter:blur(5px) !important; opacity:0 !important; pointer-events:none !important; transition:opacity .2s ease !important; } .cinspati-ai-popup-mask.active{ opacity:1 !important; pointer-events:auto !important; } .cinspati-ai-popup{ position:fixed !important; left:10px !important; right:10px !important; bottom:10px !important; top:auto !important; width:auto !important; height:min(78vh,680px) !important; z-index:2147483600 !important; display:flex !important; flex-direction:column !important; overflow:hidden !important; border-radius:24px !important; background:#fffaf5 !important; border:1px solid rgba(255,255,255,.72) !important; box-shadow:0 24px 70px rgba(35,22,13,.42) !important; transform:translateY(18px) scale(.98) !important; opacity:0 !important; pointer-events:none !important; transition:opacity .2s ease, transform .2s ease !important; } .cinspati-ai-popup.active{ opacity:1 !important; pointer-events:auto !important; transform:translateY(0) scale(1) !important; } .cinspati-ai-popup-head{ min-height:70px !important; padding:13px 14px !important; display:flex !important; align-items:center !important; gap:11px !important; color:#fff !important; background:linear-gradient(135deg,#5c321b 0%,#8a5733 52%,#c59261 100%) !important; } .cinspati-ai-avatar{ width:43px !important; height:43px !important; border-radius:15px !important; display:flex !important; align-items:center !important; justify-content:center !important; background:rgba(255,255,255,.17) !important; font-size:22px !important; flex:0 0 43px !important; } .cinspati-ai-head-text{ flex:1 1 auto !important; min-width:0 !important; display:flex !important; flex-direction:column !important; gap:2px !important; } .cinspati-ai-head-text strong{ font-size:19px !important; line-height:1.1 !important; font-weight:900 !important; color:#fff !important; } .cinspati-ai-head-text span{ font-size:12px !important; color:rgba(255,255,255,.86) !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } .cinspati-ai-minimize, .cinspati-ai-close{ width:36px !important; height:36px !important; border:0 !important; border-radius:12px !important; background:rgba(255,255,255,.16) !important; color:#fff !important; font-size:20px !important; line-height:36px !important; cursor:pointer !important; padding:0 !important; } .cinspati-ai-popup-body{ flex:1 1 auto !important; min-height:0 !important; background:#fffaf5 !important; } .cinspati-ai-popup-body iframe{ display:block !important; width:100% !important; height:100% !important; border:0 !important; background:#fffaf5 !important; } } /* CINSPATI AI - Mobil kart görünüm iyileştirme */ @media (max-width: 991px){ .cp-mobile-ai-card{ position:relative !important; display:flex !important; align-items:center !important; gap:11px !important; margin:12px 10px 14px !important; padding:14px 14px 14px 13px !important; min-height:86px !important; border-radius:22px !important; overflow:hidden !important; isolation:isolate !important; background: radial-gradient(circle at 8% 0%, rgba(255,255,255,.28) 0, rgba(255,255,255,0) 34%), linear-gradient(135deg,#5d321c 0%,#8b5835 48%,#d49a68 100%) !important; color:#fff !important; border:1px solid rgba(255,255,255,.35) !important; box-shadow:0 14px 34px rgba(80,43,22,.28) !important; transform:none !important; } .cp-mobile-ai-card:before{ content:'AI' !important; position:absolute !important; right:62px !important; top:-14px !important; font-size:64px !important; line-height:1 !important; font-weight:900 !important; letter-spacing:-4px !important; color:rgba(255,255,255,.07) !important; pointer-events:none !important; z-index:-1 !important; } .cp-mobile-ai-card:after{ content:'✦' !important; position:absolute !important; right:18px !important; bottom:12px !important; color:rgba(255,255,255,.28) !important; font-size:18px !important; pointer-events:none !important; } .cp-mobile-ai-card:active{ transform:scale(.985) !important; } .cp-mobile-ai-glow{ position:absolute !important; inset:auto -42px -52px auto !important; width:150px !important; height:150px !important; border-radius:50% !important; background:rgba(255,222,184,.23) !important; filter:blur(1px) !important; pointer-events:none !important; z-index:-1 !important; } .cp-mobile-ai-icon{ width:52px !important; height:52px !important; flex:0 0 52px !important; border-radius:18px !important; display:flex !important; align-items:center !important; justify-content:center !important; font-size:24px !important; background:rgba(255,255,255,.18) !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.32), 0 10px 22px rgba(45,24,14,.18) !important; } .cp-mobile-ai-text{ flex:1 1 auto !important; min-width:0 !important; display:flex !important; flex-direction:column !important; gap:5px !important; line-height:1.18 !important; } .cp-mobile-ai-title-row{ display:flex !important; align-items:center !important; gap:7px !important; min-width:0 !important; } .cp-mobile-ai-text strong{ font-size:18px !important; font-weight:900 !important; color:#fff !important; letter-spacing:-.2px !important; white-space:nowrap !important; } .cp-mobile-ai-title-row em{ display:inline-flex !important; align-items:center !important; height:20px !important; padding:0 8px !important; border-radius:999px !important; background:rgba(255,255,255,.20) !important; color:#fff7ec !important; font-size:10px !important; font-style:normal !important; font-weight:900 !important; text-transform:uppercase !important; } .cp-mobile-ai-text span{ max-width:250px !important; font-size:12.5px !important; color:rgba(255,255,255,.91) !important; line-height:1.38 !important; font-weight:700 !important; } .cp-mobile-ai-action{ width:44px !important; height:44px !important; flex:0 0 44px !important; display:flex !important; align-items:center !important; justify-content:center !important; padding:0 !important; border-radius:16px !important; background:rgba(255,255,255,.92) !important; color:#764525 !important; font-size:12px !important; font-weight:900 !important; box-shadow:0 9px 20px rgba(55,29,16,.16) !important; } } /* CINSPATI AI - Android mobil tıklama ve popup düzeltmesi */ @media (max-width: 991px){ .cp-mobile-ai-card{ appearance:none !important; -webkit-appearance:none !important; width:calc(100% - 20px) !important; border:1px solid rgba(255,255,255,.35) !important; text-align:left !important; text-decoration:none !important; cursor:pointer !important; pointer-events:auto !important; touch-action:manipulation !important; -webkit-tap-highlight-color:transparent !important; z-index:5 !important; } .cp-mobile-ai-card *{ pointer-events:none !important; } .cp-mobile-ai-mask{ position:fixed !important; inset:0 !important; z-index:2147483500 !important; display:block !important; background:rgba(33,20,12,.42) !important; backdrop-filter:blur(6px) !important; -webkit-backdrop-filter:blur(6px) !important; opacity:0 !important; pointer-events:none !important; transition:opacity .22s ease !important; } .cp-mobile-ai-mask.active{ opacity:1 !important; pointer-events:auto !important; } .cp-mobile-ai-panel{ position:fixed !important; left:10px !important; right:10px !important; top:calc(env(safe-area-inset-top, 0px) + 12px) !important; bottom:calc(env(safe-area-inset-bottom, 0px) + 12px) !important; width:auto !important; height:auto !important; z-index:2147483600 !important; display:flex !important; flex-direction:column !important; overflow:hidden !important; border-radius:24px !important; background:#fffaf5 !important; border:1px solid rgba(255,255,255,.72) !important; box-shadow:0 24px 70px rgba(35,22,13,.42) !important; transform:translateY(16px) scale(.985) !important; opacity:0 !important; pointer-events:none !important; transition:opacity .22s ease, transform .22s ease !important; } .cp-mobile-ai-panel.active{ opacity:1 !important; pointer-events:auto !important; transform:translateY(0) scale(1) !important; } .cp-mobile-ai-panel-head{ min-height:70px !important; padding:13px 14px !important; display:flex !important; align-items:center !important; gap:11px !important; color:#fff !important; background:linear-gradient(135deg,#5c321b 0%,#8a5733 52%,#c59261 100%) !important; } .cp-mobile-ai-panel-avatar{ width:43px !important; height:43px !important; border-radius:15px !important; display:flex !important; align-items:center !important; justify-content:center !important; background:rgba(255,255,255,.17) !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.24) !important; font-size:22px !important; flex:0 0 43px !important; } .cp-mobile-ai-panel-title{ flex:1 1 auto !important; min-width:0 !important; display:flex !important; flex-direction:column !important; gap:2px !important; } .cp-mobile-ai-panel-title strong{ font-size:19px !important; line-height:1.1 !important; font-weight:900 !important; color:#fff !important; } .cp-mobile-ai-panel-title span{ font-size:12px !important; color:rgba(255,255,255,.86) !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } .cp-mobile-ai-panel-min, .cp-mobile-ai-panel-close{ width:36px !important; height:36px !important; border:0 !important; border-radius:12px !important; background:rgba(255,255,255,.16) !important; color:#fff !important; font-size:20px !important; line-height:36px !important; cursor:pointer !important; padding:0 !important; } .cp-mobile-ai-panel-body{ flex:1 1 auto !important; min-height:0 !important; background:#fffaf5 !important; } .cp-mobile-ai-panel-body iframe{ display:block !important; width:100% !important; height:100% !important; border:0 !important; background:#fffaf5 !important; } body.cp-mobile-ai-opened{ overflow:hidden !important; } } @media (min-width: 992px){ .cp-mobile-ai-mask, .cp-mobile-ai-panel{ display:none !important; } } /* CINSPATI AI - Android kesin düzeltme */ @media (max-width: 991px){ html body .cinspati-ai-popup, html body .cinspati-ai-popup-mask{ display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; width:0 !important; height:0 !important; overflow:hidden !important; } html body .cp-mobile-ai-card{ display:flex !important; visibility:visible !important; opacity:1 !important; position:relative !important; z-index:50 !important; pointer-events:auto !important; cursor:pointer !important; touch-action:manipulation !important; -webkit-user-select:none !important; user-select:none !important; } html body .cp-mobile-ai-card, html body .cp-mobile-ai-card span{ -webkit-tap-highlight-color:rgba(0,0,0,0) !important; } html body .cp-mobile-ai-mask{ position:fixed !important; inset:0 !important; z-index:2147483500 !important; display:block !important; visibility:visible !important; background:rgba(33,20,12,.44) !important; backdrop-filter:blur(6px) !important; -webkit-backdrop-filter:blur(6px) !important; opacity:0 !important; pointer-events:none !important; transition:opacity .2s ease !important; } html body .cp-mobile-ai-mask.active{ opacity:1 !important; pointer-events:auto !important; } html body .cp-mobile-ai-panel{ position:fixed !important; left:8px !important; right:8px !important; top:calc(env(safe-area-inset-top, 0px) + 8px) !important; bottom:calc(env(safe-area-inset-bottom, 0px) + 8px) !important; width:auto !important; max-width:none !important; height:auto !important; max-height:none !important; z-index:2147483600 !important; display:flex !important; flex-direction:column !important; overflow:hidden !important; border-radius:22px !important; background:#fffaf5 !important; box-shadow:0 26px 80px rgba(35,22,13,.45) !important; transform:translateY(18px) scale(.985) !important; opacity:0 !important; visibility:hidden !important; pointer-events:none !important; transition:opacity .2s ease, transform .2s ease, visibility .2s ease !important; } html body .cp-mobile-ai-panel.active{ opacity:1 !important; visibility:visible !important; pointer-events:auto !important; transform:translateY(0) scale(1) !important; } html body .cp-mobile-ai-panel-body{ flex:1 1 auto !important; min-height:0 !important; overflow:hidden !important; } html body .cp-mobile-ai-panel-body iframe{ display:block !important; width:100% !important; height:100% !important; border:0 !important; } html body.cp-mobile-ai-opened{ overflow:hidden !important; position:fixed !important; width:100% !important; } } @media (min-width: 992px){ html body .cp-mobile-ai-card, html body .cp-mobile-ai-mask, html body .cp-mobile-ai-panel{ display:none !important; } } /* CINSPATI AI - Android mobil kesin toparlama */ @media (max-width: 991px){ html, body{ max-width:100% !important; overflow-x:hidden !important; -webkit-text-size-adjust:100% !important; text-size-adjust:100% !important; } html body .cinspati-ai-popup, html body .cinspati-ai-popup-mask{ display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; width:0 !important; height:0 !important; max-width:0 !important; max-height:0 !important; overflow:hidden !important; } html body .cp-mobile-ai-card{ width:calc(100% - 24px) !important; min-height:72px !important; margin:10px 12px 14px !important; padding:12px 13px !important; display:flex !important; align-items:center !important; gap:10px !important; position:relative !important; z-index:30 !important; border:0 !important; border-radius:22px !important; background:linear-gradient(135deg,#6f3f22 0%,#9a6138 52%,#ff5a16 100%) !important; color:#fff !important; box-shadow:0 12px 28px rgba(111,63,34,.22) !important; overflow:hidden !important; pointer-events:auto !important; cursor:pointer !important; touch-action:manipulation !important; -webkit-tap-highlight-color:transparent !important; } html body .cp-mobile-ai-card:before{ content:'' !important; position:absolute !important; inset:0 !important; background:radial-gradient(circle at 18% 15%,rgba(255,255,255,.24),transparent 34%),radial-gradient(circle at 94% 0%,rgba(255,255,255,.18),transparent 38%) !important; pointer-events:none !important; } html body .cp-mobile-ai-icon{ flex:0 0 44px !important; width:44px !important; height:44px !important; border-radius:16px !important; display:flex !important; align-items:center !important; justify-content:center !important; background:rgba(255,255,255,.18) !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.25) !important; font-size:20px !important; line-height:1 !important; position:relative !important; z-index:1 !important; } html body .cp-mobile-ai-text{ min-width:0 !important; flex:1 1 auto !important; display:block !important; position:relative !important; z-index:1 !important; color:#fff !important; text-align:left !important; } html body .cp-mobile-ai-title-row{ display:flex !important; align-items:center !important; gap:7px !important; margin-bottom:2px !important; } html body .cp-mobile-ai-title-row strong{ color:#fff !important; font-size:18px !important; line-height:1.05 !important; font-weight:900 !important; letter-spacing:-.2px !important; white-space:nowrap !important; } html body .cp-mobile-ai-title-row em{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-width:34px !important; height:19px !important; padding:0 7px !important; border-radius:999px !important; background:rgba(255,255,255,.2) !important; color:#fff !important; font-style:normal !important; font-size:10px !important; font-weight:900 !important; text-transform:uppercase !important; } html body .cp-mobile-ai-text > span:last-child{ display:block !important; color:rgba(255,255,255,.94) !important; font-size:12px !important; line-height:1.25 !important; font-weight:700 !important; max-height:31px !important; overflow:hidden !important; } html body .cp-mobile-ai-action{ flex:0 0 auto !important; position:relative !important; z-index:1 !important; min-width:48px !important; height:36px !important; padding:0 12px !important; border-radius:15px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; background:rgba(255,255,255,.22) !important; color:#fff !important; font-size:13px !important; font-weight:900 !important; white-space:nowrap !important; } html body .cp-mobile-ai-mask{ position:fixed !important; inset:0 !important; z-index:2147483500 !important; background:rgba(28,17,10,.48) !important; backdrop-filter:blur(8px) !important; -webkit-backdrop-filter:blur(8px) !important; opacity:0 !important; visibility:hidden !important; pointer-events:none !important; transition:opacity .2s ease, visibility .2s ease !important; } html body .cp-mobile-ai-mask.active{ opacity:1 !important; visibility:visible !important; pointer-events:auto !important; } html body .cp-mobile-ai-panel{ position:fixed !important; left:10px !important; right:10px !important; top:calc(env(safe-area-inset-top, 0px) + 10px) !important; bottom:calc(env(safe-area-inset-bottom, 0px) + 10px) !important; width:auto !important; height:auto !important; max-width:none !important; max-height:none !important; margin:0 !important; z-index:2147483600 !important; flex-direction:column !important; overflow:hidden !important; border-radius:24px !important; background:#fffaf5 !important; box-shadow:0 28px 90px rgba(35,22,13,.48) !important; transform:translateY(18px) scale(.985) !important; opacity:0 !important; visibility:hidden !important; pointer-events:none !important; transition:opacity .2s ease, transform .2s ease, visibility .2s ease !important; } html body .cp-mobile-ai-panel.active{ opacity:1 !important; visibility:visible !important; pointer-events:auto !important; transform:translateY(0) scale(1) !important; } html body .cp-mobile-ai-panel-head{ min-height:64px !important; padding:12px 13px !important; display:flex !important; align-items:center !important; gap:10px !important; color:#fff !important; background:linear-gradient(135deg,#5c321b 0%,#8a5733 58%,#c59261 100%) !important; } html body .cp-mobile-ai-panel-avatar{ width:40px !important; height:40px !important; border-radius:15px !important; display:flex !important; align-items:center !important; justify-content:center !important; background:rgba(255,255,255,.18) !important; font-size:19px !important; } html body .cp-mobile-ai-panel-title{ flex:1 1 auto !important; min-width:0 !important; display:flex !important; flex-direction:column !important; gap:2px !important; } html body .cp-mobile-ai-panel-title strong{ color:#fff !important; font-size:18px !important; font-weight:900 !important; line-height:1.1 !important; } html body .cp-mobile-ai-panel-title span{ color:rgba(255,255,255,.88) !important; font-size:12px !important; font-weight:700 !important; line-height:1.15 !important; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; } html body .cp-mobile-ai-panel-min, html body .cp-mobile-ai-panel-close{ flex:0 0 36px !important; width:36px !important; height:36px !important; border:0 !important; border-radius:13px !important; background:rgba(255,255,255,.18) !important; color:#fff !important; font-size:21px !important; line-height:36px !important; cursor:pointer !important; padding:0 !important; } html body .cp-mobile-ai-panel-body{ flex:1 1 auto !important; min-height:0 !important; overflow:hidden !important; background:#fffaf5 !important; } html body .cp-mobile-ai-panel-body iframe{ display:block !important; width:100% !important; height:100% !important; border:0 !important; background:#fffaf5 !important; } html body.cp-mobile-ai-opened{ overflow:hidden !important; } html body .magaza-slider img, html body .alt-slider img, html body .slider img, html body .swiper-slide img, html body .owl-item img{ max-width:100% !important; } } @media (min-width: 992px){ html body .cp-mobile-ai-card, html body .cp-mobile-ai-mask, html body .cp-mobile-ai-panel{ display:none !important; } } /* 20260522 Android AI kesin düzeltme - ana sayfa mobil taşma/toparlama */ @media (max-width: 991px){ html, body{ width:100% !important; max-width:100% !important; overflow-x:hidden !important; touch-action:pan-y !important; } body *{ box-sizing:border-box !important; } .container, .container-fluid, .row, .mobil_header, #mobil_ozel_menu, .bilesen, .cp-home-mobile, .cp-mobile-home{ max-width:100% !important; } /* Masaüstü AI popup mobilde sayfa içine düşmesin */ html body .cinspati-ai-popup-mask, html body .cinspati-ai-popup{ display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; position:fixed !important; left:0 !important; right:auto !important; top:0 !important; bottom:auto !important; width:0 !important; height:0 !important; max-width:0 !important; max-height:0 !important; overflow:hidden !important; transform:none !important; margin:0 !important; padding:0 !important; z-index:-1 !important; } /* Mobilde sadece kart görünsün */ html body .cp-mobile-ai-card{ width:calc(100% - 24px) !important; max-width:calc(100% - 24px) !important; margin:10px 12px 14px !important; min-height:64px !important; padding:10px 12px !important; display:flex !important; align-items:center !important; justify-content:flex-start !important; gap:9px !important; border:0 !important; border-radius:19px !important; overflow:hidden !important; position:relative !important; z-index:20 !important; cursor:pointer !important; pointer-events:auto !important; touch-action:manipulation !important; -webkit-tap-highlight-color:transparent !important; background:linear-gradient(135deg,#6b3a1f 0%,#9d653d 55%,#ff5a16 100%) !important; box-shadow:0 10px 24px rgba(111,63,34,.2) !important; color:#fff !important; } html body .cp-mobile-ai-card *{ max-width:100% !important; pointer-events:none !important; } html body .cp-mobile-ai-icon{ flex:0 0 38px !important; width:38px !important; height:38px !important; min-width:38px !important; border-radius:14px !important; font-size:17px !important; } html body .cp-mobile-ai-text{ flex:1 1 auto !important; min-width:0 !important; display:block !important; overflow:hidden !important; text-align:left !important; color:#fff !important; } html body .cp-mobile-ai-title-row{ display:flex !important; align-items:center !important; gap:6px !important; min-width:0 !important; margin:0 0 2px !important; } html body .cp-mobile-ai-title-row strong{ display:block !important; min-width:0 !important; max-width:100% !important; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; font-size:16px !important; line-height:1.08 !important; font-weight:900 !important; color:#fff !important; } html body .cp-mobile-ai-title-row em{ display:none !important; } html body .cp-mobile-ai-text > span:last-child{ display:block !important; max-height:30px !important; overflow:hidden !important; font-size:11px !important; line-height:1.25 !important; font-weight:700 !important; color:rgba(255,255,255,.94) !important; } html body .cp-mobile-ai-action{ flex:0 0 43px !important; width:43px !important; min-width:43px !important; height:34px !important; padding:0 !important; border-radius:14px !important; font-size:12px !important; font-weight:900 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; background:rgba(255,255,255,.22) !important; color:#fff !important; white-space:nowrap !important; } /* Mobil popup sadece active iken tam ekran açılsın */ html body .cp-mobile-ai-mask{ display:none !important; position:fixed !important; inset:0 !important; width:100vw !important; height:100vh !important; z-index:2147483500 !important; background:rgba(30,18,11,.55) !important; opacity:0 !important; visibility:hidden !important; pointer-events:none !important; } html body .cp-mobile-ai-mask.active{ display:block !important; opacity:1 !important; visibility:visible !important; pointer-events:auto !important; } html body .cp-mobile-ai-panel{ display:none !important; position:fixed !important; left:8px !important; right:8px !important; top:calc(env(safe-area-inset-top, 0px) + 8px) !important; bottom:calc(env(safe-area-inset-bottom, 0px) + 8px) !important; width:auto !important; height:auto !important; max-width:none !important; max-height:none !important; margin:0 !important; padding:0 !important; flex-direction:column !important; overflow:hidden !important; border-radius:22px !important; background:#fffaf5 !important; box-shadow:0 28px 90px rgba(35,22,13,.48) !important; z-index:2147483600 !important; opacity:0 !important; visibility:hidden !important; pointer-events:none !important; transform:none !important; } html body .cp-mobile-ai-panel.active{ display:flex !important; opacity:1 !important; visibility:visible !important; pointer-events:auto !important; } html body .cp-mobile-ai-panel-body{ flex:1 1 auto !important; min-height:0 !important; overflow:hidden !important; background:#fffaf5 !important; } html body .cp-mobile-ai-panel-body iframe{ display:block !important; width:100% !important; height:100% !important; border:0 !important; background:#fffaf5 !important; } html body.cp-mobile-ai-opened{ overflow:hidden !important; height:100vh !important; } /* Android Chrome ana sayfa tombik/taşan kart düzeltmeleri */ html body #mobil_ozel_menu{ width:100% !important; margin-left:0 !important; margin-right:0 !important; padding-left:10px !important; padding-right:10px !important; overflow:hidden !important; } html body #mobil_ozel_menu .row{ margin-left:-7px !important; margin-right:-7px !important; } html body #mobil_ozel_menu [class*="col-"]{ padding-left:7px !important; padding-right:7px !important; } html body #mobil_ozel_menu a, html body .cp-mobile-cat-card, html body .mobil-kategori-card{ max-width:100% !important; min-width:0 !important; overflow:hidden !important; } html body #mobil_ozel_menu img, html body .mobil_slider img, html body .alt-slider img, html body .magaza-slider img, html body .bilesen img{ max-width:100% !important; height:auto !important; } html body .mobil_slider, html body .alt-slider, html body .magaza-slider, html body .bilesen{ max-width:100% !important; overflow:hidden !important; } } @media (min-width: 992px){ html body .cp-mobile-ai-card, html body .cp-mobile-ai-mask, html body .cp-mobile-ai-panel{ display:none !important; } } /* 20260522 Mobil ana sayfa Android taşma ve slider oran düzeltmesi */ @media (max-width: 767px){ html, body{ width:100% !important; max-width:100% !important; overflow-x:hidden !important; } body{ position:relative !important; } html body .container, html body .container-fluid, html body .mobil_header, html body .mobil_header .container, html body .mobil_ilan_ver_buton, html body .mobil_ara, html body .cp-mobile-ai-card, html body .cins-mobile-slider-wrap, html body .cp-esnaf-vitrin, html body .bilesen, html body section{ max-width:100% !important; box-sizing:border-box !important; } html body .cins-mobile-slider-wrap{ width:100% !important; max-width:100vw !important; margin:10px 0 16px !important; padding:0 20px !important; overflow:hidden !important; } html body .cins-mobile-slider-wrap .cins-alt-slider-grid{ width:100% !important; max-width:100% !important; display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; gap:12px !important; margin:0 !important; padding:0 !important; } html body .cins-mobile-slider-wrap .cins-alt-slider-col, html body .cins-mobile-slider-wrap .cins-alt-slider-box{ min-width:0 !important; max-width:100% !important; } html body .cins-mobile-slider-wrap .cins-alt-slider-box{ width:100% !important; height:auto !important; aspect-ratio:16 / 9 !important; border-radius:16px !important; overflow:hidden !important; background:#fff8ef !important; } html body .cins-mobile-slider-wrap .cins-alt-slider-box img, html body .cins-mobile-slider-wrap .cins-alt-slider-box a, html body .cins-mobile-slider-wrap .cins-alt-slider-box .slidesjs-container, html body .cins-mobile-slider-wrap .cins-alt-slider-box .slidesjs-control{ width:100% !important; height:100% !important; max-width:100% !important; display:block !important; } html body .cins-mobile-slider-wrap .cins-alt-slider-box img{ object-fit:cover !important; object-position:center center !important; } html body .cp-esnaf-vitrin{ width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; overflow:hidden !important; } html body .cp-esnaf-vitrin-window{ width:100% !important; max-width:100% !important; overflow:hidden !important; } html body .cp-esnaf-vitrin-track{ margin-left:0 !important; padding-left:0 !important; } html body img, html body iframe, html body video{ max-width:100% !important; } } /* 20260522 ANDROID MOBIL KESIN DUZELTME - AI panelinin sayfa akışına düşmesini engeller - AI altından başlayan sağa kaymayı keser - Android mobil slider görsellerini kırpmadan gösterir */ @media (max-width: 767px){ html, body{ width:100% !important; max-width:100vw !important; min-width:0 !important; overflow-x:hidden !important; position:relative !important; } body{ left:0 !important; right:auto !important; transform:none !important; } body > *, html body .container, html body .container-fluid, html body .row, html body .mobil_header, html body .mobil_ilan_ver_buton, html body .mobil_ara, html body .bilesen, html body .cp-home-layout, html body .cp-home-main, html body .cp-home-subgrid, html body .cp-mobile-ai-card, html body .cins-mobile-slider-wrap, html body .cp-esnaf-vitrin, html body footer{ max-width:100vw !important; box-sizing:border-box !important; } html body .row{ margin-left:0 !important; margin-right:0 !important; } html body [class*="col-xs"], html body [class*="col-sm"], html body [class*="col-md"], html body [class*="col-lg"]{ min-width:0 !important; box-sizing:border-box !important; } /* AI kartı sadece küçük çağrı kartı olarak kalsın */ html body .cp-mobile-ai-card{ display:flex !important; position:relative !important; width:calc(100vw - 24px) !important; max-width:calc(100vw - 24px) !important; margin:10px 12px 14px !important; overflow:hidden !important; z-index:5 !important; pointer-events:auto !important; transform:none !important; } html body .cp-mobile-ai-card *{ pointer-events:none !important; } /* Kapalıyken sohbet paneli ASLA sayfa içine düşmesin */ html body .cp-mobile-ai-mask:not(.active), html body .cp-mobile-ai-panel:not(.active), html body .cinspati-ai-popup-mask, html body .cinspati-ai-popup{ display:none !important; visibility:hidden !important; opacity:0 !important; pointer-events:none !important; width:0 !important; height:0 !important; max-width:0 !important; max-height:0 !important; overflow:hidden !important; margin:0 !important; padding:0 !important; border:0 !important; } html body .cp-mobile-ai-mask.active{ display:block !important; position:fixed !important; inset:0 !important; width:100vw !important; height:100dvh !important; min-height:100vh !important; z-index:2147483500 !important; background:rgba(30,18,11,.55) !important; opacity:1 !important; visibility:visible !important; pointer-events:auto !important; } html body .cp-mobile-ai-panel.active{ display:flex !important; position:fixed !important; left:8px !important; right:8px !important; top:calc(env(safe-area-inset-top, 0px) + 8px) !important; bottom:calc(env(safe-area-inset-bottom, 0px) + 8px) !important; width:auto !important; height:auto !important; max-width:none !important; max-height:none !important; min-width:0 !important; margin:0 !important; padding:0 !important; z-index:2147483600 !important; border-radius:22px !important; overflow:hidden !important; flex-direction:column !important; background:#fffaf5 !important; visibility:visible !important; opacity:1 !important; pointer-events:auto !important; transform:none !important; } html body .cp-mobile-ai-panel-body, html body .cp-mobile-ai-panel-body iframe{ width:100% !important; max-width:100% !important; min-width:0 !important; } html body.cp-mobile-ai-opened{ overflow:hidden !important; width:100vw !important; max-width:100vw !important; } /* Mobil alt slider: Android'da kırpma/tombiklik yapmasın, görsel tam görünsün */ html body .cins-mobile-slider-wrap{ display:block !important; width:100vw !important; max-width:100vw !important; margin:10px 0 18px !important; padding:0 20px !important; overflow:hidden !important; box-sizing:border-box !important; } html body .cins-mobile-slider-wrap .cins-alt-slider-grid{ display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; gap:12px !important; width:100% !important; max-width:100% !important; margin:0 !important; padding:0 !important; overflow:visible !important; } html body .cins-mobile-slider-wrap .cins-alt-slider-col, html body .cins-mobile-slider-wrap .cins-alt-slider-box{ min-width:0 !important; max-width:100% !important; width:100% !important; box-sizing:border-box !important; } html body .cins-mobile-slider-wrap .cins-alt-slider-box{ height:auto !important; aspect-ratio:16 / 9 !important; border-radius:15px !important; background:#fff7ef !important; overflow:hidden !important; box-shadow:0 8px 20px rgba(71,39,21,.12) !important; } html body .cins-mobile-slider-wrap .cins-alt-slider-box .slidesjs-container, html body .cins-mobile-slider-wrap .cins-alt-slider-box .slidesjs-control, html body .cins-mobile-slider-wrap .cins-alt-slider-box a, html body .cins-mobile-slider-wrap .cins-alt-slider-box img{ width:100% !important; height:100% !important; max-width:100% !important; max-height:100% !important; display:block !important; border-radius:15px !important; } html body .cins-mobile-slider-wrap .cins-alt-slider-box img{ object-fit:contain !important; object-position:center center !important; background:#fff7ef !important; } html body .cins-mobile-slider-wrap .slidesjs-navigation{ display:none !important; } /* Mağazalar alanı Android'da sayfayı sağa taşırmasın */ html body .cp-esnaf-vitrin{ width:calc(100vw - 24px) !important; max-width:calc(100vw - 24px) !important; margin-left:12px !important; margin-right:12px !important; padding-left:14px !important; padding-right:14px !important; overflow:hidden !important; box-sizing:border-box !important; } html body .cp-esnaf-vitrin-window{ width:100% !important; max-width:100% !important; overflow:hidden !important; } html body .cp-esnaf-vitrin-track{ max-width:none !important; will-change:transform !important; } html body img, html body iframe, html body video{ max-width:100% !important; } } /* 20260522 Mobil ana sayfa orta hizalama kesin düzeltme Kategoriler, alt slider ve mağazalar alanlarının Android'da sağa kaymasını engeller. */ @media (max-width: 767px){ html, body{ width:100% !important; max-width:100% !important; overflow-x:hidden !important; } html body{ margin:0 !important; padding:0 !important; } html body .container, html body .container-fluid{ width:100% !important; max-width:100% !important; padding-left:12px !important; padding-right:12px !important; margin-left:auto !important; margin-right:auto !important; box-sizing:border-box !important; } html body .row{ width:auto !important; max-width:none !important; margin-left:-6px !important; margin-right:-6px !important; box-sizing:border-box !important; } html body [class*="col-"]{ padding-left:6px !important; padding-right:6px !important; box-sizing:border-box !important; } /* Mobil kategori kartları */ html body #mobil_ozel_menu, html body .mobil_ozel_menu, html body .mobil-kategoriler, html body .kategori-mobil, html body .mobile-categories{ width:100% !important; max-width:100% !important; margin-left:auto !important; margin-right:auto !important; padding-left:12px !important; padding-right:12px !important; box-sizing:border-box !important; overflow:hidden !important; transform:none !important; } html body #mobil_ozel_menu .row, html body .mobil_ozel_menu .row, html body .mobil-kategoriler .row, html body .kategori-mobil .row, html body .mobile-categories .row{ display:flex !important; flex-wrap:wrap !important; width:auto !important; margin-left:-6px !important; margin-right:-6px !important; } html body #mobil_ozel_menu a, html body .mobil_ozel_menu a, html body .mobil-kategoriler a, html body .kategori-mobil a, html body .mobile-categories a{ width:100% !important; max-width:100% !important; min-width:0 !important; box-sizing:border-box !important; overflow:hidden !important; } /* Ana sayfa slider alanı */ html body .cins-mobile-slider-wrap, html body .mobil-slider-wrap, html body .mobil_slider, html body .alt-slider, html body .home-slider-mobile{ width:100% !important; max-width:100% !important; margin-left:auto !important; margin-right:auto !important; padding-left:12px !important; padding-right:12px !important; box-sizing:border-box !important; overflow:hidden !important; transform:none !important; } html body .cins-mobile-slider-wrap .cins-alt-slider-grid{ width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; gap:12px !important; box-sizing:border-box !important; } html body .cins-mobile-slider-wrap .cins-alt-slider-box{ width:100% !important; max-width:100% !important; aspect-ratio:16/9 !important; height:auto !important; overflow:hidden !important; border-radius:16px !important; box-sizing:border-box !important; } html body .cins-mobile-slider-wrap .cins-alt-slider-box img, html body .mobil_slider img, html body .alt-slider img, html body .home-slider-mobile img{ width:100% !important; height:100% !important; max-width:100% !important; display:block !important; object-fit:contain !important; object-position:center center !important; background:#fff7ef !important; } /* Mağazalar vitrini */ html body .cp-esnaf-vitrin, html body .magazalar, html body .magazalar-vitrin, html body .magaza-slider, html body .home-magazalar{ width:calc(100% - 24px) !important; max-width:calc(100% - 24px) !important; margin-left:auto !important; margin-right:auto !important; padding-left:14px !important; padding-right:14px !important; box-sizing:border-box !important; overflow:hidden !important; transform:none !important; } html body .cp-esnaf-vitrin-window{ width:100% !important; max-width:100% !important; margin-left:auto !important; margin-right:auto !important; overflow:hidden !important; box-sizing:border-box !important; } html body .cp-esnaf-vitrin-track{ margin-left:0 !important; padding-left:0 !important; transform:translate3d(0,0,0); } html body .cp-esnaf-vitrin-card{ box-sizing:border-box !important; } } /* 20260522 Mobil kategori ve mağaza slider kesin düzeltme - Android'da kategori alanının sağa kaymasını engeller - Mağazalar vitrininin Android Chrome'da da akmasını sağlar */ @media (max-width: 767px){ html, body{ width:100% !important; max-width:100% !important; overflow-x:hidden !important; } /* Kategori kartlarını sayfanın tam ortasına al */ html body #mobil_ozel_menu, html body .mobil_ozel_menu, html body .mobil-kategori-wrap, html body .mobil-kategoriler, html body .kategori-mobil, html body .mobile-categories{ display:block !important; width:calc(100% - 24px) !important; max-width:calc(100% - 24px) !important; margin-left:auto !important; margin-right:auto !important; padding-left:0 !important; padding-right:0 !important; left:auto !important; right:auto !important; transform:none !important; box-sizing:border-box !important; overflow:hidden !important; } html body #mobil_ozel_menu .container, html body #mobil_ozel_menu .container-fluid, html body .mobil_ozel_menu .container, html body .mobil_ozel_menu .container-fluid{ width:100% !important; max-width:100% !important; padding-left:0 !important; padding-right:0 !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; } html body #mobil_ozel_menu .row, html body .mobil_ozel_menu .row, html body .mobil-kategori-wrap .row, html body .mobil-kategoriler .row, html body .kategori-mobil .row, html body .mobile-categories .row{ display:flex !important; flex-wrap:wrap !important; width:100% !important; max-width:100% !important; margin-left:0 !important; margin-right:0 !important; padding-left:0 !important; padding-right:0 !important; box-sizing:border-box !important; justify-content:center !important; } html body #mobil_ozel_menu [class*="col-"], html body .mobil_ozel_menu [class*="col-"], html body .mobil-kategori-wrap [class*="col-"], html body .mobil-kategoriler [class*="col-"], html body .kategori-mobil [class*="col-"], html body .mobile-categories [class*="col-"]{ float:none !important; width:50% !important; max-width:50% !important; flex:0 0 50% !important; padding-left:7px !important; padding-right:7px !important; box-sizing:border-box !important; } html body #mobil_ozel_menu a, html body .mobil_ozel_menu a, html body .mobil-kategori-wrap a, html body .mobil-kategoriler a, html body .kategori-mobil a, html body .mobile-categories a, html body .mobil-kategori-card{ display:block !important; width:100% !important; max-width:100% !important; min-width:0 !important; margin-left:0 !important; margin-right:0 !important; box-sizing:border-box !important; overflow:hidden !important; } /* Mağazalar vitrini: Android'da sabit kalmasın, sürekli aksın */ html body .cp-esnaf-vitrin{ width:calc(100% - 24px) !important; max-width:calc(100% - 24px) !important; margin-left:auto !important; margin-right:auto !important; overflow:hidden !important; box-sizing:border-box !important; } html body .cp-esnaf-vitrin-window{ width:100% !important; max-width:100% !important; overflow:hidden !important; -webkit-mask-image:none !important; mask-image:none !important; } html body .cp-esnaf-vitrin-track{ display:flex !important; flex-wrap:nowrap !important; width:max-content !important; max-width:none !important; gap:12px !important; margin-left:0 !important; padding-left:0 !important; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); animation:cpEsnafKaydirMobil 30s linear infinite !important; -webkit-animation:cpEsnafKaydirMobil 30s linear infinite !important; will-change:transform !important; } html body .cp-esnaf-vitrin-window:hover .cp-esnaf-vitrin-track{ animation-play-state:running !important; -webkit-animation-play-state:running !important; } html body .cp-esnaf-card{ width:calc((100vw - 78px) / 2) !important; min-width:calc((100vw - 78px) / 2) !important; max-width:calc((100vw - 78px) / 2) !important; flex:0 0 calc((100vw - 78px) / 2) !important; box-sizing:border-box !important; } html body .cp-esnaf-vitrin-progress span{ animation:cpEsnafProgress 30s linear infinite !important; -webkit-animation:cpEsnafProgress 30s linear infinite !important; } } @keyframes cpEsnafKaydirMobil{ 0%{transform:translate3d(0,0,0);} 100%{transform:translate3d(-50%,0,0);} } @-webkit-keyframes cpEsnafKaydirMobil{ 0%{-webkit-transform:translate3d(0,0,0);} 100%{-webkit-transform:translate3d(-50%,0,0);} } /* 20260522 Mobil footer ortalama + yazı küçültme ve Android mağaza slider hızı */ @media (max-width: 767px){ html, body{ width:100% !important; max-width:100% !important; overflow-x:hidden !important; } /* Android ve mobil mağaza vitrini daha hızlı aksın */ html body .cp-esnaf-vitrin-track{ animation-duration:14s !important; -webkit-animation-duration:14s !important; } html body .cp-esnaf-vitrin-progress span{ animation-duration:14s !important; -webkit-animation-duration:14s !important; } /* Footer mobilde tam ortaya otursun */ html body footer.cp-site-footer, html body footer{ width:calc(100% - 18px) !important; max-width:calc(100% - 18px) !important; margin-left:auto !important; margin-right:auto !important; left:auto !important; right:auto !important; transform:none !important; box-sizing:border-box !important; overflow:hidden !important; text-align:center !important; } html body footer.cp-site-footer .cp-footer-container{ width:100% !important; max-width:100% !important; margin-left:auto !important; margin-right:auto !important; padding-left:10px !important; padding-right:10px !important; box-sizing:border-box !important; text-align:center !important; } html body .cp-footer-nav-grid{ width:100% !important; max-width:100% !important; grid-template-columns:1fr !important; gap:12px !important; margin-left:0 !important; margin-right:0 !important; text-align:center !important; } html body .cp-footer-nav-card{ width:100% !important; max-width:100% !important; padding:0 10px 14px !important; margin:0 auto !important; text-align:center !important; border-right:0 !important; } html body .cp-footer-title{ justify-content:center !important; text-align:center !important; font-size:15px !important; gap:8px !important; margin-bottom:8px !important; } html body .cp-footer-title-icon{ width:34px !important; height:34px !important; flex:0 0 34px !important; border-radius:10px !important; font-size:15px !important; } html body .cp-footer-paw-sep{ justify-content:center !important; margin:0 auto 10px !important; gap:7px !important; } html body .cp-footer-paw-sep span{ width:20px !important; } html body footer.cp-site-footer ul, html body footer.cp-site-footer li{ text-align:center !important; width:100% !important; max-width:100% !important; } html body footer.cp-site-footer li a{ display:inline-block !important; width:auto !important; max-width:100% !important; padding:7px 8px 7px 14px !important; font-size:12px !important; line-height:1.25 !important; text-align:center !important; } html body footer.cp-site-footer li a:before{ top:6px !important; font-size:16px !important; } html body footer.cp-site-footer .cp-footer-all{ margin-top:10px !important; padding:7px 12px !important; font-size:12px !important; } html body .cp-footer-contact-box{ width:100% !important; max-width:100% !important; margin:8px auto 16px !important; padding:14px 10px !important; gap:12px !important; text-align:center !important; } html body .cp-footer-contact-side, html body .cp-footer-social-side{ min-height:auto !important; gap:9px !important; text-align:center !important; align-items:center !important; justify-content:center !important; border-left:0 !important; border-right:0 !important; } html body .cp-footer-contact-icon{ width:38px !important; height:38px !important; flex:0 0 38px !important; font-size:18px !important; } html body .cp-footer-contact-title{ font-size:14px !important; margin-bottom:5px !important; text-align:center !important; } html body .cp-footer-mail{ font-size:12px !important; text-align:center !important; word-break:break-word !important; } html body .cp-footer-paw-center{ width:66px !important; height:66px !important; font-size:31px !important; } html body .cp-footer-socials{ gap:8px !important; flex-wrap:wrap !important; } html body .cp-social-icon{ width:36px !important; height:36px !important; border-radius:12px !important; font-size:17px !important; } html body .cp-tiktok{ font-size:21px !important; } html body .cp-footer-legal-box{ width:100% !important; max-width:100% !important; padding:14px 10px !important; gap:8px !important; text-align:center !important; } html body .cp-footer-legal-icons span{ width:36px !important; height:36px !important; font-size:15px !important; } html body .cp-footer-legal-text, html body footer.cp-site-footer .cp-footer-legal-text p{ text-align:center !important; font-size:11px !important; line-height:1.55 !important; } html body .cp-footer-slogan{ font-size:12px !important; gap:7px !important; margin-top:12px !important; } html body .cp-footer-slogan span{ width:38px !important; } html body .cp-footer-stores img{ width:110px !important; max-width:44% !important; } } /* Cinspati mobil vitrin/acil rozet düzeltmesi - 22.05.2026 */ @media (max-width: 767px) { body table.liste tbody tr, body table.liste tbody tr.vitrin, body table.liste tbody tr.acil, body .liste, body .ilan_listeleme .liste, body .vitrin .liste { position: relative !important; } body table.liste .etiket.acil, body table.liste .etiket.vitrin, body .liste .etiket.acil, body .liste .etiket.vitrin, body .ilan_listeleme .etiket.acil, body .ilan_listeleme .etiket.vitrin, body .vitrin .etiket.acil, body .vitrin .etiket.vitrin { position: absolute !important; top: 7px !important; right: 7px !important; left: auto !important; bottom: auto !important; z-index: 9 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 0 !important; width: auto !important; height: auto !important; max-width: 82px !important; padding: 3px 7px !important; margin: 0 !important; border-radius: 999px !important; font-size: 9px !important; line-height: 1.05 !important; font-weight: 800 !important; letter-spacing: .1px !important; text-align: center !important; white-space: nowrap !important; box-shadow: 0 4px 12px rgba(0,0,0,.16) !important; transform: none !important; } body table.liste .etiket.acil:after, body .liste .etiket.acil:after, body .ilan_listeleme .etiket.acil:after, body .vitrin .etiket.acil:after { content: "Acil" !important; margin: 0 !important; } body table.liste .etiket.vitrin:after, body .liste .etiket.vitrin:after, body .ilan_listeleme .etiket.vitrin:after, body .vitrin .etiket.vitrin:after { content: "Vitrin" !important; margin: 0 !important; } body table.liste .etiket.acil i, body table.liste .etiket.vitrin i, body .liste .etiket.acil i, body .liste .etiket.vitrin i, body .ilan_listeleme .etiket.acil i, body .ilan_listeleme .etiket.vitrin i, body .vitrin .etiket.acil i, body .vitrin .etiket.vitrin i { display: none !important; } }