/* ob styles < */
::-webkit-scrollbar{width:8px;height:8px;background:#08a4c3}::-webkit-scrollbar-track{background:#e3e4e5}::-webkit-scrollbar-thumb{background:#08a4c3}::-webkit-scrollbar-thumb:hover{background:#097f97}
@keyframes tiltSpin{from{transform:rotateY(0) rotateX(30deg)}to{transform:rotateY(1turn) rotateX(30deg)}}
@keyframes spin{from{transform:rotateY(0)}to{transform:rotateY(1turn)}}
.f8{font-size:8px}.f9{font-size:9px}.f10{font-size:10px}.f11{font-size:11px}.f12{font-size:12px}.f13{font-size:13px}.f14{font-size:14px}.f15{font-size:15px}.f16{font-size:16px}.f17{font-size:17px}.f18{font-size:18px}.f19{font-size:19px}.f20{font-size:20px}
.ob_br5{border-radius:5px}
.ob_slayt_banner_1{position:absolute;text-align:center;top:0;left:0;padding:3px 8px;text-transform:uppercase;background-color:#ff0000ad;font-weight:500;color:#fff}
.ob_slayt_banner_1:hover{background-color:#08a4c3;color:#fff}
.ob_indirim_slogan{position:absolute;color:red;font-size:20px;top:40%;left:40%;background: rgba(20,20,20,.5);}
.ob_fwb{font-weight:bold};
.ob_fw500{font-weight:500}
.ob_fw555{font-weight:555}
.ob_fw550{font-weight:550}
.ob_cp{cursor:pointer}
.ob25{width:25px}.ob50{width:50px}.ob75{width:75px}.ob100{width:100px}.ob110{width:110px}.ob112{width:112px}.ob115{width:115px}.ob120{width:120px}
.ob_urun_say{float:right;padding-right:15px;font-size:11px}
.ob_kupon_kod{padding:8px;border-top:1px solid #ebebeb}
.ob_kupon_kod input[name=ob_KuponKod]{height:38px;font-size:14px}
.ob_kupon_kod button.ob_sepet_kupon_buton{height:38px;border:none}
.ob_kupon_cevap{border:1px solid #ebebeb;margin-bottom:8px;padding:8px;display:none}
.ob_btn, .btn-ob{background:#f00}
table tbody tr:hover{background:#91f1a11c}
.ob_sayfa{background:#fff;padding:15px 0;margin:10px 0 20px 0}
.ob_sayfa h3{font-size:25px}
.ob_sayfa .ob_sayfa_alt{background-color:#fff;border:1px solid #097f9728;padding:15px;margin-bottom:15px}
.ob_giris{background:#fff;padding:15px;border: 1px solid #097f9728;border-radius:5px}
.ob_giris:hover{background:#097f9707}
.ob_giris h4{color:#3d3d3d;font-size:22px;font-weight:444;margin-bottom:15px}
.ob_kayit{background:#fff;padding:15px;border: 1px solid #097f9728;border-radius:5px}
.ob_kayit:hover{background:#097f9707}
.ob_kayit h4{color:#3d3d3d;font-size:22px;font-weight:444;margin-bottom:15px}
.form-floating{margin-bottom:.75rem}
.form-floating input{background-color:#fff;color:#3d3d3d;font-size:14px}
.form-floating input:hover{background-color:#f0f8ff;color:#3c81bd}
.form-floating input:focus{background-color:#f0f8ff;border-color:#3882c3b5}
.form-floating input:active{background-color:#3882c3b5;border-color:#3882c3b5;color:#fff}
label[required]::after{content:'*';color:#08a4c3;margin-left:8px;font-weight:500}
.ob_dil::after{content:'-(Değiştir)';color:green;font-size:11px;position:absolute;margin-left:4px;font-weight:444;text-transform:capitalize}
.form-switch .form-check-input{padding:10px;width:3em !important;margin-right:5px;border-radius:5px !important}
.form-switch label{padding:3px 1px;font-size:13px;color:#097f97}
.ob_h80{height:80px !important}.ob_h100{height:100px !important}
.ob_border{border:1px solid #097f9728 !important}
.ob_tamamlandi{color:#0bbd0b !important}
.ob_hazirlaniyor{color:#08b3bb !important}
.ob_yolda{color:#2cd52c !important}
.ob_fiyat_eski{color:#ff0303;text-decoration:line-through;font-size:16px}
.ob_fiyat_indirimli{color:#097f97;font-size:18px}
.ob_fiyat_normal{color:#3e3c3c}
.ob_sepet_urun_resim{width:77px;border-radius:5px}
.ob_sepet_urun_resim img{border:1px solid #097f9728;border-radius:5px}
.ob_sepet_urun_resim img:hover{filter:brightness(80%);border-color:#097f9752}
.ob_sepet_hesap{border:1px solid #097f9728;padding:10px 12px;border-radius:5px}
.ob_hesap_toplam{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #097f9728;margin-bottom:10px}
.ob_hesap_toplam:last-child{margin-bottom:0;border-bottom:none}
.ob_hesap_toplam p{margin-bottom:10px;font-weight:500;font-size:16px}
.ob_adres{border:1px solid #097f9728;padding:.75rem;border-radius:5px}
.ob_odeme{border:1px solid #097f9728;padding:.75rem;border-radius:5px}
.ob_OdemeTip{border:1px solid #76ed76}
.table,table tr, table tr td{margin-bottom:0;border-color:#097f9728}
.ob_banner .ob_baslik{position:absolute;background-color:#44444454;color:#fff;line-height:35px;width:100%;top:40%;text-align:center;vertical-align:middle;font-size:22px}
.warenk{background:#25d366 !important;color:#fff !important}
.warenk:hover{background:#128c7e !important;color:#fff !important}
.ob_kartlarresimler{border-radius:5px;width:70px}
.btn-whatsapp{color:#25D366;border:1px solid #25d3666e !important}
.btn-whatsapp:hover{background:#25D366;color:#fff !important}
.btn-telefon{color:#353be5;border:1px solid #353be55c}
.btn-telefon:hover{background:#353be5;color:#fff}
.ob_iletisim_form,.ob_iletisim_bilgiler{border:1px solid #097f9748;padding:15px;border-radius:5px}
.ob_iletisim_form:hover,.ob_iletisim_bilgiler:hover{background-color:#097f9707}
.ob_iletisim_form textarea{height:70px}
.ob_iletisim_form_sonuc{padding:10px;border: 1px solid #097f9748;border-radius:5px;margin-bottom:10px}
.ob_hata{border:1px solid #fb77cd48;background-color:#e586c429;color:#f73ba3ad}
.ob_tamam{border:1px solid #b8f38170;background-color:#bbed8b52;color:#4bad39ed}
.ob_iletisim_harita{margin-top:15px;border-radius:5px;width:100%}
.ob_iletisim_harita iframe{width:100%;height:345px;border:1px solid #097f9748;border-radius:5px}
.ob_buton{padding:4px 8px;cursor:pointer;border:1px solid #097f9732;border-radius:5px;font-weight:500}
.ob_buton:hover{background-color:#097f9732}
.ob_ekle_sepet{color:#097f97;border-color:#097f9732;background-color:#097f9718}
.ob_sil_sepet{color:#e386c4;border-color:#e586c432;background-color:#e586c432}
a.ob_marka_model{color:#fff;font-weight:550}
a.ob_marka_model:hover{text-decoration:underline}
.ob_baslik_urun{font-size:25px;font-weight:500;color:#333;margin-bottom:8px}
.ob_urun_icerik{border: 1px solid #097f9728;padding:15px;margin-top:30px;border-radius:5px}
.note-editor.note-airframe,.note-editor.note-frame{border:1px solid #097f9728 !important;border-radius:5px}
.ob_etiket{padding:3px 7px;color:#097f9799;background-color:#fff}
.ob_etiket:hover{background-color:#097f9799;color:#fff}
.ob_stok_fiyat_aciklamasi{border:1px solid #097f9728;padding:5px 8px !important;margin-top:15px;border-radius:5px;background-color:#fff}
.ob_stok_fiyat_aciklamasi:hover{background-color:#097f9710;color:#097f97}
.ob_degistir{margin-bottom:10px}
.facebook{background-color:#3B5999;color:#fff}
.facebook:hover{background-color:#2d4474;color:#fff}
.twitter{background-color:#1DA1F2;color:#fff}
.twitter:hover{background-color:#1DA1F2;color:#fff}
.pinterest{background-color:#CB2028;color:#fff}
.pinterest:hover{background-color:#0c85d0;color:#fff}
.google{background-color:#fe6d4c:color:#fff}
.google:hover{background-color:#fe4419:color:#fff}
.whatsapp{background-color:#25D366;color:#fff}
.whatsapp:hover{background-color:#16bb54;color:#fff}
.telegram{background-color:#0088cc;color:#fff}
.telegram:hover{background-color:#066697;color:#fff}
.ob_stok_yok{padding:8px 2px;color:#097f9799}
.ob_urun_aciklama{margin:0 !important;padding:0 !important;margin-bottom:8px !important}
.ob_urun_detay_fiyat{margin:0 0 10px 0 !important}
.floating-wpp{position:fixed;bottom:15px;left:15px;font-size:14px;transition:bottom 0.2s}
.floating-wpp .floating-wpp-button{position:relative;border-radius:100%;box-shadow:1px 1px 4px rgba(60, 60, 60, 0.4);transition:box-shadow 0.2s;cursor:pointer;overflow:hidden}
.floating-wpp .floating-wpp-button img,
.floating-wpp .floating-wpp-button svg{position:absolute;width:100%;height:auto;object-fit:cover;top:50%;left:50%;transform:translate3d(-50%,-50%,0);border-radius:5px}
.floating-wpp:hover .floating-wpp-button{box-shadow:1px 2px 8px rgba(60, 60, 60, 0.4)}
.floating-wpp .floating-wpp-popup {
    /*border: 2px solid white;*/border-radius:5px;background-color:#E5DDD5;position:absolute;overflow:hidden;padding:0;box-shadow: 1px 2px 8px rgba(60, 60, 60, 0.25);
    width:0px;height:0px;bottom:0;opacity:0;transition:bottom 0.1s ease-out, opacity 0.2s ease-out;transform-origin:bottom;
}
.floating-wpp .floating-wpp-popup.active{padding:0 12px 12px 12px;width:234px;height:auto;bottom:66px;opacity:1}
.floating-wpp .floating-wpp-popup .floating-wpp-message{background-color:#fff;padding:4px 8px;border-radius:5px;box-shadow:1px 1px 1px rgba(0,0,0,0.15);opacity:0;transition:opacity 0.2s}
.floating-wpp .floating-wpp-popup.active .floating-wpp-message{opacity:1;transition-delay:0.2s}
.floating-wpp .floating-wpp-popup .floating-wpp-head{text-align:right;color:#fff;margin:0 -15px 10px -15px;padding:6px 12px;display:flex;justify-content:space-between;cursor:pointer}
.floating-wpp .floating-wpp-input-message{background-color:#fff;margin:10px -15px -15px -15px;padding:0 15px;display:flex;align-items:center}
.floating-wpp .floating-wpp-input-message textarea{
	border:1px solid #ddd;border-radius:5px;box-shadow:none;padding:4px 8px;margin:10px 0;width:100%;max-width:100%;
	font-family:inherit;font-size:inherit;resize:none;
}
.floating-wpp .floating-wpp-btn-send{margin-left:12px;font-size:0;cursor:pointer}
.ob_urun_adet_aciklama{border:1px solid #097f9728;padding:6px 8px;margin-top:15px;border-radius:5px;background-color:#fff;line-height:1.35}
.ob_urun_adet_aciklama:hover{border-color:#097f9752}
.ob_urun_detay_marka_model div.ob_eleman{border:1px solid #097f9728;border-radius:5px;padding:5px 8px;background-color:#fff}
.ob_urun_detay_marka_model div.ob_eleman:hover{background-color:#097f9710;color:#097f97}
.ob_urun_detay_marka_model div.ob_eleman span.ob_urun_detay_ozellik_baslik{font-weight:550}
.ob_islem_tamam{background-color:lightgreen !important}
.ob_islem_hata{background-color:lightgreen !important}
.ob_markalar{border:1px solid #097f9728;border-radius:5px;padding:5px;margin-bottom:15px}
.ob_markalar:hover{border:1px solid #097f9752;filter:brightness(80%)}
.ob_li_say{float:right}
.ob_aktif{background-color:#097f9728}
/*
.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:.75rem;padding-bottom:.1rem}
.form-floating>.form-control,.form-floating>.form-select{height:3rem;line-height:2.5}
.form-floating>label{padding:.75rem}
*/

/* ob styles > */