/* ==========================================================================
   Bayihosting — header & footer giydirmesi
   ========================================================================== */

:root{
    --bh-blue:#1d5cf0;
    --bh-blue-dark:rgba(29,92,240,1);
    --bh-blue-soft:rgba(29,92,240,0.09);
    --bh-blue-line:rgba(29,92,240,0.22);
    --bh-blue-glow:rgba(29,92,240,0.28);
    --bh-navy:#0b1b3b;
    --bh-navy-70:rgba(11,27,59,0.7);
    --bh-navy-45:rgba(11,27,59,0.45);
    --bh-navy-14:rgba(11,27,59,0.14);
    --bh-navy-08:rgba(11,27,59,0.08);
    --bh-ink:#475569;
    --bh-line:#e6ebf5;
    --bh-line-strong:#d5deee;
    --bh-soft:#f7f9fd;
    --bh-radius-sm:10px;
    --bh-radius-md:14px;
    --bh-radius-lg:20px;
    --bh-pill:999px;
    --bh-shadow-sm:0 1px 2px rgba(15,23,42,.06);
    --bh-shadow-md:0 10px 26px rgba(15,23,42,.08);
    --bh-shadow-lg:0 18px 44px rgba(15,23,42,.12);
}

.bh-header *,.bh-footer *,.bh-newsletter *,.bh-partners *{box-sizing:border-box}

.bh-container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}

