/* Kardelen Depo logosu (anasayfa) - koyu header/footer icin beyaz */
/* header sabit */
.shop-head{padding-top:6px !important;padding-bottom:6px !important}
.shop-head .logo{margin-top:-14px !important;margin-bottom:-14px !important;
  font-size:0 !important; line-height:0 !important; letter-spacing:0 !important;
  width:242px; height:62px;
  background:url(/logo-t.png) left center/contain no-repeat;
  filter:brightness(0) invert(1);
}
.shop-head .logo span{display:none !important}

.md-head .logo{
  font-size:0 !important; line-height:0 !important;
  width:178px; height:46px;
  background:url(/logo-t.png) left center/contain no-repeat;
  filter:brightness(0) invert(1);
}
.md-head .logo span{display:none !important}

.foot-logo{
  font-size:0 !important; line-height:0 !important;
  width:210px; height:56px;
  background:url(/logo-t.png) left center/contain no-repeat;
  filter:brightness(0) invert(1);
}
.foot-logo span{display:none !important}

/* mobil logo */
@media (max-width:1024px){
  .shop-head .logo{width:190px !important;height:48px !important;margin-top:-8px !important;margin-bottom:-8px !important;flex:0 0 auto}
}
@media (max-width:640px){
  .shop-head{padding-top:5px !important;padding-bottom:5px !important}
  .shop-head .logo{width:246px !important;height:64px !important;margin:0 !important;max-width:76vw}
}
@media (max-width:400px){
  .shop-head .logo{width:216px !important;height:55px !important}
}

/* mobil slider */
@media (max-width:640px){
  .slider-item{aspect-ratio:3/2 !important}
}


/* hamburger kaldir */
@media (max-width:900px){
  .hb-btn{display:none !important}
  .shop-head .logo{margin-left:-16px !important;margin-right:auto !important}
}

