/*
 * Oculeth müşteri paneli teması — oculeth.com ile aynı görünüm.
 * WiseCP'nin kendi stillerinden (css/wisecp.php, theme-default.css) SONRA yüklenir ve onların üstüne yazar.
 * Renkler ve ölçüler siteler/oculeth-web/src/index.css ile aynıdır.
 */
:root {
  --oc-marka-50: #eef6ff;
  --oc-marka-100: #d9ebff;
  --oc-marka-200: #b3d6ff;
  --oc-marka-500: #007aff;
  --oc-buton: #0065d6;
  --oc-buton-hover: #0050ab;
  --oc-lacivert: #041624;
  --oc-lacivert-700: #13304a;
  --oc-zemin: #f6f8fb;
  --oc-yuzey: #ffffff;
  --oc-cizgi: #dbe2eb;
  --oc-metin: #0b1220;
  --oc-soluk: #4a5568;
  --oc-yesil: #16a34a;
  --oc-kirmizi: #dc2626;
  --oc-sari: #d97706;
  --oc-golge: 0 1px 2px rgb(4 22 36 / .04), 0 8px 24px -12px rgb(4 22 36 / .12);
  --oc-golge-acilir: 0 18px 50px -18px rgb(4 22 36 / .35);
  --oc-yaricap: 14px;
  --oc-font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --oc-baslik: "Plus Jakarta Sans", "Inter", system-ui, sans-serif;
}

