@media (max-width:991.98px){
html .header-main .mobil-menu-dugme{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:var(--nav-ikon-zemin,#f6f2f8);color:var(--nav-ikon,#4a4350);transition:background-color .2s ease,transform .15s ease}
html .header-main .mobil-menu-dugme:hover,html .header-main .mobil-menu-dugme:focus-visible{background:var(--nav-ikon-zemin-hover,#efe8f3);color:var(--nav-ikon-hover,#2b2430)}
html .header-main .mobil-menu-dugme:active{transform:scale(.94)}
html .mobil-menu-dugme svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
html .header-main a.header-icon-unified[href$="/sepet"]{width:40px;height:40px;padding:0;border-radius:50%;background:var(--nav-ikon-zemin,#f6f2f8);justify-content:center;transition:background-color .2s ease,transform .15s ease}
html .header-main a.header-icon-unified[href$="/sepet"]:hover{background:var(--nav-ikon-zemin-hover,#efe8f3);transform:none}
html .header-main a.header-icon-unified[href$="/sepet"]:active{transform:scale(.94)}
html .header-main a.header-icon-unified[href$="/sepet"]>i.mobile-cart-icon{font-size:19px!important;line-height:1;color:var(--nav-ikon,#4a4350)}
html .header-main a.header-icon-unified[href$="/sepet"]>i.mobile-cart-icon::before{content:"\f179";font-weight:400}
html .header-main a.header-icon-unified[href$="/sepet"] .unified-badge{top:-5px;right:-7px;min-width:15px;height:15px;padding:0 4px;border:1.5px solid #fff;border-radius:8px;font-size:9px;font-weight:500;letter-spacing:0;line-height:12px;box-shadow:none;background:var(--primary-purple,#8a3f9e)!important}
html .header-main a.header-icon-unified[href$="/sepet"] .unified-badge.sepet-adet-bos{display:none!important}

html .header-main.header-main>.col-2{display:flex;align-items:center;padding-left:12px;padding-right:12px}
html .header-main.header-main>.col-2.d-lg-none{justify-content:flex-start;padding-right:0}
html .header-main.header-main>.col-2.iconlar-navbar{justify-content:flex-end;padding-left:0}
html .header-main .mobil-menu-dugme,html .header-main a.header-icon-unified[href$="/sepet"]{flex:0 0 40px;min-width:40px;max-width:40px;height:40px;min-height:40px;max-height:40px;aspect-ratio:1/1;box-sizing:border-box}
html .header-main .iconlar-navbar-inner{margin:0!important;width:auto}
html .header-main .iconlar-navbar-inner>a.header-icon-unified[href$="/sepet"]{margin:0!important}
}

html #mobileMenu.offcanvas{width:320px;max-width:88vw;border:0;border-radius:0 26px 26px 0;box-shadow:0 18px 50px rgba(40,16,50,.2)}
html #mobileMenu .offcanvas-header{padding:16px 20px 12px;border-bottom:1px solid #f3eef5!important}
html #mobileMenu .btn-close{box-sizing:border-box;width:34px;height:34px;padding:0;margin:0;border-radius:50%;background-color:#f6f2f8;background-size:11px;opacity:.7;transition:background-color .2s ease,opacity .2s ease}
html #mobileMenu .btn-close:hover{background-color:#efe8f3;opacity:1}
html #mobileMenu .offcanvas-body{padding:14px 20px 22px}
html #mobileMenu .quick-links .row{--bs-gutter-x:.5rem;--bs-gutter-y:.5rem}
html #mobileMenu .quick-link-item{padding:12px 4px 9px;background:#faf7fb;border:1px solid #f1ebf4;border-radius:16px;color:#4a4350;gap:5px;transition:background-color .2s ease,border-color .2s ease}
html #mobileMenu .quick-link-item:hover,html #mobileMenu .quick-link-item:active{background:#f4eef7;border-color:#e9dfef;color:#2b2430}
html #mobileMenu .quick-link-item i{margin:0;font-size:1.15rem;opacity:.85}
html #mobileMenu .quick-link-item span{font-size:.72rem;color:#6b6270}
html #mobileMenu .quick-link-item .badge{top:6px!important;right:6px!important;transform:none!important;min-width:15px;height:15px;padding:0 4px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:9px;font-weight:500;color:#fff;line-height:1}
html #mobileMenu .mobile-menu-items{margin:0;border-top:0}
html #mobileMenu .mobile-menu-item{border-bottom:1px solid #f4eff6}
html #mobileMenu .mobile-menu-item:last-child{border-bottom:0}
html #mobileMenu .menu-link{flex:1;padding:14px 4px;color:#3a3340;font-weight:500;font-size:.95rem}
html #mobileMenu .menu-link i{color:var(--primary-purple,#8a3f9e);opacity:.8;width:1.25em;text-align:center}
html #mobileMenu .toggle-submenu{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0!important;border-radius:50%;color:#8a808f;background:#f8f5fa;text-decoration:none;transition:background-color .2s ease}
html #mobileMenu .toggle-submenu:hover{background:#f0e9f4;color:#4a4350}
html #mobileMenu .toggle-submenu i{font-size:.72rem;transition:transform .25s ease}
html #mobileMenu .toggle-submenu[aria-expanded="true"] i{transform:rotate(180deg)}
html #mobileMenu .submenu{margin:0 0 12px 4px;padding:4px 0 4px 12px;background:transparent;border-left:2px solid #f0e8f4}
html #mobileMenu .submenu-link{padding:9px 10px;border-radius:10px;color:#6b6270;font-size:.88rem}
html #mobileMenu .submenu-link:hover,html #mobileMenu .submenu-link:active{background:#faf7fb;color:#2b2430}
html #mobileMenu .contact-info{padding:6px 0 0}
html #mobileMenu .contact-item{margin-bottom:8px}
html #mobileMenu .contact-link{padding:10px 14px;background:#faf7fb;border-radius:14px;color:#5d5560;font-size:.88rem}
html #mobileMenu .contact-link i{width:1.3em;margin-right:10px;font-size:1.05rem;text-align:center}
html #mobileMenu .contact-link .bi-telephone,html #mobileMenu .contact-link .bi-envelope{color:var(--primary-purple,#8a3f9e)}

@media (min-width:992px){
html .header-main .iconlar-navbar-inner{gap:2px}
html .header-main .iconlar-navbar-inner>*{margin-left:0!important;margin-right:0!important}
html .header-main .header-icon-unified:not(#bildirimDropdown){display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;box-sizing:border-box;width:80px;min-width:80px;margin-left:0!important;margin-right:0!important;padding:2px 4px;gap:5px;transition:none}
html .header-main .header-icon-unified:not(#bildirimDropdown):hover{transform:none}
html .header-main .header-icon-unified:not(#bildirimDropdown)>i{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--nav-ikon-zemin,#f6f2f8);font-size:17px;line-height:1;color:var(--nav-ikon,#4a4350);transition:background-color .2s ease,color .2s ease}
html .header-main .header-icon-unified:not(#bildirimDropdown):hover>i{background:var(--nav-ikon-zemin-hover,#efe8f3);color:var(--nav-ikon-hover,#2b2430)}
html .header-main .header-icon-unified:not(#bildirimDropdown) .icon-text{font-size:11px;font-weight:400;letter-spacing:.01em;color:var(--nav-ikon-yazi,#7a717f)}
html .header-main .header-icon-unified:not(#bildirimDropdown):hover .icon-text{color:var(--nav-ikon-yazi-hover,#2b2430)}
html .header-main .header-icon-unified:not(#bildirimDropdown)>i.bi-person-circle::before{content:"\f4e1"}
html .header-main .header-icon-unified:not(#bildirimDropdown)>i.mobile-cart-icon::before{content:"\f179"}
html .header-main .header-icon-unified:not(#bildirimDropdown) .unified-badge{top:-2px;right:-3px;min-width:15px;height:15px;padding:0 4px;border:1.5px solid #fff;border-radius:8px;font-size:9px;font-weight:500;letter-spacing:0;line-height:12px;box-shadow:none}
html .header-main .header-icon-unified:not(#bildirimDropdown) .unified-badge.sepet-adet-bos{display:none!important}
}


@media (min-width:992px){
html header.sticky-top~.navbar,html .navbar{box-shadow:none}
html .navbar.border-top{border-top:1px solid #e3e3e3!important}
html header.sticky-top{border-bottom:1px solid #e3e3e3!important}
html .navbar-nav .dropdown-menu,html .header-main .dropdown-menu{box-shadow:none;border:1px solid rgba(0,0,0,.08)}
html .navbar .mega-menu{box-shadow:none;border:1px solid rgba(0,0,0,.08);border-top:0}
html .bildirim-menu{box-shadow:none;border:1px solid rgba(0,0,0,.08)}
}


html header.sticky-top>.container{padding-top:var(--baslik-bosluk-mobil,9px)!important;padding-bottom:var(--baslik-bosluk-mobil,9px)!important}
@media (min-width:992px){
html header.sticky-top>.container{padding-top:var(--baslik-bosluk-masaustu,7px)!important;padding-bottom:var(--baslik-bosluk-masaustu,7px)!important}
html .header-main .header-icon-unified:not(#bildirimDropdown){gap:3px;padding-top:0;padding-bottom:0}
html .header-main .header-icon-unified:not(#bildirimDropdown) .icon-text{line-height:1.25}
}


html .header-main .search-wrapper .form-control,html .header-main .search-wrapper .placeholder-animation,html .mobile-search .search-wrapper .form-control,html .mobile-search .search-wrapper .placeholder-animation{font-family:Poppins,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-weight:400}
html .header-main .search-wrapper .placeholder-animation,html .mobile-search .search-wrapper .placeholder-animation{color:#6c757d}
html .header-main .search-wrapper .form-control,html .mobile-search .search-wrapper .form-control{color:#1a1a1a}
@media (min-width:768px){html .header-main .search-wrapper .form-control,html .header-main .search-wrapper .placeholder-animation{font-size:.86rem}}
@media (max-width:767.98px){html .mobile-search .search-wrapper .placeholder-animation{font-size:.76rem}}


@media (min-width:992px){
html .navbar .mega-menu{border-radius:0 0 16px 16px;overflow:hidden}
html .navbar .mega-menu-content{padding:12px 8px;gap:0}
html .navbar .mega-menu-column{padding:0 8px;border-right:1px solid #f3eef5;min-width:fit-content;width:auto;gap:2px}
html .navbar .mega-menu-column:last-child{border-right:0}
html .navbar .mega-menu-item{min-width:200px;margin:0;padding:9px 14px!important;border:0;border-radius:10px;font-size:13px!important;font-weight:400;letter-spacing:0;color:#3a3340;line-height:1.3;gap:0}
html .navbar .mega-menu-item i{flex:none;width:22px!important;margin-right:8px!important;font-size:14px!important;text-align:center;color:var(--primary-purple,#8a3f9e);opacity:.75}
html .navbar .mega-menu-item:before,html .navbar .mega-menu-item:after{display:none}
html .navbar .mega-menu-item:hover{padding:9px 14px!important;background:#faf7fb;color:var(--primary-purple,#8a3f9e)}
html .navbar .mega-menu-item:hover i{opacity:1}

html .navbar .mega-menu-item:not(:has(>i)),html .navbar .mega-menu-item:not(:has(>i)):hover{padding-left:44px!important}
}
@media (min-width:992px){html .header-main.logo-konum-orta .iconlar-navbar-inner{margin-right:-22px!important}}
