/* ==========================================================================
   Sağlam Kimya Panel — ön yüz stilleri
   Site tasarımıyla uyumlu: lacivert / yeşil, Poppins başlık.
   ========================================================================== */

.sk-sarmal{
  max-width:1060px;
  margin:0 auto;
  padding:0;
}
.sk-sarmal.sk-dar{ max-width:460px; }

/* ---------------------------------------------------------------- kart */
.sk-kart{
  background:#fff;
  border:1px solid #e6ebef;
  border-radius:20px;
  padding:34px 30px;
  box-shadow:0 18px 40px rgba(11,30,52,.07);
}
.sk-kart-baslik{
  margin:0 0 6px;
  font-family:Poppins,system-ui,sans-serif;
  font-size:26px;
  font-weight:800;
  letter-spacing:-.02em;
  color:#0b1e34;
}
.sk-kart-aciklama{
  margin:0 0 22px;
  font-size:14.5px;
  color:#6a7484;
  line-height:1.6;
}
.sk-alt-baglanti{
  margin:18px 0 0;
  text-align:center;
  font-size:14.5px;
  color:#6a7484;
}
.sk-alt-baglanti a{ color:#2aa15c; font-weight:600; text-decoration:none; }
.sk-alt-baglanti a:hover{ text-decoration:underline; }

/* ---------------------------------------------------------------- form */
.sk-form{ display:block; }

.sk-alan{ display:block; margin-bottom:16px; }
.sk-alan > span{
  display:block;
  margin-bottom:7px;
  font-size:13.5px;
  font-weight:600;
  color:#243447;
}
.sk-alan > span b{ color:#c0392b; font-weight:600; }

.sk-alan input[type=text],
.sk-alan input[type=email],
.sk-alan input[type=tel],
.sk-alan input[type=password]{
  width:100%;
  box-sizing:border-box;
  padding:13px 15px;
  border:1px solid #d6dee5;
  border-radius:12px;
  background:#fbfcfd;
  font-size:15px;
  color:#0b1e34;
  transition:border-color .18s, box-shadow .18s, background .18s;
}
.sk-alan input:focus{
  outline:none;
  border-color:#2aa15c;
  background:#fff;
  box-shadow:0 0 0 3px rgba(42,161,92,.14);
}
.sk-ipucu{
  display:block;
  margin-top:5px;
  font-size:12px;
  color:#8a95a5;
}

.sk-ikili{ display:grid; grid-template-columns:1fr 1fr; gap:0 14px; }

.sk-satir{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:4px 0 20px;
}
.sk-kucuk-baglanti{
  font-size:13.5px;
  color:#2aa15c;
  text-decoration:none;
  font-weight:600;
}
.sk-kucuk-baglanti:hover{ text-decoration:underline; }

.sk-onay{
  display:flex;
  align-items:flex-start;
  gap:9px;
  font-size:13.5px;
  color:#3d4b5c;
  line-height:1.5;
  margin-bottom:16px;
  cursor:pointer;
}
.sk-onay input{ margin-top:2px; flex:0 0 auto; }
.sk-onay small{ display:block; color:#8a95a5; font-size:12.5px; margin-top:3px; }

.sk-onay-kutu{
  background:#f4f7f8;
  border:1px solid #e3e9ed;
  border-radius:14px;
  padding:14px 15px;
}

.sk-bayi-alanlari{
  border-left:3px solid #2aa15c;
  padding-left:16px;
  margin:0 0 18px;
}

/* bot tuzağı — ekranda görünmez */
.sk-tuzak{
  position:absolute !important;
  left:-9999px !important;
  width:1px; height:1px; overflow:hidden;
}

/* -------------------------------------------------------------- düğme */
.sk-dugme{
  display:inline-block;
  padding:13px 24px;
  border:0;
  border-radius:12px;
  font-size:15px;
  font-weight:700;
  text-decoration:none;
  text-align:center;
  cursor:pointer;
  transition:transform .18s, box-shadow .18s, background .18s;
}
.sk-dugme-dolu{
  width:100%;
  background:linear-gradient(135deg,#2aa15c,#2fbe6e);
  color:#fff;
  box-shadow:0 12px 26px rgba(42,161,92,.28);
}
.sk-dugme-dolu:hover{ transform:translateY(-1px); box-shadow:0 16px 32px rgba(42,161,92,.34); color:#fff; }
.sk-dugme-bos{
  background:#fff;
  color:#0b1e34;
  border:1px solid #d6dee5;
}
.sk-dugme-bos:hover{ border-color:#2aa15c; color:#2aa15c; }

/* -------------------------------------------------------------- uyarı */
.sk-uyari{
  padding:13px 16px;
  border-radius:12px;
  font-size:14px;
  line-height:1.55;
  margin-bottom:14px;
}
.sk-uyari-hata{     background:#fdeceb; color:#96271c; border:1px solid #f6d2ce; }
.sk-uyari-basari{   background:#eaf7ef; color:#1d6b3d; border:1px solid #cbe9d6; }
.sk-uyari-bilgi{    background:#eef4fa; color:#1f4c72; border:1px solid #d3e2ee; }
.sk-uyari-bekliyor{ background:#fff6e5; color:#8a5a00; border:1px solid #f5e2bb; }

/* -------------------------------------------------------------- panel */
.sk-panel-ust{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  padding-bottom:22px;
  margin-bottom:26px;
  border-bottom:1px solid #e6ebef;
}
.sk-panel-baslik{
  margin:8px 0 0;
  font-family:Poppins,system-ui,sans-serif;
  font-size:28px;
  font-weight:800;
  letter-spacing:-.02em;
  color:#0b1e34;
}
.sk-panel-firma{ margin:4px 0 0; color:#6a7484; font-size:14.5px; }
.sk-cikis{ flex:0 0 auto; padding:10px 18px; font-size:14px; }

.sk-rozet{
  display:inline-block;
  padding:5px 12px;
  border-radius:999px;
  font-size:11.5px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.sk-rozet-yonetici{ background:#0b1e34; color:#fff; }
.sk-rozet-bayi{     background:#eaf7ef; color:#1d6b3d; border:1px solid #cbe9d6; }
.sk-rozet-musteri{  background:#eef4fa; color:#1f4c72; border:1px solid #d3e2ee; }

.sk-izgara{
  display:grid;
  /* Ekran genisledikce sutun sayisi kendiliginden artar.
     Ileride yeni kutular eklenince ayar gerekmez. */
  grid-template-columns:repeat(auto-fill,minmax(272px,1fr));
  gap:18px;
}

.sk-kutu{
  background:#fff;
  border:1px solid #e6ebef;
  border-radius:18px;
  padding:24px 22px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
}
.sk-kutu h2{
  margin:0;
  font-family:Poppins,system-ui,sans-serif;
  font-size:17px;
  font-weight:700;
  color:#0b1e34;
}
.sk-kutu p{
  margin:0;
  font-size:14px;
  line-height:1.6;
  color:#6a7484;
  flex:1 1 auto;
}
.sk-kutu .sk-dugme{ margin-top:10px; padding:10px 18px; font-size:14px; }

.sk-kutu-pasif{ background:#f7f9fa; border-style:dashed; }
.sk-kutu-vurgu{
  background:linear-gradient(160deg,#0b1e34,#123a54);
  border-color:transparent;
  color:#fff;
}
.sk-kutu-vurgu h2{ color:#fff; }
.sk-kutu-vurgu p{ color:#cfe0ee; }
.sk-kutu-vurgu .sk-dugme-bos{ background:transparent; color:#fff; border-color:rgba(255,255,255,.35); }
.sk-kutu-vurgu .sk-dugme-bos:hover{ background:rgba(255,255,255,.1); color:#fff; border-color:#fff; }

.sk-buyuk-sayi{
  font-family:Poppins,system-ui,sans-serif;
  font-size:40px;
  font-weight:800;
  line-height:1;
  color:#4fdc86 !important;
  margin:6px 0 !important;
  flex:0 0 auto !important;
}
.sk-buyuk-sayi small{
  font-size:15px;
  font-weight:600;
  margin-left:6px;
  color:#9fb3c4;
}

.sk-yakinda{
  margin-top:10px;
  display:inline-block;
  padding:6px 13px;
  border-radius:999px;
  background:#e9eef2;
  color:#7d8896;
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
}

/* -------------------------------------------------------------- mobil */
@media (max-width:600px){
  .sk-kart{ padding:26px 20px; border-radius:16px; }
  .sk-kart-baslik{ font-size:22px; }
  .sk-ikili{ grid-template-columns:1fr; }
  .sk-izgara{ gap:14px; }
  .sk-panel-ust{ flex-direction:column; align-items:stretch; }
  .sk-panel-baslik{ font-size:23px; }
  .sk-cikis{ align-self:flex-start; }
}

/* ==========================================================================
   YÖNETİCİ EKRANLARI — menü, tablolar, araç şeritleri
   ========================================================================== */

/* ------------------------------------------------------------------ menü */
.sk-menu{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  margin:0 0 24px;
  border-bottom:1px solid #e0e7ec;
}
.sk-menu-oge{
  padding:11px 18px;
  font-size:14.5px;
  font-weight:600;
  color:#5f6a77;
  text-decoration:none;
  border-bottom:2px solid transparent;
  margin-bottom:-1px;
  transition:color .18s, border-color .18s;
}
.sk-menu-oge:hover{ color:#0b1e34; }
.sk-menu-oge.aktif{ color:#2aa15c; border-bottom-color:#2aa15c; }

.sk-ekran{ min-height:200px; }

.sk-alt-baslik{
  margin:30px 0 12px;
  font-family:Poppins,system-ui,sans-serif;
  font-size:16px;
  font-weight:700;
  color:#0b1e34;
}
.sk-geri{ margin:0 0 16px; font-size:14px; }
.sk-geri a{ color:#5f6a77; text-decoration:none; }
.sk-geri a:hover{ color:#2aa15c; }

/* ---------------------------------------------------------- araç şeridi */
.sk-arac-serit{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}
.sk-sekmeler{ display:flex; flex-wrap:wrap; gap:6px; }
.sk-sekme{
  padding:8px 15px;
  border:1px solid #d9e1e7;
  border-radius:999px;
  background:#fff;
  font-size:13.5px;
  font-weight:600;
  color:#5f6a77;
  text-decoration:none;
}
.sk-sekme:hover{ border-color:#2aa15c; color:#2aa15c; }
.sk-sekme.aktif{ background:#0b1e34; border-color:#0b1e34; color:#fff; }
.sk-say{
  display:inline-block;
  min-width:18px;
  margin-left:5px;
  padding:1px 6px;
  border-radius:999px;
  background:#e8663c;
  color:#fff;
  font-size:11px;
}
.sk-sekme.aktif .sk-say{ background:#2fbe6e; }

.sk-ara-form{ display:flex; gap:8px; flex-wrap:wrap; }
.sk-ara-form input[type=search],
.sk-ara-form select{
  padding:10px 13px;
  border:1px solid #d6dee5;
  border-radius:10px;
  background:#fff;
  font-size:14px;
  color:#0b1e34;
  min-width:190px;
}
.sk-ara-form input:focus,
.sk-ara-form select:focus{ outline:none; border-color:#2aa15c; }
.sk-ara-form .sk-dugme{ padding:10px 18px; font-size:14px; }

/* --------------------------------------------------------------- tablo */
.sk-tablo-sarmal{
  background:#fff;
  border:1px solid #e6ebef;
  border-radius:16px;
  overflow-x:auto;
}
.sk-kisa-tablo{ max-height:420px; overflow-y:auto; }

.sk-tablo{
  width:100%;
  border-collapse:collapse;
  font-size:14px;
}
.sk-tablo th{
  padding:13px 14px;
  text-align:left;
  font-size:12.5px;
  font-weight:700;
  letter-spacing:.03em;
  text-transform:uppercase;
  color:#6a7484;
  background:#f7f9fa;
  border-bottom:1px solid #e6ebef;
  white-space:nowrap;
  position:sticky;
  top:0;
  z-index:1;
}
.sk-tablo td{
  padding:12px 14px;
  border-bottom:1px solid #eef2f5;
  color:#243447;
  vertical-align:middle;
}
.sk-tablo tr:last-child td{ border-bottom:0; }
.sk-tablo tbody tr:hover{ background:#fbfcfd; }
.sk-tablo code{
  padding:2px 7px;
  border-radius:6px;
  background:#eef3f6;
  font-size:12.5px;
  color:#0b1e34;
}
.sk-sag{ text-align:right; }
.sk-orta{ text-align:center; }
.sk-kucuk{ font-size:12.5px; color:#6a7484; line-height:1.5; }
.sk-marka{ display:block; font-size:11.5px; color:#8a95a5; margin-top:2px; }
.sk-islem{ white-space:nowrap; }
.sk-eslesmeyen td{ background:#fffaf3; }

.sk-mini-alan{
  width:100px;
  padding:8px 10px;
  border:1px solid #d6dee5;
  border-radius:8px;
  background:#fbfcfd;
  font-size:14px;
  color:#0b1e34;
}
.sk-mini-alan:focus{ outline:none; border-color:#2aa15c; background:#fff; }
.sk-cok-dar{ width:70px; }

.sk-kaydet-serit{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:16px;
  padding:14px 18px;
  background:#fff;
  border:1px solid #e6ebef;
  border-radius:14px;
  font-size:13.5px;
  color:#6a7484;
}

/* --------------------------------------------------------- etiket / rozet */
.sk-etiket{
  display:inline-block;
  margin-left:6px;
  padding:2px 9px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
}
.sk-etiket-bekliyor{ background:#fff2d9; color:#8a5a00; }
.sk-etiket-uyari{ background:#fdeceb; color:#96271c; }
.sk-uyari-metin{ color:#b4530a; }

/* ------------------------------------------------------------ özet şerit */
.sk-ozet-serit{
  display:flex;
  flex-wrap:wrap;
  gap:22px;
  margin-bottom:16px;
  padding:14px 18px;
  background:#fff;
  border:1px solid #e6ebef;
  border-radius:14px;
  font-size:13.5px;
  color:#6a7484;
}
.sk-ozet-serit strong{ color:#0b1e34; font-size:16px; margin-right:3px; }

/* ------------------------------------------------------------- sayaçlar */
.sk-sayac-izgara{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(130px,1fr));
  gap:12px;
  margin:20px 0 8px;
}
.sk-sayac{
  padding:16px;
  border-radius:14px;
  background:#f4f7f8;
  border:1px solid #e6ebef;
  text-align:center;
}
.sk-sayac b{
  display:block;
  font-family:Poppins,system-ui,sans-serif;
  font-size:26px;
  font-weight:800;
  color:#0b1e34;
  line-height:1.1;
}
.sk-sayac span{ display:block; margin-top:3px; font-size:12.5px; color:#6a7484; }
.sk-sayac-yesil{ background:#eaf7ef; border-color:#cbe9d6; }
.sk-sayac-yesil b{ color:#1d6b3d; }
.sk-sayac-mavi{ background:#eef4fa; border-color:#d3e2ee; }
.sk-sayac-mavi b{ color:#1f4c72; }
.sk-sayac-kirmizi{ background:#fdeceb; border-color:#f6d2ce; }
.sk-sayac-kirmizi b{ color:#96271c; }
.sk-sayac-turuncu{ background:#fff4e8; border-color:#f6ddc2; }
.sk-sayac-turuncu b{ color:#9a4a05; }

/* -------------------------------------------------------------- çeşitli */
.sk-bos-kutu{
  padding:34px 24px;
  background:#fff;
  border:1px dashed #d9e1e7;
  border-radius:16px;
  text-align:center;
  color:#6a7484;
  font-size:14.5px;
}
.sk-liste-uyari{ margin:0 0 6px 18px; font-size:13.5px; color:#96271c; }
.sk-liste-uyari li{ margin-bottom:5px; list-style:disc; }
.sk-kod-listesi{ display:flex; flex-wrap:wrap; gap:6px; }
.sk-kod-listesi code{
  padding:3px 8px;
  border-radius:6px;
  background:#fff4e8;
  color:#9a4a05;
  font-size:12.5px;
}
.sk-onay-form{ display:flex; gap:10px; align-items:center; margin-top:24px; }
.sk-dugme-dar{ width:auto; }
.sk-dugme-mini{ padding:7px 14px; font-size:13px; }
.sk-koyu{ color:#0b1e34 !important; }

.sk-kart-genis{ max-width:none; }
.sk-kart-ust{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:20px;
  padding-bottom:18px;
  border-bottom:1px solid #eef2f5;
}
.sk-kart-ust h2{
  margin:8px 0 4px;
  font-family:Poppins,system-ui,sans-serif;
  font-size:21px;
  font-weight:800;
  color:#0b1e34;
}
.sk-kart-islem{ display:flex; gap:8px; flex-wrap:wrap; }
.sk-alan-dar{ max-width:260px; }
.sk-alan textarea{
  width:100%;
  box-sizing:border-box;
  padding:13px 15px;
  border:1px solid #d6dee5;
  border-radius:12px;
  background:#fbfcfd;
  font-size:15px;
  font-family:inherit;
  color:#0b1e34;
  line-height:1.6;
}
.sk-alan textarea:focus{ outline:none; border-color:#2aa15c; background:#fff; }
.sk-alan input[type=file]{ font-size:14px; }
.sk-alan input[type=number],
.sk-alan input[type=url],
.sk-alan input[type=search]{
  width:100%;
  box-sizing:border-box;
  padding:13px 15px;
  border:1px solid #d6dee5;
  border-radius:12px;
  background:#fbfcfd;
  font-size:15px;
  color:#0b1e34;
}
.sk-form h2{
  margin:26px 0 14px;
  font-family:Poppins,system-ui,sans-serif;
  font-size:17px;
  font-weight:700;
  color:#0b1e34;
}
.sk-form h2:first-child{ margin-top:0; }

@media (max-width:600px){
  .sk-menu{ gap:0; overflow-x:auto; flex-wrap:nowrap; }
  .sk-menu-oge{ padding:10px 13px; font-size:13.5px; white-space:nowrap; }
  .sk-arac-serit{ flex-direction:column; align-items:stretch; }
  .sk-ara-form input[type=search], .sk-ara-form select{ min-width:0; flex:1 1 140px; }
  .sk-tablo th, .sk-tablo td{ padding:10px; }
  .sk-kaydet-serit{ flex-direction:column; align-items:stretch; text-align:center; }
  .sk-onay-form{ flex-direction:column; align-items:stretch; }
}

/* ==========================================================================
   PANEL SAYFASI — TAM GENİŞLİK
   Tema, sayfaları 840px'lik dar bir makale sütununda ve beyaz bir kart
   içinde gösteriyor. Panelde kutular kart içinde kart gibi kalıp sıkışıyordu.
   Aşağıdaki kurallar yalnızca panel sayfasında (body.sk-sayfa-panel) çalışır.
   ========================================================================== */

body.sk-sayfa-panel .twsk-dar{
  max-width:none;
  padding:0 32px;
}

body.sk-sayfa-panel .twsk-brk,
body.sk-sayfa-panel .twsk-sayfa-baslik{
  display:none;
}

body.sk-sayfa-panel .twsk-sayfa .twsk-icerik{
  background:transparent;
  border-radius:0;
  padding:36px 0 0;
  box-shadow:none;
}

body.sk-sayfa-panel .sk-sarmal{
  max-width:none;
}

@media (max-width:600px){
  body.sk-sayfa-panel .twsk-dar{ padding:0 18px; }
  body.sk-sayfa-panel .twsk-sayfa .twsk-icerik{ padding-top:24px; }
}

/* ==========================================================================
   SİPARİŞ EKRANI
   ========================================================================== */

.sk-urun-listesi{ display:flex; flex-direction:column; gap:12px; }

.sk-urun{
  background:#fff;
  border:1px solid #e6ebef;
  border-radius:16px;
  overflow:hidden;
}
.sk-urun-ust{
  display:flex; align-items:baseline; justify-content:space-between; gap:12px;
  padding:14px 18px;
  background:#f7f9fa;
  border-bottom:1px solid #eef2f5;
}
.sk-urun-ust h3{
  margin:0;
  font-family:Poppins,system-ui,sans-serif;
  font-size:15.5px; font-weight:700; color:#0b1e34;
}
.sk-urun-marka{ font-size:11.5px; font-weight:700; letter-spacing:.06em; color:#8a95a5; }

.sk-ambalajlar{ display:flex; flex-direction:column; }

.sk-ambalaj-satir{
  display:grid;
  grid-template-columns:90px 92px 1fr 92px 120px 1fr;
  align-items:center;
  gap:10px;
  padding:10px 18px;
  border-bottom:1px solid #f2f5f7;
  transition:background .15s;
}
.sk-ambalaj-satir:last-child{ border-bottom:0; }
.sk-ambalaj-satir.sk-secili{ background:#f2fbf5; }

.sk-amb-ad{ font-weight:700; color:#243447; font-size:14.5px; }
.sk-amb-kod{ font-size:12px; color:#8a95a5; font-family:ui-monospace,Menlo,monospace; }
.sk-amb-fiyat{ text-align:right; font-size:14.5px; color:#0b1e34; }
.sk-amb-adet{ text-align:center; }
.sk-amb-adet input{
  width:80px; padding:9px 10px; text-align:center;
  border:1px solid #d6dee5; border-radius:10px; background:#fbfcfd;
  font-size:15px; font-weight:600; color:#0b1e34;
}
.sk-amb-adet input:focus{ outline:none; border-color:#2aa15c; background:#fff; box-shadow:0 0 0 3px rgba(42,161,92,.14); }
.sk-amb-tutar{ text-align:right; font-weight:700; color:#1d6b3d; font-size:15px; }
.sk-amb-not{ font-size:11.5px; color:#8a95a5; display:flex; gap:10px; }
.sk-stok-az{ color:#b4530a; font-weight:700; }

/* ------------------------------------------------------- alttaki özet */
.sk-sepet-serit{
  position:sticky; bottom:14px; z-index:20;
  margin-top:16px;
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px;
  padding:14px 24px;
  background:#0b1e34; color:#fff;
  border-radius:14px;
  box-shadow:0 12px 30px rgba(11,30,52,.28);
}

/* Panelde temanin yuzen dugmeleri seride binmesin. */
body.sk-sayfa-panel .twsk-teklif-kutu,
body.sk-sayfa-panel .twsk-wa-yuzen{ display:none !important; }

/* Bayi giris yaptiysa urun sayfalarinda da teklif balonu gerekmiyor. */
body.sk-bayi-girisli .twsk-teklif-kutu{ display:none !important; }
.sk-sepet-bilgi{ font-size:14px; color:#cfe0ee; }
.sk-sepet-bilgi strong{ color:#fff; }
.sk-sepet-tutar{ display:flex; flex-wrap:wrap; gap:20px; font-size:13.5px; color:#9fb3c4; align-items:baseline; }
.sk-sepet-tutar b{ color:#fff; font-weight:700; margin-left:5px; }
.sk-sepet-genel{ font-size:15px; color:#fff; }
.sk-sepet-genel b{ color:#4fdc86; font-size:19px; font-family:Poppins,system-ui,sans-serif; }
.sk-sepet-serit .sk-dugme{ padding:12px 26px; }

/* ------------------------------------------------------------ toplam */
.sk-toplam-kutu{
  margin-top:18px; margin-left:auto; max-width:380px;
  background:#f7f9fa; border:1px solid #e6ebef; border-radius:14px; padding:16px 20px;
}
.sk-toplam-kutu > div{
  display:flex; justify-content:space-between; gap:16px;
  padding:6px 0; font-size:14.5px; color:#5f6a77;
}
.sk-toplam-kutu b{ color:#0b1e34; font-weight:700; }
.sk-toplam-kutu .sk-indirim{ color:#1d6b3d; }
.sk-toplam-kutu .sk-indirim b{ color:#1d6b3d; }
.sk-genel-toplam{
  margin-top:8px; padding-top:12px !important; border-top:1px solid #dfe6ea;
  font-size:15px !important; font-weight:700; color:#0b1e34 !important;
}
.sk-genel-toplam b{ font-size:19px; font-family:Poppins,system-ui,sans-serif; }

/* ------------------------------------------------------------- durum */
.sk-durum{
  display:inline-block; padding:4px 12px; border-radius:999px;
  font-size:11.5px; font-weight:700; letter-spacing:.04em;
}
.sk-durum-beklemede{  background:#fff6e5; color:#8a5a00; border:1px solid #f5e2bb; }
.sk-durum-onaylandi{  background:#eef4fa; color:#1f4c72; border:1px solid #d3e2ee; }
.sk-durum-kargolandi{ background:#eaf7ef; color:#1d6b3d; border:1px solid #cbe9d6; }
.sk-durum-iptal{      background:#f2f4f6; color:#6a7484; border:1px solid #e0e6ea; }

.sk-durum-form{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.sk-durum-form select{
  padding:9px 12px; border:1px solid #d6dee5; border-radius:10px;
  background:#fff; font-size:14px; color:#0b1e34;
}

/* ------------------------------------------------------- ödeme / not */
.sk-odeme-kutu{
  margin:22px 0; padding:18px 20px;
  background:#f7f9fa; border:1px solid #e6ebef; border-radius:14px;
}
.sk-odeme-kutu h3{ margin:0 0 10px; font-size:15px; font-weight:700; color:#0b1e34; }
.sk-banka{
  margin:0 0 12px; padding:14px 16px;
  background:#fff; border:1px solid #e0e6ea; border-radius:10px;
  font-family:ui-monospace,Menlo,monospace; font-size:13.5px; line-height:1.7;
  color:#243447; white-space:pre-wrap; word-break:break-word;
}
.sk-not-kutu{
  padding:14px 16px; background:#f7f9fa; border-left:3px solid #2aa15c;
  border-radius:8px; font-size:14.5px; color:#3d4b5c; white-space:pre-wrap;
}

@media (max-width:820px){
  .sk-ambalaj-satir{
    grid-template-columns:1fr 1fr;
    grid-template-areas:"ad fiyat" "kod tutar" "adet not";
    row-gap:6px;
  }
  .sk-amb-ad{ grid-area:ad; } .sk-amb-kod{ grid-area:kod; }
  .sk-amb-fiyat{ grid-area:fiyat; } .sk-amb-tutar{ grid-area:tutar; }
  .sk-amb-adet{ grid-area:adet; text-align:left; }
  .sk-amb-not{ grid-area:not; justify-content:flex-end; }
}

@media (max-width:600px){
  .sk-sepet-serit{ padding:12px 16px; flex-direction:column; align-items:stretch; gap:10px; bottom:10px; }
  .sk-sepet-tutar{ gap:12px; font-size:12.5px; }
  .sk-sepet-serit .sk-dugme{ width:100%; }
  .sk-toplam-kutu{ max-width:none; }
}

/* PDF şeridi */
.sk-pdf-serit{
  display:flex; flex-wrap:wrap; align-items:center; gap:12px;
  margin-top:18px; padding:14px 18px;
  background:#f7f9fa; border:1px solid #e6ebef; border-radius:12px;
}
.sk-pdf-durum{ font-size:13px; color:#6a7484; }

/* ==========================================================================
   ÜRÜN SAYFASINDAKİ BAYİ KUTUSU
   ========================================================================== */

/* Bayi giriş yapmışsa temanın "teklif isteyin" kutusu gereksiz. */
body.sk-bayi-girisli .twsk-teklif-kutusu{ display:none; }

.sk-urun-bayi{
  margin:18px 0 22px;
  background:#fff;
  border:1px solid #cbe9d6;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 26px rgba(42,161,92,.10);
}
.sk-urun-bayi-ust{
  display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:8px;
  padding:12px 18px;
  background:linear-gradient(135deg,#2aa15c,#2fbe6e);
  color:#fff;
}
.sk-urun-bayi-ust strong{ font-size:15px; }
.sk-urun-bayi-ust span{ font-size:12px; opacity:.9; }

.sk-ub-satir{
  display:grid;
  grid-template-columns:80px 90px 1fr 90px 110px;
  align-items:center; gap:10px;
  padding:10px 18px;
  border-bottom:1px solid #f2f5f7;
}
.sk-ub-satir:last-of-type{ border-bottom:0; }
.sk-ub-ambalaj{ font-weight:700; color:#243447; font-size:14.5px; }
.sk-ub-kod{ font-size:12px; color:#8a95a5; font-family:ui-monospace,Menlo,monospace; }
.sk-ub-fiyat{ text-align:right; font-size:15px; font-weight:600; color:#0b1e34; }
.sk-ub-adet input{
  width:78px; padding:8px 10px; text-align:center;
  border:1px solid #d6dee5; border-radius:10px; background:#fbfcfd;
  font-size:15px; font-weight:600; color:#0b1e34;
}
.sk-ub-adet input:focus{ outline:none; border-color:#2aa15c; background:#fff; }
.sk-ub-not{ font-size:11.5px; color:#8a95a5; text-align:right; }
.sk-ub-listede{ color:#1d6b3d; font-weight:700; }

.sk-ub-alt{
  display:flex; flex-wrap:wrap; align-items:center; gap:10px;
  padding:14px 18px; background:#f7f9fa; border-top:1px solid #eef2f5;
}
.sk-urun-uyari{ margin:14px 0; }
.sk-urun-uyari a{ color:inherit; font-weight:700; text-decoration:underline; }

@media (max-width:600px){
  .sk-ub-satir{ grid-template-columns:1fr 1fr; row-gap:6px; }
  .sk-ub-fiyat{ text-align:left; }
  .sk-ub-not{ text-align:left; }
  .sk-ub-alt .sk-dugme{ width:100%; }
}

/* ==========================================================================
   TEKLİF TALEPLERİ
   ========================================================================== */

.sk-bolum-baslik{
  margin:26px 0 12px;
  font-family:Poppins,system-ui,sans-serif;
  font-size:16px; font-weight:700; color:#0b1e34;
}
.sk-ortala{ text-align:center; }
.sk-genis-alan{
  flex:1 1 260px; min-width:180px;
  padding:9px 12px; border:1px solid #d6dee5; border-radius:10px;
  background:#fff; font-size:14px; color:#0b1e34;
}

.sk-durum-yeni{        background:#eef4fa; color:#1f4c72; border:1px solid #d3e2ee; }
.sk-durum-ilgilenildi{ background:#fff6e5; color:#8a5a00; border:1px solid #f5e2bb; }
.sk-durum-kapandi{     background:#eaf7ef; color:#1d6b3d; border:1px solid #cbe9d6; }

/* --------------------------------------------- teklif gönderme sayfası */
.sk-teklif-liste{ margin-bottom:18px; }
.sk-teklif-yukleniyor{ color:#8a95a5; font-size:14px; }
.sk-teklif-baslik{
  margin:0 0 10px; font-size:12.5px; font-weight:700;
  letter-spacing:.06em; text-transform:uppercase; color:#8a95a5;
}

.sk-teklif-satir{
  display:flex; align-items:center; gap:12px;
  padding:10px 0; border-bottom:1px solid #f2f5f7;
}
.sk-teklif-satir:last-child{ border-bottom:0; }
.sk-teklif-satir img{
  width:48px; height:48px; flex:0 0 48px;
  object-fit:contain; background:#f7f9fa; border-radius:8px;
}
.sk-teklif-bilgi{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:2px; }
.sk-teklif-bilgi strong{ font-size:14.5px; color:#0b1e34; line-height:1.35; }
.sk-teklif-bilgi small{ font-size:11.5px; color:#8a95a5; font-family:ui-monospace,Menlo,monospace; }

.sk-teklif-adet{
  width:72px; flex:0 0 72px; padding:8px 10px; text-align:center;
  border:1px solid #d6dee5; border-radius:10px; background:#fbfcfd;
  font-size:15px; font-weight:600; color:#0b1e34;
}
.sk-teklif-adet:focus{ outline:none; border-color:#2aa15c; background:#fff; box-shadow:0 0 0 3px rgba(42,161,92,.14); }

.sk-teklif-sil{
  flex:0 0 30px; width:30px; height:30px; padding:0;
  border:1px solid #e6ebef; border-radius:50%; background:#fff;
  color:#8a95a5; font-size:18px; line-height:1; cursor:pointer;
  transition:all .15s;
}
.sk-teklif-sil:hover{ border-color:#e0b4b4; background:#fdf4f4; color:#b44; }

.sk-teklif-alanlar{ padding-top:6px; border-top:1px solid #e6ebef; }

/* Teklif sayfası biraz daha geniş dursun. */
body.sk-sayfa-teklif .sk-sarmal.sk-dar{ max-width:640px; }

/* ==========================================================================
   ÜRÜN HIZLI DÜZENLEME
   ========================================================================== */

.sk-urun-tablo .sk-urun-gorsel{ width:52px; padding-right:0; }
.sk-urun-gorsel img{
  width:44px; height:44px; object-fit:contain;
  background:#f7f9fa; border-radius:8px; display:block;
}
.sk-sira-rozet{
  display:inline-block; min-width:26px; padding:3px 8px;
  border-radius:8px; background:#0b1e34; color:#fff;
  font-size:12.5px; font-weight:700; text-align:center;
}

.sk-urun-duzen-ust{
  display:flex; align-items:center; gap:18px;
  padding-bottom:18px; margin-bottom:20px;
  border-bottom:1px solid #e6ebef;
}
.sk-urun-duzen-ust h2{ margin:0 0 4px; }
.sk-urun-onizleme{
  width:96px; height:96px; flex:0 0 96px; object-fit:contain;
  background:#f7f9fa; border:1px solid #eef2f5; border-radius:14px;
}

.sk-alan textarea,
.sk-alan select{
  width:100%; box-sizing:border-box;
  padding:12px 14px; border:1px solid #d6dee5; border-radius:12px;
  background:#fbfcfd; font-size:15px; color:#0b1e34; font-family:inherit;
  line-height:1.6;
}
.sk-alan textarea:focus,
.sk-alan select:focus{
  outline:none; border-color:#2aa15c; background:#fff;
  box-shadow:0 0 0 3px rgba(42,161,92,.14);
}

@media (max-width:600px){
  .sk-urun-duzen-ust{ flex-direction:column; align-items:flex-start; gap:12px; }
}