:root { --main: #000000; --main-rgba-1: rgba(0,0,0, 0.16); --primary: #000000; --primary-rgba: rgba(0,0,0, 0.16); --pz-mobil-tabbar-accent: #000000; --pz-mobil-tabbar-fab-light: #545454; --pz-mobil-tabbar-fab-shadow: rgba(0,0,0,0.38); }
/* Modern arama (#canvasSearch, .tf-form-search) — panel header_ayar; .header-desktop-search1 vitrinde yok -hasancancap */
#canvasSearch .tf-mini-search-frm input,#canvasSearch .tf-mini-search-frm fieldset input,#header .tf-form-search input{border:1px solid #dfdada;border-radius:0px !important;color:333333;background-color:#ffffff;}
#canvasSearch .tf-mini-search-frm input::placeholder,#header .tf-form-search input::placeholder{color:#666666;}
#canvasSearch .tf-mini-search-frm input:-ms-input-placeholder,#header .tf-form-search input:-ms-input-placeholder{color:#666666;}
#canvasSearch .tf-mini-search-frm input::-ms-input-placeholder,#header .tf-form-search input::-ms-input-placeholder{color:#666666;}
#canvasSearch .tf-mini-search-frm input:focus,#header .tf-form-search input:focus{border:1px solid #000000 !important;border-radius:0px !important;box-shadow:0 0 10px 0 rgba(0,0,0,.1) !important;}
#canvasSearch .tf-mini-search-frm button,#header .tf-form-search button{color:#333333;}
/* Header Style */ .header-desktop-search1 form button{ color: #333333; } .header-desktop-call-i{ color: #000000; } .header-desktop-call-t{ color: #000000; } .header-desktop-call-t a{ color: #000000; } .header-desktop-call-t a:hover{ text-decoration: none; color: #000000; } .header-desktop-navbutton-box a{ color: #000000; } .header-desktop-navbutton-box a:hover{ color: #8260e3; } .header-desktop-main-div { padding: 15px 3%; } .topheader-desktop-main-div{ background-color: #ffffff; border-bottom: 1px solid #ebebeb; font-size: 13px ; } .topheader-desktop-main-left a{ padding: 7px; color: #000000; font-weight: 600; } .topheader-desktop-main-left a:hover{ color: #a6a2a2; text-decoration: none; } .topheader-desktop-main-right a{ padding: 7px; color: #000000; font-weight: 600; } .topheader-desktop-main-right a:hover{ color: #a6a2a2; text-decoration: none; } .topheader-lang-currency-box{ border-left: 1px solid #ebebeb; } .topheader-lang-currency-box a{ padding: 7px 13px; } .dropdown-menu.currency-drop.dropdown-menu:before{ content: ''; height: 11px; width: 11px; position: absolute; background-color: #fff; top: -7px; right:15px; border-top: #ebebeb solid 1px; border-left: #ebebeb solid 1px; transform: rotate(45deg); } .dropdown-menu.currency-drop{ margin-top: 0; margin-right: -1px !important; border-radius:0 !important; border:1px solid #ebebeb !important; box-shadow:0 0 5px 0 rgba(0,0,0,.05) !important; } .topheader-html-main{ background-color: #; padding : 0px 0 ; color: # !important; } .topheader-html-main span{ color: # !important; } .topheader-html-main a{ color:#; } .topheader-html-main a:hover{ color:#; text-decoration:none; } /*  <========SON=========>>> Header Style SON */ /* Dropdown Style */ .dropdown-menu{ border: 1px solid #ebebeb !important; } .dropdown-menu.cart-drop{ border-radius: 1px; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);} .dropdown-menu.user-drop{ border-radius: 1px; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);} .dropdown-menu.bell-drop{ border-radius: 1px; box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);} .dropdown-menu:before{ content: ''; height: 11px; width: 11px; position: absolute; background-color: #fff; top: -7px; right:9px; border-top: #ebebeb solid 1px; border-left: #ebebeb solid 1px; transform: rotate(45deg); } /*  <========SON=========>>> Dropdown Style SON */ /* Desktop Dropdown Menu — klasik .top-level-menu span renkleri Modern CSS sonrası için !important -hasancancap */ .top-level-menu-main-div{ background-color : #ffffff; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; } .top-level-menu{ justify-content:center; } .top-level-menu > li{ background: none; margin-right:0; margin-left: 0; } .top-level-menu > li:hover { background-color: #f96e51 !important;} .top-level-menu > li span{ color:#000000 !important; padding: 13px 18px; font-size: 13px ; font-weight: 600; } .top-level-menu > li:hover span{ color:#ffffff !important; } .second-level-menu { width: 210px; background-color: #ffffff; padding: 5px; } .second-level-menu > li { border-bottom: 1px solid #ffffff; padding: 9px; } .second-level-menu > li:hover { background: #f8f8f8; } .second-level-menu > li p{ color: #000000; font-size:13px; } .second-level-menu > li:hover p{ color:#000000; } .third-level-menu { left:200px; width: 200px; margin-left: 200px; background-color: #ffffff; padding: 5px; } .third-level-menu > li { padding: 8px 12px; border-bottom: 1px solid ##ffffff; } .third-level-menu > li:hover { background: #ebebeb; } .second-level-menu > li > .third-level-menu li p{ color: #000000; font-size:13px; } .second-level-menu > li > .third-level-menu li:hover p{ color:#000000; } .top-level-menu li:hover > ul { border-top: 1px solid #ff441b; } .sablon2-level-menu{ background-color: #ffffff; } .sablon2-level-menu-left-item-h{ color:#000000 !important; border-bottom: 1px solid #ebebeb; padding-bottom:10px; } .sablon2-level-menu-left-item-s{ color:#333333!important; } .sablon2-level-menu-left-item-s:hover{ text-decoration: underline !important; } /* Modern üst menü: panel Dropdown id=1 (box_text_color vb.); template.php bu endpoint’te yok — gri link burada düzelir -hasancancap */ #header .box-nav-ul .item-link,#header .box-nav-ul > li.menu-item > a.item-link{color:#000000 !important;} #header .box-nav-ul > li.menu-item:hover > a.item-link,#header .box-nav-ul li.menu-item:hover > a.item-link{color:#ffffff !important;} #header .box-nav-ul > li.menu-item:hover{background-color:#f96e51 !important;} #header .box-nav-ul .item-link::before{background:#ff441b !important;} /*  <========SON=========>>> Desktop Dropdown Menu SON */ body{background-color: #ffffff !important} #return-to-top{background-color: #be9b9b; bottom:50px; border-radius:0} #return-to-top:hover{background-color: #be9b9b} #return-to-top i{color: #000000} #return-to-top:hover i{color: #000000} .header-desktop-search1 form input{ border: 1px solid #dfdada; border-radius: 0px !important; color: 333333; background-color:#ffffff; } .header-desktop-search1 form input::placeholder{ color: #666666; } .header-desktop-search1 form input:-ms-input-placeholder{ color: #666666; } .header-desktop-search1 form input::-ms-input-placeholder{ color: #666666; } .header-desktop-search1 form input:focus{ border: 1px solid #000000 !important; border-radius: 0px !important;box-shadow: 0 0 10px 0 rgba(0,0,0,.1) !important;} /* Footer */ .footer-module-main-div{ border-top: 1px solid #ffffff; font-family : 'Open Sans',sans-serif ;background:#ffffff ;padding:50px 0; margin: 0px 0 0 0; } .footer-module-box-telif{ width: 90%; font-family : 'Open Sans',sans-serif ; color: #4a4a4a; } .footer-module-box-social a{ display: block; color: #000000; padding: 10px 14px; box-sizing: border-box; line-height: 15px; font-size: 15px ; } .footer-module-box-social a:first-child{ padding-left: 0; } .footer-module-header-text{ color: #000000; } .footer-module-contact-box{ color: #4a4a4a; } .footer-module-contact-box a{ color: #4a4a4a; } .footer-module-workhour-div{ color: #4a4a4a; } .footer-module-links-div a{ display: block; width: 100%; margin-bottom: 10px; color: #4a4a4a; } /* Ticaret Kutuları ///////////////////////////////////////////*/.ticaret-kutulari-inside{font-family : 'Open Sans',sans-serif ;border: 1px solid #ebebeb;background-color: #ffffff;}.ticaret-kutu-box{border-right: 1px solid #ebebeb;} @media screen and (max-width:410px) and (min-width:321px) {.ticaret-kutu-box{border-right: 0 !important;border-bottom: 1px solid #ebebeb;}.ticaret-kutu-box:last-child{border-bottom:0 !important;} } /* Ürün Detay */ #urundetaytabs .ui-tabs-active a { background-color: #ff1f55 !important; color: #ffffff !important; } #urundetaytabs{ font-family : 'Open Sans',sans-serif ; } .urun-detay-main{ font-family : 'Open Sans',sans-serif ; background-color: #f5f5f5; } /* Genel Modal */ .modal-content{ font-family : 'Poppins',Sans-serif !important ; } /* hizmet detay sağ butonlar */ .hizmetler-detay-right-box{ border: 1px solid #ffffff; border-left:6px solid #d43867; background-color: #ffffff; color:#000000; } .hizmetler-detay-right-box:hover{ background-color: #d43867; color: #ffffff; border: 1px solid #d43867; border-left:6px solid #d43867; } .hizmetler-detay-right-box-act{ border: 1px solid #d43867; border-left:6px solid #d43867; background: #d43867; } /* Pricing Tabs Ayar */ /* pricing */ .pricing-tablolar-module-main-div{ border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; font-family : 'Roboto Condensed',sans-serif ;background:#f3f6f9 ;padding:20px 0; margin: 0px 0; } .pricing-tab-system ul{ background-color: #d63766; border-radius: 100px;} .pricing-tab-system a:first-child{ border-radius: 100px 0 0 100px !important; } .pricing-tab-system a:last-child{ border-radius: 0 100px 100px 0 !important; } .pricing-tab-system a{ color: #ffffff; font-size: 18px ; } .pricing-tab-system a.active{ background-color: #ffffff !important; color: #000000 !important; } .pricing-tab-system a:hover{ background-color: #ffffff; color: #000000; } @media screen and (max-width:1000px) and (min-width:0) {.pricing-tab-system a{border-radius: 100px !important ;}.pricing-tab-system a:first-child{border-radius: 100px !important ;}.pricing-tab-system a:last-child{border-radius: 100px !important ;} } /*  <========SON=========>>> Pricing Tabs Ayar SON */ /* Pre Loader */ .preload-main { display: flex; height: 100vh; width: 100%; position: fixed; z-index: 9999; justify-content: center; align-items: center; background: #d9f6ff; overflow: hidden; top: 0; left: 0; } .loader { position: relative; } /*  <========SON=========>>> Pre Loader SON */ /* Mobil Tema */ .mobile-top-header-main{ border-bottom: 1px solid #ebebeb; background-color: #ffffff; } .mobil-top-header-currency, .mobil-top-header-lang{border-left: 1px solid #ebebeb; } .swiper-top-header .swiper-slide a{ color: #000000; } .swiper-top-header .swiper-slide a:hover{ color: #a6a2a2; text-decoration:none; } .mobil-header-select-area{ color: #000000; } .mobil-header-select-area:hover{ color: #a6a2a2; text-decoration:none; } .mobile-header-main-area{ background-color: #ffffff; border-bottom:1px solid #ebebeb; } .mobile-header-icons{ color: #000000 !important; } .mobile-header-bars{ color: #000000; border: 1px solid #ebebeb; background-color: #ffffff;border-radius:5px;} .mobile_side_wrap_in_close label{ background-color: #7135f0; color: #ffffff; } .mobile_side_wrap{ background-color: #ffffff; } .mobile_side_wrap_in_search input{ background-color: #f8f8f8; border: 1px solid #f8f8f8; color:#000000; } .mobile_side_wrap_in_search button{ color:#000000; } .mobile_side_wrap_in_search input:focus{ border: 1px solid #f8f8f8 !important; } .mobile_side_wrap_in_footer{ background-color: #f9f9f9; border: 1px solid #f9f9f9; } .mobile-menu-categories-main{ border-top: 1px solid #ebebeb; } .mobile-menu-categories-main #categories-parent-main ul li a { color: #000000; border-bottom: 1px solid #ebebeb; } .mobile-menu-categories-main #categories-parent-main ul li a:hover { color: #ffffff; background-color: #408cff; } .mobile-menu-categories-main #categories-parent-main ul li a i{ color: #000000; } .mobile-menu-categories-main #categories-parent-main ul li a i:hover { color: #ffffff; background-color: #408cff; } .fixed-foot-navigation{background-color: #ffffff;box-shadow:0 0 15px rgba(0,0,0,.1);} .fixed-foot-navigation-in-box{color : #000000} .fixed-foot-navigation-in-box:hover{color : #000000;text-decoration:none; } /*  <========SON=========>>> Mobil Tema SON */
/* tf-top-bar link rengi panel topheader alanlarından (üstteki kurallar + header_helper inline); sabit #1a1a1a kaldırıldı -hasancancap */
.home-product-tablinks p[data-title], .home-product-tablinks { color:#1a1a1a !important; }
.footer-section .pazar, section.footer-section { color:#1a1a1a !important; }
#header nav.box-navigation ul.box-nav-ul,
.pz-home-integrated-nav-row nav.box-navigation ul.box-nav-ul {
    gap: 30px !important;
    column-gap: 30px !important;
    list-style: none !important;
    list-style-type: none !important;
    padding-inline-start: 0 !important;
}
#header .box-nav-ul > li.menu-item,
#header .box-nav-ul li.menu-item,
.pz-home-integrated-nav-row .box-nav-ul > li.menu-item,
.pz-home-integrated-nav-row .box-nav-ul li.menu-item {
    list-style: none !important;
    list-style-type: none !important;
    list-style-image: none !important;
}
#header .box-nav-ul .sub-menu li,
#header .box-nav-ul .mega-menu li,
#header .box-nav-ul .menu-list,
#header .box-nav-ul .menu-list li,
.pz-home-integrated-nav-row .box-nav-ul .sub-menu li,
.pz-home-integrated-nav-row .box-nav-ul .mega-menu li,
.pz-home-integrated-nav-row .box-nav-ul .menu-list,
.pz-home-integrated-nav-row .box-nav-ul .menu-list li {
    list-style: none !important;
    list-style-type: none !important;
    list-style-image: none !important;
}
#header .box-nav-ul > li.menu-item::marker,
#header .box-nav-ul li.menu-item::marker,
#header .box-nav-ul .menu-list li::marker,
#header .box-nav-ul .sub-menu li::marker,
.pz-home-integrated-nav-row .box-nav-ul > li.menu-item::marker,
.pz-home-integrated-nav-row .box-nav-ul li.menu-item::marker,
.pz-home-integrated-nav-row .box-nav-ul .menu-list li::marker,
.pz-home-integrated-nav-row .box-nav-ul .sub-menu li::marker {
    content: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
}
.top-level-menu,
.top-level-menu > li,
.top-level-menu ul li {
    list-style: none !important;
    list-style-type: none !important;
    list-style-image: none !important;
}
.top-level-menu > li::marker,
.top-level-menu ul li::marker,
.second-level-menu > li::marker,
.third-level-menu li::marker {
    content: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
}
/* Hamburger içi kategori ağacı: ul + li birlikte (WebKit disc kaçışı #1290) — -hasancancap */
.mobile-menu-categories-main #categories-parent-main ul,
.mobile-menu-categories-main #categories-parent-main ul ul {
    list-style: none !important;
    list-style-type: none !important;
    list-style-image: none !important;
    padding-inline-start: 0 !important;
}
.mobile-menu-categories-main #categories-parent-main ul li {
    list-style: none !important;
    list-style-type: none !important;
    list-style-image: none !important;
}
.mobile-menu-categories-main #categories-parent-main ul li::marker {
    content: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
}
/* Mobil offcanvas #mobileMenu body’ye taşınır; #header seçicileri burada işlemez — UA liste noktası (destek #1290) — -hasancancap */
#mobileMenu .nav-ul-mb,
#mobileMenu .nav-ul-mb ul.sub-nav-menu,
#mobileMenu .nav-ul-mb ul.sub-menu-level-2 {
    list-style: none !important;
    list-style-type: none !important;
    list-style-image: none !important;
}
#mobileMenu .nav-ul-mb > li,
#mobileMenu .nav-ul-mb li.nav-mb-item,
#mobileMenu .sub-nav-menu > li,
#mobileMenu .sub-menu-level-2 > li {
    list-style: none !important;
    list-style-type: none !important;
    list-style-image: none !important;
}
#mobileMenu .nav-ul-mb li::marker,
#mobileMenu .sub-nav-menu li::marker,
#mobileMenu .sub-menu-level-2 li::marker {
    content: none !important;
}
ul.header-list-categories,
#header ul.header-list-categories > li.categories-item {
    list-style: none !important;
    list-style-type: none !important;
    list-style-image: none !important;
}
#header ul.header-list-categories > li.categories-item::marker {
    content: none !important;
}
/* tf-list-categories masaüstü açılırı #mobileMenu dışında; WebKit liste noktası (#1290) — -hasancancap */
#header .tf-list-categories ul.nav-ul-mb,
#header .tf-list-categories ul.sub-nav-menu,
#header .tf-list-categories ul.sub-menu-level-2,
#header .header-bottom .tf-list-categories .nav-ul-mb,
#header .header-bottom .tf-list-categories .sub-nav-menu {
    list-style: none !important;
    list-style-type: none !important;
    list-style-image: none !important;
}
#header .tf-list-categories ul.nav-ul-mb > li,
#header .tf-list-categories li.nav-mb-item,
#header .tf-list-categories .sub-nav-menu > li,
#header .tf-list-categories .sub-menu-level-2 > li {
    list-style: none !important;
    list-style-type: none !important;
    list-style-image: none !important;
}
#header .tf-list-categories ul.nav-ul-mb > li::marker,
#header .tf-list-categories .sub-nav-menu > li::marker,
#header .tf-list-categories .sub-menu-level-2 > li::marker {
    content: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
}
/* Modern mega içi + tüm alt ul: Bootstrap/UA disc (#1290) — -hasancancap */
#header .box-nav-ul ul,
#header .box-nav-ul .mega-menu ul,
#header .box-nav-ul .mega-menu .row-demo,
#header .box-nav-ul .mega-menu .menu-list,
.pz-home-integrated-nav-row .box-nav-ul ul,
.pz-home-integrated-nav-row .box-nav-ul .mega-menu ul,
.pz-home-integrated-nav-row .box-nav-ul .mega-menu .row-demo,
.pz-home-integrated-nav-row .box-nav-ul .mega-menu .menu-list {
    list-style: none !important;
    list-style-type: none !important;
    list-style-image: none !important;
}
#header .box-nav-ul li::marker,
#header .box-nav-ul ul li::marker,
#header .box-nav-ul .mega-menu li::marker,
#header .box-nav-ul .sub-menu li::marker,
.pz-home-integrated-nav-row .box-nav-ul li::marker,
.pz-home-integrated-nav-row .box-nav-ul ul li::marker,
.pz-home-integrated-nav-row .box-nav-ul .mega-menu li::marker,
.pz-home-integrated-nav-row .box-nav-ul .sub-menu li::marker {
    content: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
}
@media (min-width: 992px) {
#header .box-nav-ul .menu-item.pz-modern-has-children,
.pz-home-integrated-nav-row .box-nav-ul .menu-item.pz-modern-has-children {
    position: relative !important;
}
#header .box-nav-ul .menu-item.pz-modern-has-children > .pz-modern-cat-row,
.pz-home-integrated-nav-row .box-nav-ul .menu-item.pz-modern-has-children > .pz-modern-cat-row {
    display: flex !important;
    align-items: stretch !important;
    flex-direction: row !important;
    position: relative !important;
    z-index: 6 !important;
}
#header .box-nav-ul .menu-item.pz-modern-has-children > .pz-modern-cat-row > a.item-link,
.pz-home-integrated-nav-row .box-nav-ul .menu-item.pz-modern-has-children > .pz-modern-cat-row > a.item-link {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    position: relative !important;
    z-index: 1 !important;
}
#header .box-nav-ul .menu-item.pz-modern-has-children .pz-modern-cat-expand,
.pz-home-integrated-nav-row .box-nav-ul .menu-item.pz-modern-has-children .pz-modern-cat-expand {
    flex: 0 0 56px !important;
    width: 56px !important;
    min-width: 56px !important;
    min-height: 44px !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation !important;
    align-self: stretch !important;
    position: relative !important;
    z-index: 30 !important;
}
#header .box-nav-ul .menu-item.pz-modern-has-children.pz-modern-menu-open > .sub-menu,
#header .box-nav-ul .menu-item.pz-modern-has-children.pz-modern-menu-open > .sub-menu.mega-menu,
.pz-home-integrated-nav-row .box-nav-ul .menu-item.pz-modern-has-children.pz-modern-menu-open > .sub-menu,
.pz-home-integrated-nav-row .box-nav-ul .menu-item.pz-modern-has-children.pz-modern-menu-open > .sub-menu.mega-menu {
    pointer-events: all !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0) translateY(0) !important;
}
}