/* ========================================================== ReyonX CSS Temizlik Faz-2 Quick View CSS sadeleştirme. Sadece #rx-quick-view-modal ve #rx-qv-floating-close alanlarını etkiler. ========================================================== */ body.modal-open #rx-sticky-header-menu{z-index:900!important}body.modal-open #top{z-index:950!important} #rx-quick-view-modal.rx-qv-modal,#rx-quick-view-modal.modal{position:fixed!important;inset:0!important;z-index:2147483200!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important} .modal-backdrop,.modal-backdrop.in{z-index:2147483100!important;opacity:.58!important;background:#16291e!important} #rx-quick-view-modal .rx-qv-dialog{width:860px!important;max-width:calc(100% - 32px)!important;margin:7vh auto!important;position:relative!important;z-index:2147483300!important} #rx-quick-view-modal .rx-qv-content{position:relative!important;z-index:2147483301!important;border:0!important;border-radius:22px!important;overflow:hidden!important;background:#F8F4EC!important;box-shadow:0 34px 90px rgba(0,0,0,.34)!important} #rx-qv-floating-close,#rx-qv-floating-close.rx-qv-floating-close{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important} #rx-quick-view-modal .rx-qv-close{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;position:absolute!important;top:8px!important;right:8px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;padding:0!important;margin:0!important;border:2px solid #fff!important;border-radius:50%!important;background:#E67E22!important;color:#fff!important;z-index:2147483600!important;align-items:center!important;justify-content:center!important;box-shadow:0 8px 20px rgba(0,0,0,.30)!important;cursor:pointer!important;text-shadow:none!important;float:none!important} #rx-quick-view-modal .rx-qv-close:hover{background:#23412F!important;color:#fff!important} #rx-quick-view-modal .rx-qv-close span{display:block!important;color:#fff!important;font-size:26px!important;line-height:30px!important;font-weight:900!important;visibility:visible!important} #rx-quick-view-modal .rx-qv-grid{display:grid!important;grid-template-columns:42% 58%!important;gap:0!important;min-height:390px!important} #rx-quick-view-modal .rx-qv-image-wrap{position:relative!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:34px!important;visibility:visible!important;overflow:visible!important} #rx-quick-view-modal .rx-qv-image-wrap img{display:block!important;max-width:100%!important;max-height:300px!important;width:auto!important;height:auto!important;object-fit:contain!important;opacity:1!important;visibility:visible!important;margin:auto!important} #rx-quick-view-modal .rx-qv-no-image{width:160px!important;height:160px!important;border-radius:18px!important;background:#F8F4EC!important;border:1px dashed #E8E0D3!important;color:#23412F!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:42px!important} #rx-quick-view-modal .rx-qv-discount{position:absolute!important;top:22px!important;right:22px!important;width:54px!important;height:54px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#e74c3c!important;color:#fff!important;font-size:16px!important;font-weight:900!important;box-shadow:0 10px 24px rgba(231,76,60,.28)!important;z-index:30!important;opacity:1!important;visibility:visible!important} #rx-quick-view-modal .rx-qv-info{padding:42px 38px 34px!important;background:#F8F4EC!important} #rx-quick-view-modal .rx-qv-kicker{display:inline-flex!important;align-items:center!important;background:#23412F!important;color:#fff!important;border-radius:999px!important;padding:6px 12px!important;font-size:11px!important;font-weight:900!important;letter-spacing:.3px!important;margin-bottom:12px!important} #rx-quick-view-modal .rx-qv-info h3{color:#23412F!important;font-size:27px!important;line-height:1.18!important;font-weight:900!important;margin:0 0 12px!important} #rx-quick-view-modal .rx-qv-meta{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin:0 0 14px!important} #rx-quick-view-modal .rx-qv-meta span{display:inline-flex!important;align-items:center!important;gap:5px!important;background:#fff!important;color:#23412F!important;border:1px solid #E8E0D3!important;border-radius:999px!important;padding:6px 9px!important;font-size:11px!important;font-weight:800!important} #rx-quick-view-modal .rx-qv-meta i{color:#18a558!important}#rx-quick-view-modal .rx-qv-stock-out,#rx-quick-view-modal .rx-qv-stock-out i{color:#d62828!important} #rx-quick-view-modal .rx-qv-info p{color:#555!important;font-size:13px!important;line-height:1.55!important;max-height:62px!important;overflow:hidden!important;margin:0 0 18px!important} #rx-quick-view-modal .rx-qv-price{display:flex!important;align-items:baseline!important;gap:12px!important;background:#fff!important;border:1px solid #E8E0D3!important;border-radius:14px!important;padding:14px 16px!important;margin-bottom:16px!important} #rx-quick-view-modal .rx-qv-new{color:#23412F!important;font-size:28px!important;font-weight:900!important}#rx-quick-view-modal .rx-qv-old{color:#d62828!important;font-size:16px!important;font-weight:800!important;text-decoration:line-through!important;text-decoration-color:#000!important} #rx-quick-view-modal .rx-qv-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-bottom:14px!important} #rx-quick-view-modal .rx-qv-cart,#rx-quick-view-modal .rx-qv-buy{height:46px!important;border:0!important;border-radius:10px!important;color:#fff!important;font-size:13px!important;font-weight:900!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important} #rx-quick-view-modal .rx-qv-cart{background:#E67E22!important}#rx-quick-view-modal .rx-qv-cart:hover{background:#D35400!important}#rx-quick-view-modal .rx-qv-buy{background:#23412F!important}#rx-quick-view-modal .rx-qv-buy:hover{background:#16291e!important} #rx-quick-view-modal .rx-qv-disabled,#rx-quick-view-modal .rx-qv-cart[disabled],#rx-quick-view-modal .rx-qv-buy[disabled]{opacity:.48!important;cursor:not-allowed!important;filter:grayscale(45%)!important;pointer-events:none!important} #rx-quick-view-modal .rx-qv-detail{display:flex!important;align-items:center!important;justify-content:center!important;height:42px!important;border-radius:10px!important;background:#fff!important;border:1px solid #E8E0D3!important;color:#23412F!important;font-size:13px!important;font-weight:900!important;text-decoration:none!important} #rx-quick-view-modal .rx-qv-detail:hover{border-color:#E67E22!important;color:#E67E22!important} @media(max-width:768px){body.modal-open{overflow:hidden!important}#rx-quick-view-modal.rx-qv-modal,#rx-quick-view-modal.modal{padding:74px 7px 12px!important;background:rgba(22,41,30,.62)!important}#rx-quick-view-modal .rx-qv-dialog{width:auto!important;max-width:100%!important;margin:0 auto!important}#rx-quick-view-modal .rx-qv-content{width:100%!important;max-height:calc(100vh - 92px)!important;overflow-y:auto!important;overflow-x:hidden!important;border-radius:16px!important;box-shadow:0 18px 52px rgba(0,0,0,.32)!important}#rx-quick-view-modal .rx-qv-grid{display:block!important;min-height:0!important}#rx-quick-view-modal .rx-qv-image-wrap{display:flex!important;align-items:center!important;justify-content:center!important;min-height:118px!important;max-height:142px!important;padding:14px 44px 10px 14px!important;background:#fff!important;overflow:visible!important}#rx-quick-view-modal .rx-qv-image-wrap img{display:block!important;visibility:visible!important;opacity:1!important;max-height:112px!important;max-width:82%!important;width:auto!important;height:auto!important;object-fit:contain!important;margin:auto!important}#rx-quick-view-modal .rx-qv-discount{top:9px!important;left:9px!important;right:auto!important;width:38px!important;height:38px!important;font-size:12px!important;z-index:2147483400!important}#rx-quick-view-modal .rx-qv-info{padding:12px 12px 14px!important}#rx-quick-view-modal .rx-qv-kicker{font-size:9px!important;padding:4px 8px!important;margin-bottom:7px!important}#rx-quick-view-modal .rx-qv-info h3{font-size:16px!important;line-height:1.18!important;margin:0 0 8px!important;padding-right:0!important}#rx-quick-view-modal .rx-qv-meta{gap:5px!important;margin-bottom:8px!important}#rx-quick-view-modal .rx-qv-meta span{font-size:9px!important;padding:4px 7px!important}#rx-quick-view-modal .rx-qv-info p{display:none!important}#rx-quick-view-modal .rx-qv-price{padding:9px 10px!important;margin-bottom:9px!important;border-radius:10px!important}#rx-quick-view-modal .rx-qv-new{font-size:20px!important}#rx-quick-view-modal .rx-qv-old{font-size:12px!important}#rx-quick-view-modal .rx-qv-actions{grid-template-columns:1fr 1fr!important;gap:7px!important;margin-bottom:8px!important}#rx-quick-view-modal .rx-qv-cart,#rx-quick-view-modal .rx-qv-buy{height:38px!important;border-radius:8px!important;font-size:10px!important;gap:4px!important}#rx-quick-view-modal .rx-qv-detail{height:36px!important;border-radius:8px!important;font-size:10px!important}#rx-quick-view-modal .rx-qv-close{top:8px!important;right:8px!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}#rx-quick-view-modal .rx-qv-close span{font-size:26px!important;line-height:30px!important}} @media(max-width:380px){#rx-quick-view-modal.rx-qv-modal,#rx-quick-view-modal.modal{padding-top:68px!important}#rx-quick-view-modal .rx-qv-content{max-height:calc(100vh - 82px)!important}#rx-quick-view-modal .rx-qv-image-wrap{min-height:104px!important;max-height:126px!important}#rx-quick-view-modal .rx-qv-image-wrap img{max-height:98px!important}} /* ========================================================== REYONX FAZ-5.3I MFP / LIGHTBOX SETUP Kaynak: reyonx.css içindeki .mfp-* lightbox kuralları. Bu aşamada reyonx.css dosyasına dokunulmadı. Test temiz geçerse aynı bloklar reyonx.css içinden çıkarılacak. ========================================================== */ .mfp-bg{z-index:999990 !important} .mfp-wrap{z-index:999991 !important} @media (min-width:769px){.mfp-wrap{top:150px !important;height:calc(100% - 150px) !important}.mfp-container{padding-top:20px !important;padding-bottom:40px !important}.mfp-close{top:8px !important;right:8px !important;width:44px !important;height:44px !important;line-height:44px !important;opacity:1 !important;color:#111 !important;font-size:34px !important;z-index:999999 !important}} @media (max-width:768px){.mfp-wrap{top:85px !important;height:calc(100% - 85px) !important}.mfp-container{padding-top:14px !important;padding-bottom:30px !important}.mfp-close{top:6px !important;right:6px !important;opacity:1 !important;color:#111 !important;z-index:999999 !important}} @media (min-width:769px){.mfp-content{position:relative !important;overflow:visible !important}.mfp-figure{overflow:visible !important}.mfp-close{position:absolute !important;top:-26px !important;right:-26px !important;width:46px !important;height:46px !important;line-height:46px !important;padding:0 !important;border-radius:50% !important;background:#ffffff !important;color:#111111 !important;opacity:1 !important;font-size:34px !important;font-weight:300 !important;text-align:center !important;box-shadow:0 6px 18px rgba(0,0,0,.28) !important;z-index:1000000 !important;cursor:pointer !important}.mfp-close:hover{background:#E67E22 !important;color:#ffffff !important}} @media (max-width:768px){.mfp-container{padding-top:16px !important;padding-bottom:32px !important}.mfp-content{position:relative !important;overflow:visible !important}.mfp-figure{overflow:visible !important}.mfp-close{position:absolute !important;top:-22px !important;right:-12px !important;width:42px !important;height:42px !important;line-height:42px !important;padding:0 !important;border-radius:50% !important;background:#ffffff !important;color:#111111 !important;opacity:1 !important;font-size:30px !important;text-align:center !important;box-shadow:0 5px 16px rgba(0,0,0,.25) !important;z-index:1000000 !important}} .mfp-content,.mfp-figure{overflow:visible !important} .mfp-close{position:absolute !important;display:flex !important;align-items:center !important;justify-content:center !important;width:34px !important;height:34px !important;min-width:34px !important;min-height:34px !important;padding:0 !important;margin:0 !important;border:0 !important;border-radius:50% !important;background:#ffffff !important;color:transparent !important;font-size:0 !important;line-height:0 !important;text-indent:0 !important;text-shadow:none !important;opacity:1 !important;overflow:hidden !important;box-shadow:0 5px 14px rgba(0,0,0,.25) !important;z-index:1000000 !important;cursor:pointer !important;transition:background .2s ease,transform .2s ease,box-shadow .2s ease !important} .mfp-close:before{content:"" !important;width:14px !important;height:14px !important;display:block !important;background-repeat:no-repeat !important;background-position:center !important;background-size:14px 14px !important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M1.5 1.5L12.5 12.5M12.5 1.5L1.5 12.5' stroke='%23222222' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important} .mfp-close:after{display:none !important;content:none !important} .mfp-close:hover{background:#E67E22 !important;transform:scale(1.04) !important;box-shadow:0 7px 18px rgba(0,0,0,.30) !important} .mfp-close:hover:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M1.5 1.5L12.5 12.5M12.5 1.5L1.5 12.5' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important} @media (min-width:769px){.mfp-container{padding-top:22px !important;padding-bottom:42px !important}.mfp-close{top:-18px !important;right:-18px !important}} @media (max-width:768px){.mfp-wrap{top:82px !important;height:calc(100% - 82px) !important}.mfp-container{padding-top:18px !important;padding-left:8px !important;padding-right:8px !important;padding-bottom:32px !important}.mfp-close{top:-16px !important;right:6px !important;width:32px !important;height:32px !important;min-width:32px !important;min-height:32px !important}.mfp-close:before{width:13px !important;height:13px !important;background-size:13px 13px !important}} /* ========================================================= FAZ-6.4 QUICK VIEW PREMIUM Scope: #rx-quick-view-modal only Notes: ReyonX Core CSS'e dokunmaz. Sadece Quick View modal görsel hissini, aksiyon butonlarını ve mobil oturumu iyileştirir. ========================================================= */ #rx-quick-view-modal .rx-qv-content{ background:linear-gradient(135deg,#F8F4EC 0%,#ffffff 100%) !important; border:1px solid rgba(232,224,211,.95) !important; box-shadow:0 34px 90px rgba(35,65,47,.26),0 10px 28px rgba(0,0,0,.18) !important; } #rx-quick-view-modal .rx-qv-image-wrap{ background:linear-gradient(180deg,#ffffff 0%,#fffaf2 100%) !important; border-right:1px solid #E8E0D3 !important; } #rx-quick-view-modal .rx-qv-image-wrap img{ transition:transform .24s ease,filter .24s ease !important; filter:drop-shadow(0 12px 18px rgba(35,65,47,.08)) !important; } @media (hover:hover) and (pointer:fine){ #rx-quick-view-modal .rx-qv-image-wrap:hover img{ transform:scale(1.025) !important; } } #rx-quick-view-modal .rx-qv-info{ background:linear-gradient(180deg,#F8F4EC 0%,#fffaf5 100%) !important; } #rx-quick-view-modal .rx-qv-kicker{ box-shadow:0 7px 16px rgba(35,65,47,.16) !important; } #rx-quick-view-modal .rx-qv-info h3{ letter-spacing:-.2px !important; } #rx-quick-view-modal .rx-qv-meta span{ box-shadow:0 5px 13px rgba(35,65,47,.06) !important; } #rx-quick-view-modal .rx-qv-price{ box-shadow:0 10px 24px rgba(35,65,47,.08) !important; } #rx-quick-view-modal .rx-qv-cart, #rx-quick-view-modal .rx-qv-buy, #rx-quick-view-modal .rx-qv-detail, #rx-quick-view-modal .rx-qv-close{ transition:background .20s ease,color .20s ease,transform .20s ease,box-shadow .20s ease,border-color .20s ease !important; } @media (hover:hover) and (pointer:fine){ #rx-quick-view-modal .rx-qv-cart:hover, #rx-quick-view-modal .rx-qv-buy:hover, #rx-quick-view-modal .rx-qv-detail:hover{ transform:translateY(-2px) !important; box-shadow:0 10px 22px rgba(35,65,47,.15) !important; } #rx-quick-view-modal .rx-qv-close:hover{ transform:scale(1.05) !important; } } #rx-quick-view-modal .rx-qv-discount{ border:2px solid rgba(255,255,255,.88) !important; box-shadow:0 10px 24px rgba(214,40,40,.24),0 4px 12px rgba(0,0,0,.14) !important; } @media(max-width:768px){ #rx-quick-view-modal.rx-qv-modal, #rx-quick-view-modal.modal{ padding-top:78px !important; } #rx-quick-view-modal .rx-qv-content{ background:#F8F4EC !important; border-radius:18px !important; } #rx-quick-view-modal .rx-qv-image-wrap{ border-right:0 !important; border-bottom:1px solid #E8E0D3 !important; } #rx-quick-view-modal .rx-qv-actions{ position:relative !important; } #rx-quick-view-modal .rx-qv-cart, #rx-quick-view-modal .rx-qv-buy{ white-space:nowrap !important; min-width:0 !important; } } @media (prefers-reduced-motion:reduce){ #rx-quick-view-modal, #rx-quick-view-modal *{ transition:none !important; animation:none !important; } } /* ========================================================= REYONX — QUICK VIEW CLOSE ICON TRUE CENTERING Replaces the font-based × with a centered SVG icon. Scope: Quick View modal close button only. ========================================================= */ #rx-quick-view-modal .rx-qv-close{ display:flex !important; align-items:center !important; justify-content:center !important; padding:0 !important; line-height:1 !important; } #rx-quick-view-modal .rx-qv-close span{ position:relative !important; display:block !important; width:14px !important; height:14px !important; margin:0 !important; padding:0 !important; color:transparent !important; font-size:0 !important; line-height:0 !important; text-indent:-9999px !important; overflow:hidden !important; } #rx-quick-view-modal .rx-qv-close span::before{ content:"" !important; position:absolute !important; inset:0 !important; display:block !important; width:14px !important; height:14px !important; background-repeat:no-repeat !important; background-position:center !important; background-size:14px 14px !important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M1.5 1.5L12.5 12.5M12.5 1.5L1.5 12.5' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") !important; } @media (max-width:768px){ #rx-quick-view-modal .rx-qv-close span, #rx-quick-view-modal .rx-qv-close span::before{ width:13px !important; height:13px !important; background-size:13px 13px !important; } } /* ========================================================= REYONX — QUICK VIEW DETAIL ARROW SPACING Adds a balanced gap between "Ürün detayına git" and the right-arrow icon without changing the button layout. ========================================================= */ #rx-quick-view-modal .rx-qv-detail i{ margin-left:8px !important; margin-right:0 !important; flex:0 0 auto !important; } @media (max-width:768px){ #rx-quick-view-modal .rx-qv-detail i{ margin-left:6px !important; } } /* ========================================================= REYONX FAZ-8.6 — ÜCRETSİZ KARGO ÜRÜN ROZETLERİ Kaynak: Yönetim paneli > Ücretsiz Kargo > Toplam ========================================================= */ .rx-product-image { position: relative; } .rx-free-shipping-card-badge { position: absolute; left: 10px; bottom: 10px; z-index: 6; display: inline-flex; align-items: center; gap: 5px; max-width: calc(100% - 20px); padding: 5px 8px; border: 1px solid rgba(35, 65, 47, .16); border-radius: 999px; background: rgba(248, 244, 236, .96); color: #23412F; box-shadow: 0 5px 14px rgba(35, 65, 47, .12); font-size: 10px; font-weight: 800; line-height: 1; white-space: nowrap; pointer-events: none; } .rx-free-shipping-card-badge .fa { color: #E67E22; } .rx-free-shipping-product-badge { display: inline-flex; align-items: center; gap: 8px; margin: 2px 0 14px; padding: 9px 13px; border: 1px solid rgba(35, 65, 47, .18); border-radius: 999px; background: #F8F4EC; color: #23412F; box-shadow: 0 7px 18px rgba(35, 65, 47, .10); font-size: 13px; font-weight: 800; line-height: 1; } .rx-free-shipping-product-badge .fa { color: #E67E22; } @media (max-width: 767px) { .rx-free-shipping-card-badge { left: 7px; bottom: 7px; padding: 4px 7px; font-size: 9px; } .rx-free-shipping-product-badge { margin-bottom: 11px; padding: 8px 11px; font-size: 12px; } } /* ========================================================= REYONX FAZ-8.6 — QUICK VIEW ÜCRETSİZ KARGO ROZETİ Kapsam yalnızca hızlı ürün inceleme penceresidir. ========================================================= */ #rx-quick-view-modal .rx-qv-meta .rx-qv-free-shipping { display: inline-flex !important; align-items: center !important; gap: 5px !important; background: #fff7e8 !important; color: #23412F !important; border: 1px solid rgba(230, 126, 34, .34) !important; box-shadow: 0 3px 10px rgba(35, 65, 47, .07) !important; font-weight: 900 !important; } #rx-quick-view-modal .rx-qv-meta .rx-qv-free-shipping i { color: #E67E22 !important; }