/* ---------------------------------------------------------------- temel */
html, body { background: var(--oc-zemin) !important; }
body, input, select, textarea, button, table { font-family: var(--oc-font) !important; }
body { color: var(--oc-metin) !important; font-size: 15px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, .mpaneltitle h4, .hesapbilgititle, .pakettitle, .sepetbaslik { font-family: var(--oc-baslik) !important; color: var(--oc-metin); letter-spacing: -.01em; }
a { color: var(--oc-buton); transition: color .15s; }
a:hover { color: var(--oc-buton-hover); }
::selection { background: var(--oc-marka-100); }
.oc-kap, #wrapper { width: 100% !important; max-width: 1280px; margin-left: auto !important; margin-right: auto !important; padding-left: 24px; padding-right: 24px; box-sizing: border-box; }
.cd-top { display: none !important; }
:focus-visible { outline: 2px solid var(--oc-marka-500); outline-offset: 2px; }

/* WiseCP'nin eski başlık ve alt bilgisi gizlenir (yerlerine oc-ust / oc-alt geldi) */
.clean-theme-header, .clean-theme-footer, #clean-theme-header-right-sub-btns { display: none !important; }

/* ---------------------------------------------------------------- üst menü */
.oc-ust { position: sticky; top: 0; z-index: 900; background: rgba(255, 255, 255, .92); backdrop-filter: saturate(1.4) blur(10px); border-bottom: 1px solid var(--oc-cizgi); }
.oc-ust-satir { display: flex; align-items: center; gap: 28px; height: 78px; position: relative; z-index: 2; }
.oc-logo img { height: 40px; width: auto; display: block; }
.oc-nav { display: flex; align-items: center; gap: 4px; margin-left: 40px; flex: 1; }
.oc-nav-oge { display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 14px; border: 0; background: none; border-radius: 10px; font: 500 15px var(--oc-font); color: #2b3546; cursor: pointer; text-decoration: none; }
.oc-nav-oge:hover, .oc-nav-acilir:focus-within > .oc-nav-oge { color: var(--oc-metin); background: var(--oc-zemin); }
.oc-nav-oge .fa { font-size: 10px; opacity: .7; transition: transform .2s; }
.oc-nav-acilir { position: relative; }
.oc-nav-acilir:hover .fa-chevron-down, .oc-nav-acilir:focus-within .fa-chevron-down { transform: rotate(180deg); }
.oc-nav-panel { position: absolute; top: calc(100% + 10px); left: -12px; display: flex; gap: 8px; padding: 14px; background: #fff; border: 1px solid var(--oc-cizgi); border-radius: 18px; box-shadow: var(--oc-golge-acilir);
  opacity: 0; visibility: hidden; transform: translateY(6px); transition: opacity .16s ease, transform .16s ease, visibility .16s; }
.oc-nav-panel::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; }
.oc-nav-acilir:hover .oc-nav-panel, .oc-nav-acilir:focus-within .oc-nav-panel { opacity: 1; visibility: visible; transform: none; }
.oc-nav-grup { min-width: 270px; display: flex; flex-direction: column; gap: 2px; }
.oc-nav-grup-baslik { font-size: 11.5px; font-weight: 700; letter-spacing: .08em; color: #6b7686; padding: 6px 12px 8px; }
.oc-nav-link { display: flex; gap: 12px; align-items: flex-start; padding: 10px 12px; border-radius: 12px; text-decoration: none; color: var(--oc-metin); }
.oc-nav-link:hover { background: var(--oc-zemin); color: var(--oc-metin); }
.oc-nav-link b { display: block; font-size: 14.5px; font-weight: 600; }
.oc-nav-link small { display: block; font-size: 13px; color: var(--oc-soluk); margin-top: 1px; }
.oc-nav-ikon { flex: none; width: 34px; height: 34px; display: grid; place-items: center; border-radius: 10px; background: var(--oc-marka-50); color: var(--oc-buton); font-size: 14px; }
.oc-ust-sag { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.oc-simge { position: relative; width: 42px; height: 42px; display: inline-grid; place-items: center; border-radius: 12px; border: 1px solid var(--oc-cizgi); background: #fff; color: #2b3546; font-size: 16px; cursor: pointer; text-decoration: none; }
.oc-simge:hover { border-color: #c3ccd8; color: var(--oc-metin); }
.oc-simge-yazi { width: auto; padding: 0 12px; font-size: 13px; font-weight: 600; }
.oc-rozet { position: absolute; top: -6px; right: -6px; min-width: 19px; height: 19px; padding: 0 5px; border-radius: 99px; background: var(--oc-buton); color: #fff; font-size: 11px; font-weight: 700; display: grid; place-items: center; box-shadow: 0 0 0 2px #fff; }
.oc-yazi-link { padding: 0 8px; font-weight: 600; color: var(--oc-metin) !important; text-decoration: none; }
.oc-buton { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 18px; border-radius: 12px; background: var(--oc-buton); color: #fff !important; font-weight: 600; font-size: 15px; text-decoration: none; box-shadow: 0 1px 2px rgb(15 23 42 / .08); }
.oc-buton:hover { background: var(--oc-buton-hover); }
.oc-acilir { position: relative; }
.oc-acilir-panel { position: absolute; right: 0; top: calc(100% + 8px); min-width: 250px; background: #fff; border: 1px solid var(--oc-cizgi); border-radius: 16px; box-shadow: var(--oc-golge-acilir); padding: 8px; display: none; z-index: 950; }
.oc-acilir.acik .oc-acilir-panel { display: block; animation: ocBelir .14s ease-out; }
@keyframes ocBelir { from { opacity: 0; transform: translateY(-4px); } }
.oc-kullanici { display: inline-flex; align-items: center; gap: 9px; height: 42px; padding: 0 12px 0 5px; border-radius: 12px; border: 1px solid var(--oc-cizgi); background: #fff; cursor: pointer; font: 600 14px var(--oc-font); color: var(--oc-metin); }
.oc-kullanici:hover { border-color: #c3ccd8; }
.oc-kullanici .fa { font-size: 10px; opacity: .6; }
.oc-avatar { width: 32px; height: 32px; border-radius: 9px; background: var(--oc-buton); color: #fff; display: grid; place-items: center; font-weight: 700; font-size: 14px; }
.oc-kullanici-ad { max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.oc-kullanici-menu a { display: flex; align-items: center; gap: 10px; padding: 9px 12px; border-radius: 10px; color: var(--oc-metin) !important; font-size: 14px; text-decoration: none; }
.oc-kullanici-menu a:hover { background: var(--oc-zemin); }
.oc-kullanici-menu .fa { width: 16px; color: var(--oc-soluk); }
.oc-kullanici-menu hr { border: 0; border-top: 1px solid var(--oc-cizgi); margin: 6px 4px; }
.oc-bildirimler { width: 360px; padding: 0; overflow: hidden; }
.oc-bildirim-bas { display: flex; justify-content: space-between; gap: 10px; align-items: center; padding: 14px 16px; border-bottom: 1px solid var(--oc-cizgi); font-size: 14px; }
.oc-bildirim-bas a { font-size: 13px; font-weight: 600; }
.oc-bildirim-liste { max-height: 380px; overflow: auto; }
.oc-bildirim { display: flex; gap: 10px; padding: 12px 16px; border-bottom: 1px solid #eef1f5; font-size: 13.5px; color: var(--oc-soluk); }
.oc-bildirim.read { background: var(--oc-marka-50); color: var(--oc-metin); }
.oc-bildirim .fa { color: var(--oc-buton); margin-top: 3px; }
.oc-bildirim-bos { display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 28px 16px; text-align: center; color: var(--oc-soluk); font-size: 13.5px; }
.oc-bildirim-bos .fa { font-size: 26px; color: var(--oc-yesil); margin-bottom: 6px; }
.oc-bildirim-bos b { color: var(--oc-metin); }
.oc-mobil-ac { display: none !important; }

/* Müşteri paneli sekmeleri (WiseCP menüsü) */
.oc-panel-menu { position: relative; z-index: 1; background: #fff !important; border-top: 1px solid var(--oc-cizgi); }
.oc-panel-menu ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 2px; flex-wrap: wrap; }
.oc-panel-menu > .oc-kap > ul > li { position: relative; }
.oc-panel-menu > .oc-kap > ul > li > a { display: inline-flex; align-items: center; height: 50px; padding: 0 14px; color: var(--oc-soluk); font-weight: 500; font-size: 14.5px; text-decoration: none; border-bottom: 2px solid transparent; }
.oc-panel-menu > .oc-kap > ul > li > a:hover { color: var(--oc-metin); }
.oc-panel-menu > .oc-kap > ul > li > a#active { color: var(--oc-buton); border-bottom-color: var(--oc-buton); }
.oc-panel-menu a span .fa, .oc-panel-menu a span i { margin-right: 8px; font-size: 13px; opacity: .85; }
.oc-panel-menu li.neworderbtn > a { color: var(--oc-buton) !important; font-weight: 600; }
.oc-panel-menu .inner { position: absolute; top: 100%; left: 0; min-width: 230px; background: #fff !important; border: 1px solid var(--oc-cizgi); border-radius: 14px; box-shadow: var(--oc-golge-acilir); padding: 6px !important; display: none !important; flex-direction: column; z-index: 940; }
.oc-panel-menu li:hover > .inner { display: flex !important; }
.oc-panel-menu .inner a { display: block; padding: 9px 12px; border-radius: 9px; color: var(--oc-metin) !important; font-size: 14px; text-decoration: none; }
.oc-panel-menu .inner a:hover { background: var(--oc-zemin); }

/* Mobil menü */
#mobmenu { position: fixed; inset: 0; z-index: 1000; background: #fff; overflow: auto; padding: 70px 22px 30px; }
#mobmenu .menuAc { position: absolute; top: 16px; right: 18px; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 12px; border: 1px solid var(--oc-cizgi); color: var(--oc-metin); font-size: 18px; }
#mobmenu ul { list-style: none; margin: 0; padding: 0; }
#mobmenu li a { display: block; padding: 12px 4px; border-bottom: 1px solid #eef1f5; color: var(--oc-metin) !important; font-weight: 500; text-decoration: none; }
#mobmenu .inner { display: none; padding-left: 12px; background: none !important; }
#mobmenu .inner a { font-weight: 400; color: var(--oc-soluk) !important; }
.oc-mobil-baslik { margin: 18px 0 4px; font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #6b7686; }

/* ---------------------------------------------------------------- alt bilgi */
.oc-alt { margin-top: 64px; background: var(--oc-zemin); border-top: 1px solid var(--oc-cizgi); padding: 56px 0 28px; }
.oc-alt-kartlar { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.oc-alt-kart { display: flex; align-items: center; gap: 14px; padding: 16px 18px; background: #fff; border: 1px solid var(--oc-cizgi); border-radius: var(--oc-yaricap); color: var(--oc-metin) !important; text-decoration: none; transition: box-shadow .2s, border-color .2s; }
.oc-alt-kart:hover { box-shadow: var(--oc-golge); border-color: #c3ccd8; }
.oc-alt-kart small { display: block; font-size: 13px; color: var(--oc-soluk); }
.oc-alt-kart b { display: block; font-size: 15px; font-weight: 600; }
.oc-alt-kart-ikon { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 10px; background: var(--oc-marka-50); color: var(--oc-buton); font-size: 16px; }
.oc-alt-izgara { display: grid; grid-template-columns: 1.6fr repeat(4, 1fr); gap: 32px; margin-top: 54px; }
.oc-alt-marka img { height: 48px; width: auto; }
.oc-alt-marka p { color: var(--oc-soluk); margin: 18px 0 22px; max-width: 300px; font-size: 14.5px; line-height: 1.6; }
.oc-alt-sosyal { display: inline-flex; align-items: center; gap: 9px; height: 38px; padding: 0 14px; border: 1px solid var(--oc-cizgi); border-radius: 10px; background: #fff; color: var(--oc-metin) !important; font-weight: 600; font-size: 14px; text-decoration: none; }
.oc-alt-sosyal .fa-arrow-up-right-from-square { font-size: 10px; opacity: .7; }
.oc-alt-sutun h4 { font: 700 12.5px var(--oc-font) !important; letter-spacing: .12em; margin: 6px 0 18px; }
.oc-alt-sutun a { display: block; color: var(--oc-soluk) !important; font-size: 14.5px; margin-bottom: 12px; text-decoration: none; }
.oc-alt-sutun a:hover { color: var(--oc-metin) !important; }
.oc-alt-son { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 40px; padding-top: 22px; border-top: 1px solid var(--oc-cizgi); font-size: 13.5px; color: var(--oc-soluk); }
.oc-alt-son nav { display: flex; gap: 22px; flex-wrap: wrap; }
.oc-alt-son a { color: var(--oc-soluk) !important; text-decoration: none; }
.oc-alt-son a:hover { color: var(--oc-metin) !important; }

/* ---------------------------------------------------------------- düğmeler */
.gonderbtn, .lbtn, .sbtn, .mavibtn, .incelebtn, .graybtn, .redbtn, .yesilbtn, .btn, input[type="submit"], button.mio-ajax-submit {
  display: inline-flex !important; align-items: center; justify-content: center; gap: 8px; min-height: 40px; padding: 0 18px !important; border-radius: 12px !important;
  font: 600 14.5px var(--oc-font) !important; border: 1px solid transparent !important; box-shadow: 0 1px 2px rgb(15 23 42 / .08) !important; cursor: pointer; text-decoration: none !important; transition: background .15s, color .15s, border-color .15s; line-height: 1.2; }
.gonderbtn, .yesilbtn, .mavibtn, input[type="submit"], button.mio-ajax-submit { background: var(--oc-buton) !important; color: #fff !important; }
.gonderbtn:hover, .yesilbtn:hover, .mavibtn:hover, input[type="submit"]:hover, button.mio-ajax-submit:hover { background: var(--oc-buton-hover) !important; color: #fff !important; }
.yesilbtn { width: auto; min-height: 46px; font-size: 15.5px !important; }
.lbtn, .sbtn, .incelebtn, .graybtn, .btn { background: #fff !important; color: var(--oc-metin) !important; border-color: var(--oc-cizgi) !important; }
.lbtn:hover, .sbtn:hover, .incelebtn:hover, .graybtn:hover, .btn:hover { border-color: #b7c2d0 !important; background: var(--oc-zemin) !important; color: var(--oc-metin) !important; }
.redbtn { background: #fff !important; color: var(--oc-kirmizi) !important; border-color: #f3c9c9 !important; }
.redbtn:hover { background: #fef2f2 !important; }

/* ---------------------------------------------------------------- formlar */
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="tel"], input[type="search"], input[type="url"], input[type="date"], select, textarea {
  border: 1px solid var(--oc-cizgi) !important; border-radius: 11px !important; background: #fff !important; color: var(--oc-metin) !important; font-size: 15px !important;
  padding: 10px 13px !important; min-height: 44px; box-sizing: border-box; box-shadow: none !important; transition: border-color .15s, box-shadow .15s; }
textarea { min-height: 120px; }
input:focus, select:focus, textarea:focus { border-color: var(--oc-marka-500) !important; box-shadow: 0 0 0 3px rgb(0 122 255 / .15) !important; outline: none; }
input::placeholder, textarea::placeholder { color: #8a94a3; }
.formcon { border-bottom: 1px solid #eef1f5 !important; padding: 14px 0 !important; }
.formcon .yuzde30 { font-weight: 600; color: var(--oc-metin); font-size: 14.5px; }
.zorunlu { color: var(--oc-kirmizi); }
.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before { border-color: #b7c2d0 !important; border-radius: 6px; }
.radio-custom + .radio-custom-label:before { border-radius: 50%; }
.checkbox-custom:checked + .checkbox-custom-label:before, .radio-custom:checked + .radio-custom-label:before { background: var(--oc-buton) !important; border-color: var(--oc-buton) !important; color: #fff !important; box-shadow: none !important; }
.error, .zorunlu-alan { color: var(--oc-kirmizi) !important; }

/* ---------------------------------------------------------------- kutular, başlıklar */
.mpanelrightcon, .hizmetblok, .siparisbilgileri, .padding30.white-content, #bigcontent > .mpanelright, .sepetsag, .sepetsol {
  background: #fff !important; border: 1px solid var(--oc-cizgi) !important; border-radius: 18px !important; box-shadow: var(--oc-golge) !important; }
.mpanelrightcon { padding: 26px !important; margin-bottom: 22px; overflow-x: auto; }
.mpaneltitle { border-bottom: 1px solid var(--oc-cizgi) !important; padding-bottom: 14px !important; margin-bottom: 20px !important; }
.mpaneltitle h4 { font-size: 20px !important; font-weight: 700; }
.mpaneltitle i { color: var(--oc-buton); }
.hizmetblok { overflow: hidden; }
.hizmetblok tr:nth-child(1) td { background: var(--oc-zemin) !important; color: var(--oc-metin) !important; font-weight: 700; border-bottom: 1px solid var(--oc-cizgi) !important; }
.hizmetblok tr td { border-bottom: 1px solid #eef1f5 !important; }
.hesapbilgititle { font-weight: 700 !important; }
.sayfayolu { color: var(--oc-soluk); font-size: 13.5px; }
.sayfayolu a { color: var(--oc-soluk) !important; }
.sayfayolu a:first-child { font-weight: 600; }
.line { background: var(--oc-cizgi) !important; height: 1px; }

/* Uyarı kutuları */
.green-info, .red-info, .blue-info, .sadeckyinfo { border-radius: 14px !important; border: 1px solid !important; padding: 14px 16px !important; font-size: 14.5px; box-shadow: none !important; }
.green-info { background: #f0fdf4 !important; border-color: #bbf7d0 !important; color: #14532d !important; }
.red-info { background: #fef2f2 !important; border-color: #fecaca !important; color: #7f1d1d !important; }
.blue-info, .sadeckyinfo { background: var(--oc-marka-50) !important; border-color: var(--oc-marka-200) !important; color: #0b3a75 !important; }

/* Sekmeler */
.tab { border: 0 !important; background: none !important; display: flex; gap: 6px; flex-wrap: wrap; border-bottom: 1px solid var(--oc-cizgi) !important; margin-bottom: 18px; }
.tablinks { background: none !important; border: 0 !important; border-bottom: 2px solid transparent !important; border-radius: 0 !important; color: var(--oc-soluk) !important; font: 600 14.5px var(--oc-font) !important; padding: 12px 14px !important; }
.tablinks:hover { color: var(--oc-metin) !important; }
.tablinks.active { color: var(--oc-buton) !important; border-bottom-color: var(--oc-buton) !important; }

/* Tablolar */
table.datatable, .table { border-collapse: separate !important; border-spacing: 0; width: 100%; font-size: 14.5px; }
table.datatable thead th, .table thead th, table.dataTable thead th { background: var(--oc-zemin) !important; color: #6b7686 !important; font-size: 12px !important; font-weight: 700 !important; letter-spacing: .06em; text-transform: uppercase; border-bottom: 1px solid var(--oc-cizgi) !important; padding: 12px 14px !important; }
table.datatable tbody td, .table tbody td, table.dataTable tbody td { border-bottom: 1px solid #eef1f5 !important; padding: 13px 14px !important; background: #fff; }
table.dataTable.no-footer { border-bottom: 0 !important; }
table.datatable tbody tr:hover td, table.dataTable tbody tr:hover td { background: #fafbfd; }
.dataTables_wrapper .dataTables_filter input { margin-left: 8px; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current { background: var(--oc-buton) !important; color: #fff !important; border: 0 !important; border-radius: 9px; }
.listingstatus { border-radius: 99px !important; padding: 3px 10px !important; font-size: 12.5px !important; font-weight: 600; }

/* Fiyat */
.amount_spot_view { font-family: var(--oc-baslik); font-weight: 800; color: var(--oc-metin); }

/* Müşteri paneli düzeni */
#basic_client_rightcon { padding-top: 26px; }
.sidelinks a { border-radius: 10px; }

/* ---------------------------------------------------------------- duyarlı */
@media (max-width: 1100px) {
  .oc-nav { display: none; }
  .oc-mobil-ac { display: inline-grid !important; }
  .oc-yazi-link { display: none; }
  .oc-alt-izgara { grid-template-columns: 1fr 1fr; }
  .oc-alt-marka { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
  .oc-kap, #wrapper { padding-left: 16px; padding-right: 16px; }
  .oc-ust-satir { height: 66px; gap: 12px; }
  .oc-logo img { height: 34px; }
  .oc-kullanici-ad, .oc-kullanici .fa-chevron-down { display: none; }
  .oc-kullanici { padding: 0 4px; }
  .oc-buton { padding: 0 12px; font-size: 14px; }
  .oc-panel-menu { display: none; }
  .oc-alt-kartlar { grid-template-columns: 1fr; }
  .oc-bildirimler { width: calc(100vw - 32px); right: -90px; }
  .mpanelrightcon { padding: 18px !important; }
  .hizmetblok { width: 100% !important; margin: 0 0 12px !important; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }

/* ---------------------------------------------------------------- canlı sayfalara göre düzeltmeler (1.1) */
/* Menü yazıları tek satırda kalsın */
.oc-nav { margin-left: 20px; gap: 0; }
.oc-nav-oge { white-space: nowrap; padding: 0 12px; }
@media (max-width: 1240px) { .oc-yazi-link { display: none; } }

/* Classic'in float düzeni: alt bilgi her zaman en alta */
#wrapper::after { content: ""; display: block; clear: both; }
.oc-alt { clear: both; }

/* Kayıt formu bölümleri: gri sekme kutuları yerine sade başlık, ikili alanlar yan yana */
.clean-theme-signup-box { display: flex; flex-wrap: wrap; gap: 12px; padding: 20px 0 !important; margin: 0 !important; border: 0 !important; border-top: 1px solid var(--oc-cizgi) !important; background: none !important; }
.clean-theme-signup-box > div, .clean-theme-signup-box > .yuzde50, .clean-theme-signup-box > .yuzde100 { float: none !important; margin: 0 !important; padding: 0 !important; }
.clean-theme-signup-box > .yuzde50 { flex: 1 1 calc(50% - 6px); min-width: 200px; width: auto !important; }
.clean-theme-signup-box > .yuzde100, .clean-theme-signup-box > .clean-theme-signup-box-title { flex: 1 1 100%; width: auto !important; }
.clean-theme-signup-box-title { position: static !important; display: block !important; background: none !important; border: 0 !important; padding: 0 !important; margin: 0 0 2px !important; font: 700 15px var(--oc-baslik) !important; color: var(--oc-metin) !important; transform: none !important; }
.clean-theme-signup-box input[type="text"], .clean-theme-signup-box input[type="password"], .clean-theme-signup-box input[type="email"], .clean-theme-signup-box select { width: 100% !important; margin: 0 !important; }
.clean-theme-signup-box .radio-custom-label, .clean-theme-signup-box .checkbox-custom-label { margin-right: 18px; }
.clean-theme-signup-box .sbtn { width: 100%; }
.clean-theme-signup-box .level-block { border-radius: 10px !important; min-height: 44px; line-height: 44px; text-align: center; }
.clean-theme-adduser-btn { margin-top: 8px; }
.clean-theme-adduser-btn button { width: 100%; min-height: 50px; font-size: 16px !important; }
.iti, .intl-tel-input { width: 100%; }
/* Telefon: bayrak ve alan kodu kutusu yazının üstüne binmesin */
.iti input[type="text"], .iti input[type="tel"], .intl-tel-input input[type="text"], .intl-tel-input input[type="tel"] { padding-left: 96px !important; }
.iti__flag-container, .intl-tel-input .flag-container { border-radius: 11px 0 0 11px; }

/* ---------------------------------------------------------------- giriş / kayıt kartı */
.clean-theme-signinup-con { display: flex !important; flex-direction: column; max-width: 470px; margin: 56px auto 0 !important; background: #fff !important; border: 1px solid var(--oc-cizgi) !important; border-radius: 22px !important; box-shadow: var(--oc-golge) !important; overflow: hidden; float: none !important; width: auto !important; padding: 0 !important; }
.clean-theme-signinup-con:has(.clean-theme-signup-box) { max-width: 720px; }
.clean-theme-signinup-right { float: none !important; width: auto !important; order: 1; background: none !important; }
.clean-theme-signinup-right .padding50 { padding: 36px 38px 30px !important; }
.clean-theme-signinup-right:not(:has(.padding50)) { padding: 34px 38px 28px !important; box-sizing: border-box; }
.clean-theme-signinup-right-title { border: 0 !important; margin: 0 0 22px !important; padding: 0 !important; }
.clean-theme-signinup-right-title h4 { font: 800 28px var(--oc-baslik) !important; color: var(--oc-metin) !important; letter-spacing: -.02em; margin: 0 !important; border: 0 !important; padding: 0 !important; }
.clean-theme-signinup-right .yuzde100 { float: none !important; width: 100% !important; margin: 0 0 12px !important; }
.clean-theme-signinup-right input[type="text"], .clean-theme-signinup-right input[type="password"], .clean-theme-signinup-right input[type="email"] { width: 100% !important; min-height: 48px; margin: 0 !important; }
.forgotpasslink { float: right; font-size: 14px; font-weight: 600; margin-top: 3px; }
.clean-theme-btn { display: inline-flex !important; align-items: center; justify-content: center; min-height: 48px; padding: 0 26px !important; border-radius: 12px !important; background: var(--oc-buton) !important; color: #fff !important; border: 0 !important; font: 600 15.5px var(--oc-font) !important; text-decoration: none !important; cursor: pointer; width: 100%; margin-top: 6px; box-shadow: 0 1px 2px rgb(15 23 42 / .08); float: none !important; }
.clean-theme-btn:hover { background: var(--oc-buton-hover) !important; }
/* Lacivert panel yerine kartın altında "Hesabınız yok mu?" şeridi */
.clean-theme-signinup-left { order: 2; float: none !important; width: auto !important; margin: 0 !important; display: flex !important; flex-direction: row; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 38px !important; min-height: 0 !important; height: auto !important;
  background: var(--oc-zemin) !important; border-top: 1px solid var(--oc-cizgi); color: var(--oc-soluk); text-align: left !important; }
.clean-theme-signinup-left img, .clean-theme-signinup-left .clear { display: none !important; }
.clean-theme-signinup-left h4 { font: 500 14px/1.45 var(--oc-font) !important; color: var(--oc-soluk) !important; margin: 0 !important; max-width: 300px; }
.clean-theme-signinup-left .clean-theme-btn { width: auto; flex: none; min-height: 40px; padding: 0 16px !important; margin: 0; background: #fff !important; color: var(--oc-metin) !important; border: 1px solid var(--oc-cizgi) !important; font-size: 14.5px !important; }
.clean-theme-signinup-left .clean-theme-btn:hover { background: var(--oc-marka-50) !important; border-color: var(--oc-marka-200) !important; }
@media (max-width: 640px) {
  .clean-theme-signinup-con { margin-top: 20px !important; border-radius: 18px !important; }
  .clean-theme-signinup-right .padding50 { padding: 26px 20px !important; }
  .clean-theme-signinup-left { flex-direction: column; align-items: stretch; padding: 18px 20px !important; }
  .clean-theme-signup-box > .yuzde50 { flex-basis: 100%; }
}

/* ---------------------------------------------------------------- sepet */
.sepet { display: flex; gap: 24px; align-items: flex-start; margin-top: 32px; float: none !important; width: auto !important; }
.sepetleft { flex: 1; min-width: 0; float: none !important; width: auto !important; background: #fff; border: 1px solid var(--oc-cizgi); border-radius: 18px; box-shadow: var(--oc-golge); padding: 8px 0 26px; }
.sepetright { width: 340px; flex: none; float: none !important; position: sticky; top: 100px; }
.sepetrightshadow { background: #fff !important; border: 1px solid var(--oc-cizgi) !important; border-radius: 18px !important; box-shadow: var(--oc-golge) !important; overflow: hidden; }
.sepetbaslik { background: none !important; color: #6b7686 !important; border-bottom: 1px solid var(--oc-cizgi); font: 700 12px var(--oc-font) !important; letter-spacing: .06em; text-transform: uppercase; padding: 14px 10px !important; height: auto !important; line-height: 1.4 !important; border-radius: 0 !important; }
.sepetbaslik * { color: #6b7686 !important; }
.sepetrightshadow .sepetbaslik { font: 700 15px var(--oc-baslik) !important; letter-spacing: 0; text-transform: none; padding: 18px 10px !important; }
.sepetrightshadow .sepetbaslik * { color: var(--oc-metin) !important; text-align: left !important; }
.sepetrightcon { padding: 6px 20px 20px !important; }
.sepetsipinfo td { padding: 10px 0 !important; border-bottom: 1px solid #eef1f5; font-size: 14.5px; }
.sepetsipinfo h5 { font: 700 15px var(--oc-baslik) !important; margin: 0 !important; }
#empty_list.info { text-align: center; padding: 48px 24px 24px !important; background: none !important; border: 0 !important; }
#empty_list.info > .fa { display: inline-grid; place-items: center; width: 56px; height: 56px; border-radius: 16px; background: var(--oc-marka-50) !important; color: var(--oc-buton) !important; font-size: 24px !important; margin-bottom: 14px; }
#empty_list.info h4 { font: 700 20px var(--oc-baslik) !important; color: var(--oc-metin) !important; }
#empty_list.info h4 span { display: block; margin-top: 6px; font: 400 15px var(--oc-font) !important; color: var(--oc-soluk); }
.paymentlogos { text-align: center; margin-top: 30px; color: var(--oc-soluk); font-size: 13.5px; }
.paymentlogos img { opacity: .75; }
.sepetright .yesilbtn, .sepetright .gonderbtn, .sepetright button, .sepetright .lbtn { width: 100% !important; margin-top: 12px; box-sizing: border-box; }
.sepetright > * { max-width: 100%; box-sizing: border-box; }
@media (max-width: 900px) { .sepet { flex-direction: column; } .sepetright { width: 100%; position: static; } }

/* ---------------------------------------------------------------- çerez penceresi */
#mio-cookie-popup .mio-cookie-popup__card { background: #fff !important; color: var(--oc-metin) !important; border: 1px solid var(--oc-cizgi) !important; border-radius: 18px !important; box-shadow: var(--oc-golge-acilir) !important; max-width: 380px; left: 20px !important; bottom: 20px !important; }
#mio-cookie-popup h3 { font: 700 17px var(--oc-baslik) !important; color: var(--oc-metin) !important; text-align: left !important; margin-bottom: 6px !important; }
#mio-cookie-popup p { font: 400 14px/1.55 var(--oc-font) !important; color: var(--oc-soluk) !important; text-align: left !important; }
#mio-cookie-popup p a { color: var(--oc-buton) !important; }
#mio-cookie-popup .mio-cookie-popup__content { text-align: left !important; }
#mio-cookie-popup button, #mio-cookie-popup [class*="button"], #mio-cookie-popup [class*="btn"] { background: var(--oc-buton) !important; color: #fff !important; border: 0 !important; border-radius: 11px !important; font: 600 14.5px var(--oc-font) !important; min-height: 40px; padding: 0 18px !important; }

/* Form gönderen her düğme (WiseCP'de çoğu zaman a.btn.mio-ajax-submit) ana eylemdir: mavi */
a.mio-ajax-submit, .btn.mio-ajax-submit, .lbtn.mio-ajax-submit { background: var(--oc-buton) !important; color: #fff !important; border-color: transparent !important; }
a.mio-ajax-submit:hover, .btn.mio-ajax-submit:hover, .lbtn.mio-ajax-submit:hover { background: var(--oc-buton-hover) !important; color: #fff !important; }
a.mio-ajax-submit *, .btn.mio-ajax-submit * { color: #fff !important; }
#mio-cookie-popup .mio-cookie-popup__card, #mio-cookie-popup .mio-cookie-popup__content { opacity: 1 !important; background: #fff !important; backdrop-filter: none !important; }

/* ---------------------------------------------------------------- müşteri paneli: hesap bilgileri (1.2) */
/* Panel sekmeleri: Classic'in .menu kuralı sağa yaslıyordu */
.oc-panel-menu.menu, .oc-panel-menu { float: none !important; width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; }
.oc-panel-menu ul { float: none !important; width: auto !important; justify-content: flex-start; }
.oc-panel-menu > .oc-kap > ul > li { float: none !important; display: block; }
/* Form satırları: kutu değil, ince çizgiyle ayrılmış satır */
.hesapbilgisi { background: none !important; border: 0 !important; border-bottom: 1px solid #eef1f5 !important; border-radius: 0 !important; box-shadow: none !important; padding: 12px 0 !important; margin: 0 !important; display: flex; align-items: center; gap: 12px; }
.hesapbilgisi .yuzde25, .hesapbilgisi .yuzde75 { float: none !important; }
.hesapbilgisi .yuzde25 { flex: 0 0 34%; }
.hesapbilgisi .yuzde75 { flex: 1; min-width: 0; }
.hesapbilgisi input[type="text"], .hesapbilgisi input[type="email"], .hesapbilgisi input[type="password"], .hesapbilgisi select, .hesapbilgisi textarea { width: 100% !important; }
.hesapbilgititle { font: 600 14.5px var(--oc-font) !important; color: var(--oc-metin) !important; line-height: 1.35 !important; }
.kisiselbilgiler h4, .digerbilgiler h4, .kisiselbilgiler > .hesapbilgititle, .digerbilgiler > .hesapbilgititle { font: 700 16px var(--oc-baslik) !important; }
/* Alan altındaki yardımcı yazı: düz, küçük, soluk */
.kinfo { display: block !important; position: static !important; margin: 6px 0 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; font-size: 12.5px !important; line-height: 1.45 !important; color: var(--oc-soluk) !important; width: auto !important; }
.kinfo::before, .kinfo::after { display: none !important; }
/* Uyarı kutuları: simge küçük ve satır içi, tüm yazılar okunur renkte */
.red-info, .green-info, .blue-info { position: relative; overflow: hidden; }
.red-info i, .green-info i, .blue-info i { position: static !important; float: left; width: 22px !important; height: 22px !important; line-height: 22px !important; margin: 1px 12px 0 0 !important; font-size: 18px !important; background: none !important; border-radius: 0 !important; opacity: 1 !important; text-align: center; }
.red-info .padding15, .green-info .padding15, .blue-info .padding15 { padding: 0 !important; }
.red-info, .red-info * { color: #7f1d1d !important; }
.green-info, .green-info * { color: #14532d !important; }
.blue-info, .blue-info * { color: #0b3a75 !important; }
.red-info h5, .green-info h5, .blue-info h5 { font: 600 14.5px/1.5 var(--oc-font) !important; margin: 0 !important; }
.red-info::before, .red-info::after, .green-info::before, .green-info::after, .blue-info::before, .blue-info::after { display: none !important; }
/* Sayfa başlığı şeridi: gri yerine beyaz */
.mpaneltitle { background: none !important; }
@media (max-width: 720px) { .hesapbilgisi { flex-direction: column; align-items: stretch; gap: 6px; } .hesapbilgisi .yuzde25 { flex-basis: auto; } }
/* Sekme içeriği kartın içinde: ikinci kutu olmasın */
.tabcontentcon, .tabcontent { background: none !important; border: 0 !important; box-shadow: none !important; border-radius: 0 !important; }