/* --- Header kabuğu -------------------------------------------------------- */
.bh-header{position:relative;width:100%;background:#fff;z-index:200}
#home .bh-header{position:relative;background:#fff}
/* sticky'yi navbar'a değil header'a veriyoruz: sticky bir eleman sadece kendi ebeveyni ekrandayken
   yapışır, navbar header'ın içinde olduğu için tek başına yapışamıyordu. Üst şerit (42px) kadar
   negatif top ile şerit yukarı kayıyor, menü satırı ekranda kalıyor. */
.bh-panel.bh-header{position:sticky;top:-42px}
.headerwhite{display:none !important}

/* --- Üst bilgi şeridi ----------------------------------------------------- */
.bh-topbar{background:var(--bh-navy);color:rgba(255,255,255,.72);font-size:13.5px}
.bh-topbar-in{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:42px;flex-wrap:wrap}
.bh-top-left{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.bh-top-left a{color:rgba(255,255,255,.78);display:inline-flex;align-items:center;gap:8px;font-weight:600}
.bh-top-left a:hover{color:#fff}
.bh-top-left i{color:var(--bh-blue);filter:brightness(1.5)}
.bh-top-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.bh-top-link{color:rgba(255,255,255,.78);display:inline-flex;align-items:center;gap:7px;font-weight:600}
.bh-top-link:hover{color:#fff}
.bh-top-sep{width:1px;height:18px;background:rgba(255,255,255,.18);display:inline-block}
.bh-socials{display:inline-flex;align-items:center;gap:8px}
.bh-socials a{width:26px;height:26px;border-radius:var(--bh-pill);display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.10);color:rgba(255,255,255,.8);font-size:13px}
.bh-socials a:hover{background:var(--bh-blue);color:#fff}
.bh-socials .bh-flag{background:none;width:auto;height:auto;padding:0}
.bh-socials .bh-flag:hover{background:none}
.bh-socials .bh-flag img{width:22px;height:auto;border-radius:3px;display:block}
.bh-socials .bh-currency{width:auto;padding:0 10px;font-size:12px;font-weight:700;letter-spacing:.03em}

/* --- Menü çubuğu ---------------------------------------------------------- */
.bh-navbar{background:#fff;border-bottom:1px solid var(--bh-line);position:relative;z-index:80}
.bh-navbar.is-stuck{box-shadow:var(--bh-shadow-md);border-bottom-color:transparent}
.bh-nav-in{display:flex;align-items:center;gap:26px;min-height:74px}
.bh-logo{display:inline-flex;align-items:center;flex:0 0 auto}
.bh-logo img{height:40px;width:auto;display:block}

.bh-menu{flex:1 1 auto;display:flex;justify-content:center}
.bh-menu ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px}
.bh-menu ul li{list-style:none;position:relative;float:none;margin:0;padding:0}
.bh-menu ul li a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--bh-radius-sm);color:var(--bh-navy);font-weight:700;font-size:15px;line-height:1.2;float:none;border:0;text-decoration:none}
.bh-menu ul li a:hover{background:var(--bh-blue-soft);color:var(--bh-blue);border:0}
.bh-menu ul li a i{font-size:13px;margin:0}
.bh-menu .bh-caret{font-size:11px;opacity:.55;margin-left:2px}
.bh-menu .bh-tag{display:inline-block;padding:2px 8px;border-radius:var(--bh-pill);font-size:11px;font-weight:700;color:#fff;line-height:1.6}

/* alt menü */
.bh-menu ul li ul{display:none;position:absolute;top:100%;left:0;min-width:236px;background:#fff;border:1px solid var(--bh-line);border-radius:var(--bh-radius-md);box-shadow:var(--bh-shadow-lg);padding:8px;flex-direction:column;align-items:stretch;gap:0;z-index:120}
.bh-menu ul li:hover>ul{display:flex}
.bh-menu ul li ul li{width:100%}
.bh-menu ul li ul li a{display:flex;width:100%;padding:9px 12px;font-size:14px;font-weight:600;color:var(--bh-ink)}
.bh-menu ul li ul li a:hover{background:var(--bh-soft);color:var(--bh-blue)}
.bh-menu ul li ul li ul{top:-9px;left:100%;margin-left:0}

/* mega menü — panelden girilen HTML burada render olur */
.bh-menu li#megamenuli{position:static}
.bh-navbar #megamenu{display:none;position:absolute;top:100%;left:0;width:100%;margin:0;padding:22px 0;background:#fff;border-top:1px solid var(--bh-line);border-radius:0 0 var(--bh-radius-lg) var(--bh-radius-lg);box-shadow:var(--bh-shadow-lg);overflow:hidden;z-index:120}
.bh-menu li#megamenuli:hover>#megamenu{display:block}
.bh-navbar #megamenu a{color:var(--bh-navy)}
.bh-navbar #megamenuservice{background:var(--bh-soft);border:1px solid var(--bh-line);border-radius:var(--bh-radius-md);padding:16px 12px;box-shadow:none}
.bh-navbar #megamenuservice:hover{background:var(--bh-blue-soft);border-color:var(--bh-blue-line);box-shadow:none}
.bh-navbar #megamenuservice i{color:var(--bh-blue);font-size:34px}
.bh-navbar #megamenuservice a{color:var(--bh-navy);font-weight:600}

/* --- Sağ aksiyonlar ------------------------------------------------------- */
.bh-nav-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}

.bh-nav-actions .bh-basket,.bh-header #sepeticon{position:relative;float:none;margin:0;width:42px;height:42px;border:1px solid var(--bh-line);border-radius:var(--bh-radius-sm);display:inline-flex;align-items:center;justify-content:center;color:var(--bh-navy);font-size:17px;background:#fff}
.bh-nav-actions .bh-basket:hover{border-color:var(--bh-blue-line);color:var(--bh-blue);background:var(--bh-blue-soft)}
.bh-nav-actions .bh-basket .basket-count,.bh-header #sepeticon span{position:absolute;top:-7px;right:-7px;min-width:19px;height:19px;padding:0 5px;margin:0;background:var(--bh-blue);color:#fff;border-radius:var(--bh-pill);font-size:11px;font-weight:700;line-height:19px;text-align:center;box-shadow:0 3px 8px var(--bh-blue-glow)}

.bh-btn{display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:var(--bh-radius-sm);background:var(--bh-blue);color:#fff !important;font-weight:700;font-size:14.5px;line-height:1.2;border:1px solid var(--bh-blue);box-shadow:0 8px 20px var(--bh-blue-glow);white-space:nowrap}
.bh-btn:hover{filter:brightness(.94);color:#fff}
.bh-btn i{font-size:12px}
.bh-btn-lg{padding:14px 26px;font-size:15px}
.bh-btn.is-off{background:var(--bh-line-strong);border-color:var(--bh-line-strong);color:#fff !important;box-shadow:none;cursor:not-allowed}

.bh-nav-actions .bh-burger,.bh-header .menuAc{display:none;position:static;float:none;top:auto;left:auto;right:auto;width:42px;height:42px;padding:0;margin:0;border:1px solid var(--bh-line);border-radius:var(--bh-radius-sm);color:var(--bh-navy);font-size:18px;text-shadow:none;align-items:center;justify-content:center;background:#fff}
.bh-nav-actions .bh-burger:hover{border-color:var(--bh-blue-line);color:var(--bh-blue)}

/* --- Mobil menü ----------------------------------------------------------- */
.bh-header #mobmenu{position:static;top:auto;width:100%;background:#fff;border-bottom:1px solid var(--bh-line);box-shadow:var(--bh-shadow-md);z-index:100}
.bh-header #mobmenu .bh-mob-top{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:14px 62px 14px 24px;border-bottom:1px solid var(--bh-line);background:var(--bh-soft)}
.bh-header #mobmenu .bh-mob-top a{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--bh-line);border-radius:var(--bh-pill);background:#fff;color:var(--bh-navy);font-size:13.5px;font-weight:700;float:none;width:auto}
.bh-header #mobmenu .bh-mob-top a:hover{border-color:var(--bh-blue-line);color:var(--bh-blue)}
.bh-header #mobmenu .bh-mob-top .bh-mob-close{position:absolute;top:14px;right:18px;margin-left:0;width:36px;height:36px;padding:0;justify-content:center;color:var(--bh-ink)}

.bh-header #mobmenu_wrap{padding:8px 12px 16px}
.bh-header #mobmenu ul{margin:0;padding:0;list-style:none;display:block}
.bh-header #mobmenu ul li{list-style:none;color:var(--bh-navy);float:none}
.bh-header #mobmenu ul a{display:flex;align-items:center;justify-content:space-between;gap:10px;float:none;width:100%;padding:12px 12px;border:0;border-bottom:1px solid var(--bh-line);color:var(--bh-navy);font-size:15px;font-weight:700;background:none;border-radius:0}
.bh-header #mobmenu ul a:hover,.bh-header #mobmenu ul li a.toggle:hover{background:var(--bh-blue-soft);color:var(--bh-blue)}
/* eski tema "#mobmenu ul li a.toggle" ile display:block dayatıyor, aynı ağırlıkta ezmemiz gerekiyor */
.bh-header #mobmenu ul li a.toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;color:var(--bh-navy);border-radius:0}
.bh-header #mobmenu ul a span{padding:0;display:inline-flex;align-items:center;gap:9px}
.bh-header #mobmenu ul .inner{display:none;overflow:hidden;float:none;width:100%;background:var(--bh-soft);border-radius:var(--bh-radius-sm);margin:0 0 8px}
.bh-header #mobmenu ul .inner li a{padding-left:24px;font-size:14px;font-weight:600;color:var(--bh-ink);border-bottom-color:rgba(0,0,0,.05)}
.bh-header #mobmenu ul .inner li:last-child a{border-bottom:0}
.bh-header #mobmenu #megamenu{display:none;position:static;width:100%;box-shadow:none;border:0;padding:10px 0}
.bh-header #mobmenu #megamenu.show{display:block}
.bh-header #mobmenu #megamenuservice{width:46%;margin:1%}
.bh-header #mobmenu .bh-tag{padding:2px 8px}

/* --- Sayfa başlığı (breadcrumb + h1) -------------------------------------- */
.bh-pagehero{background:var(--bh-soft);background-size:cover;background-position:center;border-bottom:1px solid var(--bh-line);padding:46px 0 42px}
.bh-pagehero h1{font-size:34px;font-weight:800;color:var(--bh-navy);line-height:1.22;margin:0}
.bh-pagehero p{margin:10px 0 0;max-width:760px;color:var(--bh-ink);font-size:16px;line-height:1.65}
.bh-crumbs{margin-bottom:12px;font-size:13.5px;color:var(--bh-ink)}
.bh-crumbs a{color:var(--bh-ink);font-weight:600}
.bh-crumbs a:hover{color:var(--bh-blue)}
.bh-crumbs ul,.bh-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.bh-crumbs li{list-style:none;display:inline-flex;align-items:center;gap:8px}
.bh-crumbs i{opacity:.5;font-size:11px}

/* --- Partner logoları ----------------------------------------------------- */
.bh-partners{background:#fff;border-top:1px solid var(--bh-line);padding:30px 0}
.bh-partners-logos{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:22px}
.bh-partners-logos img{max-width:110px;height:auto;opacity:.55;filter:grayscale(100%)}
.bh-partners-logos img:hover{opacity:1;filter:none}

/* --- Bülten şeridi -------------------------------------------------------- */
.bh-newsletter{background:var(--bh-blue);color:#fff;padding:34px 0}
.bh-news-in{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px}
.bh-news-copy strong{font-size:21px;font-weight:800;color:#fff;display:block}
.bh-newsletter form{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0}
.bh-news-field{position:relative;display:inline-flex;align-items:center;background:#fff;border-radius:var(--bh-radius-sm);padding:0 14px;min-width:320px;box-shadow:var(--bh-shadow-sm)}
.bh-news-field i{color:var(--bh-blue);font-size:15px}
.bh-news-field input{width:100%;border:0;background:none;padding:14px 10px;font-size:15px;color:var(--bh-navy)}
.bh-news-field input:focus{border:0;padding:14px 10px}
.bh-newsletter .bh-btn,.bh-newsletter .bh-btn-lg{background:var(--bh-navy);border-color:var(--bh-navy);box-shadow:none}
.bh-newsletter .bh-btn.is-off{background:rgba(255,255,255,.28);border-color:transparent}
#newsletter_gdpr{width:100%;margin-top:14px;font-size:13px;color:rgba(255,255,255,.86)}
#newsletter_gdpr a{color:#fff;text-decoration:underline}
#newsletter_gdpr .checkbox-custom-label{color:rgba(255,255,255,.86);display:inline-flex;align-items:center;margin:0}
#newsletter_gdpr .checkbox-custom+.checkbox-custom-label:before{border-color:rgba(255,255,255,.65);background:rgba(255,255,255,.14);margin-right:9px}
#newsletter_gdpr .checkbox-custom:checked+.checkbox-custom-label:before{background:#fff;color:var(--bh-blue);border-color:#fff}

/* --- Footer --------------------------------------------------------------- */
.bh-footer{background:var(--bh-navy);color:rgba(255,255,255,.66);padding:56px 0 0;font-size:14.5px}
.bh-footer a{color:rgba(255,255,255,.66)}
.bh-footer a:hover{color:#fff}

.bh-foot-grid{display:flex;align-items:flex-start;gap:44px;flex-wrap:wrap;padding-bottom:42px}
.bh-foot-brand{flex:0 0 300px;max-width:320px}
.bh-foot-logo{height:42px;width:auto;display:block;margin-bottom:20px}
.bh-foot-contact{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.bh-foot-contact i{width:34px;height:34px;flex:0 0 34px;border-radius:var(--bh-radius-sm);background:rgba(255,255,255,.08);color:var(--bh-blue);display:inline-flex;align-items:center;justify-content:center;font-size:15px;filter:brightness(1.5)}
.bh-foot-contact span{display:flex;flex-direction:column;line-height:1.35}
.bh-foot-contact small{font-size:12px;color:rgba(255,255,255,.45)}
.bh-foot-contact b{font-size:15px;color:#fff;font-weight:700}
.bh-foot-address{display:flex;align-items:flex-start;gap:12px;margin-top:16px;line-height:1.65}
.bh-foot-address i{width:34px;height:34px;flex:0 0 34px;border-radius:var(--bh-radius-sm);background:rgba(255,255,255,.08);color:var(--bh-blue);display:inline-flex;align-items:center;justify-content:center;font-size:15px;filter:brightness(1.5)}
.bh-foot-social{display:flex;align-items:center;gap:9px;margin-top:20px}
.bh-foot-social a{width:36px;height:36px;border-radius:var(--bh-radius-sm);background:rgba(255,255,255,.08);display:inline-flex;align-items:center;justify-content:center;color:rgba(255,255,255,.75);font-size:15px}
.bh-foot-social a:hover{background:var(--bh-blue);color:#fff}

.bh-foot-cols{flex:1 1 460px;display:flex;gap:34px;flex-wrap:wrap}
.bh-foot-col{flex:1 1 160px;min-width:150px;display:flex;flex-direction:column}
.bh-foot-col h3{font-size:15px;font-weight:800;color:#fff;margin:0 0 16px;letter-spacing:.01em}
.bh-foot-col h3 a{color:#fff}
.bh-foot-col h3 i{color:var(--bh-blue);margin-right:6px;filter:brightness(1.5)}
.bh-foot-col a{display:block;padding:6px 0;line-height:1.55}
.bh-foot-col a:hover{padding-left:4px}
.bh-foot-col a i{margin-right:7px;opacity:.6}

.bh-foot-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:20px 0;border-top:1px solid rgba(255,255,255,.10);font-size:13.5px;color:rgba(255,255,255,.5)}
.bh-foot-badges{display:inline-flex;align-items:center;gap:14px}
.bh-foot-badges img{height:30px;width:auto;opacity:.65}
.bh-foot-badges a{color:rgba(255,255,255,.5)}

/* --- Kırılımlar ----------------------------------------------------------- */
@media only screen and (max-width:1100px){
    .bh-menu ul li a{padding:10px 10px;font-size:14.5px}
    .bh-nav-in{gap:16px}
}

@media only screen and (max-width:1024px){
    .bh-container{padding:0 18px}
    .bh-menu{display:none}
    .bh-nav-actions .bh-burger,.bh-header .menuAc{display:inline-flex}
    .bh-nav-in{min-height:66px;justify-content:space-between}
    .bh-logo img{height:34px}
    .bh-pagehero{padding:34px 0 30px}
    .bh-pagehero h1{font-size:27px}
    .bh-foot-grid{gap:30px}
    .bh-foot-brand{flex:1 1 100%;max-width:none}
}

@media only screen and (max-width:860px){
    .bh-topbar{font-size:12.5px}
    .bh-topbar-in{justify-content:center;gap:10px;padding-top:8px;padding-bottom:8px}
    .bh-top-left{justify-content:center;gap:14px;width:100%}
    .bh-top-right{justify-content:center;gap:12px;width:100%}
    .bh-news-in{flex-direction:column;align-items:stretch;text-align:center}
    .bh-newsletter form{justify-content:center}
    .bh-news-field{min-width:0;flex:1 1 240px}
    .bh-foot-cols{gap:22px}
}

@media only screen and (max-width:600px){
    .bh-nav-actions .bh-btn{display:none}
    .bh-top-left a span{display:none}
    .bh-partners-logos{justify-content:center;gap:18px}
    .bh-partners-logos img{max-width:84px}
    .bh-foot-col{flex:1 1 100%}
    .bh-foot-bottom{justify-content:center;text-align:center}
    .bh-header #mobmenu #megamenuservice{width:96%}
}

/* ==========================================================================
   Müşteri paneli (Classic) — header'a özel eklentiler
   ========================================================================== */

.bh-panel .bh-top-hello{color:rgba(255,255,255,.82);font-weight:600}
.bh-panel .bh-menu ul li a{gap:6px;white-space:nowrap}
.bh-panel .bh-menu ul li a>span{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.bh-panel .bh-menu ul li a i{font-size:14px;opacity:.75}
.bh-panel .bh-menu ul li a.bh-active{background:var(--bh-blue-soft);color:var(--bh-blue);box-shadow:inset 0 -2px 0 var(--bh-blue)}
.bh-panel .bh-menu ul li a.bh-active i{opacity:1}
.bh-panel .bh-menu ul li ul li a.bh-active{box-shadow:none}

/* menüdeki "yeni sipariş" kalemi buton görünümünde */
.bh-panel .bh-menu>ul>li.neworderbtn>a{background:var(--bh-blue);color:#fff;box-shadow:0 8px 20px var(--bh-blue-glow)}
.bh-panel .bh-menu>ul>li.neworderbtn>a:hover{background:var(--bh-blue);filter:brightness(.94);color:#fff}
.bh-panel .bh-menu>ul>li.neworderbtn>a i{opacity:1}
.bh-header #mobmenu ul li.neworderbtn>a{color:var(--bh-blue)}

/* yuvarlak ikon butonları (sepet / bildirim / hesap) */
.bh-icon-btn{position:relative;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--bh-line);border-radius:var(--bh-radius-sm);background:#fff;color:var(--bh-navy);font-size:17px;float:none;margin:0}
.bh-icon-btn:hover{border-color:var(--bh-blue-line);color:var(--bh-blue);background:var(--bh-blue-soft)}

/* hesap menüsü */
.bh-user{position:relative}
.bh-user-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;min-width:238px;list-style:none;margin:0;padding:8px;background:#fff;border:1px solid var(--bh-line);border-radius:var(--bh-radius-md);box-shadow:var(--bh-shadow-lg);z-index:130}
.bh-user:hover .bh-user-menu{display:block}
.bh-user-menu li{list-style:none}
.bh-user-menu li a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--bh-radius-sm);color:var(--bh-ink);font-size:14px;font-weight:600}
.bh-user-menu li a:hover{background:var(--bh-soft);color:var(--bh-blue)}
.bh-user-menu li a i{width:16px;text-align:center;opacity:.7}

/* bildirim kutusu */
.bh-notifi{position:relative}
.bh-notifi .notifi-count{position:absolute;top:-7px;right:-7px;min-width:19px;height:19px;padding:0 5px;background:#f43f5e;color:#fff;border-radius:var(--bh-pill);font-size:11px;font-weight:700;line-height:19px;text-align:center}
.bh-notifi .wclientnotification{display:none;position:absolute;top:calc(100% + 6px);right:0;width:340px;max-width:82vw;background:#fff;border:1px solid var(--bh-line);border-radius:var(--bh-radius-md);box-shadow:var(--bh-shadow-lg);overflow:hidden;z-index:130}
.bh-notifi.is-open .wclientnotification{display:block}
.bh-notifi .wnotifititle{background:var(--bh-navy);color:#fff;padding:16px 18px}
.bh-notifi .wnotifititle h3{font-size:15px;font-weight:800;color:#fff;margin:0}
.bh-notifi .wnotifititle h5{font-size:12.5px;font-weight:500;color:rgba(255,255,255,.6);margin:4px 0 0}
.bh-notifi .wnotificontent{max-height:330px;overflow-y:auto;padding:8px}
.bh-notifi .wnotifilist{display:flex;gap:12px;padding:12px;border-radius:var(--bh-radius-sm);background:var(--bh-blue-soft)}
.bh-notifi .wnotifilist+.wnotifilist{margin-top:6px}
.bh-notifi .wnotifilist.read{background:none}
.bh-notifi .wnotifilisticon{flex:0 0 32px;width:32px;height:32px;border-radius:var(--bh-radius-sm);background:#fff;border:1px solid var(--bh-line);display:flex;align-items:center;justify-content:center;color:var(--bh-blue)}
.bh-notifi .wnotifilistcon h5{margin:0;font-size:13.5px;font-weight:600;color:var(--bh-ink);line-height:1.5}
.bh-notifi .nonotification{text-align:center;padding:26px 16px;color:var(--bh-ink)}
.bh-notifi .nonotification i{font-size:30px;color:var(--bh-blue)}
.bh-notifi .nonotification h3{font-size:15px;font-weight:800;color:var(--bh-navy);margin:10px 0 4px}
.bh-notifi .nonotification h5{font-size:13px;font-weight:500;margin:0}
.bh-notifi .allread{border-top:1px solid var(--bh-line);text-align:center}
.bh-notifi .allread a{display:block;padding:12px;font-size:13.5px;font-weight:700;color:var(--bh-blue)}
.bh-notifi .allread a:hover{background:var(--bh-soft)}

/* Classic'in eski header/footer kabukları devre dışı */
.clean-theme-header,.clean-theme-footer{display:none}

/* --- resources/assets/style/theme.css içindeki "#clean-theme-client ..." kuralları -------------
   body id'si üzerinden geldiği için bizim tek sınıflı bh- kurallarımızı yeniyor; aynı id'yi
   önüne alarak eşit/üstün ağırlıkta geri alıyoruz. */
#clean-theme-client .bh-header .wclientnotifi{position:relative;display:inline-block;float:none;z-index:auto}
#clean-theme-client .bh-header .wnotifitibtn{padding:0;display:inline-flex;font-size:17px;line-height:1;text-align:center}
#clean-theme-client .bh-header .notifi-count{top:-7px;right:-7px;left:auto;width:auto;min-width:19px;height:19px;margin:0;padding:0 5px;font-family:inherit;font-size:11px;line-height:19px;background:#f43f5e;border-radius:var(--bh-pill);-webkit-animation:none;animation:none}
#clean-theme-client .bh-header .allread{margin-top:0;display:block}
#clean-theme-client .bh-header .menuAc{width:42px;top:auto;left:auto;right:auto;color:var(--bh-navy);text-shadow:none}
#clean-theme-client .bh-header #mobmenu ul{margin-top:0}
#clean-theme-client .bh-header #mobmenu .menuAc{top:14px;right:18px;color:var(--bh-ink)}
#clean-theme-client .bh-header #mobmenu li a i{margin:0}
#clean-theme-client .bh-header .bh-menu li a i{margin:0;width:auto}

/* panel içeriği başlıkla omuz omuza gelmesin */
#clean-theme-client #wrapper{padding-top:26px}
@media only screen and (max-width:1024px){
    #clean-theme-client #wrapper{padding-top:18px}
    /* dar ekranda üst şerit satıra bölünüp yükseldiği için negatif top tutmuyor, sticky'yi kapatıyoruz */
    .bh-panel.bh-header{position:relative;top:auto}
}

/* panel menüsü genelde kalabalık: dar ekranlarda önce nefes alanını, sonra ikonları kısıyoruz */
@media only screen and (max-width:1320px){
    .bh-panel .bh-nav-in{gap:16px}
    .bh-panel .bh-menu ul li a{padding:9px 10px;font-size:14px}
    .bh-panel .bh-nav-actions{gap:8px}
}

@media only screen and (max-width:1180px){
    .bh-panel .bh-menu ul li a{padding:9px 8px;font-size:13.5px}
    .bh-panel .bh-menu>ul>li>a>span>i{display:none}
    .bh-panel .bh-menu>ul>li.neworderbtn>a>span>i{display:inline-block}
    .bh-panel .bh-logo img{height:34px}
}

@media only screen and (max-width:1024px){
    .bh-panel .bh-user{display:none}
}