/* ================= Noya Tech Ekstralar — Ön Yüz ================= */
:root{--nyx-blue:#0284c7;--nyx-blue-d:#0369a1;--nyx-navy:#000b47;--nyx-bd:#e2e8f0;--nyx-soft:#f0f4fa;--nyx-grad:linear-gradient(135deg,#0ea5e9 0%,#0284c7 55%,#0369a1 100%)}

/* ---------- Görev 7: Tekil ürün aksiyon butonları ---------- */
.noya-sp__actions .noya-btn--outline{display:none!important} /* Broşür butonu (JS/PHP ile de kaldırılır) */
.nyx-btn,.noya-sp .nyx-btn,body .nyx-cmp .nyx-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 24px;border:0;border-radius:12px;font:600 15px/1 Inter,-apple-system,"Segoe UI",sans-serif;color:#fff;background:var(--nyx-grad);cursor:pointer;text-decoration:none;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease,background .2s ease;position:relative;white-space:nowrap}
.nyx-btn:hover,.nyx-btn:focus-visible{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 10px 22px rgba(2,132,199,.34),inset 0 1px 0 rgba(255,255,255,.2);color:#fff}
.nyx-btn:focus-visible{outline:2px solid #7dd3fc;outline-offset:2px}
.nyx-btn svg{flex:0 0 auto}
.nyx-btn--compare.is-active{background:linear-gradient(135deg,#10b981 0%,#059669 60%,#047857 100%)}
.nyx-btn--compare.is-active:hover{box-shadow:0 10px 22px rgba(5,150,105,.34)}
.nyx-btn--icon,.noya-sp .nyx-btn--icon{width:50px;min-width:50px;padding:0!important;background:#fff!important;color:#334155!important;border:1.5px solid #cbd5e1!important}
.nyx-btn--icon:hover,.nyx-btn--icon:focus-visible,.noya-sp .nyx-btn--icon:hover{color:var(--nyx-blue)!important;border-color:var(--nyx-blue)!important;background:#f0f9ff!important;box-shadow:0 10px 22px rgba(2,132,199,.18)}
.nyx-btn--icon.is-busy{pointer-events:none;opacity:.6}
.nyx-btn--icon.is-busy svg{animation:nyxPulse 1s infinite}
@keyframes nyxPulse{50%{opacity:.3}}
[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);background:#0f172a;color:#fff;font:500 12px/1.3 Inter,sans-serif;padding:7px 10px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:.18s;z-index:30}
[data-tooltip]::before{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#0f172a;opacity:0;transition:.18s;z-index:30}
[data-tooltip]:hover::after,[data-tooltip]:focus-visible::after{opacity:1;transform:translate(-50%,0)}
[data-tooltip]:hover::before,[data-tooltip]:focus-visible::before{opacity:1}
@media (max-width:767px){.noya-sp__actions .nyx-btn--compare{flex:1 1 auto}.nyx-btn{padding:0 18px}}

/* ---------- Karşılaştırma yüzen çubuğu ---------- */
.nyx-cbar{position:fixed;left:50%;bottom:20px;transform:translate(-50%,140%);z-index:9990;display:flex;align-items:center;gap:14px;background:#0f172a;color:#fff;padding:10px 12px 10px 18px;border-radius:16px;box-shadow:0 20px 50px rgba(15,23,42,.35);transition:transform .3s cubic-bezier(.2,.8,.2,1);font:500 14px Inter,sans-serif;max-width:calc(100vw - 24px)}
.nyx-cbar.is-visible{transform:translate(-50%,0)}
.nyx-cbar__thumbs{display:flex;gap:6px}
.nyx-cbar__thumbs img{width:36px;height:36px;object-fit:contain;background:#fff;border-radius:8px}
.nyx-cbar a.nyx-cbar__go{background:var(--nyx-grad);color:#fff;text-decoration:none;padding:10px 16px;border-radius:10px;font-weight:600}
.nyx-cbar button{background:none;border:0;color:#94a3b8;cursor:pointer;font-size:20px;line-height:1;padding:4px}
.nyx-toast{position:fixed;top:90px;right:20px;z-index:99999;background:#0f172a;color:#fff;padding:12px 16px;border-radius:12px;font:500 14px Inter,sans-serif;box-shadow:0 14px 34px rgba(0,0,0,.25);opacity:0;transform:translateY(-8px);transition:.25s;max-width:320px}
.nyx-toast.show{opacity:1;transform:none}
.nyx-toast a{color:#7dd3fc}

/* ---------- Görev 8: Header sağ alan ---------- */
.elementor-location-header .elementor-element-3013c68b{gap:10px!important;align-items:center}
body .elementor-location-header .elementor-element.elementor-element-7b29a17e .elementor-element.elementor-element-30b44413, body .elementor-location-header .elementor-element.elementor-element-30b44413.elementor-element{width:220px!important;max-width:220px!important;--container-widget-width:220px!important;transition:width .25s ease,max-width .25s ease}
body .elementor-location-header .elementor-element.elementor-element-7b29a17e .elementor-element.elementor-element-30b44413:focus-within, body .elementor-location-header .elementor-element.elementor-element-30b44413.elementor-element:focus-within{width:260px!important;max-width:260px!important}
@media (max-width:1599px){body .elementor-location-header .elementor-element.elementor-element-7b29a17e .elementor-element.elementor-element-30b44413, body .elementor-location-header .elementor-element.elementor-element-30b44413.elementor-element,body .elementor-location-header .elementor-element.elementor-element-7b29a17e .elementor-element.elementor-element-30b44413:focus-within, body .elementor-location-header .elementor-element.elementor-element-30b44413.elementor-element:focus-within{width:140px!important;max-width:140px!important}}
@media (max-width:1399px){body .elementor-location-header .elementor-element.elementor-element-7b29a17e .elementor-element.elementor-element-30b44413, body .elementor-location-header .elementor-element.elementor-element-30b44413.elementor-element,body .elementor-location-header .elementor-element.elementor-element-7b29a17e .elementor-element.elementor-element-30b44413:focus-within, body .elementor-location-header .elementor-element.elementor-element-30b44413.elementor-element:focus-within{width:130px!important;max-width:130px!important}}
@media (max-width:1199px){body .elementor-location-header .elementor-element.elementor-element-7b29a17e .elementor-element.elementor-element-30b44413, body .elementor-location-header .elementor-element.elementor-element-30b44413.elementor-element,body .elementor-location-header .elementor-element.elementor-element-7b29a17e .elementor-element.elementor-element-30b44413:focus-within, body .elementor-location-header .elementor-element.elementor-element-30b44413.elementor-element:focus-within{width:120px!important;max-width:120px!important}}
.elementor-location-header .jkit-search-group{position:relative;display:flex!important;align-items:center;width:100%!important;height:44px;background:#f6f8fb;border:1px solid var(--nyx-bd);border-radius:12px!important;transition:border-color .2s,box-shadow .2s,background .2s;overflow:hidden}
.elementor-location-header .jkit-search-group:hover{border-color:#cbd5e1;background:#fff}
.elementor-location-header .jkit-search-group:focus-within{border-color:var(--nyx-blue);background:#fff;box-shadow:0 0 0 4px rgba(2,132,199,.12)}
.elementor-location-header .jkit-search-field{flex:1 1 auto;width:100%!important;height:42px!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0 8px 0 14px!important;font-size:14px!important;color:#202644!important;box-shadow:none!important;outline:0!important}
.elementor-location-header .jkit-search-field::placeholder{color:#94a3b8}
.elementor-location-header .jkit-search-button{flex:0 0 40px;height:42px!important;width:40px!important;background:transparent!important;border:0!important;color:#475569!important;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .2s}
.elementor-location-header .jkit-search-button:hover{color:var(--nyx-blue)!important}
.elementor-location-header .jkit-search-button svg{width:15px;height:15px;fill:currentColor}
.elementor-location-header .nyh-nl,
.elementor-location-header .elementor-element-7b50b9e .elementor-icon{width:44px!important;height:44px!important;border-radius:12px!important;background:var(--nyx-soft)!important;border:1px solid transparent;display:inline-grid!important;place-items:center;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative}
.elementor-location-header .nyh-nl:hover,
.elementor-location-header .elementor-element-7b50b9e .elementor-icon:hover{transform:translateY(-2px);background:#fff!important;border-color:#bae6fd;color:var(--nyx-blue)!important;box-shadow:0 8px 20px rgba(2,132,199,.18)}
.elementor-location-header .elementor-element-7b50b9e .elementor-icon:hover svg{fill:var(--nyx-blue)}
.elementor-location-header .elementor-element-3f240eee .jkit-menu > li > a{border-radius:10px;padding:10px 12px!important;transition:background .2s,color .2s}
.elementor-location-header .elementor-element-3f240eee .jkit-menu > li > a:hover{background:var(--nyx-soft)}

/* Teklif çantası rozeti */
.nyx-badge-host{position:relative;overflow:visible!important}
.nyx-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;font:700 11px/20px Inter,sans-serif;text-align:center;box-shadow:0 0 0 2px #fff,0 4px 10px rgba(225,29,72,.35);transform:scale(0);transition:transform .25s cubic-bezier(.3,1.6,.5,1);pointer-events:none;z-index:2}
.nyx-badge.is-visible{transform:scale(1)}
.nyx-badge.is-bump{animation:nyxBump .45s ease}
@keyframes nyxBump{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}

/* ---------- Görev 9: Marka logoları ---------- */
.brand-logos-section{padding:56px 0 48px;background:transparent}
.brand-logos-section .container{max-width:1240px;margin:0 auto;padding:0 20px}
.brand-logos-section .section-title{text-align:center;margin:0 0 30px;font-size:clamp(22px,2.4vw,30px);font-weight:700;color:inherit}
.brand-logos-section .section-title small{display:block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin-bottom:8px;font-weight:600}
.brand-logos-section .logo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}
.brand-logos-section .logo-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:110px;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;cursor:default}
.brand-logos-section .logo-card img{max-width:100%;max-height:52px;width:auto;height:auto;object-fit:contain;filter:grayscale(100%);opacity:.6;transition:filter .3s ease,opacity .3s ease}
.brand-logos-section .logo-card__name{font:600 12px/1.25 Inter,sans-serif;color:#64748b;text-align:center;transition:color .3s}
.brand-logos-section .logo-card:hover{transform:translateY(-4px);border-color:#bfdbfe;box-shadow:0 12px 28px rgba(37,99,235,.18)}
.brand-logos-section .logo-card:hover img{filter:grayscale(0);opacity:1}
.brand-logos-section .logo-card:hover .logo-card__name{color:#0b5cad}
.brand-logos-section .logo-card.is-text img{display:none}
.brand-logos-section .logo-card.is-text .logo-card__name{font-size:14px}
@media (max-width:1024px){.brand-logos-section .logo-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:767px){.brand-logos-section{padding:40px 0}.brand-logos-section .logo-grid{grid-template-columns:repeat(2,1fr);gap:12px}.brand-logos-section .logo-card{height:96px}}
.noya-sp .nyx-btn,.noya-sp .nyx-btn .nyx-btn__label{font-size:15px!important;font-weight:600!important;line-height:1!important;letter-spacing:normal!important;text-transform:none!important}
.noya-sp .nyx-btn--compare{color:#fff!important}
.nyx-btn svg,.noya-sp .nyx-btn svg{fill:none!important;stroke:currentColor}
body .brand-logos-section .section-title{color:#0f172a!important;opacity:1!important}body .brand-logos-section .section-title small{color:#0284c7!important;opacity:1!important}

/* Ürün kartlarındaki Karşılaştır butonu (YITH işaretlemesi, yeni sisteme bağlı) */
a.compare.nyx-cmp-on,a.compare.nyx-cmp-on:hover{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border-color:#059669!important}
body ul.products li.product a.compare.nyx-cmp-on,body.woocommerce ul.products li.product a.compare.nyx-cmp-on,body.woocommerce ul.products li.product a.compare.nyx-cmp-on:hover{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border-color:#059669!important}
body.woocommerce ul.products li.product a.compare.nyx-cmp-on svg,body.woocommerce ul.products li.product a.compare.nyx-cmp-on i{color:#fff!important;fill:currentColor}
/* Eski YITH karşılaştırma alt çubuğu ve açılır penceresi artık kullanılmıyor */
#yith-woocompare-preview-bar,#yith-woocompare,.yith-woocompare-popup,#cboxOverlay.yith-woocompare,#colorbox.yith-woocompare{display:none!important}