#top{background:#23412F !important;border-bottom:none !important;position:relative !important;z-index:10050 !important}#top,#top a,#top span,#top .btn-link,#top-links a,#top-links span{font-size:13px !important;font-weight:700 !important;color:#ffffff !important;opacity:1 !important;text-shadow:none !important;-webkit-font-smoothing:antialiased !important;text-rendering:geometricPrecision !important}#top i,#top-links i{color:#ffffff !important;opacity:1 !important;font-size:13px !important}#top-links .dropdown-menu{background:#ffffff !important;margin-top:0 !important;top:100% !important}#top-links .dropdown-menu>li>a{color:#2B2B2B !important;background:#ffffff !important}#top-links .dropdown-menu>li>a:hover{color:#ffffff !important;background:#23412F !important}#form-currency .dropdown-menu{background:#ffffff !important}#form-currency .dropdown-menu li button.currency-select,#form-currency .dropdown-menu li .currency-select{color:#2B2B2B !important;background:#ffffff !important;text-align:left !important}#form-currency .dropdown-menu li button.currency-select:hover,#form-currency .dropdown-menu li .currency-select:hover{color:#ffffff !important;background:#23412F !important}#top-links .dropdown.open>a,#top-links .dropdown.open>a:focus,#top-links .dropdown.open>a:hover,#top-links .dropdown.open>a:active{background:transparent !important;color:#ffffff !important}#top-links .dropdown.open>a i,#top-links .dropdown.open>a span,#top-links .dropdown.open>a .caret{color:#ffffff !important}header{background:#F8F4EC;padding-top:15px;padding-bottom:15px;position:sticky;top:0;z-index:9999;box-shadow:0 6px 18px rgba(0,0,0,.08)}#logo img{max-height:90px}.reyonx-logo{font-size:48px;font-weight:800;text-decoration:none !important;color:#23412F !important;line-height:1;outline:none !important;box-shadow:none !important;border:none !important}.reyonx-logo span{color:#E67E22}.reyonx-logo:focus,.reyonx-logo:active,.reyonx-logo:hover,#logo a,#logo a:focus,#logo a:active{outline:none !important;box-shadow:none !important;border:none !important;text-decoration:none !important}.reyonx-slogan{margin-top:5px;color:#666;font-size:13px;letter-spacing:1px}#search input,#search .form-control{height:46px;border-radius:8px 0 0 8px;border:1px solid #E5DFD2;font-size:14px}#search .input-group-btn .btn{height:46px;width:50px;border-radius:0 8px 8px 0;background:#23412F;border:1px solid #23412F;color:#fff;display:flex;align-items:center;justify-content:center;padding:0}#search .input-group-btn .btn:hover,#search .btn:hover{background:#E67E22;border-color:#E67E22}#cart>.btn{height:44px;border-radius:8px;background:#E67E22;border-color:#E67E22;color:#fff;font-weight:700}#cart>.btn:hover{background:#23412F;border-color:#23412F}#cart .dropdown-menu{border-radius:10px;border:1px solid #E5DFD2;box-shadow:0 10px 25px rgba(0,0,0,.12)}#menu{background:#23412F !important;border:none !important;border-radius:10px}#menu .nav>li>a{color:#ffffff !important;font-weight:600}#menu .nav>li>a:hover{background:#E67E22 !important}#menu .dropdown{position:relative}#menu .dropdown:hover .dropdown-menu{display:block !important}#menu .dropdown-menu{background:#ffffff !important;border:1px solid #E5DFD2 !important;border-radius:10px !important;box-shadow:0 10px 25px rgba(0,0,0,.12) !important;padding:12px !important;top:100% !important;margin-top:0 !important;padding-top:12px !important}#menu .dropdown-inner{padding:4px !important}#menu .dropdown-inner a,#menu .dropdown-inner ul li a{color:#23412F !important;background:transparent !important;border-radius:7px !important;padding:8px 12px !important;transition:all .2s ease !important}#menu .dropdown-inner a:hover,#menu .dropdown-inner ul li a:hover{color:#23412F !important;background:#F8F4EC !important;padding-left:16px !important}#menu .see-all{display:inline-block !important;margin-top:10px !important;padding:9px 14px !important;background:#E67E22 !important;color:#ffffff !important;border-radius:7px !important;font-weight:700 !important;transition:all .2s ease !important}#menu .see-all:hover{background:#23412F !important;color:#ffffff !important}#menu .see-all a{color:#23412F !important}#menu .see-all a:hover{color:#ffffff !important}.rx-live-search-wrap{position:relative}.rx-live-search-results{display:none;position:absolute;top:52px;left:0;right:0;background:#ffffff;border:1px solid #E5DFD2;border-radius:0 0 14px 14px;box-shadow:0 16px 38px rgba(35,65,47,.18);z-index:100000;overflow:hidden}.rx-live-search-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px solid #F0E8DC;color:#2B2B2B !important;background:#fff;text-decoration:none !important;transition:.2s}.rx-live-search-item:hover{background:#F8F4EC}.rx-live-image{position:relative;width:58px;height:58px;flex:0 0 58px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;border:1px solid #F0E8DC}.rx-live-image img{max-width:48px;max-height:48px;object-fit:contain}.rx-live-info{min-width:0;flex:1}.rx-live-info strong{display:block;color:#23412F;font-size:13px;line-height:18px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rx-live-price{margin-top:4px;font-size:13px}.rx-live-price-new{color:#23412F;font-weight:900}.rx-live-price-old{color:#d62828;text-decoration:line-through;text-decoration-color:#000;margin-left:7px;font-weight:700}.rx-live-discount{position:absolute;top:-7px;right:-7px;width:30px;height:30px;border-radius:50%;background:#d62828;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;box-shadow:0 4px 10px rgba(0,0,0,.20)}.rx-live-all{display:block;text-align:center;padding:12px;background:#23412F;color:#fff !important;font-weight:800;text-decoration:none !important}.rx-live-all:hover{background:#E67E22}.rx-live-empty{padding:14px;color:#666;font-weight:700;text-align:center}.whatsapp-btn{position:fixed;right:25px;bottom:25px;width:64px;height:64px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px rgba(0,0,0,.30);z-index:999999}.whatsapp-btn img{width:38px;height:38px}@media (max-width:768px){header{box-shadow:0 2px 8px rgba(0,0,0,.06) !important;padding-top:10px !important;padding-bottom:10px !important}header .container{padding-left:12px !important;padding-right:12px !important}.reyonx-logo{font-size:34px !important}.reyonx-slogan{font-size:11px !important;letter-spacing:.4px !important}#search .form-control,#search .input-group-btn .btn,#cart>.btn{height:40px !important}#search .input-group-btn .btn{width:44px !important}.rx-live-search-results{top:50px}.rx-live-info strong{white-space:normal}.whatsapp-btn{width:54px !important;height:54px !important;right:14px !important;bottom:18px !important}.whatsapp-btn img{width:32px !important;height:32px !important}}@media (max-width:480px){header{box-shadow:0 1px 6px rgba(0,0,0,.05) !important}}#rx-sticky-header-menu header{position:relative !important;z-index:100300 !important;overflow:visible !important}#rx-sticky-header-menu #menu{position:relative !important;z-index:100200 !important}#rx-sticky-header-menu .row,#rx-sticky-header-menu [class*="col-"]{overflow:visible !important}#rx-sticky-header-menu #search,#rx-sticky-header-menu .rx-live-search-wrap{position:relative !important;z-index:100400 !important}#rx-sticky-header-menu .rx-live-search-results,.rx-live-search-results{z-index:100500 !important}@media(max-width:768px){#rx-sticky-header-menu header{z-index:100300 !important}#rx-sticky-header-menu #menu{z-index:100200 !important}#rx-sticky-header-menu .rx-live-search-results,.rx-live-search-results{z-index:100500 !important}}#top{position:relative !important;z-index:100800 !important;overflow:visible !important}#top .container,#top .nav,#top .list-inline,#top .dropdown{overflow:visible !important}#top .dropdown-menu,#top-links .dropdown-menu,#form-currency .dropdown-menu,#form-language .dropdown-menu{position:absolute !important;z-index:100900 !important} /* ========================================================== REYONX STICKY HEADER - FINAL OVERRIDE Header + menu together fixed by the outer wrapper. ========================================================== */ #rx-sticky-header-menu{ position:-webkit-sticky !important; position:sticky !important; top:0 !important; left:auto !important; right:auto !important; width:100% !important; z-index:100300 !important; background:#F8F4EC !important; box-shadow:0 6px 18px rgba(0,0,0,.08) !important; overflow:visible !important; } #rx-sticky-header-menu header{ position:relative !important; top:auto !important; z-index:100301 !important; overflow:visible !important; box-shadow:none !important; } #rx-sticky-header-menu #menu{ position:relative !important; top:auto !important; z-index:100302 !important; margin-bottom:0 !important; } #rx-sticky-header-menu .container, #rx-sticky-header-menu .row, #rx-sticky-header-menu [class*="col-"]{ overflow:visible !important; } #rx-sticky-header-menu #cart, #rx-sticky-header-menu #cart.open{ position:relative !important; z-index:100500 !important; overflow:visible !important; } #rx-sticky-header-menu #cart .dropdown-menu, #rx-sticky-header-menu #cart .rx-mini-cart-dropdown{ z-index:100600 !important; } #rx-sticky-header-menu #menu .dropdown-menu{ z-index:100400 !important; } #rx-sticky-header-menu #search, #rx-sticky-header-menu .rx-live-search-wrap{ position:relative !important; z-index:100450 !important; } #rx-sticky-header-menu .rx-live-search-results{ z-index:100550 !important; } @media(max-width:768px){ #rx-sticky-header-menu{ top:0 !important; z-index:100300 !important; } #rx-sticky-header-menu #menu .navbar-collapse{ max-height:65vh !important; overflow-y:auto !important; } } /* ========================================================== ReyonX Faz-5.3H Live Search bağımsızlık setup Kaynak: reyonx.css içindeki canlı arama öneri blokları Not: reyonx.css bu pakette değişmedi. ========================================================== */ .rx-live-category{margin-top:3px !important;color:#777 !important;font-size:11px !important;line-height:1.3 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important} .rx-live-category i{color:#E67E22 !important;margin-right:4px !important} .rx-live-mark{background:rgba(230,126,34,.16) !important;color:#23412F !important;padding:0 2px !important;border-radius:3px !important;font-weight:900 !important} .rx-live-search-item.rx-live-active,.rx-live-suggestion.rx-live-active,.rx-live-all.rx-live-active{background:#F8F4EC !important;outline:2px solid rgba(230,126,34,.35) !important;outline-offset:-2px !important} .rx-live-suggestions{padding:10px !important;background:#fff !important} .rx-live-suggestion{width:100% !important;display:flex !important;align-items:center !important;gap:8px !important;border:0 !important;border-radius:9px !important;background:#fff !important;color:#2B2B2B !important;padding:9px 10px !important;text-align:left !important;font-size:13px !important;font-weight:800 !important;transition:all .18s ease !important} .rx-live-suggestion:hover{background:#F8F4EC !important;color:#23412F !important} .rx-live-suggestion i{color:#E67E22 !important;width:14px !important;text-align:center !important} @media(max-width:768px){.rx-live-category{white-space:normal !important;font-size:10px !important}.rx-live-suggestion{font-size:12px !important;padding:8px 9px !important}} /* ========================================================== REYONX FAZ-5.3M HEADER ECOSYSTEM SETUP Kaynak: reyonx.css içindeki kalan header/menu/search/sticky kuralları. Bu setup aşamasında reyonx.css değişmez. ========================================================== */ header{background:#ffffff;padding-top:15px;padding-bottom:15px}.reyonx-logo{font-size:48px;font-weight:800;text-decoration:none !important;color:#23412F !important;line-height:1}#menu .dropdown-menu{border:none;border-radius:10px}#menu .dropdown-menu a:hover{background:#F8F4EC}#menu .dropdown-inner a,#menu .dropdown-inner ul li a{color:#333333 !important;background:transparent !important}#menu .dropdown-inner a:hover,#menu .dropdown-inner ul li a:hover{color:#ffffff !important;background:#23412F !important}#menu .see-all{color:#23412F !important;background:#ffffff !important}#menu .see-all:hover{color:#ffffff !important;background:#23412F !important}#menu .dropdown-menu{background:#ffffff !important;border:1px solid #E5DFD2 !important;border-radius:10px !important;box-shadow:0 10px 25px rgba(0,0,0,.12) !important;padding:12px !important;margin-top:0 !important}#menu .dropdown-inner a{color:#23412F !important;background:transparent !important;border-radius:7px !important;padding:8px 12px !important;transition:all .2s ease !important}#menu .dropdown-inner a:hover{color:#23412F !important;background:#F8F4EC !important;padding-left:16px !important}#menu .dropdown-menu{top:100% !important;margin-top:0 !important;padding-top:12px !important}header{position:sticky;top:0;z-index:9999;background:#F8F4EC;box-shadow:0 6px 18px rgba(0,0,0,.08)}#search input{height:44px;border-radius:8px 0 0 8px;border:1px solid #E5DFD2;font-size:15px}#search .form-control{height:46px;border-radius:8px 0 0 8px;border:1px solid #E5DFD2;font-size:14px}#search .input-group-btn .btn:hover{background:#E67E22;border-color:#E67E22}#search .btn:hover{background:#E67E22;border-color:#E67E22}.reyonx-logo,.reyonx-logo:focus,.reyonx-logo:active,.reyonx-logo:hover{outline:none !important;box-shadow:none !important;border:none !important;text-decoration:none !important}#logo a,#logo a:focus,#logo a:active{outline:none !important;box-shadow:none !important}#rx-sticky-header-menu{position:sticky !important;top:0 !important;z-index:10020 !important;background:#F8F4EC !important;box-shadow:0 6px 18px rgba(0,0,0,.08) !important}#rx-sticky-header-menu header{position:relative !important;top:auto !important;z-index:auto !important;box-shadow:none !important}#rx-sticky-header-menu #menu{position:relative !important;top:auto !important;z-index:10021 !important;margin-bottom:0 !important}#rx-sticky-header-menu .container+.container{padding-top:0 !important}#rx-sticky-header-menu #menu .dropdown-menu{z-index:10030 !important}#rx-sticky-header-menu,#rx-sticky-header-menu header,#rx-sticky-header-menu .container,#rx-sticky-header-menu .row,#rx-sticky-header-menu [class*="col-"]{overflow:visible !important}#rx-sticky-header-menu{position:relative !important;z-index:99990 !important}#menu{position:relative !important;z-index:100 !important}header{position:relative !important;top:auto !important}#rx-sticky-header-menu{position:sticky !important;position:-webkit-sticky !important;top:0 !important;z-index:100000 !important;background:#F8F4EC !important;box-shadow:0 6px 18px rgba(0,0,0,.08) !important;isolation:isolate !important}#rx-sticky-header-menu header{position:relative !important;top:auto !important;z-index:100001 !important;background:#ffffff !important;box-shadow:none !important}#rx-sticky-header-menu #menu{position:relative !important;top:auto !important;z-index:100002 !important;margin-bottom:0 !important}#rx-sticky-header-menu>.container{position:relative !important;z-index:100002 !important;overflow:visible !important}#rx-sticky-header-menu #menu .dropdown{position:relative !important}#rx-sticky-header-menu #menu .dropdown-menu{z-index:100010 !important}#rx-sticky-header-menu,#rx-sticky-header-menu header,#rx-sticky-header-menu #menu,#rx-sticky-header-menu #menu .navbar-collapse,#rx-sticky-header-menu #menu .navbar-nav{overflow:visible !important}#rx-sticky-header-menu *{transform:none}@media (min-width:769px){#rx-sticky-header-menu{padding-bottom:0 !important}#rx-sticky-header-menu header{padding-top:15px !important;padding-bottom:15px !important}#rx-sticky-header-menu #menu{box-shadow:none !important}#rx-sticky-header-menu{width:100% !important}#rx-sticky-header-menu #menu{border-radius:10px !important}}@media (max-width:768px){#rx-sticky-header-menu{box-shadow:0 4px 12px rgba(0,0,0,.08) !important}#rx-sticky-header-menu header{padding-top:10px !important;padding-bottom:10px !important}#rx-sticky-header-menu #menu{border-radius:10px !important}#rx-sticky-header-menu #menu .navbar-collapse{max-height:65vh !important;overflow-y:auto !important}#rx-sticky-header-menu{width:100% !important;box-shadow:0 4px 12px rgba(0,0,0,.08) !important}#rx-sticky-header-menu #menu .navbar-collapse{max-height:65vh !important;overflow-y:auto !important;overflow-x:hidden !important}} /* Faz-5.3M Mega Menü Tümünü Göster renk düzeltmesi */ #menu .see-all{ display:inline-block !important; margin-top:10px !important; padding:9px 14px !important; background:#E67E22 !important; color:#ffffff !important; border-radius:7px !important; font-weight:700 !important; border-top:0 !important; transition:all .2s ease !important; } #menu .see-all:hover, #menu .see-all:focus{ background:#23412F !important; color:#ffffff !important; } #menu .see-all a, #menu .see-all a:hover, #menu .see-all a:focus{ color:#ffffff !important; } /* ========================================================= FAZ-6.2 CANLI ARAMA PREMIUM Scope: Header live search only Notes: ReyonX Core CSS'e dokunmaz. Sadece arama öneri paneli, sonuç satırları, klavye aktif hali ve mobil görünüm iyileştirilir. ========================================================= */ #rx-sticky-header-menu .rx-live-search-results, .rx-live-search-results{ border-radius:0 0 16px 16px !important; border:1px solid #E8E0D3 !important; border-top:0 !important; box-shadow:0 18px 44px rgba(35,65,47,.20) !important; overflow:hidden !important; transform-origin:top center !important; animation:rxLiveSearchPremiumIn .18s ease both !important; } @keyframes rxLiveSearchPremiumIn{ from{opacity:0;transform:translateY(-4px) scale(.992)} to{opacity:1;transform:translateY(0) scale(1)} } #rx-sticky-header-menu .rx-live-search-item, .rx-live-search-item{ position:relative !important; min-height:78px !important; padding:12px 15px !important; gap:13px !important; border-bottom:1px solid #F2EADF !important; transition:background .18s ease,transform .18s ease,box-shadow .18s ease !important; } #rx-sticky-header-menu .rx-live-search-item:hover, #rx-sticky-header-menu .rx-live-search-item.rx-live-active, .rx-live-search-item:hover, .rx-live-search-item.rx-live-active{ background:#FFF8EE !important; transform:translateX(2px) !important; box-shadow:inset 3px 0 0 #E67E22 !important; outline:0 !important; } #rx-sticky-header-menu .rx-live-image, .rx-live-image{ width:62px !important; height:62px !important; flex-basis:62px !important; border-radius:12px !important; background:linear-gradient(180deg,#ffffff 0%,#fffaf2 100%) !important; transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease !important; } #rx-sticky-header-menu .rx-live-search-item:hover .rx-live-image, #rx-sticky-header-menu .rx-live-search-item.rx-live-active .rx-live-image, .rx-live-search-item:hover .rx-live-image, .rx-live-search-item.rx-live-active .rx-live-image{ border-color:rgba(230,126,34,.45) !important; box-shadow:0 7px 16px rgba(35,65,47,.10) !important; } #rx-sticky-header-menu .rx-live-image img, .rx-live-image img{ transition:transform .20s ease !important; } #rx-sticky-header-menu .rx-live-search-item:hover .rx-live-image img, #rx-sticky-header-menu .rx-live-search-item.rx-live-active .rx-live-image img, .rx-live-search-item:hover .rx-live-image img, .rx-live-search-item.rx-live-active .rx-live-image img{ transform:scale(1.035) !important; } #rx-sticky-header-menu .rx-live-info strong, .rx-live-info strong{ color:#23412F !important; font-size:13px !important; letter-spacing:.05px !important; } #rx-sticky-header-menu .rx-live-search-item:hover .rx-live-info strong, #rx-sticky-header-menu .rx-live-search-item.rx-live-active .rx-live-info strong, .rx-live-search-item:hover .rx-live-info strong, .rx-live-search-item.rx-live-active .rx-live-info strong{ color:#E67E22 !important; } #rx-sticky-header-menu .rx-live-price, .rx-live-price{ display:flex !important; align-items:center !important; gap:7px !important; flex-wrap:wrap !important; } #rx-sticky-header-menu .rx-live-price-new, .rx-live-price-new{ font-size:13px !important; font-weight:900 !important; } #rx-sticky-header-menu .rx-live-category, .rx-live-category{ margin-top:4px !important; color:#777 !important; } #rx-sticky-header-menu .rx-live-all, .rx-live-all{ min-height:44px !important; display:flex !important; align-items:center !important; justify-content:center !important; gap:7px !important; background:#23412F !important; transition:background .18s ease,letter-spacing .18s ease !important; } #rx-sticky-header-menu .rx-live-all:hover, #rx-sticky-header-menu .rx-live-all.rx-live-active, .rx-live-all:hover, .rx-live-all.rx-live-active{ background:#E67E22 !important; letter-spacing:.15px !important; } #rx-sticky-header-menu .rx-live-suggestions, .rx-live-suggestions{ background:#ffffff !important; border-top:1px solid #F2EADF !important; } #rx-sticky-header-menu .rx-live-suggestion, .rx-live-suggestion{ border-radius:10px !important; transition:background .18s ease,color .18s ease,transform .18s ease !important; } #rx-sticky-header-menu .rx-live-suggestion:hover, #rx-sticky-header-menu .rx-live-suggestion.rx-live-active, .rx-live-suggestion:hover, .rx-live-suggestion.rx-live-active{ background:#FFF8EE !important; color:#23412F !important; transform:translateX(2px) !important; outline:0 !important; } #rx-sticky-header-menu .rx-live-empty, .rx-live-empty{ padding:16px !important; color:#666 !important; background:#fff !important; } @media(max-width:768px){ #rx-sticky-header-menu .rx-live-search-results, .rx-live-search-results{ border-radius:0 0 14px 14px !important; box-shadow:0 14px 34px rgba(35,65,47,.18) !important; } #rx-sticky-header-menu .rx-live-search-item, .rx-live-search-item{ min-height:68px !important; padding:10px 11px !important; gap:10px !important; transform:none !important; } #rx-sticky-header-menu .rx-live-search-item:hover, #rx-sticky-header-menu .rx-live-search-item.rx-live-active, .rx-live-search-item:hover, .rx-live-search-item.rx-live-active{ transform:none !important; } #rx-sticky-header-menu .rx-live-image, .rx-live-image{ width:52px !important; height:52px !important; flex-basis:52px !important; } #rx-sticky-header-menu .rx-live-image img, .rx-live-image img{ max-width:43px !important; max-height:43px !important; } } /* ========================================================= FAZ-6.2 REV-2 Mobile live search stacking fix Scope: Header mobile search only Problem: Live search first result was staying under orange mini-cart button. ========================================================= */ @media(max-width:768px){ #rx-sticky-header-menu header .row{ position:relative !important; overflow:visible !important; } #rx-sticky-header-menu header .row > .col-sm-5{ position:relative !important; z-index:2147483400 !important; overflow:visible !important; } #rx-sticky-header-menu header .row > .col-sm-3{ position:relative !important; z-index:2147482000 !important; overflow:visible !important; } #rx-sticky-header-menu #search, #rx-sticky-header-menu .rx-live-search-wrap{ position:relative !important; z-index:2147483500 !important; overflow:visible !important; } #rx-sticky-header-menu .rx-live-search-results, .rx-live-search-results{ position:absolute !important; top:calc(100% + 2px) !important; left:0 !important; right:0 !important; z-index:2147483600 !important; max-height:65vh !important; overflow-y:auto !important; overflow-x:hidden !important; } #rx-sticky-header-menu #cart, #rx-sticky-header-menu #cart.open, #rx-sticky-header-menu #cart.rx-cart-open{ position:relative !important; z-index:2147482100 !important; } } /* ========================================================= FAZ-6.2 REV-3 Mobile live-search / cart bar overlap fix Scope: Mobil header canlı arama Not: PC tarafına dokunmaz. Sonuç paneli mobilde turuncu sepet butonunun altından başlar; böylece ilk ürün barın arkasında kalmaz. ========================================================= */ @media (max-width:768px){ #rx-sticky-header-menu, #rx-sticky-header-menu header, #rx-sticky-header-menu header .container, #rx-sticky-header-menu header .row, #rx-sticky-header-menu header [class*="col-"]{ overflow:visible !important; } #rx-sticky-header-menu header .col-sm-5{ position:relative !important; z-index:2147483600 !important; overflow:visible !important; } #rx-sticky-header-menu header .col-sm-3, #rx-sticky-header-menu #cart, #rx-sticky-header-menu #cart.rx-mini-cart, #rx-sticky-header-menu #cart.open, #rx-sticky-header-menu #cart.rx-cart-open{ position:relative !important; z-index:2147482000 !important; } #rx-sticky-header-menu #search, #rx-sticky-header-menu .rx-live-search-wrap{ position:relative !important; z-index:2147483600 !important; overflow:visible !important; } #rx-sticky-header-menu .rx-live-search-results, .rx-live-search-results{ position:absolute !important; top:92px !important; left:0 !important; right:0 !important; z-index:2147483640 !important; max-height:58vh !important; overflow-y:auto !important; overflow-x:hidden !important; } } /* ========================================================= FAZ-6.2 REV-4 Mobile live search layer correction Scope: mobile header live-search only. Reason: The live search panel must sit above the orange cart bar. ========================================================= */ @media(max-width:768px){ #rx-sticky-header-menu, #rx-sticky-header-menu header, #rx-sticky-header-menu header .container, #rx-sticky-header-menu header .row, #rx-sticky-header-menu header [class*="col-"]{ overflow:visible !important; transform:none !important; } #rx-sticky-header-menu header .col-sm-3, #rx-sticky-header-menu #cart, #rx-sticky-header-menu #cart.rx-mini-cart, #rx-sticky-header-menu #cart.open, #rx-sticky-header-menu #cart.rx-cart-open{ position:relative !important; z-index:1000 !important; } #rx-sticky-header-menu .rx-live-search-results, .rx-live-search-results{ position:absolute !important; top:calc(100% + 2px) !important; left:0 !important; right:0 !important; z-index:2147483640 !important; max-height:62vh !important; overflow-y:auto !important; overflow-x:hidden !important; transform:translateZ(0) !important; } } /* ========================================================= REYONX — LIVE SEARCH DISCOUNT BADGE LAYER FIX Keeps the discount badge above the product image while hovering live-search results. ========================================================= */ .rx-live-search-results .rx-live-image{ position:relative !important; overflow:visible !important; isolation:isolate !important; } .rx-live-search-results .rx-live-image img{ position:relative !important; z-index:1 !important; } .rx-live-search-results .rx-live-discount{ z-index:5 !important; pointer-events:none !important; } /* ========================================================= REYONX FAZ-8.6 — ÜST BAR ODAK ÇERÇEVESİ DÜZELTMESİ Kapsam: - A. Listem - Sepetim - Alışverişi Tamamla Diğer header bağlantılarına, dropdown menülere ve sayfa içindeki genel focus stillerine dokunmaz. ========================================================= */ #top-links a#wishlist-total:focus, #top-links a#wishlist-total:active, #top-links a[href*="checkout/cart"]:focus, #top-links a[href*="checkout/cart"]:active, #top-links a[href*="checkout/checkout"]:focus, #top-links a[href*="checkout/checkout"]:active { outline: none !important; outline-offset: 0 !important; box-shadow: none !important; border-color: transparent !important; background-color: transparent !important; text-decoration: none !important; } /* Bootstrap'in iç gölge/focus etkisini de yalnızca bu üç bağlantıda kaldırır. */ #top-links a#wishlist-total::-moz-focus-inner, #top-links a[href*="checkout/cart"]::-moz-focus-inner, #top-links a[href*="checkout/checkout"]::-moz-focus-inner { border: 0 !important; padding: 0; } /* ========================================================= REYONX FAZ-8.6 — TÜM KATEGORİLER MEGA MENÜSÜ Dinamik ana kategori + alt kategori + üçüncü seviye yapı. ========================================================= */ @media (min-width:769px){ #menu .rx-all-categories{position:static !important} #menu .rx-all-categories-toggle{display:flex !important;align-items:center !important;gap:8px !important;background:#23412F !important;color:#ffffff !important;white-space:nowrap !important} #menu .rx-all-categories-toggle:hover, #menu .rx-all-categories.open>.rx-all-categories-toggle{background:#2C5138 !important;color:#ffffff !important} #menu .rx-all-categories-arrow{margin-left:2px !important;font-size:12px !important} #menu .rx-all-categories-menu{left:0 !important;right:0 !important;width:100% !important;max-height:560px !important;overflow-y:auto !important;overflow-x:hidden !important;padding:0 !important;border-radius:0 0 14px 14px !important} #menu .rx-all-categories-head{display:flex !important;align-items:baseline !important;gap:12px !important;padding:18px 22px 13px !important;border-bottom:1px solid #eee5d8 !important;background:#F8F4EC !important} #menu .rx-all-categories-head strong{font-size:19px !important;color:#23412F !important} #menu .rx-all-categories-head span{font-size:12px !important;color:#777 !important} #menu .rx-all-categories-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:22px 26px !important;padding:22px !important} #menu .rx-all-category-group{min-width:0 !important} #menu .rx-all-category-title{display:block !important;padding:0 0 8px !important;border-bottom:2px solid #E67E22 !important;border-radius:0 !important;color:#23412F !important;font-size:15px !important;font-weight:800 !important;line-height:1.35 !important} #menu .rx-all-category-title:hover{padding-left:0 !important;background:transparent !important;color:#E67E22 !important} #menu .rx-all-category-children{margin:8px 0 0 !important} #menu .rx-all-category-children>li{margin:0 !important} #menu .rx-all-category-children>li>a{display:block !important;padding:6px 0 !important;color:#2B2B2B !important;font-size:13px !important;font-weight:700 !important;line-height:1.35 !important} #menu .rx-all-category-children>li>a:hover{padding-left:5px !important;background:transparent !important;color:#E67E22 !important} #menu .rx-all-category-grandchildren{margin:0 0 4px 10px !important;padding-left:9px !important;border-left:1px solid #e7ded1 !important} #menu .rx-all-category-grandchildren a{display:block !important;padding:3px 0 !important;color:#696969 !important;font-size:12px !important;font-weight:500 !important;line-height:1.35 !important} #menu .rx-all-category-grandchildren a:hover{padding-left:4px !important;background:transparent !important;color:#23412F !important} } @media (min-width:769px) and (max-width:1100px){ #menu .rx-all-categories-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important} } @media (max-width:768px){ #menu .rx-all-categories-toggle{display:flex !important;align-items:center !important;gap:9px !important;background:#23412F !important;color:#fff !important} #menu .rx-all-categories-arrow{margin-left:auto !important} #menu .rx-all-categories-menu{position:static !important;float:none !important;width:100% !important;max-height:none !important;overflow:visible !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;background:#fff !important} #menu .rx-all-categories-head{padding:13px 15px 10px !important;border-bottom:1px solid #eee5d8 !important;background:#F8F4EC !important} #menu .rx-all-categories-head strong{display:block !important;color:#23412F !important;font-size:15px !important} #menu .rx-all-categories-head span{display:block !important;margin-top:2px !important;color:#777 !important;font-size:11px !important} #menu .rx-all-categories-grid{display:block !important;padding:6px 14px 12px !important} #menu .rx-all-category-group{padding:9px 0 !important;border-bottom:1px solid #eee5d8 !important} #menu .rx-all-category-group:last-child{border-bottom:0 !important} #menu .rx-all-category-title{display:block !important;padding:5px 0 !important;color:#23412F !important;font-size:14px !important;font-weight:800 !important} #menu .rx-all-category-children{margin:2px 0 0 10px !important} #menu .rx-all-category-children>li>a{display:block !important;padding:5px 0 !important;color:#333 !important;font-size:13px !important;font-weight:700 !important} #menu .rx-all-category-grandchildren{margin:0 0 3px 10px !important;padding-left:9px !important;border-left:1px solid #e7ded1 !important} #menu .rx-all-category-grandchildren a{display:block !important;padding:3px 0 !important;color:#6c6c6c !important;font-size:12px !important} } /* ========================================================= REYONX FAZ-8.6 — TÜM KATEGORİLER PANELİ YERLEŞİM DÜZELTMESİ Sticky header'ın dropdown öğelerine verdiği position:relative kuralını yalnızca Tüm Kategoriler öğesi için güvenle ezer. ========================================================= */ @media (min-width:769px){ #rx-sticky-header-menu #menu .navbar-collapse{ position:relative !important; } #rx-sticky-header-menu #menu .navbar-nav{ position:static !important; } #rx-sticky-header-menu #menu .rx-all-categories{ position:static !important; } #rx-sticky-header-menu #menu .rx-all-categories-menu{ position:absolute !important; top:100% !important; left:0 !important; right:0 !important; width:auto !important; min-width:100% !important; max-width:none !important; margin:0 !important; box-sizing:border-box !important; z-index:100020 !important; } } /* ========================================================= REYONX FAZ-8.6 — TÜM KATEGORİLER AKORDEON DÜZENİ Ana kategori başlıkları PC ve mobilde kapalı başlar. Alt kategoriler yalnızca başlığa tıklanınca açılır. ========================================================= */ #menu .rx-all-category-title[aria-expanded]{ width:100% !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; margin:0 !important; background:transparent !important; border-left:0 !important; border-right:0 !important; border-top:0 !important; text-align:left !important; cursor:pointer !important; font-family:inherit !important; outline:none !important; box-shadow:none !important; } #menu .rx-all-category-title[aria-expanded] i{ flex:0 0 auto !important; transition:transform .2s ease !important; } #menu .rx-all-category-title[aria-expanded="true"] i{ transform:rotate(180deg) !important; } #menu .rx-all-category-panel[hidden]{ display:none !important; } #menu .rx-all-category-panel{ display:block !important; } #menu .rx-all-category-view-all{ display:block !important; color:#E67E22 !important; font-size:12px !important; font-weight:700 !important; line-height:1.4 !important; } @media (min-width:769px){ #menu .rx-all-category-title[aria-expanded]{ padding:0 0 8px !important; border-bottom:2px solid #E67E22 !important; border-radius:0 !important; color:#23412F !important; font-size:15px !important; font-weight:800 !important; line-height:1.35 !important; } #menu .rx-all-category-title[aria-expanded]:hover, #menu .rx-all-category-title[aria-expanded="true"]{ color:#E67E22 !important; } #menu .rx-all-category-panel{ padding-top:8px !important; } #menu .rx-all-category-view-all{ padding:1px 0 5px !important; } #menu .rx-all-category-direct{ display:flex !important; align-items:center !important; min-height:30px !important; } } @media (max-width:768px){ #menu .rx-all-category-title[aria-expanded]{ padding:7px 0 !important; border-bottom:0 !important; color:#23412F !important; font-size:14px !important; font-weight:800 !important; line-height:1.35 !important; } #menu .rx-all-category-title[aria-expanded="true"]{ color:#E67E22 !important; } #menu .rx-all-category-panel{ padding:0 0 5px 10px !important; } #menu .rx-all-category-view-all{ padding:2px 0 5px !important; } #menu .rx-all-category-direct{ padding:7px 0 !important; } } /* ========================================================= REYONX FAZ-8.6 — TÜM KATEGORİLER / NORMAL MENÜ UYUMU Başlık diğer ana kategori bağlantılarıyla aynı görünür. ========================================================= */ #menu .nav > li.rx-all-categories > a.rx-all-categories-toggle, #menu .nav > li.rx-all-categories > a.rx-all-categories-toggle:focus, #menu .nav > li.rx-all-categories > a.rx-all-categories-toggle:active { display:block !important; background:transparent !important; color:#ffffff !important; font-weight:600 !important; white-space:nowrap !important; } #menu .nav > li.rx-all-categories > a.rx-all-categories-toggle:hover, #menu .nav > li.rx-all-categories.open > a.rx-all-categories-toggle, #menu .nav > li.rx-all-categories.open > a.rx-all-categories-toggle:hover, #menu .nav > li.rx-all-categories.open > a.rx-all-categories-toggle:focus { background:#E67E22 !important; color:#ffffff !important; } /* ========================================================= REYONX FAZ-8.6 — MOBİL MEGA MENÜ TAM AKORDEON DAVRANIŞI Alt menüsü olan tüm ana kategoriler ilk dokunuşta açılır, aynı başlığa ikinci dokunuşta kapanır. ========================================================= */ @media (max-width: 768px) { /* Masaüstündeki hover ile açılma kuralının dokunmatik ekranda kapanmayı engellemesini önler. */ #menu .navbar-nav > li.dropdown > .dropdown-menu, #rx-sticky-header-menu #menu .navbar-nav > li.dropdown > .dropdown-menu { display: none !important; } #menu .navbar-nav > li.dropdown.open > .dropdown-menu, #rx-sticky-header-menu #menu .navbar-nav > li.dropdown.open > .dropdown-menu { display: block !important; } #menu .navbar-nav > li.dropdown > a.dropdown-toggle:focus, #menu .navbar-nav > li.dropdown > a.dropdown-toggle:active { outline: none !important; box-shadow: none !important; } } /* ========================================================= REYONX FAZ-8.6 — TÜM ÜRÜNLERİ GÖR ODAK ÇERÇEVESİ Kapsam yalnızca Tüm Kategoriler akordeonundaki "... kategorisindeki tüm ürünleri gör" bağlantılarıdır. ========================================================= */ #menu .rx-all-categories-menu a.rx-all-category-view-all:focus, #menu .rx-all-categories-menu a.rx-all-category-view-all:focus-visible, #menu .rx-all-categories-menu a.rx-all-category-view-all:active, #rx-sticky-header-menu #menu .rx-all-categories-menu a.rx-all-category-view-all:focus, #rx-sticky-header-menu #menu .rx-all-categories-menu a.rx-all-category-view-all:focus-visible, #rx-sticky-header-menu #menu .rx-all-categories-menu a.rx-all-category-view-all:active { outline: 0 !important; outline-offset: 0 !important; border: 0 !important; box-shadow: none !important; background-color: transparent !important; text-decoration: none !important; -webkit-tap-highlight-color: transparent !important; } /* ReyonX - Canlı arama ücretsiz kargo arması */ .rx-live-free-shipping{position:absolute;left:-6px;bottom:-6px;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#F8F4EC;border:1px solid rgba(35,65,47,.18);color:#E67E22;box-shadow:0 4px 10px rgba(35,65,47,.18);font-size:11px;font-weight:900;z-index:3}.rx-live-free-shipping i{color:#E67E22!important;margin:0!important}