/* drawer sag */
.mob-drawer{left:auto !important;right:0 !important;transform:translate(100%) !important;box-shadow:-2px 0 24px #0000004d !important}
.mob-drawer.acik{transform:none !important}

/* search tam genislik */
@media (max-width:1024px){
  .shop-head .ara-kutu{margin-left:-16px !important;margin-right:-16px !important;width:calc(100% + 32px) !important;max-width:none !important}
}
@media (max-width:640px){
  .shop-head .ara-kutu{margin-top:2px !important;margin-bottom:-4px !important;margin-left:-16px !important;margin-right:-16px !important;width:calc(100% + 32px) !important}
}

/* slider yuvarlak */
@media (max-width:900px){
  .slider{border-radius:14px !important;box-shadow:0 2px 10px #0000001a !important}
  .slider-item img{border-radius:14px;object-fit:cover !important;object-position:center !important}
}

/* web ust lacivert */
@media (min-width:1025px){
  .shop-head{padding-top:16px !important;padding-bottom:12px !important}
}

/* mobil tek slider oce */
@media (max-width:640px){
  .slider{aspect-ratio:3/2 !important;background:#0e1f33 url(/slider/oce.png) center/cover no-repeat !important;border-radius:0 0 16px 16px !important;margin:0 -8px 12px -8px !important;width:calc(100% + 16px) !important}
  .slider .slider-track{display:none !important}
  .slider .slider-dots{display:none !important}
}

/* masaustu tek slider oce2 */
@media (min-width:641px){
  .slider{aspect-ratio:1680/420 !important;background:#0e1f33 url(/slider/oce2.png) center/cover no-repeat !important}
  .slider .slider-track{display:none !important}
  .slider .slider-dots{display:none !important}
}

/* header-slider bitisik */
@media (max-width:640px){
  .shop-govde{padding-top:0 !important}
}

/* siparislerim yonetim gibi */
.fin-tablo th{background:#f3f6f9 !important;color:#78829d !important;text-transform:uppercase !important;letter-spacing:.04em !important;font-size:11.5px !important;font-weight:700 !important;padding:12px 14px !important;border-bottom:1px solid #e9edf2 !important}
.fin-tablo td{padding:13px 14px !important;border-bottom:1px solid #f1f4f8 !important;color:#334155 !important}
.fin-tablo tbody tr:nth-child(even) td{background:#f9fbfd !important}
.fin-tablo tbody tr:hover td{background:#eef4fb !important}
.fin-sar{border:1px solid #e9edf2 !important;box-shadow:0 2px 10px #10243a0d !important;border-radius:12px !important}
.sip-detay{border:1px solid #e7edf4 !important;border-radius:14px !important;box-shadow:0 4px 18px #10243a12 !important;padding:22px !important}
.durum-rz{padding:4px 11px !important;border-radius:999px !important;font-size:11px !important}

/* Satis temsilci coklu dropdown */
.head-temsilci{position:relative}
.ht-drop{position:relative;display:inline-block;margin-left:6px}
.ht-drop>.ht-sum{cursor:pointer;list-style:none;font-size:11px;font-weight:600;color:#0d2f57;background:#eaf1fb;border:1px solid #c4d6ef;border-radius:12px;padding:2px 9px;white-space:nowrap}
.ht-drop>.ht-sum::-webkit-details-marker{display:none}
.ht-drop>.ht-sum::after{content:" \25be"}
.ht-menu{position:absolute;top:calc(100% + 4px);right:0;z-index:200;background:#fff;border:1px solid #d3dce6;border-radius:10px;box-shadow:0 10px 30px rgba(13,47,87,.18);min-width:210px;padding:5px;display:flex;flex-direction:column;gap:2px}
.ht-mi{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 11px;color:#16375d;text-decoration:none;border-radius:7px;font-size:13px}
.ht-mi:hover{background:#eef4fc}
.ht-mi b{font-weight:600}
.ht-mi span{color:#2c7be5;font-size:12px;white-space:nowrap}

/* Tum Urunler menude buyuk harf + sola yasli */
.mega-bas{text-transform:uppercase!important;text-align:left!important}
.md-links>div:first-child{text-transform:uppercase!important;text-align:left!important;font-weight:700}

.btn-ekle.sepet-yesil{background:#2e9e5b!important;color:#fff!important;border:none!important}
.btn-ekle.sepet-yesil:hover{background:#268049!important}
.urun-kart:has(.urun-takip) .btn-ekle.sepet-yesil{background:#17b3ad!important}
.urun-kart:has(.urun-takip) .btn-ekle.sepet-yesil:hover{background:#12948f!important}

.btn-ekle.bakiye{background:#2e9e5b!important;color:#fff!important;border:none!important}
.btn-ekle.bakiye:hover{background:#268049!important}
.urun-kart{position:relative}
.urun-azstok{position:absolute;top:8px;left:8px;z-index:3;background:#f39c12;color:#fff;font-size:13px;line-height:1;padding:4px 6px;border-radius:8px;box-shadow:0 2px 8px rgba(243,156,18,.45)}

/*HEADER-2TON (ust acik lacivert / menu koyu)*/
.shop-head{background:linear-gradient(180deg,#20456b,#1a3c5e)!important;box-shadow:none!important}
.shop-menu{background:#123454!important;border-top:none!important}
.menu-i.akt{border-bottom-color:#2f5c92!important;background:#123454!important}
.shop-head .ara-kutu button{background:#2f5c92!important}
.shop-head .ara-kutu button:hover{background:#274d7d!important}
.nt-tel,.head-temsilci .nt-tel{background:#2f5c92!important}
.kmp-btn,.kz-btn{background:linear-gradient(135deg,#2f5c92,#274d7d)!important;box-shadow:0 2px 8px rgba(20,45,78,.35)!important}

/*ECZANE PORTAL GIRISI (plasiyer login birebir - gercek HTML)*/
#epg-sol{position:fixed;left:0;top:0;bottom:0;width:52%;z-index:100000;overflow:hidden;color:#fff;padding:52px 56px;display:flex;flex-direction:column;justify-content:space-between;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:radial-gradient(900px 520px at 82% -10%,#1b4c7e 0,transparent 55%),linear-gradient(158deg,#0a2148 0%,#07172f 100%)}
#epg-sol::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(620px 520px at 72% 22%,#000,transparent 76%);mask-image:radial-gradient(620px 520px at 72% 22%,#000,transparent 76%);pointer-events:none}
#epg-sol .gs-brand{position:relative;font-size:25px;font-weight:800;letter-spacing:-.02em}
#epg-sol .gs-brand span{color:#3f7dff}
#epg-sol .gs-icerik{position:relative;max-width:410px}
#epg-sol .gs-icerik h1{font-size:clamp(28px,3.4vw,38px);font-weight:800;letter-spacing:-.03em;line-height:1.08;margin:0 0 16px}
#epg-sol .gs-icerik p{font-size:16px;color:#bcccde;line-height:1.6;margin:0 0 30px}
#epg-sol .gs-ozellik{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:15px}
#epg-sol .gs-ozellik li{display:flex;align-items:center;gap:13px;font-size:15px;color:#dbe6f3}
#epg-sol .gs-ozellik li::before{content:"\2713";width:28px;height:28px;flex-shrink:0;border-radius:9px;background:rgba(63,125,255,.2);color:#7fa8f0;display:grid;place-items:center;font-size:15px;font-weight:700}
#epg-sol .gs-alt{position:relative;font-size:13px;color:#7f97b8}
.giris-ekran{background:#fff!important;padding:40px 24px 40px 52%!important;justify-content:center!important;align-items:center!important}
.giris-kart{background:transparent!important;box-shadow:none!important;border-radius:0!important;width:100%!important;max-width:390px!important;overflow:visible!important;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
.giris-bas{background:#fff!important;border:none!important;text-align:left!important;font-size:0!important;padding:0!important}
.giris-bas::before{content:"Eczane Portal Girişi";font-size:27px;font-weight:800;color:#0a2148;letter-spacing:-.025em;display:block}
.giris-bas::after{content:"Hesabınıza giriş yaparak devam edin.";font-size:14.5px;color:#5a6b84;display:block;margin-top:7px}
.giris-govde{padding:26px 0 0!important}
.giris-dil{background:#eef2f7!important;color:#48586a!important;border:1px solid #e0e7ef!important;margin-bottom:16px!important}
.giris-input{border:1.5px solid #e4eaf2!important;border-radius:10px!important;background:#fcfdfe!important;margin-bottom:16px!important;overflow:hidden}
.giris-input:focus-within{border-color:#1554d4!important;background:#fff!important;box-shadow:0 0 0 3px #e9f0fd!important}
.gi-ikon{display:none!important}
.giris-input input{padding:13px 15px!important;background:transparent!important;font-size:15px!important}
.giris-btn{background:#1554d4!important;border-radius:10px!important;padding:14px!important;box-shadow:0 10px 24px rgba(21,84,212,.24)!important;margin:6px 0 16px!important;font-weight:700!important}
.giris-btn:hover{background:#0f43ad!important}
.giris-alt2 .ga-kirmizi{background:#fff!important;color:#c0392b!important;border:1px solid #ecc8c9!important}
.giris-alt2 .ga-turuncu{background:#fff!important;color:#0a2148!important;border:1px solid #dde4ec!important}
.giris-alt2 .ga-mavi{background:#0a2148!important;color:#fff!important}
.giris-not{text-align:left!important;color:#8593a8!important}
@media(max-width:900px){
#epg-sol{display:none!important}
.giris-ekran{padding:24px!important;background:radial-gradient(circle at 50% 38%,#0f2f5e,#0a2148)!important}
.giris-kart{background:#fff!important;border-radius:18px!important;box-shadow:0 22px 64px rgba(0,0,0,.4)!important;padding:34px 26px!important;max-width:400px!important;width:96vw!important}
.giris-bas{padding:0!important}
.giris-govde{padding:22px 0 0!important}
}
#epg-sol .gs-brand img{height:66px;width:auto;display:block;filter:brightness(0) invert(1)}
.giris-dil{display:none!important}

/* mgz-fix 2026-09-28 */
.mob-drawer:not(.acik){box-shadow:none !important;visibility:hidden;transition:transform .28s ease,visibility 0s linear .28s !important}
.mob-drawer.acik{visibility:visible;transition:transform .28s ease !important}
img.img-yt{object-fit:contain !important;padding:18% !important;opacity:.35;background:#f3f6fa}
.gorsel-yok{background:#f3f6fa url(/logo.png) center/60% auto no-repeat !important;color:transparent !important;opacity:.6}
#mk-marka{background:#fff;border:1px solid #e4eaf2;border-radius:8px;padding:14px 16px;margin:0 0 14px}
#mk-marka .mk-bas{font-weight:700;color:#10243a;font-size:15px;margin-bottom:10px}
#mk-marka .mk-bas span{font-weight:400;color:#7a8a9c;font-size:12px;margin-left:6px}
#mk-marka .mk-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
#mk-marka .mk-i{border:1px solid #e4eaf2;border-radius:6px;padding:9px 12px;cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:border-color .15s,background .15s}
#mk-marka .mk-i b{font-size:12.5px;color:#22384c;font-weight:600;line-height:1.25}
#mk-marka .mk-i span{font-size:11.5px;color:#7a8a9c}
#mk-marka .mk-i:hover{border-color:#2f5c92;background:#f5f8fc}
#mk-marka .mk-i.akt{border-color:#2f5c92;background:#2f5c92}
#mk-marka .mk-i.akt b,#mk-marka .mk-i.akt span{color:#fff}
@media (max-width:640px){#mk-marka{padding:10px;margin:0 0 10px}#mk-marka .mk-liste{grid-template-columns:1fr 1fr}}.siparis-takip,.uzman-destek,.sohbet-panel,.md-quick button:has(img[src="/uzman.svg"]),.md-quick button:has(img[src="/siparisim-nerede.svg"]){display:none!important}

.bc-kopya{display:inline-flex!important;align-items:center;justify-content:center;vertical-align:middle;width:26px;height:26px;margin:-5px 0 -5px 6px;padding:0;border:none;border-radius:6px;background:rgba(64,81,137,.1);color:#405189;font-size:0;cursor:pointer;transition:background .15s,color .15s}.bc-kopya::before{content:'';width:15px;height:15px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 6V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-3v3c0 .552-.45 1-1.007 1H4.007A1.001 1.001 0 0 1 3 21l.003-14c0-.552.45-1 1.007-1H7zM5.003 8L5 20h10V8H5.003zM9 6h8v10h2V4H9v2z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 6V3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1h-3v3c0 .552-.45 1-1.007 1H4.007A1.001 1.001 0 0 1 3 21l.003-14c0-.552.45-1 1.007-1H7zM5.003 8L5 20h10V8H5.003zM9 6h8v10h2V4H9v2z'/%3E%3C/svg%3E") center/contain no-repeat}.bc-kopya:hover{background:#405189;color:#fff}.bc-kopya:active{transform:scale(.92)}