@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600;700;800&display=swap');
:root {
    --mu-bordo: #90ABA0;
    --mu-bordo-koyu: #90ABA0;
    --mu-aksiyon-bg: #90ABA0;
    --mu-aksiyon-metin: #ffffff;
    --oyg-sari: #DBC9BB;
    --oyg-sari-koyu: #DBC9BB;
    --oyg-sepet-pill: #DBC9BB;
    --font-primary: 'Mulish', Poppins, Montserrat, system-ui, -apple-system, 'Segoe UI', sans-serif;
    --font-secondary: 'Mulish', Poppins, Montserrat, system-ui, -apple-system, 'Segoe UI', sans-serif;
}
body.mu-tema {
    background: #FFFFFF !important;
    font-family: 'Mulish', Poppins, Montserrat, system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}
body.mu-tema :is(h1,h2,h3,h4,h5,h6,p,a,span,li,button,input,select,textarea,label,div,td,th,small,strong,b,em,dt,dd):not(i):not([class*="ion-"]):not([class*="fa-"]):not(.fas):not(.far):not(.fab):not(.fa):not(.lbwa-yuvarlak):not(.lbwa-yuvarlak *) {
    font-family: 'Mulish', Poppins, Montserrat, system-ui, -apple-system, 'Segoe UI', sans-serif !important;
}
body.mu-tema .btn-primary,
body.mu-tema .add-to-cart-btn,
body.mu-tema button.add-to-cart,
body.mu-tema .lb-sepete-ekle {
    background: #90ABA0 !important;
    border-color: #90ABA0 !important;
    color: #ffffff !important;
    transition: background-color .4s ease !important;
}
body.mu-tema .btn-primary:hover,
body.mu-tema .add-to-cart-btn:hover,
body.mu-tema button.add-to-cart:hover,
body.mu-tema .lb-sepete-ekle:hover {
    background: #76928A !important;
    border-color: #76928A !important;
}
body.mu-tema .lb-ud .btn-add-cart {
    background: #90ABA0 !important;
    color: #ffffff !important;
    transition: background-color .4s ease !important;
}
body.mu-tema .lb-ud .btn-add-cart:hover { background: #76928A !important; }
body.mu-tema .btn-hemen-al {
    background: #6F8A7E !important;
    color: #ffffff !important;
    transition: background-color .4s ease !important;
}
body.mu-tema .btn-hemen-al:hover { background: #90ABA0 !important; }
.btn-complete {
    background: #90ABA0 !important;
    color: #ffffff !important;
    transition: background-color .4s ease !important;
}
.btn-complete:hover { background: #76928A !important; }
/* ── Panel ayarlarıyla gelen öğelerin taban stilleri ── */
.tema-kart-ek{font-size:11.5px;color:#777;margin:2px 0 4px;line-height:1.4}
.tema-yildiz{color:#F5B301;font-size:13px;margin:2px 0;letter-spacing:1px}
.tema-yildiz small{color:#888;font-size:11px;letter-spacing:0}
.tema-on-detay{font-size:14.5px;color:#555;line-height:1.55;margin:6px 0 10px}
.tema-nitelik{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:6px 0 10px}
.tema-nitelik li{background:#f3f4f6;border-radius:999px;padding:4px 11px;font-size:12px;color:#444}
.tema-etiket-kargo{display:inline-block;background:#e8f5e9;color:#1b7a34;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;margin:4px 0 0}
.tema-birim{font-size:.72em;font-weight:500;color:#777;margin-left:3px}
.tema-adet{display:inline-flex;align-items:center;border:1px solid #ddd;border-radius:8px;overflow:hidden;margin:6px 0}
.tema-adet button{width:28px;height:30px;border:0;background:#f5f5f5;cursor:pointer;font-size:16px;line-height:1}
.tema-adet input{width:34px;height:30px;border:0;text-align:center;font-weight:700;background:#fff}
.tema-kart-aksiyon{position:absolute;left:8px;top:8px;display:flex;flex-direction:column;gap:6px;z-index:5;opacity:0;transform:translateX(-8px);transition:opacity .25s,transform .25s}
.lb-urun-gorsel:hover .tema-kart-aksiyon,.product-image:hover .tema-kart-aksiyon{opacity:1;transform:none}
.tema-kart-aksiyon a,.tema-kart-aksiyon button{width:34px;height:34px;border-radius:50%;border:0;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.18);display:flex;align-items:center;justify-content:center;color:#222;cursor:pointer;text-decoration:none;padding:0}
.bar-user{position:relative}
.tema-hesap-menu{position:absolute;top:100%;right:0;min-width:210px;background:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.14);padding:6px;display:none;z-index:9999}
.bar-user:hover .tema-hesap-menu{display:block}
.tema-hesap-menu a{display:block;padding:9px 12px;border-radius:7px;font-size:13px;color:#222!important;text-decoration:none}
.tema-hesap-menu a:hover{background:#f5f5f5}
.tema-oneri{position:absolute;left:0;right:0;top:100%;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 14px 30px rgba(0,0,0,.15);z-index:99999;overflow:hidden;text-align:left}
.tema-oneri a{display:flex;gap:10px;align-items:center;padding:8px 12px;color:#222;text-decoration:none;font-size:13px;border-bottom:1px solid #f3f3f3}
.tema-oneri a:hover{background:#fafafa}
.tema-oneri img{width:38px;height:38px;object-fit:cover;border-radius:6px}
.tema-oneri b{display:block;font-size:12px;color:#741717}
.tema-oneri .bos{padding:12px;font-size:13px;color:#777}
.tema-pazaryeri{background:#fafafa;border-top:1px solid #eee;padding:14px 0;text-align:center;font-size:13px;color:#555}
.tema-pazaryeri a{display:inline-block;margin:4px 5px;padding:6px 14px;border:1px solid #ddd;border-radius:999px;background:#fff;color:#333;text-decoration:none;font-weight:600}
.tema-kvkk{border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;margin:10px 0;font-size:12.5px;color:#555;background:#fafafa}
.tema-kvkk summary{cursor:pointer;font-weight:700;color:#222}
.tema-fis{border:1px dashed #cbd5e1;border-radius:8px;padding:10px 12px;margin:10px 0;font-size:13px;color:#444}
.tema-modal-ov{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px}
.tema-modal-kutu{background:#fff;border-radius:14px;max-width:520px;width:100%;padding:20px;max-height:86vh;overflow:auto}
.tema-modal-kutu h4{margin:0 0 12px}
.tema-modal-kutu table{width:100%;border-collapse:collapse;font-size:13px}
.tema-modal-kutu th,.tema-modal-kutu td{border:1px solid #e5e7eb;padding:7px 9px;text-align:center}
.tema-modal-kutu th{background:#f8fafc}
.tema-taksit,.tema-havale{font-size:13px;color:#444;margin:3px 0}
.tema-havale b{color:#1b7a34}
.tema-beden-btn{display:inline-block;margin:8px 0;padding:8px 14px;border:1px solid #ccc;border-radius:8px;background:#fff;cursor:pointer;font-size:13px;font-weight:600}
.tema-opsiyon{width:100%;max-width:260px;padding:10px 12px;border:1px solid #ccc;border-radius:8px;font-size:14px;background:#fff}
.tema-blok-grup{padding:18px 0}
.tema-blok-bas{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.tema-blok-bas span{font-size:17px;font-weight:700;color:#1f1f1f}
.tema-blok-bas em{font-style:normal;font-size:10.5px;font-weight:700;color:#2563eb;background:#eaf1ff;border-radius:999px;padding:2px 9px}
.tema-blok-kolonlar{display:grid;gap:16px}
.tema-blok-oge{background:#fff;border:1px dashed #cbd5e1;border-radius:12px;padding:14px;margin-bottom:12px}
.tema-blok-ogead{font-size:12px;font-weight:700;color:#64748b;margin-bottom:8px;text-transform:uppercase;letter-spacing:.3px}
.tb-serit{background:#fff8e1;border:1px solid #ffe08a;border-radius:10px;padding:12px 16px;font-size:14px}
.tb-liste{list-style:none;margin:0;padding:0}.tb-liste li{border-bottom:1px solid #eee;padding:8px 0}.tb-liste a{display:block;color:#222;text-decoration:none}.tb-liste span{display:block;font-size:12.5px;color:#777}
.tb-urunler{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.tb-urun{text-decoration:none;color:#222;font-size:12.5px;display:block}.tb-urun img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.tb-urun b{display:block;color:#741717}
.tb-banner{background:linear-gradient(135deg,var(--oyg-sari,#ffcc34),var(--mu-bordo,#741717));color:#fff;border-radius:12px;padding:30px 20px;text-align:center}
.tb-banner span{display:block;font-size:22px;font-weight:800}.tb-banner small{opacity:.9}
.tb-insta{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.tb-insta i{aspect-ratio:1;border-radius:8px;display:block}
.tb-kart{background:#f8fafc;border-radius:10px;padding:14px;font-size:14px;color:#334155}
.tb-chip a{display:inline-block;margin:3px;padding:6px 12px;border-radius:999px;background:#f1f5f9;color:#334155;text-decoration:none;font-size:13px}
.tb-not{font-size:13px;color:#64748b;margin-top:6px}
@media(max-width:700px){.tema-blok-kolonlar{grid-template-columns:1fr!important}.tb-insta{grid-template-columns:repeat(3,1fr)}}


/* ── Tema Editörü > CSS Editörü (özel CSS) ── */
/* ===== TEMA 3 — kitikate (birebir) ===== */
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600&display=swap'); /* "Annelerin Favorileri" sol panel serif basligi */
body, header.desktop, header.desktop *{ font-family:'Mulish',sans-serif !important; }

/* ---- Logo satiri (beyaz, 100px — kitikate header-main): logo TAM ORTADA + utility ikonlar sagda ----
   Olcu kaynagi: kitikate.com.tr 1300vw getComputedStyle (03.10): satir 100px, alt cizgi 1px #e0e0e0,
   logo cx = dokuman merkezi, ikon grubu sagdan 30px / aralik 30px, "Arama" 12px/300 #574545. */
header.desktop .h-contact{ background-image:none !important; background:#fff !important; border-bottom:1px solid #E0E0E0 !important; height:auto !important; min-height:0 !important; padding:0 !important; }
header.desktop .h-contact .row{ position:relative !important; display:flex !important; justify-content:center !important; align-items:center !important; min-height:100px !important; height:100px !important; padding:0 !important; }
/* logo kolonu: akista TEK oge -> justify-content:center ile matematiksel merkez (yan ogeler absolute, akis disi) */
header.desktop .h-contact .row > .col-md-6:first-child{ flex:0 0 auto !important; max-width:none !important; width:auto !important; padding:0 !important; margin:0 !important; text-align:center !important; }
header.desktop .h-contact .row > .col-md-6:first-child .logo,
header.desktop .h-contact .row > .col-md-6:first-child .logo a{ display:flex !important; justify-content:center !important; margin:0 !important; padding:0 !important; }
/* storefront .logo img{position:relative;top:-10px} logoyu 10px yukari kaydiriyordu -> dikey merkez icin sifirla */
header.desktop .h-contact .row > .col-md-6:first-child .logo img{ max-height:72px !important; height:72px !important; width:auto !important; position:static !important; top:auto !important; bottom:auto !important; margin:0 !important; }
header.desktop .h-contact .row > .col-md-6:first-child .logo{ height:auto !important; min-height:0 !important; }
/* Hakkimizda/Blog/Yardim kolonu: kitikate logo satirinin solunda hicbir sey yok -> gizli (linkler footer'da duruyor).
   NOT: #t3-util satira sonradan eklendigi icin :last-child bu kolonu YAKALAMIYORDU — logo kaymasinin kok sebebi. */
header.desktop .h-contact .row > .col-md-6:nth-child(2){ display:none !important; }

/* utility ikon grubu (Arama · zil · hesap · sepet) */
.t3-util{ position:absolute !important; right:30px; top:50%; transform:translateY(-50%); display:flex !important; align-items:center; gap:30px; z-index:6; margin:0 !important; }
.t3-util .t3-u{ position:relative; display:inline-flex; align-items:center; gap:15px; color:#574545 !important; text-decoration:none !important; line-height:1; }
.t3-util .t3-u span{ font-size:12px; font-weight:300; color:#574545; letter-spacing:0; }
.t3-util .t3-u svg{ width:22px; height:22px; display:block; }
.t3-util .t3-u-ara{ margin-right:25px; }
.t3-util .t3-u-ara svg{ width:23px; height:23px; }
.t3-util .t3-u:hover{ color:#2f2626 !important; }
.t3-util .t3-badge{ position:absolute; top:-7px; right:-6px; background:#DB4141; color:#fff; font-size:9px; font-weight:500; width:15px; height:15px; border-radius:100%; display:flex; align-items:center; justify-content:center; font-style:normal; padding:0; line-height:1; }
.t3-util .t3-u-sepet .t3-badge{ background:#90ABA0; top:15px; right:-5px; width:16px; height:16px; font-size:10px; }

/* eski aksiyon bari gizle (artik logo satirindaki ikonlar kullaniliyor) */
header.desktop .h-center{ display:none !important; }

/* ---- Sage kategori menu bari (kitikate wide-nav: 58px, rgba(161,174,164), link 15px/700 beyaz, gap 25px, hover #574545) ---- */
.t3-katbar{ position:relative; background:#A1AEA4 !important; width:100%; height:58px; display:flex; align-items:center; }
.t3-katbar-ic{ max-width:1440px; margin:0 auto; display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; gap:25px; padding:0 40px; width:100%; height:100%; }
.t3-katbar-ic a{ display:flex; align-items:center; height:100%; padding:0 1px; color:#fff !important; font-weight:700 !important; font-size:15px !important; text-decoration:none !important; letter-spacing:normal; text-transform:uppercase; white-space:nowrap; transition:color .2s; }
.t3-katbar-ic a:hover{ color:#574545 !important; }

/* ---- Arama acik (kitikate .header-search-form-wrapper): sage barin USTUNE beyaz katman, kutu max 1100px ortali ---- */
header.desktop.t3-ara2 .t3-katbar-ic{ visibility:hidden; }
.t3-katara{ display:none; position:absolute; left:0; right:0; top:0; height:100%; background:#fff; padding:13px 15px; align-items:center; justify-content:center; z-index:7; }
header.desktop.t3-ara2 .t3-katara{ display:flex !important; }
.t3-katara-box{ width:100%; max-width:1100px; height:32px; border:1px solid #E0E0E0; border-radius:5px; background:#fff; display:flex; align-items:center; overflow:hidden; }
.t3-katara-box form{ display:flex; flex:1 1 auto; width:100%; margin:0; height:30px; }
.t3-katara-box input{ flex:1 1 auto; width:100% !important; height:30px !important; border:0 !important; border-radius:5px 0 0 5px !important; padding:0 0 0 15px !important; margin:0; background:#fff !important; color:#535353 !important; font-size:12px !important; box-shadow:none !important; outline:none !important; }
.t3-katara-box input::placeholder{ color:#535353; opacity:1; }
.t3-katara-box button{ flex:0 0 36px; width:36px; height:30px; border:0 !important; background:#fff !important; padding:0 10px !important; margin:0; display:flex; align-items:center; justify-content:center; color:#574545; cursor:pointer; box-shadow:none !important; }
.t3-katara-box button svg{ width:16px; height:16px; display:block; }

/* ===== TEMA 3 — kategori izgara (daireler: 7 gorunur + saga/sola kaydirma + oklar) ===== */
.mu-blok-kategori{ position:relative !important; padding:34px 46px 14px !important; background:#fff !important; }
.mu-blok-kategori .mu-blok-katlar{ display:flex !important; flex-wrap:nowrap !important; justify-content:center !important; gap:26px !important; overflow-x:auto !important; scroll-behavior:smooth; max-width:1200px; width:100%; margin:0 auto !important; padding:4px 2px !important; scrollbar-width:none; -ms-overflow-style:none; }
.mu-blok-kategori .mu-blok-katlar::-webkit-scrollbar{ display:none !important; height:0 !important; }
/* daireler icerige gore (116px), ortali; sigmayinca kaydirma + oklar devreye girer */
.mu-blok-kat{ flex:0 0 auto !important; width:116px !important; min-width:0 !important; text-align:center !important; display:block !important; text-decoration:none !important; }
.mu-blok-kat-gorsel{ display:flex !important; align-items:center !important; justify-content:center !important; width:104px !important; height:104px !important; border-radius:50% !important; background:#DBC9BB !important; margin:0 auto 12px !important; overflow:hidden !important; transition:transform .25s, background .25s; }
.mu-blok-kat:hover .mu-blok-kat-gorsel{ transform:translateY(-4px); background:#CBB8A6 !important; }
.mu-blok-kat-gorsel img{ width:100% !important; height:100% !important; object-fit:cover !important; border-radius:50% !important; }
.mu-blok-kat-gorsel svg, .mu-blok-kat-gorsel i{ width:30px !important; height:30px !important; font-size:28px !important; opacity:.45 !important; color:#7A958A !important; }
.mu-blok-kat-ad{ font-weight:600 !important; color:#574545 !important; font-size:14px !important; text-transform:none !important; }
.t3-kat-ok{ position:absolute; top:calc(50% - 10px); transform:translateY(-50%); width:38px; height:38px; border-radius:50%; background:#fff; border:1px solid #E6E0D8; display:flex; align-items:center; justify-content:center; cursor:pointer; z-index:4; color:#7A958A; font-size:20px; line-height:1; box-shadow:0 2px 10px rgba(0,0,0,.10); transition:background .2s; }
.t3-kat-ok:hover{ background:#F3EFEA; }
.t3-kat-ok.sol{ left:6px; } .t3-kat-ok.sag{ right:6px; }

/* ===== TEMA 3 — mobil header (kitikate MOBIL, 375vw getComputedStyle 03.10) =====
   Hedef: BEYAZ 66px, cizgi yok; sol ☰ (22px/300) + 🔍 (22px, aralik 15); logo ortada (kitikate 140x33 yatay —
   Mualto logosu dikey, 44px'te okunur kaliyor); sag 👤 22 + 🛍 22 (aralik 15, sagdan 10); sepet rozeti 15px #4e4e4e,
   ikonun alt-sagi (top:15px right:-5px), 10px/500 beyaz. Arama: ayri bar DEGIL, 🔍 ikonuna tik -> header altina
   absolute beyaz katman (padding 15, kutu 1px #e0e0e0 r5 h32, input 12px, sagda 16px buyutec); tekrar tik kapatir.
   Yalniz header.mobile-header / .lb-mob-arama / .t3-m-kat ile hedeflenir — masaustu header'a dokunmaz. */
header.mobile-header{ background:#fff !important; box-shadow:none !important; border-bottom:0 !important; height:66px !important; min-height:66px !important; padding:0 10px !important; overflow:visible !important; }
header.mobile-header .header-left, header.mobile-header .header-right{ display:flex !important; align-items:center !important; gap:15px !important; flex:1 1 0 !important; }
header.mobile-header .header-right{ justify-content:flex-end !important; }
header.mobile-header .header-center{ flex:2 1 0 !important; display:flex !important; justify-content:center !important; align-items:center !important; }
header.mobile-header .header-logo{ display:flex !important; align-items:center !important; height:auto !important; }
header.mobile-header .header-logo img{ height:44px !important; width:auto !important; max-height:none !important; }
header.mobile-header .menu-toggle, header.mobile-header .header-action-btn, header.mobile-header .t3-m-ara{ width:auto !important; height:auto !important; min-width:0 !important; min-height:0 !important; padding:0 !important; margin:0 !important; background:transparent !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; color:#574545 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; position:relative !important; line-height:1 !important; text-decoration:none !important; }
header.mobile-header .menu-toggle svg{ width:20px; height:22px; display:block; color:#000; }
header.mobile-header .t3-m-ara svg, header.mobile-header .header-action-btn svg{ width:22px; height:22px; display:block; }
header.mobile-header .menu-toggle i, header.mobile-header .header-action-btn i{ display:none !important; }
header.mobile-header .header-right .cart-badge{ position:absolute !important; top:17px !important; left:-3px !important; right:auto !important; bottom:auto !important; width:15px !important; height:15px !important; min-width:0 !important; padding:0 !important; margin:0 !important; border:0 !important; border-radius:100% !important; background:#4e4e4e !important; color:#fff !important; font-size:10px !important; font-weight:500 !important; line-height:1 !important; display:flex !important; align-items:center !important; justify-content:center !important; }
/* arama katmani: JS .lb-mob-arama'yi header icine tasir (body.t3-m) ve 🔍 tiki body.t3-mara ile acar/kapatir; JS calismazsa eski bar oldugu gibi kalir */
body.t3-m .lb-mob-arama{ display:none; position:absolute !important; left:0 !important; right:0 !important; top:100% !important; width:auto !important; height:auto !important; margin:0 !important; padding:15px !important; background:#fff !important; z-index:5 !important; box-shadow:none !important; }
body.t3-m.t3-mara .lb-mob-arama{ display:block !important; }
body.t3-m .lb-mob-arama form{ display:flex !important; align-items:center !important; height:32px !important; margin:0 !important; padding:0 !important; border:1px solid #E0E0E0 !important; border-radius:5px !important; background:#fff !important; box-shadow:none !important; overflow:hidden !important; }
body.t3-m .lb-mob-arama input{ flex:1 1 auto !important; width:100% !important; height:30px !important; border:0 !important; border-radius:5px 0 0 5px !important; padding:0 0 0 15px !important; margin:0 !important; background:#fff !important; color:#535353 !important; font-size:12px !important; box-shadow:none !important; outline:none !important; }
body.t3-m .lb-mob-arama input::placeholder{ color:#535353; opacity:1; }
body.t3-m .lb-mob-arama button{ flex:0 0 36px !important; width:36px !important; height:30px !important; border:0 !important; border-radius:0 !important; background:#fff !important; padding:0 10px !important; margin:0 !important; display:flex !important; align-items:center !important; justify-content:center !important; color:#574545 !important; box-shadow:none !important; }
body.t3-m .lb-mob-arama button svg{ width:16px !important; height:16px !important; display:block; }
body.t3-m .lb-mob-arama button *{ color:#574545 !important; }
nav.bottom-nav a{ color:#8a8a8a !important; }
nav.bottom-nav a.active, nav.bottom-nav .active, nav.bottom-nav a[aria-current]{ color:#6F8A7E !important; }
nav.bottom-nav a.active *, nav.bottom-nav .active *{ color:#6F8A7E !important; }
body span.cart-badge, body .cart-count, .bottom-nav .cart-badge{ background:#DBC9BB !important; color:#574545 !important; }

/* ===== TEMA 3 — mobil kategori daireleri (kitikate MOBIL 375vw: daire 75px = 1px #efefef cerceve + 4px bosluk,
   adim 106px ~ 3,5 daire/ekran (owl items:3.5 -> daire = oge genisliginin %71'i), sol bosluk 8px, etiket 12px/600 #4e4e4e
   ustten 5px, genislik = daire). JS blogu .lb-mobil-bloklar'dan alip .page-content basina (hero'dan once) .t3-m-kat icinde koyar.
   Masaustu 7-daire calc'i EZILMEZ: tum kurallar .t3-m-kat kapsamli (yalniz mobil render'da olusur). ===== */
.t3-m-kat{ background:#fff !important; margin:0 0 10px !important; padding:16px 0 0 !important; } /* !important: sayfa-ici #lb-blok-mobil-css (4px 0 10px) sonra yukleniyor */
.t3-m-kat .mu-blok-kategori{ padding:0 !important; margin:0 !important; background:#fff !important; position:static !important; }
.t3-m-kat .mu-kapsayici{ padding:0 !important; margin:0 !important; max-width:none !important; width:auto !important; }
.t3-m-kat .mu-blok-baslik{ display:none !important; }
.t3-m-kat .mu-blok-katlar{ display:flex !important; flex-wrap:nowrap !important; justify-content:flex-start !important; align-items:flex-start !important; gap:0 !important; overflow-x:auto !important; overflow-y:hidden !important; padding:0 0 2px 8px !important; margin:0 !important; max-width:none !important; width:auto !important; scroll-snap-type:x proximity; -webkit-overflow-scrolling:touch; scrollbar-width:none; -ms-overflow-style:none; }
.t3-m-kat .mu-blok-katlar::-webkit-scrollbar{ display:none !important; height:0 !important; }
.t3-m-kat .mu-blok-kat{ flex:0 0 calc(100% / 3.1 * .71) !important; width:auto !important; min-width:0 !important; max-width:none !important; margin:0 calc(100% / 3.1 * .15) 0 0 !important; /* 03.10 Hakan "biraz yakinlastir": 3.5 -> 3.1 (daire ~74 -> ~84px, aralik ~16 -> ~18) */ padding:0 !important; display:block !important; text-align:center !important; text-decoration:none !important; scroll-snap-align:start; }
.t3-m-kat .mu-blok-kat-gorsel{ display:flex !important; align-items:center !important; justify-content:center !important; width:100% !important; height:auto !important; aspect-ratio:1 / 1 !important; box-sizing:border-box !important; border:1px solid #EFEFEF !important; padding:4px !important; border-radius:50% !important; background:#DBC9BB !important; background-clip:content-box !important; margin:0 0 5px !important; overflow:hidden !important; transition:none !important; transform:none !important; }
.t3-m-kat .mu-blok-kat:hover .mu-blok-kat-gorsel{ transform:none !important; background:#DBC9BB !important; }
.t3-m-kat .mu-blok-kat-gorsel img{ width:100% !important; height:100% !important; object-fit:cover !important; border-radius:50% !important; }
.t3-m-kat .mu-blok-kat-gorsel svg, .t3-m-kat .mu-blok-kat-gorsel i{ width:22px !important; height:22px !important; font-size:20px !important; }
.t3-m-kat .mu-blok-kat-ad{ display:block !important; width:100% !important; margin:0 !important; padding:0 !important; font-size:12px !important; font-weight:600 !important; color:#4e4e4e !important; text-transform:none !important; line-height:1.25 !important; text-align:center !important; white-space:normal !important; overflow:hidden; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; } /* kitikate tek kelime; mualto "Hastane Çıkışı" 2 satira sarar, kesilmez */
.t3-m-kat .t3-kat-ok{ display:none !important; }

/* ===== TEMA 3 — mobil hero: slider DEGIL, bannerlar ALT ALTA (Hakan 03.10; JS Swiper'i destroy edip .t3-hero-dikey ekler) =====
   Tam genislik, kose yok, 10px aralik. Sinif yoksa (JS calismadiysa) eski Swiper davranisi aynen kalir. */
.hero-slider.t3-hero-dikey{ padding:0 0 2px !important; }
.hero-slider.t3-hero-dikey .hero-swiper{ border-radius:0 !important; overflow:visible !important; }
.hero-slider.t3-hero-dikey .swiper-wrapper{ display:flex !important; flex-direction:column !important; gap:10px !important; transform:none !important; height:auto !important; width:100% !important; transition:none !important; }
.hero-slider.t3-hero-dikey .swiper-slide{ width:100% !important; height:auto !important; margin:0 !important; flex:0 0 auto !important; }
.hero-slider.t3-hero-dikey .swiper-slide-duplicate{ display:none !important; }
.hero-slider.t3-hero-dikey .swiper-slide img{ width:100% !important; height:auto !important; display:block !important; border-radius:0 !important; }
.hero-slider.t3-hero-dikey .swiper-pagination{ display:none !important; }

/* ===== TEMA 3 — "ANNELERIN FAVORILERI" rafi (kitikate 104 birebir; 1300vw olcum 03.10): bolum #DBC9BB padding 40/0,
   ic 1240 (23..1263), SOL dekoratif panel 330px + 30 bosluk, SAG baslik 24px/700 #574545 + ‹ › oklar + kartlar 280px (aralik 20);
   kart: beyaz, 1px #EFE7E7, padding 10, gorsel 258 genis portre, "Ucretsiz Kargo" rozeti #686868 11px/800 r0 5 5 0 h25,
   sag-ust renk swatch + sayi, ★★★★★ 17px #cacaca + sagda kalp, ad 13px #4e4e4e 2 satir, fiyat 16px/700 #574545.
   JS: bolume .t3-fav, sol paneli ekler, kart suslemelerini basar. (Cormorant import'u dosyanin BASINDA — @import ortada gecersiz) ===== */
body.mu-tema .t3-fav{ background:#DBC9BB !important; padding:40px 0 !important; margin:0 0 40px !important; }
body.mu-tema .t3-fav .mu-kapsayici{ max-width:1440px !important; padding:0 24px !important; margin:0 auto !important; display:flex !important; gap:30px !important; align-items:stretch !important; }
.t3-fav-panel{ flex:0 0 330px; width:330px; min-height:100%; background:#F6F0E8; background-image:linear-gradient(160deg, #FBF7F1 0%, #F3EBE1 45%, #EADFD1 100%); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:40px 28px; position:relative; overflow:hidden; }
.t3-fav-panel::after{ content:'♡'; position:absolute; right:28px; bottom:150px; font-size:22px; color:#A58E82; }
/* ozgulluk: tema-ayar kurali `body.mu-tema :is(h1..div):not([class*=ion-]):not(.fas)...{font-family !important}` her :not() ile sinif agirligi topluyor (0,4+,2)
   -> yalniz ID (1,0,0) gecer: JS basliga id="t3-fav-panel-baslik" verir. Font JS'te <link> ile yuklenir (@import servis sirasi yuzunden ulasmiyor). */
#t3-fav-panel-baslik, body.mu-tema .t3-fav .t3-fav-panel-baslik{ font-family:'Cormorant Garamond', Georgia, 'Times New Roman', serif !important; font-size:42px; font-weight:500; line-height:1.15; letter-spacing:1px; color:#574545; margin:0; text-transform:uppercase; }
.t3-fav-panel-ayrac{ display:flex; align-items:center; gap:10px; margin:16px 0 14px; color:#A58E82; font-size:18px; }
.t3-fav-panel-ayrac::before, .t3-fav-panel-ayrac::after{ content:''; width:36px; height:1px; background:#B9A79A; }
.t3-fav-panel-alt{ font-size:16px; line-height:1.5; color:#6F6160; margin:0; max-width:220px; }
.t3-fav-sag{ flex:1 1 auto; min-width:0; display:flex; flex-direction:column; }
body.mu-tema .t3-fav .oyg-crsl-bas{ display:flex !important; justify-content:space-between !important; align-items:flex-start !important; padding:6px 0 27px !important; margin:0 !important; }
body.mu-tema .t3-fav .mu-raf-baslik{ font-size:24px !important; font-weight:700 !important; color:#574545 !important; text-transform:uppercase; margin:0 !important; letter-spacing:normal; }
body.mu-tema .t3-fav .oyg-crsl-oklar{ display:flex; gap:6px; }
body.mu-tema .t3-fav .oyg-crsl-ok{ width:28px !important; height:28px !important; border:0 !important; background:transparent !important; color:#574545 !important; box-shadow:none !important; border-radius:0 !important; padding:0 !important; display:flex; align-items:center; justify-content:center; }
body.mu-tema .t3-fav .oyg-crsl-ok svg{ width:18px; height:18px; stroke-width:1.6; }
body.mu-tema .t3-fav .oyg-crsl-ok:disabled{ opacity:.35; }
body.mu-tema .t3-fav .mu-marquee{ overflow-x:auto !important; overflow-y:hidden !important; padding:0 !important; margin:0 !important; scrollbar-width:none; -ms-overflow-style:none; scroll-behavior:smooth; }
body.mu-tema .t3-fav .mu-marquee::-webkit-scrollbar{ display:none; height:0; }
body.mu-tema .t3-fav .mu-marquee-track{ transform:none !important; }
body.mu-tema .t3-fav .mu-marquee-track{ display:flex !important; gap:20px !important; padding:0 !important; }
body.mu-tema .t3-fav .lb-urun-kart{ flex:0 0 280px !important; width:280px !important; background:#fff !important; border:1px solid #EFE7E7 !important; border-radius:0 !important; padding:10px !important; box-shadow:none !important; position:relative; display:flex; flex-direction:column; }
body.mu-tema .t3-fav .lb-urun-kart:hover{ transform:none !important; box-shadow:none !important; }
body.mu-tema .t3-fav .lb-urun-gorsel{ display:block !important; width:100% !important; aspect-ratio:3 / 4 !important; height:auto !important; overflow:hidden !important; border-radius:0 !important; background:#F7F4F0 !important; position:relative; padding:0 !important; margin:0 !important; }
body.mu-tema .t3-fav .lb-urun-gorsel img{ width:100% !important; height:100% !important; object-fit:cover !important; border-radius:0 !important; transition:none !important; }
body.mu-tema .t3-fav .lb-urun-kart .t3-kargo{ position:absolute; left:10px; top:35px; background:#686868; color:#fff; font-size:11px; font-weight:800; line-height:25px; height:25px; padding:0 6px; border-radius:0 5px 5px 0; z-index:2; }
body.mu-tema .t3-fav .lb-urun-kart .t3-swatch{ position:absolute; right:20px; top:21px; display:flex; align-items:center; gap:4px; background:#fff; border-radius:12px; padding:2px 6px 2px 3px; font-size:10px; color:#333; z-index:2; line-height:13px; }
body.mu-tema .t3-fav .lb-urun-kart .t3-swatch i{ width:13px; height:13px; border-radius:50%; background:conic-gradient(#E9B4A6 0 33%, #9DBFD8 0 66%, #F2D58E 0); display:block; border:1px solid #fff; }
body.mu-tema .t3-fav .lb-urun-kart .t3-stars{ display:flex; align-items:center; justify-content:space-between; margin:12px 0 0; height:18px; }
body.mu-tema .t3-fav .lb-urun-kart .t3-stars span{ color:#CACACA; font-size:17px; line-height:14px; letter-spacing:2px; }
body.mu-tema .t3-fav .lb-urun-kart .lb-favori{ position:static !important; width:18px !important; height:18px !important; padding:0 !important; margin:0 !important; background:transparent !important; border:0 !important; box-shadow:none !important; color:#666 !important; display:flex; align-items:center; justify-content:center; }
body.mu-tema .t3-fav .lb-urun-kart .lb-favori svg{ width:18px; height:18px; }
body.mu-tema .t3-fav .lb-urun-kart .lb-rozet, body.mu-tema .t3-fav .lb-urun-kart .lb-etiketler-gorsel, body.mu-tema .t3-fav .lb-urun-kart .lb-sepete-ekle, body.mu-tema .t3-fav .lb-urun-kart .lb-urun-eski{ display:none !important; }
body.mu-tema .t3-fav .lb-urun-bilgi{ padding:0 !important; margin:0 !important; display:flex; flex-direction:column; }
body.mu-tema .t3-fav .lb-urun-ad{ display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:13px !important; font-weight:400 !important; color:#4e4e4e !important; line-height:19px !important; height:38px !important; margin:16px 0 0 !important; text-decoration:none !important; text-align:left !important; }
body.mu-tema .t3-fav .lb-urun-fiyat-satir{ margin:7px 0 0 !important; padding:0 !important; justify-content:flex-start !important; }
body.mu-tema .t3-fav .lb-urun-fiyat{ font-size:16px !important; font-weight:700 !important; color:#574545 !important; }
@media (max-width:1100px){ .t3-fav-panel{ display:none; } }

/* ---- mobil raf (.lb-mb-raf -> JS .t3-fav-m): kitikate mobil = bej bolum, buyuk baslik, 2 kart/ekran ---- */
.lb-mb-raf.t3-fav-m{ background:#DBC9BB !important; padding:24px 0 20px !important; margin:0 0 12px !important; }
.lb-mb-raf.t3-fav-m .section-header{ padding:0 15px 14px !important; margin:0 !important; align-items:flex-start !important; }
.lb-mb-raf.t3-fav-m .section-title{ font-size:24px !important; font-weight:700 !important; color:#574545 !important; text-transform:uppercase; line-height:1.25 !important; margin:0 !important; }
.lb-mb-raf.t3-fav-m .section-link{ color:#574545 !important; font-size:13px !important; white-space:nowrap; margin-top:6px; }
.lb-mb-raf.t3-fav-m .lb-mb-ray{ gap:12px !important; padding:0 15px 6px !important; scroll-snap-type:x mandatory; scroll-padding-left:15px; }
.lb-mb-raf.t3-fav-m .product-card{ flex:0 0 calc(50% - 13.5px) !important; width:auto !important; background:#fff !important; border:1px solid #EFE7E7 !important; border-radius:0 !important; padding:8px !important; box-shadow:none !important; position:relative; scroll-snap-align:start; }
.lb-mb-raf.t3-fav-m .product-image{ aspect-ratio:3 / 4 !important; height:auto !important; border-radius:0 !important; overflow:hidden !important; background:#F7F4F0 !important; position:relative; }
.lb-mb-raf.t3-fav-m .product-image img{ width:100% !important; height:100% !important; object-fit:cover !important; border-radius:0 !important; }
.lb-mb-raf.t3-fav-m .product-image .t3-kargo{ position:absolute; left:0; top:20px; background:#686868; color:#fff; font-size:10px; font-weight:800; line-height:22px; height:22px; padding:0 6px; border-radius:0 5px 5px 0; z-index:2; }
.lb-mb-raf.t3-fav-m .product-badges, .lb-mb-raf.t3-fav-m .product-category, .lb-mb-raf.t3-fav-m .lb-sepete-ekle, .lb-mb-raf.t3-fav-m .price-old{ display:none !important; }
.lb-mb-raf.t3-fav-m .product-favorite{ top:auto !important; bottom:auto !important; right:8px !important; left:auto !important; position:absolute !important; width:18px !important; height:18px !important; background:transparent !important; box-shadow:none !important; border:0 !important; color:#666 !important; font-size:16px !important; }
.lb-mb-raf.t3-fav-m .product-content{ padding:0 !important; }
.lb-mb-raf.t3-fav-m .t3-stars{ display:block; margin:10px 0 0; height:16px; }
.lb-mb-raf.t3-fav-m .t3-stars span{ color:#CACACA; font-size:15px; line-height:14px; letter-spacing:1px; }
.lb-mb-raf.t3-fav-m .product-name{ margin:10px 0 0 !important; }
.lb-mb-raf.t3-fav-m .product-name a{ font-size:13px !important; font-weight:400 !important; color:#4e4e4e !important; line-height:18px !important; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; min-height:36px; }
.lb-mb-raf.t3-fav-m .product-price{ margin:6px 0 0 !important; }
.lb-mb-raf.t3-fav-m .price-current{ font-size:16px !important; font-weight:700 !important; color:#574545 !important; }

/* ===== TEMA 3 — mobil kirmizi (#e3000b legobooks) -> sage ===== */
.bottom-nav .nav-item.active, .bottom-nav .nav-item.active i, .bottom-nav .nav-item.active span{ color:#6F8A7E !important; }
.add-to-cart-btn, .lb-sepete-ekle, .lb-mob-sepet, .btn-cart, .load-more, .mk-sepet{ background:#90ABA0 !important; border-color:#90ABA0 !important; color:#fff !important; }
.price-current, .price-login, .lb-mud-bar-fiyat{ color:#574545 !important; }
a.section-link{ color:#6F8A7E !important; }
.ion-social-instagram{ color:#6F8A7E !important; }
.view-all-btn, .lb-btn-kirmizi, .btn-kirmizi{ background:#90ABA0 !important; background-image:none !important; border-color:#90ABA0 !important; color:#fff !important; box-shadow:none !important; }